.threshold{--amber:var(--color-oxblood);--amber-bright:var(--color-oxblood-bright);--amethyst:var(--color-moon);--gold:var(--color-aureate);--s:0;background:var(--color-void-deep);color:var(--color-linen);position:relative;overflow-x:clip}.threshold__canvas{z-index:1;pointer-events:none;position:fixed;inset:0}.t-grade{z-index:0;pointer-events:none;position:fixed;inset:0}.t-grade span{display:block;position:absolute;inset:0}.t-grade__cold{opacity:calc(var(--g-cold,0) * .72);background:radial-gradient(120vmax 82vmax at 50% -12%, color-mix(in oklab, var(--amethyst) 55%, transparent), transparent 60%)}.t-grade__gold{opacity:calc(var(--g-gold,0) * .5);background:radial-gradient(82vmax 82vmax at 50% 50%, color-mix(in oklab, var(--gold) 30%, transparent), transparent 62%)}.t-grade__warm{opacity:calc(var(--g-warm,0) * .82);background:radial-gradient(122vmax 82vmax at 50% 118%, color-mix(in oklab, var(--amber) 55%, transparent), transparent 60%)}.t-grade__fire{opacity:calc(var(--g-fire,0) * .9);background:radial-gradient(92vmax 72vmax at 50% 68%, color-mix(in oklab, var(--amber) 46%, transparent), transparent 66%)}.t-progress{z-index:40;background:color-mix(in oklab, var(--color-veil) 40%, transparent);border-radius:3px;width:3px;height:100svh;position:fixed;top:0;right:.5rem}.t-progress:after{content:"";height:calc(var(--s) * 100%);background:linear-gradient(to bottom, transparent, var(--amber-bright));box-shadow:0 0 12px 1px color-mix(in oklab, var(--amber) 70%, transparent);border-radius:3px;position:absolute;inset:0 0 auto}.t-skip{z-index:41;font-family:var(--font-accent);letter-spacing:.2em;text-transform:uppercase;color:var(--color-linen-dim);padding:.7rem .85rem;font-size:.7rem;transition:color .3s;position:fixed;top:.8rem;right:.8rem}.t-skip:hover{color:var(--color-linen)}.act{z-index:10;position:relative}.act--spark{min-height:100svh}.act--spark .act__stage{padding-bottom:7rem}.act--seal{min-height:175vh}.act--elements{min-height:210vh}.act--gate{min-height:165vh}.act__stage{--p:0;text-align:center;place-items:center;height:100svh;padding:clamp(1.5rem,5vw,4rem);display:grid;position:sticky;top:0;overflow:hidden}.act__eyebrow{font-family:var(--font-accent);letter-spacing:calc(.34em + (1 - clamp(0, var(--p), 1)) * .28em);text-transform:uppercase;color:var(--gold);font-size:clamp(.62rem,1.4vw,.74rem)}.act__line{font-family:var(--font-display);color:var(--color-linen);text-wrap:balance;line-height:1.1}.act__line--md{font-size:clamp(1.4rem,4.6vw,2.5rem)}.act__line--lg{font-size:clamp(2.2rem,8vw,4.6rem)}.act__text{max-width:34rem;font-family:var(--font-body);color:var(--color-linen-dim);margin-inline:auto;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.7}.spark{place-items:center;gap:1.6rem;display:grid;position:relative}.spark__glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklab, var(--amber) 60%, transparent) 0%, color-mix(in oklab, var(--amber) 40%, transparent) 32%, color-mix(in oklab, var(--amber) 20%, transparent) 50%, transparent 68%);opacity:.7;border-radius:50%;width:clamp(20rem,60vmin,44rem);position:absolute;transform:scale(1.35)}.spark__logo{width:clamp(15rem,44vw,32rem);height:auto;filter:drop-shadow(0 0 54px color-mix(in oklab, var(--amber) 45%, transparent));position:relative}.spark__quote{max-width:38rem;font-family:var(--font-display);color:color-mix(in oklab, var(--color-linen) 82%, var(--amethyst));text-wrap:balance;font-size:clamp(1.15rem,2.8vw,1.8rem);line-height:1.45;position:relative}.t-hint{font-family:var(--font-accent);letter-spacing:.28em;text-transform:uppercase;color:var(--color-linen-faint);justify-items:center;gap:.5rem;font-size:.64rem;display:grid;position:absolute;bottom:2.4rem;left:50%;translate:-50%}.t-hint__arrow{background:linear-gradient(to bottom, transparent, var(--gold));width:1px;height:2.4rem;animation:2.4s ease-in-out infinite t-hint-pulse}@keyframes t-hint-pulse{0%,to{opacity:.4;transform-origin:top;transform:scaleY(.5)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.act--seal .act__stage{flex-direction:column;align-items:center;gap:1.4rem;display:flex}.seal{aspect-ratio:1;width:clamp(15rem,50vmin,32rem);overflow:visible}.seal__spin{transform-box:fill-box;transform-origin:50%;transform:rotate(calc(var(--p) * 140deg))}.seal__spin--rev{transform-box:fill-box;transform-origin:50%;transform:rotate(calc(var(--p) * -100deg))}.seal__ring{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:clamp(0, calc(1 - (var(--p) - var(--i,0) * .05) * 1.7), 1)}.seal__eye{transform-box:fill-box;transform-origin:50%;transform:scale(clamp(.35, calc((var(--p) - .55) * 2.6), 1));opacity:clamp(0, calc((var(--p) - .52) * 3.2), 1)}.seal__gaze{transform-box:fill-box;transform-origin:50%;transform:translate(calc(var(--eye-x,0) * 6px), calc(var(--eye-y,0) * 5px));transition:transform .3s ease-out}.seal__blink{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite seal-blink}@keyframes seal-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}97%{transform:scaleY(1)}}.seal__iris{fill:var(--amber-bright);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--amber) 70%, transparent))}.seal__pupil{fill:var(--color-void-deep)}.seal__glint{fill:var(--color-linen)}.act--seal .act__copy{max-width:40rem;opacity:clamp(0, calc((var(--p) - .2) * 2.4), 1);gap:.9rem;display:grid}.act--elements .act__stage{--a:clamp(0, calc(var(--p) * 3), 1);--b:clamp(0, calc((var(--p) - .26) * 3), 1);--c:clamp(0, calc((var(--p) - .52) * 3), 1);flex-direction:column;gap:clamp(1.6rem,4vh,3rem);display:flex}.elements-head{max-width:46rem;opacity:clamp(0, calc(var(--p) * 3), 1);gap:.9rem;margin-inline:auto;display:grid}.elements{justify-content:center;align-items:stretch;gap:clamp(1rem,3vw,2.4rem);width:min(100%,74rem);margin-inline:auto;display:flex}.elem{text-align:center;flex:1 1 0;gap:.7rem;max-width:22rem;display:grid}.elem__frame{aspect-ratio:4/5;border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--gold) 26%, transparent);background:var(--color-void);display:block;position:relative;overflow:hidden}.elem__photo{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block}.elem:hover .elem__photo{transform:scale(1.05)}.elem__name{font-family:var(--font-blackletter);color:var(--color-linen);font-size:clamp(1.7rem,4.4vw,2.6rem)}.elem__note{font-family:var(--font-accent);letter-spacing:.18em;text-transform:uppercase;color:var(--color-linen-dim);font-size:.72rem}.elem--1{opacity:var(--a);transform:translateY(calc((1 - var(--a)) * 44px))}.elem--2{opacity:var(--b);transform:translateY(calc((1 - var(--b)) * 44px))}.elem--3{opacity:var(--c);transform:translateY(calc((1 - var(--c)) * 44px))}.act--gate .act__stage{--open:clamp(0, calc((var(--p) - .45) * 2.1), 1);background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--amber) 26%, transparent), transparent 100%)}.gate__seam{height:100%;width:calc(2px + var(--p) * 12px);z-index:3;background:linear-gradient(to bottom, transparent, var(--amber-bright), transparent);filter:blur(calc(1px + var(--p) * 3px));opacity:calc(clamp(0, calc(var(--p) * 3), 1) * (1 - var(--open)));position:absolute;top:0;left:50%;translate:-50%}.veil{z-index:2;background:linear-gradient(to bottom, var(--color-void-deep), color-mix(in oklab, var(--color-void) 88%, black));width:51%;height:100%;position:absolute;top:0;box-shadow:0 0 60px 10px #0009}.veil--l{transform:translateX(calc(var(--open) * -104%));left:0}.veil--r{transform:translateX(calc(var(--open) * 104%));right:0}.gate{z-index:4;opacity:clamp(0, calc((var(--p) - .5) * 2.8), 1);transform:scale(calc(.94 + var(--p) * .06));justify-items:center;gap:1.6rem;display:grid;position:relative}.gate__title{font-family:var(--font-display);color:var(--color-linen);font-size:clamp(2.4rem,8vw,4.6rem)}.gate__sub{max-width:26rem;font-family:var(--font-body);color:color-mix(in oklab, var(--color-linen) 84%, var(--amethyst));font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.gate__cta{border-radius:var(--radius);background:color-mix(in oklab, var(--color-void-deep) 82%, black);color:var(--amber-bright);border:1.5px solid var(--amber);box-shadow:0 0 30px -6px color-mix(in oklab, var(--amber) 70%, transparent);font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.7rem;padding:1rem 2.2rem;font-size:.78rem;font-weight:700;transition:background .25s,color .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden}.gate__cta:after{content:"";background:linear-gradient(100deg, transparent 40%, color-mix(in oklab, var(--amber-bright) 60%, white) 50%, transparent 60%);animation:3.6s ease-in-out 1.2s infinite gate-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes gate-sheen{0%,30%{transform:translate(-120%)}60%,to{transform:translate(120%)}}.gate__cta:hover{background:var(--amber);color:var(--color-void-deep);transform:translateY(-2px)}.gate__back{font-family:var(--font-accent);letter-spacing:.22em;text-transform:uppercase;color:var(--color-linen);text-shadow:0 1px 8px #000000a6;font-size:.68rem;transition:color .3s}.gate__back:hover{color:var(--amber-bright)}.gate__links{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:.3rem;display:flex}.gate__depth{z-index:0;background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--amber) 32%, transparent), transparent 100%), linear-gradient(180deg, color-mix(in oklab, var(--color-void-deep) 96%, black), var(--color-void-deep));opacity:calc(.45 + var(--open,0) * .55);position:absolute;inset:0}@media (max-width:860px){.act--elements{min-height:auto}.act--elements .act__stage{height:auto;min-height:auto;padding-block:4rem;position:relative;overflow:visible}.elements{flex-direction:column;align-items:center}.elem{opacity:1;width:min(90vw,22rem);max-width:none;transform:none}.elements-head{opacity:1}}@media (prefers-reduced-motion:reduce){.act{min-height:auto!important}.act__stage{--p:1;height:auto;min-height:auto;padding-block:5rem;position:relative;overflow:visible}.act__copy,.act--seal .act__copy{margin-top:1.5rem;position:static}.threshold__canvas,.t-grade,.t-progress,.t-hint,.gate__seam{display:none}.elements{flex-direction:column;align-items:center}.elem{opacity:1;width:min(90vw,22rem);max-width:none;transform:none}.seal__spin,.seal__spin--rev{transform:none}.veil{display:none}.gate__cta:after,.t-hint__arrow{animation:none}}
