/* The hero is pure moving symbols. Cards begin in the following section. */
.vortex-hero{position:relative;isolation:isolate;min-height:calc(100svh - 106px);height:max(700px,calc(100svh - 106px));display:flex;align-items:center;justify-content:center;margin:0 -40px;overflow:hidden;background:#fff}
.essence-vortex{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.vortex-invitation{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:760px;padding:60px 24px 88px;background:radial-gradient(ellipse at center,#fffffffa 35%,#ffffffdd 58%,#ffffff00 73%)}
.vortex-invitation h1{font-size:clamp(55px,6.2vw,88px);line-height:1.01;letter-spacing:-.035em}
.vortex-invitation>p:not(#introStatus){font-size:14px;line-height:1.8;max-width:49ch;color:#555}
.vortex-invitation .pill{align-self:center;margin-top:5px}
.vortex-invitation .hero-details{justify-content:center}
.vortex-footer{position:absolute;bottom:22px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;color:#666}
.vortex-footer a{color:#333;text-decoration:none;padding:10px 0}
.vortex-footer .motion-toggle{min-height:32px}
.card-reveal-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border-top:1px solid #e6e6e6;padding:85px 0 70px;scroll-margin-top:25px}
.card-invitation{gap:28px}.card-invitation h2{font-size:clamp(45px,5vw,68px)}
.card-invitation>p{font-size:14px;line-height:1.9;max-width:43ch;color:#555}.card-invitation .card-tease{font:italic 27px/1.3 var(--display);color:#060606}
@media(max-width:1000px){.vortex-hero{margin-inline:-25px}.vortex-invitation{max-width:680px}.card-reveal-section{gap:35px}}
@media(max-width:700px){.vortex-hero{margin-inline:-23px;height:max(730px,calc(100svh - 80px));min-height:calc(100svh - 80px)}.vortex-invitation{padding:80px 26px 100px;gap:24px;max-width:100%}.vortex-invitation h1{font-size:clamp(46px,9vw,64px)}.vortex-invitation .eyebrow{font-size:9px;letter-spacing:.15em}.vortex-invitation>p:not(#introStatus){font-size:13px;max-width:31ch}.desktop-break{display:none}.vortex-footer{left:23px;right:23px;gap:10px;font-size:9px}.vortex-footer>span{max-width:120px}.card-reveal-section{grid-template-columns:1fr;padding:48px 0;gap:30px}.card-invitation h2{font-size:48px}.card-reveal-section .hero-artwork{justify-self:center}}
/* Living Paper edition: white, antique gold and a single deep-ink pause. */
:root{--warm-gold:#846337;--paper:#f5f0e7;--paper-line:#ded1bc}
.vortex-invitation h1 em{color:var(--warm-gold)}
.vortex-invitation .eyebrow{color:var(--warm-gold)}
.vortex-invitation .pill{background:#171512;border-color:#171512;box-shadow:0 8px 26px #84633715}
.vortex-invitation .pill:after{color:#d2b584}
.essence-vortex{filter:sepia(.65)}
.card-reveal-section{position:relative;border:0!important;isolation:isolate;padding-block:100px!important}
.card-reveal-section:before{content:"";position:absolute;inset:0 calc(-1 * max(64px,(100vw - 1192px)/2));background:var(--paper);z-index:-1}
.card-invitation>.eyebrow,.promise-heading>.eyebrow,.gates-introduction .eyebrow{color:var(--warm-gold)}
.card-invitation h2 em{color:var(--warm-gold)}
.card-reveal-section .teaser-card{width:clamp(240px,23vw,300px);height:auto;aspect-ratio:2/3;border:0;background:#806137;border-radius:14px;box-shadow:0 30px 45px #49301b24}
.card-reveal-section .teaser-card:before{z-index:4;border-color:#eee0c070;inset:8px}
.paper-card-face{position:absolute;inset:0;display:block;width:100%;height:100%;filter:none;object-fit:cover}
.paper-title-cover{position:absolute;inset:0 0 49%;background:linear-gradient(135deg,#74562f,#8d6c3e 65%,#7e5f34);border-radius:14px 14px 0 0;z-index:2}
.paper-title-cover:after{content:"";position:absolute;top:100%;height:40px;left:0;right:0;background:linear-gradient(#7e5f34,transparent)}
.paper-title-cover .card-edition{color:#f6eddb;font-size:8px;letter-spacing:.19em;top:35px}
.paper-question{position:absolute;left:15px;right:15px;top:45%;text-align:center;font:400 clamp(24px,2.3vw,31px)/1.16 var(--display);color:#fffaf0}
.paper-question em{font-weight:400}
.card-reveal-section .card-back{background:linear-gradient(135deg,#e8dac0,#faf6ee);border:1px solid #d5c4a7}
.card-reveal-section .card-back:before{border-color:#b59668}.card-reveal-section .card-back .card-edition,.card-reveal-section .card-back .card-whisper{color:#71522a}
.card-reveal-section .card-origin{border-color:#967644}.card-reveal-section .card-origin:after{background:#967644}
.card-reveal-section .stage-orbit,.card-reveal-section .stage-orbit:after{border-color:#d8c8ad}
.card-reveal-section .reveal-caption{color:#74552f}.card-reveal-section .motion-caption{color:#725e43}.card-reveal-section .motion-toggle{color:#725e43;border-color:#b69a70}
.recognition-section{position:relative;isolation:isolate;border:0;padding-block:100px;color:#fffaf2}
.recognition-section:before{content:"";position:absolute;inset:0 calc(-1 * max(64px,(100vw - 1192px)/2));background:#191816;z-index:-1}
.recognition-section>.eyebrow{color:#c6aa7d}.recognition-section h2 em{color:#d8bc8c}.recognition-lines{color:#e8e1d6}.recognition-lines p{border-color:#ffffff25}
.reading-promise{border:0;padding-block:100px}.promise-number{color:var(--warm-gold)}.promise-list>div{border-color:var(--paper-line)}
.gates-introduction{border-color:var(--paper-line);padding-block:85px}.gates-introduction h2 em{color:var(--warm-gold)}.gates-introduction .sovereignty{color:#846337}
.closing-invitation{position:relative;isolation:isolate;border:0;padding:95px 20px!important;margin-top:30px;color:#fffaf1}
.closing-invitation:before{content:"";position:absolute;inset:0 calc(-1 * max(64px,(100vw - 1192px)/2));background:#7a5b32;z-index:-1}
.closing-invitation .eyebrow,.closing-invitation .fine,.closing-invitation .answer-guide{color:#f4e7d0}.closing-invitation .pill{background:#fffaf1;color:#49341b;border-color:#fffaf1}
.signature-candle{padding-top:65px!important}.signature-candle figcaption em{color:#846337}
@media(max-width:1000px){.card-reveal-section:before,.recognition-section:before,.closing-invitation:before{inset-inline:-35px}.card-reveal-section .teaser-card{width:235px}.card-reveal-section{gap:40px}}
@media(max-width:700px){.card-reveal-section:before,.recognition-section:before,.closing-invitation:before{inset-inline:-23px}.card-reveal-section{padding-block:55px!important}.recognition-section{padding-block:65px}.reading-promise{padding-block:60px}.closing-invitation{padding-block:65px!important}.paper-question{font-size:27px}.card-reveal-section .mystery-stage{height:440px}}

/* The quiz invitation: an editorial white canvas with supplied Gate artwork. */
:root{--bg:#fff;--surface:#fff;--ink:#060606;--gold:#060606;--gold-soft:#b6b6b6;--sel:#f5f5f5;--line:#e6e6e6;--muted:#666}
.pill{border-radius:999px;background:#060606;color:#fff;border-color:#060606;padding:17px 29px;letter-spacing:.02em}
.pill.ghost{background:#fff;color:#060606;border-color:#060606}
.pill:hover{background:#272727;color:#fff}
.gate-deck img,.gate-art img{filter:grayscale(1)}
.opt:hover{background:#fafafa}
.origin-point:after{background:#060606}
.question-number,.promise-number{color:#060606}
.quiz-landing{padding-bottom:30px}
.magnetic-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:65px 0 70px}
.hero-invitation{display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-width:0}
.hero-invitation h1{font-size:clamp(65px,6.8vw,96px);line-height:.92;letter-spacing:-.04em}
.hero-invitation h1 em{font-weight:400}
.hero-promise{font-size:15px;line-height:1.8;max-width:43ch;color:#555}
.hero-details{display:flex;flex-wrap:wrap;gap:7px 17px;font-size:11px;color:#666666}
.hero-details span+span:before{content:"·";margin-right:17px}
.hero-artwork{position:relative;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:center;align-self:stretch;justify-content:center}
.art-index{font-size:9px;text-transform:uppercase;letter-spacing:.15em;text-align:center;color:#666666}
.gate-deck{position:relative;width:100%;height:485px;max-width:460px;margin:10px auto 0}
.gate-deck img{display:block;width:65%;max-width:280px;height:auto;position:absolute;border-radius:8px;box-shadow:0 15px 32px #00000012}
.deck-back{left:2%;top:8px;transform:rotate(-9deg)}
.deck-front{right:0;top:53px;transform:rotate(8deg)}
.art-footnote{align-self:flex-end;font-size:11px;text-transform:uppercase;letter-spacing:.16em;line-height:1.8;border-left:1px solid #060606;padding-left:15px}
.art-footnote em{font-family:var(--display);text-transform:none;letter-spacing:0;font-size:23px}
.recognition-section{padding:70px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:30px 70px;align-items:end}
.recognition-section>.eyebrow{grid-column:1/-1}
.recognition-section h2{font-size:clamp(43px,4.6vw,65px);line-height:1.03}
.recognition-lines{display:flex;flex-direction:column;gap:24px;padding-bottom:8px;font-size:15px;line-height:1.8}
.recognition-lines p{border-bottom:1px solid var(--line);padding-bottom:22px}
.reading-promise{border-top:1px solid var(--line);padding:75px 0;display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}
.promise-heading h2{font-size:clamp(42px,4.4vw,62px);line-height:1.03}
.promise-heading>p{font-size:14px;line-height:1.8;max-width:39ch;color:#666666}
.promise-list{display:flex;flex-direction:column}
.promise-list>div{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--line)}
.promise-list>div:first-child{padding-top:0;border-top:0}
.promise-number{font:italic 28px/1.2 var(--display);color:#060606;flex:0 0 40px}
.promise-list h3{font-size:29px;line-height:1.2;margin-bottom:12px}
.promise-list p{font-size:14px;line-height:1.75;color:#666666;max-width:37ch}
.gates-introduction{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:70px 0;align-items:center}
.gates-map{min-width:0}
.gates-map .wheel{max-width:420px}
.gates-introduction h2{font-size:clamp(44px,4.7vw,65px);line-height:1.04}
.gates-introduction p{font-size:14px;max-width:43ch;line-height:1.8}
.gates-introduction .sovereignty{font:italic 25px/1.4 var(--display);padding-top:7px}
.closing-invitation{padding:70px 0 50px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px}
.closing-invitation h2{font-size:clamp(45px,5.5vw,75px);line-height:1.02}
.closing-invitation .pill{align-self:center}
.answer-guide{max-width:530px;font-size:12px;color:#666666;margin-top:6px}
.answer-guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;list-style:none}
.answer-guide summary:after{content:" +"}
.answer-guide[open] summary:after{content:" −"}
.answer-guide p{padding-top:20px;text-align:left;line-height:1.8}
@media(max-width:1050px){.magnetic-hero{gap:30px}.gate-deck{height:405px}.gate-deck img{width:64%;max-width:245px}.reading-promise{gap:45px}.gates-introduction{gap:35px}.art-index{font-size:8px;letter-spacing:.1em}.hero-details{gap:6px 10px}.hero-details span+span:before{margin-right:10px}}
@media(max-width:700px){.magnetic-hero{grid-template-columns:1fr;padding:38px 0 50px;gap:40px}.hero-invitation{gap:23px}.hero-invitation h1{font-size:clamp(67px,14vw,92px)}.hero-invitation>.eyebrow{font-size:10px;letter-spacing:.12em}.hero-artwork{max-width:390px;width:100%;justify-self:center;gap:12px}.gate-deck{height:430px;max-width:365px}.gate-deck img{max-width:235px}.art-index{font-size:9px}.art-footnote{font-size:10px}.recognition-section{grid-template-columns:1fr;gap:26px;padding:45px 0}.recognition-section>.eyebrow{grid-column:auto}.recognition-section h2{font-size:44px}.recognition-lines{gap:20px}.reading-promise{grid-template-columns:1fr;gap:38px;padding:45px 0}.promise-heading h2{font-size:45px}.promise-list h3{font-size:27px}.gates-introduction{grid-template-columns:1fr;gap:30px;padding:45px 0}.gates-map .wheel{max-width:290px;margin:auto}.gates-introduction h2{font-size:48px}.closing-invitation{padding:45px 0}.closing-invitation h2{font-size:45px}}
@media(max-width:380px){.gate-deck{height:375px}.deck-front{top:45px}.hero-details{font-size:10px}.hero-details span+span:before{margin-right:7px}.hero-invitation h1{font-size:65px}}
@media(prefers-reduced-motion:reduce){.gate-deck img{transition:none}}

/* Full-window opening, pale symbol cards and a concealed-name reveal. */
.magnetic-hero{min-height:calc(100svh - 106px);padding:32px 0 45px;grid-template-columns:1fr 1.1fr;gap:35px}
.hero-invitation{gap:22px}
.hero-invitation h1{font-size:clamp(62px,6.2vw,89px)}
.hero-artwork{perspective:1200px;gap:8px;overflow:visible}
.mystery-stage{position:relative;isolation:isolate;width:100%;height:clamp(440px,61svh,670px);perspective:1300px;transform-style:preserve-3d}
.stage-orbit{position:absolute;width:92%;aspect-ratio:1;left:4%;top:50%;transform:translateY(-50%);border:1px solid #eeeeee;border-radius:50%;z-index:-1}
.stage-orbit:after{content:"";position:absolute;inset:12%;border:1px solid #f2f2f2;border-radius:50%}
.teaser-card{position:absolute;left:50%;top:50%;width:clamp(215px,21vw,285px);height:clamp(335px,32vw,435px);border-radius:16px;border:1px solid #d7d7d5;background:linear-gradient(145deg,#fff 5%,#fafaf8 58%,#eeefed);box-shadow:0 24px 45px #0000000d,0 2px 4px #00000006;transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1050ms cubic-bezier(.2,.7,.2,1),box-shadow 1050ms;overflow:hidden}
.teaser-card:before{content:"";position:absolute;inset:12px;border:1px solid #d5d6d1;border-radius:8px;pointer-events:none}
.card-edition{position:absolute;top:34px;left:20px;right:20px;text-align:center;font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#62645f}
.card-back{z-index:1;transform:translate(calc(-50% - 67px),calc(-50% + 12px)) rotate(-15deg);background:linear-gradient(145deg,#f5f6f4,#dfe2dd)}
.card-middle{z-index:2;transform:translate(calc(-50% + 53px),calc(-50% + 4px)) rotate(12deg);background:linear-gradient(145deg,#fff,#e9eceb)}
.card-front{z-index:3;transform:translate(calc(-50% - 5px),calc(-50% - 25px)) rotate(-5deg) rotateY(-13deg);box-shadow:18px 30px 50px #00000012}
.symbol-crop{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:220px;height:220px;overflow:hidden;mix-blend-mode:multiply}
.symbol-crop img{position:absolute;max-width:none!important;width:512px!important;height:768px!important;left:-146px;top:-450px;filter:grayscale(1) invert(1) contrast(3.2);mix-blend-mode:multiply;border-radius:0;box-shadow:none}
.card-origin{position:absolute;left:50%;top:47%;width:80px;height:80px;border:1px solid #343a36;border-radius:50%;transform:translate(-50%,-50%)}
.card-origin:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;background:#343a36;border-radius:50%;transform:translate(-50%,-50%)}
.sealed-name{position:absolute;left:15px;right:15px;bottom:62px;text-align:center;font:italic 18px var(--display);color:#757871;filter:blur(5px);user-select:none}
.name-veil{position:absolute;left:19%;right:19%;bottom:63px;height:23px;overflow:hidden;opacity:.38;filter:blur(4px)}
.name-veil span{display:block;height:3px;background:repeating-linear-gradient(90deg,#4c514b 0 4px,transparent 4px 7px);margin:5px auto;width:100%}.name-veil span+span{width:68%}
.card-whisper{position:absolute;bottom:32px;left:20px;right:20px;font:italic 17px var(--display);text-align:center;color:#444a42}
.mystery-stage[data-phase="shuffle"] .card-front{transform:translate(calc(-50% + 115px),calc(-50% - 35px)) rotate(21deg) rotateY(-38deg)}
.mystery-stage[data-phase="shuffle"] .card-middle{transform:translate(calc(-50% - 110px),calc(-50% - 4px)) rotate(-23deg) rotateY(20deg)}
.mystery-stage[data-phase="shuffle"] .card-back{transform:translate(-50%,calc(-50% + 38px)) rotate(4deg) scale(.95)}
.mystery-stage[data-phase="gather"] .teaser-card{transform:translate(-50%,-50%) rotate(0) rotateY(78deg);box-shadow:0 15px 25px #00000007;transition-duration:750ms}
.reveal-caption{text-align:center;font:400 28px/1.18 var(--display);letter-spacing:-.02em;margin:0}
.reveal-caption em{font-weight:400}
.motion-caption{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:11px;color:#777;font-size:10px}
.motion-toggle{border:0;background:none;padding:0 0 2px;color:#666;font:inherit;border-bottom:1px solid #bbb;cursor:pointer}
.signature-candle{padding:42px 0 45px;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.signature-candle img{display:block;width:145px;height:145px;object-fit:contain}
.signature-candle figcaption{font:400 23px/1.35 var(--display)}
.signature-candle figcaption em{font-weight:400}
@media(min-width:1600px){.mystery-stage{height:620px}.teaser-card{width:295px;height:445px}}
@media(max-width:1000px){.magnetic-hero{gap:25px}.hero-invitation h1{font-size:68px}.teaser-card{width:215px;height:335px}.symbol-crop{transform:translate(-50%,-50%) scale(.83)}.mystery-stage{height:450px}.card-back{transform:translate(calc(-50% - 40px),calc(-50% + 15px)) rotate(-13deg)}.card-middle{transform:translate(calc(-50% + 35px),calc(-50% + 7px)) rotate(10deg)}.mystery-stage[data-phase="shuffle"] .card-front{transform:translate(calc(-50% + 62px),calc(-50% - 28px)) rotate(18deg) rotateY(-35deg)}.mystery-stage[data-phase="shuffle"] .card-middle{transform:translate(calc(-50% - 63px),calc(-50% + 8px)) rotate(-21deg)}}
@media(max-width:700px){.magnetic-hero{grid-template-columns:1fr;min-height:calc(100svh - 80px);padding:34px 0 45px;gap:34px}.hero-invitation h1{font-size:clamp(65px,14vw,83px)}.hero-artwork{max-width:420px;overflow:hidden;padding:0 6px 12px}.mystery-stage{height:430px;max-width:390px}.teaser-card{width:220px;height:340px}.reveal-caption{font-size:26px}.motion-caption{font-size:10px;gap:9px}.signature-candle{padding:30px 0}.signature-candle img{width:120px;height:120px}.signature-candle figcaption{font-size:21px}}
@media(prefers-reduced-motion:reduce){.teaser-card{transition:none!important}.mystery-stage[data-phase] .card-front{transform:translate(calc(-50% - 5px),calc(-50% - 25px)) rotate(-5deg)}.mystery-stage[data-phase] .card-middle{transform:translate(calc(-50% + 35px),calc(-50% + 7px)) rotate(10deg)}.mystery-stage[data-phase] .card-back{transform:translate(calc(-50% - 40px),calc(-50% + 15px)) rotate(-13deg)}}

:root{--gold:#846337;--gold-soft:#d2b584}

.essence-vortex{filter:none}.gate-art img{filter:none}

.closing-promise{max-width:48ch;font-size:16px;line-height:1.8;color:#fff7e9}.candle-prosperity{display:block;margin-top:16px;font:400 14px/1.8 var(--body);color:#71532d}.vortex-invitation>p:not(#introStatus){max-width:45ch}

/* 11 Oct (Claude): the opening footer stacks on phones so its three items never overlap. */
@media (max-width: 700px) {
  .vortex-footer { flex-wrap: wrap; justify-content: space-between; row-gap: 2px; bottom: 12px; }
  .vortex-footer > span { max-width: none; width: 100%; text-align: center; order: -1; }
}
/* 11 Oct (Claude): the brand signature closes every screen, centred above the candle. */
#brandSignature { display: block; margin-left: auto; margin-right: auto; }
/* 11 Oct (Claude): the waitlist button settles into a quiet confirmed state. */
#joinWaitlist:after { content: ""; }
#joinWaitlist[disabled] { opacity: 1; background: transparent; color: var(--ink); border-color: var(--gold); }

/* Lili's Gate questions can hold several connected questions: keep them readable */
.reflection .question.long{font-size:clamp(24px,2.9vw,36px);line-height:1.3;max-width:34ch!important}
/* Out of harmony / in harmony: life, business, creation */
.reading-section .area em{font-style:italic;font-weight:600;color:var(--ink)}
.reading-section .lead-in{color:var(--ink);opacity:.75}


/* Ported from Astra's Review 2 (12 Oct): result styling, illustrations, dotted invitation cards and film. */
/* Result reading: white, ink and warm antique gold. */
#result{--result-gold:#92723d;--result-paper:#faf6ed;--result-line:#d9c7a9}
#result .result-hero{position:relative;padding-bottom:34px;border-bottom:1px solid var(--result-line)}
#result .numeral,#result .coords{color:var(--result-gold)}
#result .gate-art{background:var(--result-paper);border:1px solid #e7dac5;box-shadow:0 18px 48px #352c1710}
#result .reading-section{position:relative;padding:38px 0;border-bottom:1px solid #eee5d8}
#result .reading-section>.eyebrow{color:var(--result-gold)}
#result .area{padding-left:19px;border-left:1px solid var(--result-line)}
#result .area em{display:block;margin-bottom:7px;color:#79603a}
#result .harmony-opening{padding:42px 34px;background:linear-gradient(135deg,#fcfaf5,#f2e7d3);border:1px solid #dfceb0;border-radius:2px}
#result .harmony-opening .area{border-color:#bca273}
#result .reflection{position:relative;padding:46px 26px;background:#11100e;color:#fcfaf5;border:1px solid #2b271e}
#result .reflection .eyebrow{color:#d4b483}
#result .reflection .question{color:#fcfaf5}
#result .reflection:before{content:'';display:block;width:38px;height:1px;background:#c0a16a;margin:0 auto 25px}
#result .path{padding:28px;border:1px solid #ddcfb7;background:#fcfaf6;transition:border-color .25s,box-shadow .25s}
#result .path:hover{border-color:#ac8d57;box-shadow:0 10px 30px #5340210a}
#result .path .pill{border-color:#a38758}
#result .outcomes-note{margin-top:28px;padding-top:22px;border-top:1px solid #ded4c4;font-size:12px;line-height:1.7;color:#666057;max-width:84ch}
#result .result-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}
#result .result-reveal.reveal-pending{opacity:0;transform:translateY(20px)}
#result .gate-art{animation:gate-arrival 1s ease both}
@keyframes gate-arrival{from{opacity:0;transform:translateY(15px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:650px){#result .harmony-opening{padding:30px 20px}#result .path{padding:24px 20px}#result .reflection{padding:35px 19px}#result .reading-section{padding-top:28px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){#result .result-reveal,#result .path{transition:none}#result .result-reveal.reveal-pending{opacity:1;transform:none}#result .gate-art{animation:none}}


/* Signature illustration and cinematic invitation, using supplied brand assets. */
body{overflow-x:clip}
#result .gate-illustration{margin:16px 0 24px;width:100%;background:#fff}
#result .gate-illustration img{display:block;width:100%;height:auto;max-height:660px;object-fit:contain}
#result .gate-illustration figcaption{text-align:center;font:italic clamp(19px,2vw,25px)/1.5 var(--display);color:#806b48;padding:12px 20px 24px}
#result .invitation-stage{position:relative;isolation:isolate;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:100vh;min-height:100svh;padding:110px max(28px,calc((100vw - 1100px)/2));display:flex;align-items:center;background:#d1bf9f;overflow:hidden}
#result .signature-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}
#result .invitation-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1a140b0d,#1a140b1f);z-index:-2}
#result .invitation-stage .paths{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}
#result .invitation-stage .path{border:2px dotted #312a20;border-radius:0;padding:clamp(26px,3.5vw,52px);background:rgba(252,249,242,.91);backdrop-filter:blur(3px);color:#191714;box-shadow:none;gap:22px}
#result .invitation-stage .path:hover{border-color:#090807;background:rgba(252,249,242,.96);box-shadow:none}
#result .invitation-stage .path h3{color:#191714;font-size:clamp(30px,3vw,44px);line-height:1.12}
#result .invitation-stage .path p{color:#29251f;font-size:16px;line-height:1.7}
#result .invitation-stage .path .pill{background:#151310;color:#fff;border:1px solid #151310;margin-top:auto;align-self:flex-start}
#result .invitation-stage .path .pill:hover{background:#40372b;border-color:#40372b}
#result .film-control{position:absolute;right:24px;bottom:25px;z-index:2;border:1px dotted #30291f;background:rgba(255,252,245,.92);color:#201c16;padding:10px 16px;font:11px var(--body);letter-spacing:.06em;border-radius:0;cursor:pointer}
#result .film-control:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:740px){#result .invitation-stage{padding:80px 23px 90px;min-height:100svh}#result .invitation-stage .paths{grid-template-columns:1fr;gap:25px}#result .invitation-stage .path{padding:30px 25px}#result .signature-film{object-position:42% center}#result .gate-illustration{margin:0 0 12px}#result .gate-illustration figcaption{font-size:20px}}

/* Ported from Astra's Review 4 (13 Oct): the Mentorship invitation */
#result .mentorship-stage{position:relative;isolation:isolate;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);background:#10100f;color:#fcfaf3;padding:clamp(82px,9vw,150px) max(26px,calc((100vw - 1100px)/2));scroll-margin-top:28px}
#result .mentorship-topline{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:28px;border-bottom:1px dotted #797363;margin-bottom:clamp(48px,6vw,88px)}
#result .mentorship-stage .eyebrow{color:#d4bc8f;letter-spacing:.2em;font-size:10px}
#result .mentorship-index{font:italic 24px var(--display);color:#d4bc8f;white-space:nowrap}
#result .mentorship-stage h2{position:relative;z-index:1;font-size:clamp(62px,8.4vw,116px);line-height:.98;letter-spacing:-.045em;max-width:850px;color:#fcfaf3;margin-bottom:64px}
#result .mentorship-stage h2 span{display:block}
#result .mentorship-stage h2 em{color:#d4bc8f;font-weight:400}
#result .mentorship-origin{position:absolute;z-index:-1;width:clamp(280px,39vw,540px);aspect-ratio:1;border:1px solid #d4bc8f29;border-radius:50%;right:-8%;top:18%;pointer-events:none}
#result .mentorship-origin:after{content:'';position:absolute;width:10px;height:10px;background:#d4bc8f;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
#result .mentorship-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(36px,7vw,100px);align-items:start}
#result .mentorship-promise{font:400 clamp(32px,3.2vw,46px)/1.12 var(--display);letter-spacing:-.025em;max-width:15ch}
#result .mentorship-promise em{color:#d4bc8f;font-weight:400}
#result .mentorship-copy{display:flex;flex-direction:column;gap:22px;max-width:510px}
#result .mentorship-copy p{font:400 16px/1.8 var(--body);color:#e2dfd7}
#result .mentorship-copy .mentorship-personal{font:italic 25px/1.35 var(--display);color:#fcfaf3}
#result .mentorship-stage .mentorship-cta{margin-top:12px;min-height:64px;background:#fcfaf3;border:1px solid #fcfaf3;color:#10100f;padding:22px 28px;gap:48px;border-radius:999px;transition:background .25s,transform .25s}
#result .mentorship-stage .mentorship-cta:hover{background:#dfcba5;border-color:#dfcba5;transform:translateY(-3px)}
#result .mentorship-stage .mentorship-cta:focus-visible{outline:2px solid #d4bc8f;outline-offset:6px}
#result .mentorship-copy .mentorship-caption{font:400 11px/1.7 var(--body);letter-spacing:.035em;color:#bcb6a9;margin-top:-9px}
#result .mentorship-footer{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px dotted #797363;margin-top:70px;padding-top:24px;color:#c3bcae;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
#result .mentorship-signature{font:italic 37px var(--display);color:#d4bc8f;text-transform:none;letter-spacing:0}
#result .mentorship-stage .result-reveal{transition-duration:1s}
#result .mentorship-stage .mentorship-copy.result-reveal{transition-delay:.15s}
@media(max-width:740px){#result .mentorship-stage{padding:76px 26px}#result .mentorship-stage h2{font-size:clamp(57px,11vw,82px);margin-bottom:42px}#result .mentorship-grid{grid-template-columns:1fr;gap:30px}#result .mentorship-promise{max-width:22ch;font-size:34px}#result .mentorship-origin{top:26%;right:-50%;width:380px}#result .mentorship-topline{gap:18px;margin-bottom:46px}#result .mentorship-index{font-size:19px}#result .mentorship-stage .mentorship-cta{width:100%;justify-content:space-between}#result .mentorship-footer{margin-top:50px}.mentorship-footer>span:first-child{max-width:24ch}}
@media(prefers-reduced-motion:reduce){#result .mentorship-stage .result-reveal,#result .mentorship-stage .mentorship-cta{transition:none!important;transform:none!important}}