:root{--ink:#0e0b0c;--ink2:#17120f;--paper:#efe4d0;--muted:#b6a78f;--wax:#8e1b22;--wax2:#b3262f;--gold:#c9a464;--line:rgba(201,164,100,.22)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:"EB Garamond",Georgia,serif;font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:50}
a{color:inherit}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.1}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:"Cormorant SC","Cormorant Garamond",serif;letter-spacing:.28em;font-size:13px;color:var(--gold);text-transform:uppercase}
nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:linear-gradient(var(--ink),transparent)}
.logo{font-family:"Cormorant Garamond",serif;font-size:24px;text-decoration:none;letter-spacing:.04em}
.logo i{color:var(--wax2);font-style:italic}
nav .links a{margin-left:22px;font-size:15px;text-decoration:none;color:var(--muted)}
nav .links a:hover{color:var(--paper)}
.btn{display:inline-block;background:var(--wax);color:#fff;border:0;padding:15px 30px;border-radius:2px;font:inherit;font-size:16px;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:.3s;box-shadow:0 8px 30px rgba(142,27,34,.35)}
.btn:hover{background:var(--wax2);transform:translateY(-2px)}
.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none;color:var(--paper)}
/* hero */
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:120px 24px 80px;background:radial-gradient(ellipse at 50% 30%,#2a1a15 0%,var(--ink) 65%)}
.hero h1{font-size:clamp(44px,7vw,92px);margin:18px 0 22px}
.hero h1 em{color:var(--gold)}
.hero p.sub{max-width:620px;margin:0 auto 36px;color:var(--muted);font-size:21px}
.envelope{width:min(340px,80vw);aspect-ratio:1.55;margin:0 auto 34px;position:relative;background:linear-gradient(160deg,#e9dcc3,#cdbb9a);border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:float 6s ease-in-out infinite}
.envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 49.5%,rgba(0,0,0,.12) 50%,transparent 51%),linear-gradient(to bottom left,transparent 49.5%,rgba(0,0,0,.12) 50%,transparent 51%);clip-path:polygon(0 0,100% 0,50% 58%)}
.envelope .flap{position:absolute;inset:0;background:linear-gradient(180deg,#dccaa8,#c8b590);clip-path:polygon(0 0,100% 0,50% 58%)}
.seal{position:absolute;left:50%;top:58%;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#c83a42,var(--wax) 55%,#5e0f15);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 0 0 6px rgba(0,0,0,.15);display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:34px;color:#f3c9c0;animation:pulse 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes pulse{50%{box-shadow:0 4px 22px rgba(179,38,47,.6),inset 0 0 0 6px rgba(0,0,0,.15)}}
section{padding:110px 0;border-top:1px solid var(--line)}
.head{text-align:center;max-width:680px;margin:0 auto 60px}
.head h2{font-size:clamp(34px,4.5vw,54px);margin:12px 0}
.head p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.step{padding:34px;border:1px solid var(--line);background:var(--ink2)}
.step b{font-family:"Cormorant Garamond",serif;font-size:56px;color:var(--wax2);font-weight:500;line-height:1}
.step h3{font-size:28px;margin:10px 0}
.step p{color:var(--muted);font-size:17px}
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:40px 32px 34px;min-height:480px;border:1px solid var(--line);overflow:hidden;transition:.4s}
.card:hover{transform:translateY(-6px);border-color:var(--gold)}
.card.w{background:linear-gradient(170deg,#2b0f13,#120a0b 70%)}
.card.s{background:linear-gradient(170deg,#171c22,#0c0d10 70%)}
.card.o{background:linear-gradient(170deg,#2c1d10,#110c08 70%)}
.card .mark{font-family:"Cormorant Garamond",serif;font-size:120px;line-height:.8;opacity:.18;position:absolute;right:18px;top:20px;font-style:italic}
.card h3{font-size:40px;margin:14px 0 12px}
.card p{color:var(--muted);font-size:17px;flex:1}
.card .q{font-style:italic;color:var(--paper);margin:18px 0;font-size:18px;border-left:2px solid var(--wax2);padding-left:14px}
.card .go{color:var(--gold);font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.tag{display:inline-block;font-size:12px;letter-spacing:.14em;border:1px solid var(--wax2);color:#e59a9f;padding:3px 8px;margin-left:8px;vertical-align:middle}
.contents{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.items{list-style:none}
.items li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}
.items li span{color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:22px;min-width:30px}
.items li small{display:block;color:var(--muted);font-size:16px}
.stack{position:relative;height:420px}
.paper{position:absolute;background:var(--paper);color:#2a201a;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.5);font-style:italic;font-size:17px}
.paper.a{inset:20px 60px 60px 0;transform:rotate(-4deg)}
.paper.b{inset:60px 0 10px 80px;transform:rotate(3deg);background:#e6d6b8}
.paper .sig{margin-top:16px;font-family:"Cormorant Garamond",serif;font-size:34px;color:var(--wax)}
.key{position:absolute;right:30px;bottom:30px;font-size:13px;letter-spacing:.2em;color:#6b5a48;font-style:normal;text-transform:uppercase}
.join{text-align:center;background:radial-gradient(ellipse at 50% 100%,#2b0f13,var(--ink) 70%)}
.join form{display:flex;gap:10px;max-width:560px;margin:30px auto 14px;flex-wrap:wrap}
.join input,.join select{flex:1;min-width:200px;background:var(--ink2);border:1px solid var(--line);color:var(--paper);padding:15px 16px;font:inherit;font-size:16px}
.join .fine{color:var(--muted);font-size:15px;max-width:560px;margin:0 auto}
.ok{display:none;color:var(--gold);font-size:22px;font-style:italic;margin-top:20px}
.faq{max-width:760px;margin:0 auto}
details{border-bottom:1px solid var(--line);padding:22px 0}
summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:26px;list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";color:var(--gold);transition:.3s}
details[open] summary:after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:12px;font-size:17px}
footer{padding:60px 0;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}
.ph{color:#e59a9f}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.steps,.stories{grid-template-columns:1fr}.contents{grid-template-columns:1fr}.card{min-height:auto}nav .links a:not(.cta){display:none}section{padding:80px 0}.stack{height:360px}}