@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root {
  --bg: #f6f0e7;
  --bg-alt: #fffaf4;
  --surface: rgba(255, 255, 255, 0.84);
  --surface-strong: #fffdf9;
  --text: #231b16;
  --muted: #62564d;
  --line: rgba(35, 27, 22, 0.12);
  --accent: #7c2f2f;
  --accent-2: #b86f43;
  --shadow: 0 18px 50px rgba(35, 27, 22, 0.08);
  --radius: 24px;
  --radius-sm: 16px;
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(184, 111, 67, 0.08), transparent 26%),
    linear-gradient(180deg, #f8f2ea 0%, #f5eee4 100%);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.container { width: min(var(--container), calc(100% - 2rem)); margin: 0 auto; }
.narrow { width: min(840px, calc(100% - 2rem)); }
.section { padding: 52px 0 88px; }
.section-alt { background: rgba(255,255,255,0.42); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.site-header { position: sticky; top: 0; z-index: 100; backdrop-filter: blur(16px); background: rgba(246,240,231,.82); border-bottom: 1px solid var(--line); }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:76px; }
.brand { font-family: 'Cormorant Garamond', serif; font-size:2.2rem; font-weight:700; letter-spacing:.02em; white-space:nowrap; }
.brand span { color: var(--accent); }
.site-nav { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.site-nav a { color: var(--muted); font-weight:600; }
.site-nav a.btn { color: #fff8f2; }
.site-nav a.active { color: var(--text); }
.nav-tools { display:flex; align-items:center; gap:.75rem; }
.lang-switch { display:inline-flex; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.7); overflow:hidden; }
.lang-switch button { appearance:none; border:0; background:transparent; padding:.55rem .85rem; font-weight:800; cursor:pointer; color:var(--muted); }
.lang-switch button.is-active { background:var(--text); color:#fff8f2; }
.hero { min-height:84vh; position:relative; display:grid; align-items:center; background:linear-gradient(120deg, rgba(35,27,22,.72), rgba(35,27,22,.38)), url('fond.jpg') top/cover; }
.hero::after { content:""; position:absolute; inset:auto 0 0 0; height:140px; background:linear-gradient(180deg, transparent, rgba(245, 238, 228, .98)); }
.hero-content { position:relative; z-index:2; color:#fff8f2; max-width:760px; padding:80px 0; }
.page-hero { padding:110px 0 50px; }
.page-hero-img { background:linear-gradient(120deg, rgba(35,27,22,.68), rgba(35,27,22,.32)), var(--hero-img) center/cover; }
.page-hero-img h1, .page-hero-img p, .page-hero-img .eyebrow { color:#fff8f2; }
.page-hero-img .muted { color:rgba(255,248,242,.75); }
.hero h1, .page-hero h1, h2, h3 { font-family:'Cormorant Garamond', serif; line-height:.98; }
.hero h1 { font-size: clamp(3.4rem, 7vw, 6rem); margin:0 0 1rem; }
.page-hero h1, h2 { font-size: clamp(2.4rem, 4vw, 3.5rem); margin:0 0 1rem; }
h3 { font-size:1.7rem; margin:0 0 .7rem; }
.lead { font-size:1.12rem; max-width:60ch; }
.eyebrow { margin:0 0 .8rem; text-transform:uppercase; letter-spacing:.16em; font-size:.82rem; font-weight:800; color:var(--accent-2); }
.hero .eyebrow { color:#f6d7bf; }
.cta-row { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 1.25rem; border-radius:999px; font-weight:800; color:#fff8f2; background:linear-gradient(135deg, var(--accent), #5f1f1f); box-shadow:var(--shadow); }
.btn-secondary { background:transparent; border:1px solid var(--line); color:var(--text); }
.btn-disabled, .btn[disabled] { background:var(--line); color:var(--muted); border:none; cursor:not-allowed; opacity:.7; }
.hero .btn-secondary { border-color: rgba(255,248,242,.35); color:#fff8f2; }
.btn-sm { min-height:42px; padding:0 1rem; font-size:.92rem; }
.grid { display:grid; gap:1.4rem; }
.cards-4 { grid-template-columns:repeat(4,1fr); }
.cards-3 { grid-template-columns:repeat(3,1fr); }
.split { display:grid; grid-template-columns:1.15fr .85fr; gap:2rem; align-items:stretch; }
.card { background:var(--surface); border:1px solid rgba(255,255,255,.55); border-radius:var(--radius); box-shadow:var(--shadow); padding:1.7rem; min-height:160px; }
.card-link { display:block; text-decoration:none; color:inherit; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease; }
.card-link:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(80,30,20,.13); }
.accent-card { background:linear-gradient(145deg, rgba(124,47,47,.98), rgba(86,27,27,.95)); color:#fff8f2; border-color:rgba(255,255,255,.12); }
.accent-card .eyebrow { color:#f3c4a0; }
.section-head { text-align:center; margin-bottom:2rem; }
.section-head.left { text-align:left; }
.check-list { list-style:none; margin:1rem 0 0; padding:0; }
.check-list li { position:relative; padding-left:1.4rem; margin-bottom:.7rem; }
.check-list li::before { content:'•'; position:absolute; left:.35rem; color:var(--accent); font-weight:800; }
.compact li { margin-bottom:.5rem; }
.media-nav { background:rgba(255,248,242,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); padding:.75rem 0; position:sticky; top:64px; z-index:90; }
.media-nav .container { display:flex; gap:.75rem; }
.shorts-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:1.4rem; margin-bottom:1.4rem; }
.video-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:1.4rem; }
.media-card { background:var(--surface); border:1px solid rgba(255,255,255,.55); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.embed-wrap { aspect-ratio:16/9; background:#000; }
.embed-vertical { aspect-ratio:9/16; }
.embed-wrap iframe { width:100%; height:100%; border:0; }
.media-copy { padding:1.2rem 1.35rem 1.45rem; }
.photo-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:3px; }
.photo-grid figure { margin:0; padding:0; overflow:hidden; }
.photo-grid figure img { width:100%; height:100%; object-fit:contain; display:block; cursor:zoom-in; }
.photo-grid figure:nth-child(1) { grid-column:span 4; aspect-ratio:16/9; }
.photo-grid figure:nth-child(2) { grid-column:span 2; aspect-ratio:9/10; }
.photo-grid figure:nth-child(3) { grid-column:span 2; aspect-ratio:9/10; }
.photo-grid figure:nth-child(4) { grid-column:span 4; aspect-ratio:16/9; }
.photo-grid figure:nth-child(5) { grid-column:span 2; aspect-ratio:4/3; }
.photo-grid figure:nth-child(6) { grid-column:span 2; aspect-ratio:4/3; }
.photo-grid figure:nth-child(7) { grid-column:span 2; aspect-ratio:4/3; }
.photo-tile { overflow:hidden; }
.photo-tile figcaption { position:absolute; left:1rem; right:1rem; bottom:1rem; z-index:2; color:#fff8f2; font-weight:700; }
.faq-list { display:grid; gap:1rem; }
.faq-item { background:rgba(255,255,255,.65); border-radius:var(--radius-sm); border:1px solid var(--line); padding:1rem 1.2rem; }
.faq-item summary { cursor:pointer; font-weight:700; }
.site-footer { padding:42px 0 52px; border-top:1px solid var(--line); }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:2rem; }
.footer-links { list-style:none; margin:0; padding:0; }
.footer-links li { margin-bottom:.65rem; color:var(--muted); }
.footer-links a, .contact-link { display:inline-flex; align-items:center; gap:.45rem; }
.price { font-size:1.8rem; font-weight:700; line-height:1; color:var(--muted); }
.cta-banner { background:linear-gradient(145deg, rgba(35,27,22,.94), rgba(66,44,35,.92)); color:#fff8f2; border-radius:calc(var(--radius)+6px); padding:2rem; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; box-shadow:var(--shadow); }
.muted { color: var(--muted); }
.form-group { display:flex; flex-direction:column; gap:.4rem; margin-bottom:1rem; }
.form-group label { font-weight:700; font-size:.9rem; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:.7rem 1rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(255,255,255,.8); font-family:inherit; font-size:1rem; color:var(--text); outline:none; transition:border-color .15s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--accent); }
.form-group textarea { resize:vertical; min-height:130px; }
.grecaptcha-badge { visibility:hidden !important; }
.recaptcha-notice { margin-top:.75rem; font-size:.75rem; color:var(--muted); }
.recaptcha-notice a { color:var(--muted); text-decoration:underline; }
.newsletter-form { display:flex; gap:.75rem; margin-top:1.5rem; max-width:480px; margin-left:auto; margin-right:auto; }
.newsletter-form input[type="email"] { flex:1; padding:.75rem 1rem; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(255,255,255,.85); font-family:inherit; font-size:1rem; color:var(--text); outline:none; transition:border-color .15s; }
.newsletter-form input[type="email"]:focus { border-color:var(--accent); }
@media (max-width:480px) { .newsletter-form { flex-direction:column; } }
.form-group select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2362564d' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; padding-right:2.5rem; }
@media (max-width:1040px){ .cards-4{grid-template-columns:repeat(2,1fr);} .cards-3{grid-template-columns:repeat(2,1fr);} .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));} .split,.footer-grid{grid-template-columns:1fr;} .cta-banner{flex-direction:column;align-items:flex-start;} }
@media (max-width:640px){ .cards-4,.cards-3,.video-grid{grid-template-columns:1fr;} .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .photo-grid figure{grid-column:span 1 !important; aspect-ratio:1/1 !important;} }
@media (max-width:760px){ .site-nav{display:none;} .hero{min-height:78vh;} .hero h1{font-size:3rem;} .section{padding:40px 0 72px;} .nav-wrap{flex-wrap:wrap;} }


.menu-toggle { display:none; width:48px; height:48px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.78); cursor:pointer; position:relative; }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after { content:""; position:absolute; left:50%; width:20px; height:2px; background:var(--text); transform:translateX(-50%); transition:transform .2s ease, opacity .2s ease, top .2s ease; }
.menu-toggle span { top:50%; margin-top:-1px; }
.menu-toggle span::before { top:-6px; }
.menu-toggle span::after { top:6px; }
.menu-toggle.is-open span { background:transparent; }
.menu-toggle.is-open span::before { top:0; transform:translateX(-50%) rotate(45deg); }
.menu-toggle.is-open span::after { top:0; transform:translateX(-50%) rotate(-45deg); }
@media (max-width: 860px) {
  .nav-wrap { position:relative; flex-wrap:wrap; }
  .menu-toggle { display:inline-block; order:2; }
  .nav-tools { order:1; margin-left:auto; }
  .site-nav { display:none; width:100%; order:3; flex-direction:column; align-items:stretch; gap:.3rem; padding:1rem; margin-bottom:1rem; background:rgba(255,250,244,.98); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
  .site-nav.is-open { display:flex; }
  .site-nav a { padding:.75rem .35rem; }
  .site-nav a.btn { width:100%; }
}