:root{--banner-h: 0px;--u: calc((100svh - var(--banner-h)) / 100);--ease: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(20px, 5vw, 72px);--cream-dim: rgba(244, 239, 230, .7);--cream-faint: rgba(244, 239, 230, .42)}:root:has([data-edition-banner]){--banner-h: 64px}.hero{position:relative;height:calc(100 * var(--u));min-height:620px;overflow:hidden;isolation:isolate;background:#07060d;--imgH: max(91.5vw, calc(75 * var(--u)));--hz: calc(46 * var(--u));--ring: calc(26 * var(--u));--th: calc(30 * var(--u));--tw: calc(var(--th) * 1.743);--title-top: calc(var(--hz) + calc(16 * var(--u)));--px: 0;--py: 0;--hp: 0}.hero__scene{position:absolute;inset:0;z-index:-3;transform:translate3d(calc(var(--px) * -8px),calc(var(--hp) * calc(18 * var(--u))),0)}.hero__city{position:absolute;left:50%;top:calc(var(--hz) - .8 * var(--imgH));height:var(--imgH);width:auto;max-width:none;aspect-ratio:2000 / 1830;transform:translate(-50%);-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent)}.js .hero__city{opacity:0;transform:translate(-50%) scale(1.06);transition:opacity 1.6s var(--ease),transform 2.6s var(--ease)}.is-ready .hero__city{opacity:1;transform:translate(-50%) scale(1)}.hero:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(7,6,13,.55) 0%,transparent 18%,transparent 52%,rgba(7,6,13,.7) 78%,var(--night) 100%),radial-gradient(70% 60% at 50% 46%,transparent 40%,rgba(7,6,13,.55) 100%)}.hero__circuits,.hero__hub,.hero__ring,.hero__title,.hero__ring img,.hero__title img{mix-blend-mode:screen}.hero__circuits{position:absolute;left:50%;top:var(--hz);width:max(100vw,calc(120 * var(--u)));max-width:none;transform:translate(-50%);opacity:0;z-index:-1;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%);mask-image:linear-gradient(180deg,transparent,#000 20%);transition:opacity 2s var(--ease) 1.6s}.is-ready .hero__circuits,html:not(.js) .hero__circuits{opacity:.55}.hero__hub{position:absolute;left:50%;top:calc(var(--title-top) + var(--th) * .5);width:min(96vw,calc(var(--tw) * 2.2));max-width:none;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.4s var(--ease) 1.1s;z-index:-1}.is-ready .hero__hub,html:not(.js) .hero__hub{opacity:.9}.hero__rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen}.hero__ring{position:absolute;left:50%;top:calc(var(--hz) + calc(5 * var(--u)));width:var(--ring);height:var(--ring);transform:translate(-50%,-50%) translate3d(calc(var(--px) * 6px),calc(var(--py) * 4px),0);z-index:1}.hero__ring img{position:absolute;inset:0;width:100%;height:100%}.hero__ring-circle{animation:spin 70s linear infinite}.hero__ring-figure{animation:breathe 6s var(--ease) infinite alternate}.js .hero__ring{opacity:0;transition:opacity 1.4s var(--ease) .5s}.is-ready .hero__ring{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes breathe{0%{opacity:.78}to{opacity:1}}.hero__title{position:absolute;left:50%;top:var(--title-top);width:var(--tw);height:var(--th);transform:translate(-50%) translate3d(calc(var(--px) * 12px),calc(var(--py) * 6px),0);z-index:2}.hero__title img{position:absolute;inset:0;width:100%;height:100%}.hero__title-bloom{filter:blur(22px) saturate(1.4);opacity:.85}.js .hero__title img{opacity:0}.is-ready .hero__title-tube{animation:ignite 1.7s steps(1,end) .9s both}.is-ready .hero__title-bloom{animation:ignite-bloom 1.7s steps(1,end) .9s both}.hero__title.is-flicker img{animation:stutter .42s steps(1,end) both!important}@keyframes ignite{0%{opacity:0}6%{opacity:.85}10%{opacity:.08}18%{opacity:.9}22%{opacity:.2}34%{opacity:1}40%{opacity:.45}46%,to{opacity:1}}@keyframes ignite-bloom{0%,30%{opacity:0}34%{opacity:.6}40%{opacity:.2}46%,to{opacity:.85}}@keyframes stutter{0%{opacity:1}20%{opacity:.35}35%{opacity:1}55%{opacity:.6}70%,to{opacity:1}}.hero__copy{position:absolute;left:0;right:0;top:calc(var(--title-top) + var(--th) * .5 + calc(3 * var(--u)));z-index:3;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) var(--tw) minmax(0,1fr);-moz-column-gap:32px;column-gap:32px;align-items:start;opacity:0;transform:translateY(12px);transition:opacity 1s var(--ease) 2s,transform 1s var(--ease) 2s}.is-ready .hero__copy,html:not(.js) .hero__copy{opacity:1;transform:none}.hero__left{grid-column:1;display:grid;gap:10px;max-width:340px}.hero__right{grid-column:3;display:grid;gap:12px;justify-items:end;justify-self:end}.hero__meta{font-size:15px;line-height:1.5;color:var(--cream-dim)}.hero__quote blockquote{font-size:15px;font-style:italic;font-weight:300;color:var(--cream)}.hero__quote figcaption{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-faint);margin-top:2px}.hero__note{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-faint)}@media(max-width:900px){.hero{--hz: calc(33 * var(--u));--ring: calc(21 * var(--u));--tw: min(88vw, 470px);--th: calc(var(--tw) / 1.743);--title-top: calc(var(--hz) + calc(13 * var(--u)))}.hero__copy{top:calc(var(--title-top) + var(--th) + calc(3 * var(--u)));grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:16px}.hero__right{grid-column:1;grid-row:1;justify-items:center;justify-self:center}.hero__left{grid-column:1;grid-row:2;justify-items:center;max-width:none}.hero__quote,.hero__note{display:none}.hero__meta{font-size:14px;max-width:300px}.is-ready .hero__circuits,html:not(.js) .hero__circuits{opacity:.3}}@media(min-width:901px)and (max-height:760px){.hero__quote{display:none}}@media(max-width:900px)and (max-height:720px){.hero{--hz: calc(30 * var(--u));--ring: calc(18 * var(--u));--title-top: calc(var(--hz) + calc(11 * var(--u)))}.hero__copy{top:calc(var(--title-top) + var(--th) + calc(2 * var(--u)));row-gap:10px}}@media(prefers-reduced-motion:reduce){.js .hero__title img{opacity:1}.hero__title-bloom{opacity:.85!important}.hero__rain{display:none}}