:root{--ink:#0B0907;--soot:#17120D;--amber:#E0A04A;--brass:#B07A2E;--parch:#EADFC8;--smoke:#8C7F6A}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--parch);font:18px/1.7 "EB Garamond",Georgia,serif}
a{color:var(--amber)}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600;letter-spacing:.02em;line-height:1.2}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.4em 0}h2{font-size:2rem;color:var(--parch)}h3{font-size:1.35rem;margin:.3em 0}
main{max-width:1100px;margin:0 auto;padding:0 20px}section{padding:56px 0}
.narrow{max-width:720px;margin-left:auto;margin-right:auto}.center{text-align:center}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #2a2118}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Cormorant SC",serif;letter-spacing:.3em;color:var(--parch)}
.brand img{border-radius:50%}
nav a{font-family:"Cormorant SC",serif;letter-spacing:.12em;color:var(--parch);text-decoration:none;margin-left:18px}nav a:hover{color:var(--amber)}
.hero{text-align:center;padding-top:72px;background:radial-gradient(circle at 50% 30%,rgba(224,160,74,.18),transparent 55%)}
.seal{border-radius:50%;box-shadow:0 0 60px rgba(224,160,74,.35)}
.lede{font-size:1.2rem;color:var(--parch);max-width:640px;margin:0 auto 1.4em}
.btn{display:inline-block;font:600 1rem "Cormorant SC",serif;letter-spacing:.2em;background:var(--amber);color:var(--ink);border:1px solid var(--amber);padding:12px 26px;margin:6px;text-decoration:none;cursor:pointer;border-radius:2px;transition:.2s}
.btn:hover{background:var(--brass);border-color:var(--brass)}.btn.ghost{background:transparent;color:var(--amber)}.btn.ghost:hover{color:var(--ink);background:var(--amber)}
.quiet{color:var(--smoke);font-size:.95rem}
.panel{background:var(--soot);border:1px solid #2a2118;padding:36px;border-radius:4px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:var(--soot);border:1px solid #2a2118;padding:26px;border-radius:4px;position:relative}
.ph{aspect-ratio:4/3;background:linear-gradient(135deg,#1e1711,#0f0b08);display:grid;place-items:center;color:var(--smoke);font-style:italic;margin-bottom:12px}
.tag{position:absolute;top:34px;left:34px;font:600 .75rem "Cormorant SC",serif;letter-spacing:.2em;background:var(--ink);color:var(--amber);padding:2px 8px}
.price{color:var(--amber);font-family:"Cormorant Garamond",serif}
.orn{list-style:none;padding:0}.orn li{padding:10px 0;border-bottom:1px solid #2a2118}.orn li:before{content:"✦ ";color:var(--amber)}
.todo{color:#d98b6a;font-style:italic;font-size:.95rem}
footer{text-align:center;border-top:1px solid #2a2118;padding:36px 20px;color:var(--smoke);font-size:.95rem}footer a{color:var(--smoke)}.small{font-size:.85rem}
fieldset{border:0;padding:0;margin:0}legend{font:600 1.7rem "Cormorant Garamond",serif;margin-bottom:14px}
.step{display:none}.step.active{display:block}.progress{font-family:"Cormorant SC";letter-spacing:.2em;color:var(--smoke)}
.opt{display:block;margin:8px 0;cursor:pointer}.opt input{position:absolute;opacity:0}
.opt span{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border:1px solid #3a2e22;border-radius:3px;transition:.15s}
.opt input:checked+span{border-color:var(--amber);box-shadow:0 0 18px rgba(224,160,74,.25);color:var(--amber)}
.opt input:focus-visible+span{outline:2px solid var(--amber)}.row{display:flex;gap:10px}.row .opt{flex:1}
.field{display:block;margin:16px 0}.field input,.field textarea{display:block;width:100%;margin-top:6px;background:var(--ink);color:var(--parch);border:1px solid #3a2e22;padding:10px;font:inherit;border-radius:3px}
.help{color:var(--smoke);font-size:.95rem}.check{display:block;margin:10px 0}.nav{display:flex;justify-content:space-between;margin-top:24px}
.summary{color:var(--amber);font-style:italic}
details{border-bottom:1px solid #2a2118;padding:14px 0}summary{cursor:pointer;font:600 1.25rem "Cormorant Garamond",serif}
@media(max-width:600px){nav a{margin:0 14px 0 0}.panel{padding:22px}.top{justify-content:center}}
[hidden]{display:none!important}nav a{white-space:nowrap}
@media(max-width:600px){nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}nav a{margin:0;font-size:.95rem}}
.steps{padding-left:1.2em}.steps li{margin:10px 0}.steps li::marker{color:var(--amber);font-family:"Cormorant Garamond"}
.tier .price{font-size:1.15rem}.small-field{font-size:.92rem}p.field{margin:18px 0 4px}
.lockup{max-width:min(420px,80vw);height:auto;filter:drop-shadow(0 0 40px rgba(224,160,74,.25))}
.mark{height:auto;filter:drop-shadow(0 0 30px rgba(224,160,74,.3))}.brand img{border-radius:0}.hero h1{margin-top:.2em}
.lockup,.mark,.brand img{mix-blend-mode:screen}
.lockup,.mark{filter:none}
.tight{padding:28px 0}
.three{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;counter-reset:s}
.three li{counter-increment:s;background:var(--soot);border:1px solid #2a2118;padding:20px;border-radius:4px;text-align:center}
.three li:before{content:counter(s);display:block;font:600 1.8rem "Cormorant Garamond";color:var(--amber)}
.three b{display:block;font-family:"Cormorant Garamond";font-size:1.2rem;margin-bottom:4px}
.arrive{list-style:none;padding:0;display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.arrive li{flex:1;min-width:150px}.arrive li:before{content:"✦";display:block;color:var(--amber);font-size:1.4rem}
a.card.link{text-decoration:none;color:var(--parch)}a.card.link:hover{border-color:var(--brass)}
.tier>span{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px}.range{font:600 1.15rem "Cormorant Garamond",serif;letter-spacing:.03em;color:var(--parch)}
.soft{color:var(--smoke);font-style:italic;font-size:.95rem;white-space:nowrap}.opt input:checked+span .soft{color:var(--amber)}.opt input:checked+span .range{color:var(--amber)}
.aside{margin-top:1.6em;color:var(--parch);font-size:1.1rem}.signoff{font-family:"Cormorant SC",serif;letter-spacing:.2em;color:var(--amber);margin-top:.8em}
/* v15 secret-society touches */
.eyebrow{font-family:"Cormorant SC",serif;letter-spacing:.3em;color:var(--smoke);font-size:.9rem;margin-top:14px}
.step.active{animation:page .7s ease both}
@keyframes page{from{opacity:0;transform:translateY(10px) rotateX(6deg)}to{opacity:1;transform:none}}
.opt span{transition:border-color .25s,box-shadow .35s,color .25s}
.opt:hover span{border-color:var(--brass);box-shadow:0 0 14px rgba(224,160,74,.12)}
.opt input:checked+span{box-shadow:0 0 22px rgba(224,160,74,.3),inset 0 0 12px rgba(224,160,74,.08)}
.box{position:relative;width:220px;height:160px;margin:24px auto;background:linear-gradient(160deg,#1a1510,#050403);border:1px solid #2a2118;border-radius:3px;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 60px rgba(224,160,74,.08);padding:0;display:block;cursor:default}
.box.small{width:180px;height:130px}
.ribbon{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 5px),#0e0c0a calc(50% - 5px),#221c16 50%,#0e0c0a calc(50% + 5px),transparent calc(50% + 5px)),linear-gradient(0deg,transparent calc(50% - 5px),#0e0c0a calc(50% - 5px),#221c16 50%,#0e0c0a calc(50% + 5px),transparent calc(50% + 5px))}
.seal-svg{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.65)) drop-shadow(0 0 16px rgba(224,160,74,.3))}
.sealing{position:fixed;inset:0;background:rgba(11,9,7,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;text-align:center}
.sealing .seal-svg{opacity:0;transform:translate(-50%,-50%) scale(1.8)}
.sealing.go .seal-svg{animation:press 1.1s .5s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes press{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}60%{opacity:1;transform:translate(-50%,-50%) scale(.92)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.sealed-msg{font:600 1.8rem "Cormorant Garamond",serif;opacity:0}.sealing.go .sealed-msg{animation:fadein .8s 1.5s forwards}
@keyframes fadein{to{opacity:1}}
.box.tap{cursor:pointer}.box.tap:focus-visible{outline:2px solid var(--amber)}
.box.broken .seal-svg{animation:breakseal .7s forwards}
@keyframes breakseal{to{opacity:0;transform:translate(-50%,-30%) scale(.7) rotate(-18deg)}}
.card-letter{background:#EADFC8;color:#2a1e12;max-width:420px;margin:10px auto 24px;padding:34px 30px;border-radius:2px;box-shadow:0 20px 50px rgba(0,0,0,.5);animation:unfold .9s ease both;transform-origin:top}
.card-letter .to{font-family:"Cormorant SC";letter-spacing:.2em;color:#8a5a20}.card-letter .note{font-size:1.25rem;font-style:italic}.card-letter .signoff{color:#8a5a20}
@keyframes unfold{from{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}.sealing .seal-svg{opacity:1;transform:translate(-50%,-50%)}.sealed-msg{opacity:1}}
