:root{--ink:#08040d;--night:#100716;--plum:#230c27;--cream:#fbf1df;--gold:#d6b365;--light-gold:#f3d892;--rose:#a92763;--muted:#aaa1ad;--line:rgba(214,179,101,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 18% 23%,rgba(243,216,146,.75) 0 1px,transparent 2px),radial-gradient(circle at 73% 15%,white 0 1px,transparent 2px),radial-gradient(circle at 87% 58%,rgba(243,216,146,.6) 0 1px,transparent 2px),radial-gradient(circle at 27% 82%,white 0 1px,transparent 2px),radial-gradient(circle at 54% 68%,rgba(169,39,99,.8) 0 1px,transparent 2px);background-size:340px 340px,520px 520px,470px 470px,610px 610px,390px 390px;z-index:-1;animation:drift 22s ease-in-out infinite alternate}.topbar{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,4,13,.86);backdrop-filter:blur(14px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:14px}.brand>span:last-child{display:grid;gap:4px}.brand strong{font-size:.74rem;letter-spacing:.25em}.brand small{font-size:.53rem;letter-spacing:.18em;color:#9f95a2}.monogram{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--light-gold);font:500 1.05rem "Cormorant Garamond",serif}.private-mark{font-size:.59rem;letter-spacing:.22em;color:var(--gold)}
.screen{min-height:calc(100vh - 86px);padding:70px 6vw 100px;animation:appear .7s ease}.screen.active{display:block}.welcome{display:grid!important;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 42%,rgba(169,39,99,.18),transparent 34%),radial-gradient(circle at 20% 50%,rgba(214,179,101,.08),transparent 32%)}.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(214,179,101,.15) 50%,transparent 50.2%);pointer-events:none}.welcome-copy{max-width:720px;position:relative;z-index:2}.eyebrow,.step-count{color:var(--gold);font-size:.64rem;letter-spacing:.25em;text-transform:uppercase}.welcome h1,.ritual-head h2,.reading-intro h2{font:400 clamp(3.7rem,6.3vw,7.3rem)/.86 "Cormorant Garamond",serif;letter-spacing:-.045em;margin:.25em 0 .25em}.welcome h1 em,.ritual-head h2 em{color:var(--light-gold);font-weight:500}.lead{max-width:650px;color:#c7bdc8;font:400 clamp(1.17rem,1.6vw,1.5rem)/1.55 "Cormorant Garamond",serif}.button{border:0;cursor:pointer;padding:17px 25px;text-transform:uppercase;font-size:.68rem;font-weight:600;letter-spacing:.15em;transition:transform .2s,filter .2s,opacity .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.07)}.button:focus-visible,.door-card:focus-visible,.oracle-card:focus-visible,.choice-grid label:has(input:focus-visible){outline:2px solid var(--light-gold);outline-offset:4px}.button.gold{margin-top:20px;background:linear-gradient(135deg,#a7792d,var(--light-gold));color:#130c06;box-shadow:0 18px 55px rgba(214,179,101,.16)}.whisper{margin-top:20px;color:#7e7481;font-size:.69rem;letter-spacing:.05em}
.door-cards{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2.2vw,34px);perspective:1400px;position:relative;z-index:2}.door-card{width:min(19vw,270px);aspect-ratio:2/3;padding:0;border:1px solid rgba(214,179,101,.5);background:linear-gradient(145deg,#1a0a20,#07040a);position:relative;cursor:pointer;box-shadow:0 32px 80px rgba(0,0,0,.54),inset 0 0 0 6px #0e0713,inset 0 0 0 7px rgba(214,179,101,.28);transition:transform .5s,box-shadow .5s}.door-card:hover{transform:translateY(-12px) rotateY(-3deg);box-shadow:0 44px 100px rgba(0,0,0,.65),0 0 48px rgba(214,179,101,.12),inset 0 0 0 6px #0e0713,inset 0 0 0 7px rgba(214,179,101,.4)}.becoming-card{transform:translateY(20px)}.becoming-card:hover{transform:translateY(8px) rotateY(3deg)}.card-frame{position:absolute;inset:20px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.card-frame:before,.card-frame:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(214,179,101,.28);border-radius:50%}.card-frame:after{width:42%;transform:rotate(45deg);border-radius:0}.sigil{font:400 3rem "Cormorant Garamond",serif;color:var(--light-gold);text-shadow:0 0 25px rgba(243,216,146,.45);z-index:2}.orbit{position:absolute;width:92%;height:30%;border-top:1px solid rgba(214,179,101,.4);border-radius:50%;transform:rotate(-18deg)}.door-copy{position:absolute;left:25px;right:25px;bottom:27px;text-align:left;z-index:3;background:linear-gradient(transparent,rgba(7,4,10,.94) 28%);padding-top:45px}.door-copy small{display:block;color:var(--gold);font-size:.55rem;letter-spacing:.2em;margin-bottom:8px}.door-copy strong{font:500 clamp(1.25rem,1.9vw,1.85rem)/1 "Cormorant Garamond",serif}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);border:0;background:transparent;color:#8f8592;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.scroll-cue span{color:var(--gold);margin-left:10px}
.gateway,.questions,.chamber,.reading{background:radial-gradient(circle at 50% 0,rgba(111,25,89,.2),transparent 35%)}.ritual-head{max-width:760px;margin:0 auto 50px}.ritual-head h2{font-size:clamp(3.4rem,6vw,6.3rem)}.ritual-head>p:last-child{color:#bcb2bf;font:400 1.25rem/1.55 "Cormorant Garamond",serif;max-width:630px}.ritual-head.compact{margin-bottom:42px}.ritual-head.centred{text-align:center}.ritual-head.centred>p:last-of-type{margin-left:auto;margin-right:auto}.gateway-form,.question-stack{max-width:900px;margin:0 auto;padding:50px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(169,39,99,.035));box-shadow:0 35px 100px rgba(0,0,0,.3)}.gateway-form{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field{display:flex;flex-direction:column;gap:10px}.field.full{grid-column:1/-1}.field>span,legend{color:var(--light-gold);font-size:.69rem;text-transform:uppercase;letter-spacing:.14em}.field input{border:0;border-bottom:1px solid rgba(214,179,101,.45);background:rgba(255,255,255,.018);padding:15px 4px;color:var(--cream);font-size:1.05rem}.field input:focus{outline:0;border-color:var(--light-gold);box-shadow:0 1px 0 var(--light-gold)}.field small{color:#716976;font-size:.65rem}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}.form-actions.full{grid-column:1/-1}.back-link,.restart{border:0;background:transparent;color:#8d838f;cursor:pointer;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.back-link:hover,.restart:hover{color:var(--light-gold)}
.question-stack{display:grid;gap:36px}.question-stack fieldset{border:0;padding:0;margin:0}.question-stack legend{margin-bottom:17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{min-height:62px;display:flex;align-items:center;padding:14px 18px;border:1px solid rgba(214,179,101,.22);color:#bdb5c0;background:rgba(255,255,255,.018);transition:.2s}.choice-grid span:before{content:"";width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg);margin-right:14px;transition:.2s}.choice-grid label:hover span,.choice-grid input:checked+span{border-color:var(--gold);color:var(--cream);background:linear-gradient(100deg,rgba(214,179,101,.11),rgba(169,39,99,.08))}.choice-grid input:checked+span:before{background:var(--light-gold);box-shadow:0 0 16px var(--gold)}
.chamber{display:flex;flex-direction:column;align-items:center}.selection-count{color:var(--light-gold)!important;font-family:"DM Sans",sans-serif!important;font-size:.66rem!important;letter-spacing:.14em;text-transform:uppercase;margin-top:24px!important}.card-spread{width:min(1120px,100%);display:flex;justify-content:center;align-items:center;padding:25px 0 55px;perspective:1300px}.oracle-card{width:clamp(145px,16vw,225px);aspect-ratio:2/3;margin:0 -1.7vw;padding:0;border:0;background:transparent;cursor:pointer;position:relative;transition:transform .45s,filter .35s}.oracle-card:nth-child(1){transform:rotate(-11deg) translateY(35px)}.oracle-card:nth-child(2){transform:rotate(-5deg) translateY(9px)}.oracle-card:nth-child(4){transform:rotate(5deg) translateY(9px)}.oracle-card:nth-child(5){transform:rotate(11deg) translateY(35px)}.oracle-card:hover,.oracle-card.selected{transform:translateY(-28px) scale(1.04)!important;z-index:3;filter:drop-shadow(0 20px 35px rgba(214,179,101,.18))}.oracle-card.selected .card-back{border-color:var(--light-gold);box-shadow:0 0 42px rgba(214,179,101,.28),inset 0 0 0 7px #0a050d,inset 0 0 0 8px var(--gold)}.card-back{position:absolute;inset:0;background:radial-gradient(circle at center,#29112e,#09050c 67%);border:1px solid rgba(214,179,101,.5);box-shadow:0 25px 60px rgba(0,0,0,.5),inset 0 0 0 7px #0a050d,inset 0 0 0 8px rgba(214,179,101,.3);display:grid;place-items:center}.card-back:before{content:"";position:absolute;inset:18px;border:1px solid rgba(214,179,101,.25);background:repeating-radial-gradient(ellipse at center,transparent 0 17px,rgba(214,179,101,.08) 18px 19px)}.card-back i{font:normal 2.5rem "Cormorant Garamond",serif;color:var(--light-gold);z-index:2;text-shadow:0 0 20px var(--gold)}.reveal-button{display:block;margin:0 auto}.reveal-button:disabled{opacity:.35;cursor:not-allowed;transform:none;filter:none}
.reading{padding-left:5vw;padding-right:5vw}.reading-intro{text-align:center;max-width:1000px;margin:0 auto 55px}.reading-intro h2{font-size:clamp(3.5rem,6vw,6.5rem)}.oracle-key{color:var(--gold);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}.revealed-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:0 auto 75px}.revealed-card{position:relative;border:1px solid var(--line);background:#0c0710;overflow:hidden;box-shadow:0 25px 75px rgba(0,0,0,.38);animation:turn .9s ease both}.revealed-card:nth-child(2){animation-delay:.2s}.revealed-card:nth-child(3){animation-delay:.4s}.revealed-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.revealed-card div{padding:22px 24px 25px}.revealed-card small{color:var(--gold);font-size:.57rem;letter-spacing:.18em}.revealed-card h3{font:500 2rem "Cormorant Garamond",serif;margin:8px 0 0}.reading-letter{max-width:940px;margin:0 auto;padding:65px 7vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(214,179,101,.055),rgba(169,39,99,.055))}.reading-letter #reading-copy{font:400 clamp(1.25rem,1.8vw,1.55rem)/1.7 "Cormorant Garamond",serif;color:#d2c9d3}.reading-letter #reading-copy p{margin:0 0 1.1em}.reading-letter #reading-copy strong{color:var(--light-gold);font-weight:500}.reading-letter blockquote{margin:45px 0 25px;padding-left:30px;border-left:1px solid var(--gold);font:500 clamp(2rem,3.2vw,3.2rem)/1.05 "Cormorant Garamond",serif;color:var(--cream)}.disclaimer{color:#716a76;font-size:.67rem;line-height:1.55;margin-top:42px}.deeper{max-width:1120px;margin:105px auto 0;text-align:center}.deeper h3{font:400 clamp(3.4rem,6vw,6.2rem)/.88 "Cormorant Garamond",serif;margin:.25em 0}.deeper h3 em{color:var(--light-gold)}.deeper>p:not(.eyebrow){max-width:650px;margin:0 auto;color:#aaa1ad;font:400 1.2rem/1.55 "Cormorant Garamond",serif}.offer-row{display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin:45px auto 35px}.offer{min-height:250px;padding:34px;text-align:left;border:1px solid var(--line);display:flex;flex-direction:column;background:rgba(255,255,255,.015);transition:.25s}.offer+ .offer{border-left:0}.offer:hover{background:rgba(214,179,101,.08);transform:translateY(-4px)}.offer small{color:var(--gold);font-size:.55rem;letter-spacing:.16em}.offer strong{font:500 2.25rem "Cormorant Garamond",serif;margin:25px 0 7px}.offer span{color:#9c939f;font-size:.78rem}.offer b{margin-top:auto;color:var(--light-gold);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.featured-offer{background:linear-gradient(145deg,rgba(214,179,101,.1),rgba(169,39,99,.1))}.restart{margin-top:20px}footer{padding:30px 5vw;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);color:#6f6873;font-size:.57rem;letter-spacing:.17em}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:translate3d(-8px,-5px,0)}to{transform:translate3d(10px,8px,0)}}@keyframes turn{from{opacity:0;transform:rotateY(90deg) translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:900px){.welcome{grid-template-columns:1fr;padding-top:85px}.welcome:before{display:none}.welcome-copy{text-align:center;margin:0 auto}.door-cards{margin-top:45px}.door-card{width:min(35vw,245px)}.scroll-cue{display:none}.gateway-form,.question-stack{padding:38px}.card-spread{flex-wrap:wrap;gap:14px}.oracle-card{width:170px;margin:0}.oracle-card:nth-child(n){transform:none}.revealed-cards{max-width:760px}.offer-row{max-width:700px}}
@media(max-width:620px){.topbar{height:72px;padding:0 5vw}.private-mark{display:none}.screen{min-height:calc(100vh - 72px);padding:65px 5vw 80px}.welcome{display:block!important}.welcome h1{font-size:clamp(3.35rem,15vw,4.8rem)}.lead{font-size:1.17rem}.door-cards{gap:12px}.door-card{width:43vw}.door-copy{left:16px;right:16px;bottom:19px}.door-copy strong{font-size:1.25rem}.card-frame{inset:13px}.ritual-head h2,.reading-intro h2{font-size:clamp(3.15rem,14vw,4.4rem)}.gateway-form{grid-template-columns:1fr;padding:28px 20px}.field.full,.form-actions.full{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column-reverse}.back-link{text-align:left;padding:10px 0}.choice-grid{grid-template-columns:1fr}.question-stack{padding:28px 20px}.card-spread{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oracle-card{width:100%}.oracle-card:last-child{grid-column:1/-1;width:50%;justify-self:center}.revealed-cards{grid-template-columns:1fr;max-width:340px}.reading-letter{padding:45px 25px}.offer-row{grid-template-columns:1fr}.offer+ .offer{border-left:1px solid var(--line);border-top:0}footer{flex-direction:column;text-align:center;align-items:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.screen[hidden]{display:none!important}

.home-link{font-size:.875rem;color:var(--light-gold);border-bottom:1px solid var(--gold);padding:8px 0}.home-link:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.experience-note{max-width:560px;color:var(--muted);font-size:.875rem;line-height:1.6;margin-top:22px}@media(max-width:620px){.home-link{font-size:.875rem;max-width:100px;text-align:right}.experience-note{margin-inline:auto}}