:root{--void:#050506;--ink:#0a0a0c;--pitch:#101014;--slate:#17171c;--ash:#4e4e57;--ash-hi:#8b8b94;--bone:#e6e3dc;--bone-dim:#b5b1a8;--blood:#8e1519;--blood-hi:#b3222a;--display:"Cinzel", "Times New Roman", serif;--body:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Menlo, monospace;--gutter:clamp(1.25rem, 5vw, 7rem);--rule:1px solid #e6e3dc17;--ease:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.76, 0, .24, 1);--fs-mega:clamp(3.2rem, 15vw, 13rem);--fs-xl:clamp(2.1rem, 6vw, 4.6rem);--fs-lg:clamp(1.45rem, 3.2vw, 2.3rem);--fs-md:clamp(1rem, 1.35vw, 1.18rem);--fs-sm:clamp(.82rem, 1vw, .92rem);--fs-xs:clamp(.66rem, .8vw, .74rem)}*,:before,:after{box-sizing:border-box}html,body{background:var(--void);color:var(--bone);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}html{scroll-behavior:auto}body{overscroll-behavior-y:none;overflow-x:hidden}@media (hover:hover) and (pointer:fine){body.axios-cursor,body.axios-cursor *{cursor:none}}::selection{background:var(--blood);color:var(--bone)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:none;padding:0}.display{font-family:var(--display);letter-spacing:.01em;font-weight:400;line-height:.92}.eyebrow{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.42em;text-transform:uppercase;color:var(--ash-hi)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.suit-mark{color:var(--blood-hi)}.page{z-index:2;position:relative}.section{padding-inline:var(--gutter);position:relative}.section-head{border-bottom:var(--rule);align-items:baseline;gap:1.25rem;margin-bottom:clamp(2rem,6vh,5rem);padding-block:1.1rem;display:flex}.section-head__index{font-family:var(--mono);font-size:var(--fs-xs);color:var(--blood-hi);letter-spacing:.2em}.section-head__title{font-family:var(--display);font-size:var(--fs-lg);letter-spacing:.08em;text-transform:uppercase}.section-head__rule{background:linear-gradient(90deg,#e6e3dc2e,#e6e3dc00);flex:1;height:1px}.atmos{pointer-events:none;z-index:40;position:fixed;inset:0}.atmos__vignette{background:radial-gradient(at 50% 45%,#0000 38%,#0000008c 82%,#000000db 100%);position:absolute;inset:0}.atmos__grain{opacity:.05;background-image:var(--grain-url);will-change:transform;background-size:180px 180px;animation:6s steps(6,end) infinite grain-drift;position:absolute;inset:-50%}@keyframes grain-drift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.scene-layer{z-index:1;position:fixed;inset:0}.scene-layer canvas{display:block}@media (prefers-reduced-motion:reduce){.atmos__grain{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.page{pointer-events:none}.stage{--step:88vh;--cards:1;position:relative}.stage--track{height:calc(100svh + var(--cards) * var(--step))}.stage--hero{height:calc(100svh + 1.3 * var(--step))}.stage--about{height:calc(100svh + 1.5 * var(--step))}.stage--contact{height:calc(100svh + 1.3 * var(--step))}.stage__sticky{height:100svh;padding:clamp(1.1rem, 3.5vh, 2.6rem) var(--gutter) clamp(1.6rem, 5vh, 3.2rem);flex-direction:column;justify-content:flex-end;padding-right:clamp(3.4rem,7vw,8rem);display:flex;position:sticky;top:0;overflow:hidden}.panel{pointer-events:auto;z-index:3;position:relative}.panel--left,.panel--bottom,.panel--topLeft{width:100%;max-width:46rem}.panel--left:before,.panel--bottom:before,.panel--topLeft:before{content:"";z-index:-1;pointer-events:none;position:absolute}.panel--left:before{background:linear-gradient(90deg,#050508f7 0%,#050508e6 52%,#0505088c 76%,#05050800 100%);inset:-140vh -18rem -140vh -60vw}.panel--bottom:before{background:linear-gradient(#05050800 0%,#05050873 32%,#050508e0 66%,#050508f5 100%);inset:-8rem -60vw -60vh}.panel--topLeft:before{background:linear-gradient(to bottom right,#050508f2 0%,#050508b3 46%,#05050800 100%);inset:-60vh -22rem -6rem -60vw}.stage__sticky--split{justify-content:space-between}.panel--topLeft{padding-top:clamp(.5rem,2vh,1.5rem)}.stage__sticky--hero{justify-content:space-between}.hero__eyebrow{align-self:flex-start;max-width:26ch;line-height:2.1}@media (min-width:1024px){.hero__eyebrow{max-width:none}}.hero__foot{pointer-events:auto;gap:clamp(1.4rem,4vh,2.6rem);padding-bottom:clamp(.5rem,2vh,1rem);display:grid}.hero__name{letter-spacing:.16em;color:var(--bone);text-shadow:0 1px #000000e6,0 -1px #e6e3dc12;margin:0;font-size:clamp(2.9rem,12vw,6.4rem)}.hero__role{font-size:var(--fs-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--ash-hi);margin:.55rem 0 0}.hero__tagline{font-family:var(--display);font-size:var(--fs-md);color:var(--bone-dim);max-width:32ch;margin:0;font-style:italic}.hero__hand{align-items:center;gap:.4rem;margin:0 0 .7rem;padding:0;list-style:none;display:flex}.hero__handCard{cursor:pointer;color:var(--ash);transition:color .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease), transform .4s var(--ease);background:#0a0a0e99;border:1px solid #e6e3dc1f;align-items:center;gap:.2rem;padding:.34rem .5rem;display:inline-flex}.hero__handCard:hover,.hero__handCard:focus-visible{color:var(--bone);border-color:#e6e3dc4d;outline:none;transform:translateY(-2px)}.hero__handCard[data-active=true]{color:var(--bone);background:#14080ad9;border-color:#b3222ab3;transform:translateY(-3px);box-shadow:0 6px 22px #0009}.hero__handRank{font-family:var(--display);font-size:var(--fs-sm);letter-spacing:.06em}.hero__picked{align-items:baseline;gap:.7rem;margin:0 0 .9rem;display:flex}.hero__pickedMark{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--blood-hi)}.hero__pickedName{font-family:var(--display);font-size:var(--fs-md);letter-spacing:.16em;color:var(--bone)}.hero__cue{align-items:center;gap:.9rem;margin-top:1.1rem;display:flex}.hero__cueLine{background:linear-gradient(to right, var(--blood-hi), transparent);width:clamp(2.5rem,9vw,6rem);height:1px;animation:cue 2.6s var(--ease-inout) infinite;transform-origin:0;display:block}@keyframes cue{0%,to{opacity:.5;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}}.hero__ghost{font-family:var(--display);color:#e6e3dc07;letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(9rem,34vw,28rem);line-height:.7;position:absolute;top:42%;right:-.06em;transform:translateY(-50%)}.section-head{border-bottom:var(--rule);align-items:center;gap:.85rem;margin:0 0 clamp(1.2rem,3vh,2.2rem);padding-bottom:.9rem;display:flex}.section-head__suit{opacity:.85;flex:none}.section-head__title{margin:0}.creed{font-size:var(--fs-lg);max-width:22ch;color:var(--bone);text-shadow:0 1px #000000d9,0 -1px #e6e3dc12;margin:0 0 clamp(1.4rem,4vh,2.6rem);font-style:italic;line-height:1.35}.marks{border-top:var(--rule);flex-wrap:wrap;gap:.6rem 1.5rem;margin:0;padding:clamp(.9rem,2.4vh,1.4rem) 0 0;list-style:none;display:flex}.marks li{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.3em;color:var(--ash-hi)}.spread-index{margin:0;padding:0;list-style:none;display:none}.spread-index__row{font-size:var(--fs-sm);color:var(--ash);transition:color .4s var(--ease), border-color .4s var(--ease);border-bottom:1px solid #e6e3dc0d;grid-template-columns:3.4rem 1fr;align-items:center;gap:.9rem;padding:.5rem 0;display:grid}.spread-index__row[data-active=true]{color:var(--bone);border-color:#b3222a80}.spread-index__rank{font-family:var(--display);letter-spacing:.08em;align-items:center;gap:.35rem;display:inline-flex}.deck-card{gap:clamp(.35rem,1.4vh,.7rem);display:grid}.deck-card__mark{color:var(--blood-hi);letter-spacing:.4em}.deck-card__title{font-size:var(--fs-xl);letter-spacing:.03em;align-items:center;gap:.5em;margin:0;line-height:1;display:flex}.deck-card__title svg{flex:none;width:.46em;height:.46em}.hint{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ash);transition:color .4s var(--ease);margin:clamp(.7rem,2vh,1.1rem) 0 0}.hint[data-held=true]{color:var(--blood-hi)}.riffle-tabs{gap:.3rem;margin:0 0 clamp(1rem,2.6vh,1.7rem);padding:0;list-style:none;display:flex}.riffle-tabs__tab{width:1.75rem;height:2.4rem;font-family:var(--display);font-size:var(--fs-sm);color:var(--ash);transition:all .5s var(--ease);background:#0a0a0eb3;border:1px solid #e6e3dc1f;place-items:center;display:grid;transform:translateY(.35rem)rotate(-2deg)}.riffle-tabs__tab[data-active=true]{color:var(--bone);background:#14080ad9;border-color:#b3222ab3;transform:translateY(0)rotate(0);box-shadow:0 6px 22px #0009}.suit-switch{flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 clamp(1.1rem,3vh,1.9rem);padding:0;list-style:none;display:flex}.suit-switch li{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ash);opacity:.5;transition:opacity .5s var(--ease), color .5s var(--ease);align-items:center;gap:.4rem;display:inline-flex}.suit-switch li[data-active=true]{opacity:1;color:var(--bone)}.suit-panel__domain{font-size:var(--fs-xl);letter-spacing:.02em;margin:0 0 .45rem}.suit-panel__motto{font-family:var(--display);font-style:italic;font-size:var(--fs-md);color:var(--bone-dim);align-items:center;gap:.5rem;margin:0 0 clamp(1.1rem,3vh,1.8rem);display:flex}.meters{gap:.7rem;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.meters__row{grid-template-columns:minmax(6rem,12rem) 1fr 2.2rem;align-items:center;gap:.9rem;display:grid}.meters__name{font-size:var(--fs-sm);color:var(--bone-dim)}.meters__track{background:#e6e3dc1f;height:1px;position:relative}.meters__fill{transform-origin:0;background:linear-gradient(to right, var(--blood-hi), #e6e3dcb3);position:absolute;inset:0;box-shadow:0 0 12px #b3222a80}.meters__value{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ash-hi);text-align:right}.handles{gap:clamp(1.1rem,3.5vh,2rem);margin-bottom:clamp(1.6rem,5vh,3rem);display:grid}.handle{justify-items:start;gap:.4rem;display:grid}.handle__platform{color:var(--ash-hi)}.handle__name{font-family:var(--display);letter-spacing:.06em;color:var(--bone);cursor:pointer;transition:color .4s var(--ease), border-color .4s var(--ease);background:0 0;border-bottom:1px solid #e6e3dc38;padding-bottom:.14em;font-size:clamp(1.7rem,6.4vw,3.2rem);line-height:1;text-decoration:none;display:inline-block}.handle__name:hover,.handle__name:focus-visible{color:var(--blood-hi);border-color:var(--blood-hi);outline:none}.handle__name[data-copied=true]{color:var(--bone);border-color:var(--blood-hi)}.handle__cue{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--ash);transition:color .3s var(--ease)}.handle__name[data-copied=true]+.handle__cue{color:var(--blood-hi)}.foot{gap:.5rem;display:grid}.foot__rule{background:#e6e3dc1a;height:1px}.foot__note,.foot__sig{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ash);margin:0}.foot__sig{color:var(--ash-hi);letter-spacing:.22em;text-transform:uppercase}.pipnav{z-index:30;pointer-events:auto;align-items:center;gap:.7rem;display:flex;position:fixed;top:50%;right:clamp(.5rem,1.4vw,1.5rem);transform:translateY(-50%)}.pipnav__list{text-align:right;gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.pipnav__item{cursor:pointer;color:var(--ash);transition:color .4s var(--ease);justify-content:flex-end;align-items:center;gap:.6rem;padding:.34rem .2rem;display:flex}.pipnav__item:hover,.pipnav__item[data-active=true]{color:var(--bone)}.pipnav__label{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;opacity:0;transition:all .45s var(--ease);display:none;transform:translate(.5rem)}.pipnav__item:hover .pipnav__label,.pipnav__item[data-active=true] .pipnav__label{opacity:1;transform:translate(0)}.pipnav__pip{font-family:var(--display);font-size:var(--fs-xs);text-align:center;width:1.6rem;transition:all .4s var(--ease);border:1px solid #0000;padding:.1rem 0}.pipnav__item[data-active=true] .pipnav__pip{background:#14080ab3;border-color:#b3222aa6}.pipnav__rail{background:#e6e3dc1f;order:-1;width:1px;height:clamp(5rem,22vh,12rem);position:relative}.pipnav__railFill{transform-origin:top;background:linear-gradient(to bottom, var(--blood-hi), #e6e3dc99);position:absolute;inset:0}.preloader{z-index:90;background:var(--void);transition:opacity .9s var(--ease) .35s;place-items:center;display:grid;position:fixed;inset:0}.preloader[data-done=true]{opacity:0;pointer-events:none}.preloader__inner{transition:opacity .5s var(--ease), transform .7s var(--ease);justify-items:center;gap:1.1rem;display:grid}.preloader[data-done=true] .preloader__inner{opacity:0;transform:translateY(-1.2rem)}.preloader__deck{width:4.6rem;height:6.4rem;margin-bottom:1rem;position:relative}.preloader__card{animation:riffle 1.5s var(--ease-inout) infinite;background:linear-gradient(160deg,#14141b,#0a0a0e);border:1px solid #e6e3dc38;border-radius:4px;position:absolute;inset:0}@keyframes riffle{0%,to{opacity:.25;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(1.6rem,-.5rem)rotate(11deg)}70%{opacity:.6;transform:translate(-1.2rem,.3rem)rotate(-8deg)}}.preloader__name{letter-spacing:.42em;text-indent:.42em;color:var(--bone);margin:0;font-size:clamp(1.5rem,6vw,2.4rem)}.preloader__count{font-family:var(--mono);font-size:var(--fs-sm);color:var(--bone-dim);letter-spacing:.2em;align-items:baseline;gap:.4rem;margin:0;display:flex}.preloader__slash{color:var(--blood-hi)}.preloader__label{margin:0}.preloader__curtain{background:var(--void);height:50%;transition:transform 1.15s var(--ease-inout) .25s;position:absolute;left:0;right:0}.preloader__curtain--top{top:0}.preloader__curtain--bottom{bottom:0}.preloader[data-done=true] .preloader__curtain--top{transform:translateY(-100%)}.preloader[data-done=true] .preloader__curtain--bottom{transform:translateY(100%)}.cursor-dot,.cursor-ring{pointer-events:none;z-index:100;display:none;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){.cursor-dot,.cursor-ring{display:block}}.cursor-dot{background:var(--bone);border-radius:50%;width:4px;height:4px}.cursor-ring{width:30px;height:30px;transition:border-color .35s var(--ease), background .35s var(--ease);border:1px solid #e6e3dc73;border-radius:50%}.cursor-ring[data-state=hover]{border-color:var(--blood-hi)}.cursor-ring[data-state=card]{border-color:var(--blood-hi);background:#b3222a14}.cursor-ring[data-state=grab]{background:#e6e3dc0d;border-color:#e6e3dcd9}.cursor-ring[data-state=grabbing]{border-color:var(--bone);background:#e6e3dc1f}.inspect-hint{z-index:45;pointer-events:none;border:var(--rule);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease), border-color .4s var(--ease);background:#0a0a0cb8;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .95rem;display:flex;position:fixed;bottom:clamp(.9rem,3vh,2rem);left:50%;transform:translate(-50%,.6rem)}.inspect-hint[data-shown=true]{opacity:1;transform:translate(-50%)}.inspect-hint[data-live=true]{border-color:#b3222a80}.inspect-hint__text{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ash-hi);white-space:nowrap}.inspect-hint__zoom{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--blood-hi);font-variant-numeric:tabular-nums}@media (min-width:640px){.stage__sticky{justify-content:center}.stage__sticky--hero,.stage__sticky--split{justify-content:space-between}.hero__foot{grid-template-columns:1fr auto;align-items:end;gap:2rem}.hero__aside{text-align:right}.hero__cue,.hero__hand,.hero__picked{justify-content:flex-end}}@media (min-width:1024px){.stage{--step:100vh}.stage__sticky{padding-block:clamp(2rem,6vh,4rem)}.panel--left{width:min(42vw,34rem);max-width:none}.panel--bottom{width:min(48vw,40rem)}.panel--topLeft{width:min(34vw,26rem)}.spread-index,.pipnav__label{display:block}.meters__row{grid-template-columns:minmax(8rem,14rem) 1fr 2.4rem}}@media (min-width:1800px){.panel--left{width:min(32vw,38rem)}.panel--bottom{width:min(40vw,44rem)}}@media (max-width:640px){.stage{--step:74vh}.hero__hand{gap:.6rem}}@media (max-height:640px) and (min-width:640px){.stage__sticky{padding-block:.9rem}.creed{font-size:var(--fs-md);margin-bottom:1rem}.marks{padding-top:.7rem}.hero__ghost{font-size:clamp(7rem,22vw,14rem)}}@media (max-height:520px){.marks,.hero__picked,.hero__tagline,.foot__note{display:none}}@media (hover:none){.hint{letter-spacing:.14em}}