.promo{--mx:0;--my:0;--promo-line:#f4efe638;--promo-glass:#08070bb8;isolation:isolate;min-height:100dvh;color:var(--paper);background:var(--ink);grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow-x:clip}.promo__world,.promo__veil,.promo__mood,.promo__noise{pointer-events:none;position:absolute;inset:0}.promo__world{z-index:0;overflow:hidden}.promo__scene{transform:translate3d(calc(var(--mx) * -18px), calc(var(--my) * -12px), 0);will-change:transform;transition:filter .45s;position:absolute;inset:-8%}.promo__scene picture,.promo__scene img,.promo__scene video{object-fit:cover;object-position:50% 46%;width:100%;height:100%;display:block}.promo__scene img{animation:26s ease-in-out infinite alternate promoPulse;position:absolute;inset:0}@keyframes promoPulse{0%{transform:scale(1.02)}to{transform:scale(1.1)translate(-1.4%,-.8%)}}.promo__video{opacity:0;transition:opacity .8s;position:absolute;inset:0}.promo__video.is-on{opacity:1}.promo__veil{z-index:1;background:radial-gradient(58% 52% at 50% 46%,#0000 0%,#07060a47 42%,#07060ac7 78%,#07060af0 100%),linear-gradient(#07060a9e 0%,#0000 18% 72%,#07060ae0 100%)}.promo__mood{z-index:1;opacity:0;transition:opacity .45s,background .45s}.promo__noise{z-index:2;opacity:.04;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;transition:opacity .45s}.promo__nav,.promo__ribbon,.promo__stage,.promo__foot{z-index:3;position:relative}.promo__nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1rem clamp(1rem,4vw,2.5rem) .35rem;display:grid}.promo__atmo{color:var(--paper);font-family:var(--font-brand);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#07060a8c;border:1px solid #f4efe638;border-radius:999px;grid-column:1;justify-self:start;align-items:center;gap:.45rem;margin:0;padding:.4rem .7rem;font-size:.78rem;transition:border-color .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative}.promo__atmo:hover,.promo__atmo:focus-visible,.promo__atmo[aria-pressed=true]{border-color:#f5d8008c;box-shadow:0 0 18px #f5d8002e}.promo__atmo[aria-pressed=true]{background:#07060ac7}.promo__atmo-dot{background:#f4efe659;border-radius:50%;width:.55rem;height:.55rem;transition:background .25s,box-shadow .25s;box-shadow:0 0 0 2px #f4efe61f}.promo__atmo[aria-pressed=true] .promo__atmo-dot{background:var(--brand-yellow);box-shadow:0 0 10px #f5d800b3}.promo [data-promo-atmo-audio]{display:none}.promo__nav-links{font-family:var(--font-brand);letter-spacing:.22em;text-transform:uppercase;grid-column:2;align-items:center;gap:.85rem;font-size:clamp(.95rem,1.6vw,1.15rem);display:flex}.promo__nav-links a{color:var(--paper);text-decoration:none}.promo__nav-links a:hover,.promo__nav-links a:focus-visible{color:var(--brand-yellow)}.promo__nav-links span{opacity:.35}.promo__age{width:2.35rem;height:2.35rem;font-family:var(--font-brand);letter-spacing:.04em;border:2px solid #f4efe6d1;border-radius:4px;grid-column:3;justify-self:end;place-items:center;font-size:.9rem;display:grid}.promo__ribbon{width:min(640px,100% - 2rem);font-family:var(--font-brand);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:1fr 1fr;margin:.45rem auto 0;font-size:clamp(.78rem,1.4vw,.95rem);display:grid}.promo__ribbon>span,.promo__ribbon>a{justify-content:center;align-items:center;min-height:2.35rem;padding:.4rem .9rem;text-decoration:none;display:flex}.promo__ribbon>span{color:var(--paper);background:#07060a}.promo__ribbon>a{background:var(--brand-yellow);color:#07060a}.promo__ribbon>a:hover,.promo__ribbon>a:focus-visible{background:var(--brand-yellow-light)}.promo__ribbon [data-promo-clock]{font-variant-numeric:tabular-nums;letter-spacing:.08em}.promo__stage{text-align:center;align-content:center;justify-items:center;gap:clamp(.7rem,2vh,1.2rem);width:min(46rem,100% - 2rem);margin:0 auto;padding:.35rem 0 6.5rem;display:grid}.promo__lockup{text-align:left;perspective:720px;grid-template-columns:auto 1fr;align-items:center;gap:.85rem 1.55rem;display:grid}.promo__mark{--mark:clamp(5.6rem, 13vw, 8rem);--mx:0;--my:0;width:var(--mark);height:var(--mark);transform-style:preserve-3d;flex-shrink:0;margin:.7rem;animation:5.5s ease-in-out infinite promoMarkFloat;position:relative;overflow:visible}.promo__mark-glow{pointer-events:none;background:radial-gradient(circle,#f5d8006b 0%,#f5d8001f 38%,#0000 68%);animation:3.2s ease-in-out infinite promoMarkPulse;position:absolute;inset:-42%}.promo__mark-orbit,.promo__mark-ticks{pointer-events:none;position:absolute;top:50%;left:50%}.promo__mark-orbit{border:1px solid #f5d800b3;width:86%;height:86%;animation:14s linear infinite promoMarkSpin;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 18px #f5d80047,inset 0 0 10px #f5d8001f}.promo__mark-orbit--rev{width:112%;height:112%;box-shadow:none;border-style:dashed;border-color:#ffe5668c;animation-duration:22s;animation-direction:reverse}.promo__mark-ticks{background:linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 0 / 14px 2px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 0 / 2px 14px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 0 / 14px 2px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 0 / 2px 14px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 100% / 14px 2px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 100% / 2px 14px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 100% / 14px 2px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 100% / 2px 14px no-repeat;width:74%;height:74%;animation:6s ease-in-out infinite alternate promoMarkTicks;transform:translate(-50%,-50%)rotate(45deg)}.promo__mark-echo,.promo__mark-ghost,.promo__mark-gem{position:absolute;inset:13%}.promo__mark-echo,.promo__mark-ghost,.promo__mark-gem picture,.promo__mark-gem img,.promo__mark-echo img,.promo__mark-ghost img{width:100%;height:100%;display:block}.promo__mark-echo img,.promo__mark-ghost img,.promo__mark-gem img{object-fit:cover;object-position:52% 38%}.promo__mark-echo{z-index:0;opacity:.16;mix-blend-mode:screen;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);filter:blur(5px)saturate(1.55)brightness(1.35);animation:7s ease-in-out infinite promoMarkEcho;inset:2%;overflow:hidden}.promo__mark-ghost{z-index:1;opacity:.24;mix-blend-mode:screen;filter:saturate(1.35)brightness(1.18);animation:5.2s ease-in-out infinite promoMarkGhost;-webkit-mask-image:radial-gradient(circle,#000 40%,#00000073 54%,#0000 70%);mask-image:radial-gradient(circle,#000 40%,#00000073 54%,#0000 70%)}.promo__mark-gem{z-index:3;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#f5d800;overflow:hidden;box-shadow:0 10px 28px #00000073,0 0 22px #f5d80038}.promo__mark-shine{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 36%,#fffcdc8c 48%,#0000 60%);animation:5s ease-in-out infinite promoMarkShine;position:absolute;inset:-40%}@keyframes promoMarkFloat{0%,to{transform:translate3d(0, 0, 0) rotateX(calc(var(--my) * -9deg)) rotateY(calc(var(--mx) * 12deg))}50%{transform:translate3d(0, -7px, 0) rotateX(calc(var(--my) * -9deg)) rotateY(calc(var(--mx) * 12deg))}}@keyframes promoMarkSpin{0%{transform:translate(-50%,-50%)rotate(45deg)}to{transform:translate(-50%,-50%)rotate(405deg)}}@keyframes promoMarkTicks{0%{opacity:.55;filter:drop-shadow(0 0 #0000)}to{opacity:1;filter:drop-shadow(0 0 6px #f5d800a6)}}@keyframes promoMarkPulse{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@keyframes promoMarkShine{0%,55%{opacity:0;transform:translate(-40%)rotate(8deg)}70%{opacity:.9}to{opacity:0;transform:translate(40%)rotate(8deg)}}@keyframes promoMarkGhost{0%,to{opacity:.16}50%{opacity:.3}}@keyframes promoMarkEcho{0%,to{opacity:.12;filter:blur(5px)saturate(1.55)brightness(1.2)}50%{opacity:.22;filter:blur(3px)saturate(1.7)brightness(1.45)}}.promo__lockup-text{align-content:center;gap:.4rem;min-width:0;display:grid}.promo__brand-name{font-family:var(--font-brand);letter-spacing:.34em;text-transform:uppercase;color:var(--brand-yellow);text-shadow:0 1px #1a1600,0 0 16px #f5d80073;font-size:clamp(1.05rem,2.2vw,1.4rem)}.promo__title{font-family:var(--font-brand);letter-spacing:.05em;text-transform:uppercase;color:var(--paper);-webkit-text-stroke:.6px #f5d80047;text-shadow:0 1px #4a3f00,0 2px #2e2700,0 3px #1a1608,0 4px #0c0a06,0 8px 18px #0000008c,0 0 28px #f5d8002e;gap:.12em;margin:0;font-size:clamp(2.55rem,8.2vw,4.85rem);font-weight:400;line-height:.9;display:grid}.promo__title span{display:block}.promo__lead{color:var(--paper-muted);margin:0;font-size:.92rem;line-height:1.35}.promo__board{isolation:isolate;width:100%;display:grid}.promo__step{grid-area:1/1;justify-items:center;gap:clamp(.7rem,2vh,1.2rem);width:100%;display:grid}#choice{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s .22s,visibility .42s .22s;position:relative}#messenger-novice,#messenger-veteran{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s .16s,transform .55s cubic-bezier(.16,1,.3,1) .16s,visibility .5s .16s;transform:translateY(28px)}#messenger-novice:target,#messenger-veteran:target{opacity:1;visibility:visible;pointer-events:auto;transform:none}body:has(#messenger-novice:target) #choice,body:has(#messenger-veteran:target) #choice{opacity:0;visibility:hidden;pointer-events:none}#choice .promo__pick{transition:transform .35s var(--ease-out), opacity .35s ease, filter .35s ease, border-color .3s ease, background .3s ease}body:has(#messenger-novice:target) #choice .promo__pick[href=\#messenger-veteran],body:has(#messenger-veteran:target) #choice .promo__pick[href=\#messenger-novice]{opacity:0;filter:grayscale(.45)brightness(.55)}body:has(#messenger-novice:target) #choice .promo__pick[href=\#messenger-veteran]{transform:translate(18%)scale(.9)}body:has(#messenger-veteran:target) #choice .promo__pick[href=\#messenger-novice]{transform:translate(-18%)scale(.9)}body:has(#messenger-novice:target) #choice .promo__pick[href=\#messenger-novice],body:has(#messenger-veteran:target) #choice .promo__pick[href=\#messenger-veteran]{border-color:#f5d800b8;transform:translateY(-8px)scale(1.04)}.promo:has(#choice .promo__pick[data-hover-sound=novice]:hover) .promo__mood,.promo:has(#choice .promo__pick[data-hover-sound=novice]:focus-visible) .promo__mood{opacity:1;background:radial-gradient(72% 58% at 50% 44%,#f5d80033 0%,#0000 64%)}.promo:has(#choice .promo__pick[data-hover-sound=novice]:hover) .promo__scene,.promo:has(#choice .promo__pick[data-hover-sound=novice]:focus-visible) .promo__scene{filter:saturate(1.22)brightness(1.08)contrast(1.04)}.promo:has(#choice .promo__pick[data-hover-sound=veteran]:hover) .promo__mood,.promo:has(#choice .promo__pick[data-hover-sound=veteran]:focus-visible) .promo__mood{opacity:1;background:radial-gradient(70% 58% at 50% 40%,#00000047 0%,#0000 58%),radial-gradient(48% 42% at 82% 72%,#5c122047 0%,#0000 70%)}.promo:has(#choice .promo__pick[data-hover-sound=veteran]:hover) .promo__scene,.promo:has(#choice .promo__pick[data-hover-sound=veteran]:focus-visible) .promo__scene{filter:saturate(.72)brightness(.78)contrast(1.14)}.promo:has(#choice .promo__pick[data-hover-sound=veteran]:hover) .promo__noise,.promo:has(#choice .promo__pick[data-hover-sound=veteran]:focus-visible) .promo__noise{opacity:.09}body:has(#messenger-novice:target) .promo__mood,body:has(#messenger-veteran:target) .promo__mood{opacity:1;background:radial-gradient(52% 48% at 50% 46%,#0000 0%,#07060a61 48%,#07060ab8 100%)}body:has(#messenger-novice:target) .promo__scene,body:has(#messenger-veteran:target) .promo__scene{filter:brightness(.7)saturate(.82)}.promo__back{font-family:var(--font-brand);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-muted);font-size:.95rem;text-decoration:none}.promo__back:hover,.promo__back:focus-visible{color:var(--brand-yellow)}.promo__choice{gap:.75rem;width:min(42rem,100%);display:grid}.promo__choice--roles{grid-template-columns:1fr 1fr;width:min(42rem,100%)}.promo__choice--apps{grid-template-columns:1fr 1fr}.promo__pick{color:inherit;background:var(--promo-glass);border:1px solid var(--promo-line);backdrop-filter:blur(10px);transition:transform .3s var(--ease-out), border-color .3s ease, background .3s ease;align-content:start;justify-items:center;gap:.2rem;padding:.95rem .85rem .8rem;text-decoration:none;display:grid;position:relative}.promo__pick:hover,.promo__pick:focus-visible{background:#08070bdb;border-color:#f5d8008c;transform:translateY(-3px)}.promo__pick-frame{pointer-events:none;background:linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 0 / 18px 1px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 0 / 1px 18px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 0 / 18px 1px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 0 / 1px 18px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 100% / 18px 1px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 0 100% / 1px 18px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 100% / 18px 1px no-repeat, linear-gradient(var(--brand-yellow), var(--brand-yellow)) 100% 100% / 1px 18px no-repeat;position:absolute;inset:-1px}.promo__pick--art{padding:0 0 .8rem;overflow:hidden}.promo__pick-art{aspect-ratio:1;background:#07060a;width:100%;margin:0 0 .55rem;display:block;overflow:hidden}.promo__pick-art img{object-fit:cover;object-position:50% 28%;width:100%;height:100%;transition:transform .45s;display:block}.promo__pick--art:hover .promo__pick-art img,.promo__pick--art:focus-visible .promo__pick-art img{transform:scale(1.06)}.promo__pick--art .promo__pick-kicker,.promo__pick--art .promo__pick-name,.promo__pick--art .promo__pick-note{padding-inline:.85rem}.promo__pick--art .promo__pick-btn{width:calc(100% - 1.7rem);margin-inline:.85rem}.promo__pick-icon{width:2.5rem;height:2.5rem;color:var(--brand-yellow);place-items:center;margin-bottom:.1rem;display:grid}.promo__pick-icon svg{width:1.55rem;height:1.55rem}.promo__pick-kicker{letter-spacing:.16em;text-transform:uppercase;color:#f4efe68c;font-size:.68rem;font-weight:700}.promo__pick-name{font-family:var(--font-brand);letter-spacing:.12em;text-transform:uppercase;font-size:1.45rem;line-height:1}.promo__pick-note{max-width:16rem;color:var(--paper-muted);margin:0 0 .45rem;font-size:.76rem;line-height:1.35}.promo__pick-btn{width:100%;min-height:2.25rem;font-family:var(--font-brand);letter-spacing:.22em;text-transform:uppercase;border:1px solid #f4efe66b;place-items:center;margin-top:auto;font-size:.98rem;display:grid}.promo__pick:hover .promo__pick-btn,.promo__pick:focus-visible .promo__pick-btn{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#07060a}.promo__foot{color:#f4efe673;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;padding:.7rem clamp(1rem,4vw,2.5rem) .9rem;font-size:.72rem;display:flex}.promo__legal{flex-wrap:wrap;gap:.4rem .9rem;display:flex}.promo__legal a{color:inherit;text-decoration:none}.promo__legal a:hover,.promo__legal a:focus-visible{color:var(--brand-yellow)}.promo .cookie-banner__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.promo .cookie-banner__inner{padding:.75rem .9rem}@media (width<=639px){.promo__nav{grid-template-columns:auto 1fr auto;padding-top:.75rem}.promo__atmo{padding:.38rem .55rem}.promo__atmo-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.promo__nav-links{letter-spacing:.14em;grid-column:2;justify-self:center;font-size:.85rem}.promo__age{grid-column:3}.promo__ribbon{grid-template-columns:1fr}.promo__lockup{text-align:center;grid-template-columns:1fr;justify-items:center}.promo__choice,.promo__choice--apps{grid-template-columns:1fr;width:min(22rem,100%)}.promo__video{display:none}}@media (height<=800px){.promo__pick-art{aspect-ratio:1}}@media (width>=768px) and (height>=860px){.promo{height:100dvh}.promo__stage{padding-bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.promo__pick,.promo__video,.promo__mood,.promo__noise,.promo__scene,#choice,#messenger-novice,#messenger-veteran,#choice .promo__pick{transition:none}.promo__pick:hover,.promo__pick:focus-visible,body:has(#messenger-novice:target) #choice .promo__pick[href=\#messenger-novice],body:has(#messenger-veteran:target) #choice .promo__pick[href=\#messenger-veteran],body:has(#messenger-novice:target) #choice .promo__pick[href=\#messenger-veteran],body:has(#messenger-veteran:target) #choice .promo__pick[href=\#messenger-novice],#messenger-novice,#messenger-veteran{transform:none}.promo__scene img,.promo__video,.promo__pick-art img,.promo__mark,.promo__mark-glow,.promo__mark-orbit,.promo__mark-ticks,.promo__mark-shine,.promo__mark-ghost,.promo__mark-echo{animation:none;transform:none}.promo__mark-orbit,.promo__mark-ticks{transform:translate(-50%,-50%)rotate(45deg)}.promo__video{display:none}}