@font-face{font-family:"Cormorant";src:url(/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url(/fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  --cream:#f7f1e8; --paper:#fffaf3; --cocoa:#3b2a22; --cocoa-soft:#6b5649;
  --gold:#b08d57; --rose:#e9cfc4; --line:rgba(59,42,34,.14);
  --serif:"Cormorant","Didot","Bodoni 72",Georgia,serif;
  --sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--cream);color:var(--cocoa);font-family:var(--sans);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1200px 600px at 85% -10%, rgba(233,207,196,.55), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(176,141,87,.16), transparent 60%);
  background-attachment:fixed;
}
a{color:inherit}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--paper);padding:8px 12px}

/* ── Splash ─────────────────────────── */
.splash{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px 28px;text-align:center}
.top{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--cocoa-soft)}
.hero{max-width:640px;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 0}
.mark{width:84px;height:84px;color:var(--gold)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,9vw,5.2rem);line-height:1;letter-spacing:.01em}
h1 em{display:block;font-style:italic;font-size:.5em;letter-spacing:.18em;text-transform:lowercase;color:var(--gold);margin-top:.5em}
.rule{width:56px;height:1px;background:var(--gold);border:0}
.lead{font-family:var(--serif);font-size:clamp(1.35rem,3.6vw,1.75rem);line-height:1.35;font-style:italic;color:var(--cocoa)}
.sub{max-width:460px;color:var(--cocoa-soft);font-size:.98rem}
.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;background:rgba(255,250,243,.6)}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.langs{font-size:.86rem;color:var(--cocoa-soft);font-family:var(--serif);font-style:italic}
footer{font-size:.75rem;color:var(--cocoa-soft);display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer a{text-decoration:none;border-bottom:1px solid var(--line)}
footer button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){.badge i{animation:none}}

/* ── Consent banner ─────────────────── */
.consent{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 10px 40px rgba(59,42,34,.12);font-size:.86rem;color:var(--cocoa-soft);display:none;z-index:10}
.consent.show{display:block}
.consent p{margin-bottom:12px}
.consent .row{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.btn{font:500 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--cocoa);background:transparent;color:var(--cocoa)}
.btn.solid{background:var(--cocoa);color:var(--paper)}

/* ── Text pages ─────────────────────── */
.doc{max-width:720px;margin:0 auto;padding:56px 20px 80px}
.doc h1{font-size:clamp(2.2rem,6vw,3.2rem);margin-bottom:28px}
.doc h2{font-family:var(--serif);font-weight:600;font-size:1.4rem;margin:32px 0 8px}
.doc p,.doc li{color:var(--cocoa-soft);margin-bottom:10px}
.doc ul{padding-left:20px}
.back{display:inline-block;margin-bottom:32px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}