.stage{border:1px solid var(--rule);background:var(--soot);width:100%;height:max(380px,min(min(100vw,1200px)/1.77778 - 18px,74vh));position:relative;overflow:hidden}@media (max-width:640px){.stage{height:min(130vw - 41.6px,78vh)}}.hero{background:var(--paper);color:var(--ink);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.hero__bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.hero__logo svg{width:auto;height:clamp(26px,4vw,38px);color:var(--ink);display:block}.hero__nav{font:700 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.hero__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:0 6%;display:grid}.hero__copy{align-self:center;width:min(100%,430px);min-width:0}.hero__menu{border-top:2px solid var(--ink);display:grid}.hero__link{color:var(--ink);border-bottom:2px solid var(--ink);text-decoration:none;display:block;position:relative}.hero__row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:16px 10px 15px 2px;display:grid}.hero__row--ink{background:var(--ink);color:var(--paper);clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.7,0,.2,1);position:absolute;inset:0}.hero__num{font:700 12px/1 var(--display);letter-spacing:.14em;color:var(--ink-soft);grid-row:span 2;align-self:start;padding-top:5px}.hero__label{font:900 clamp(26px, 2.9vw, 40px)/.9 var(--display);letter-spacing:.01em;text-transform:uppercase}.hero__note{font:italic 400 16px/1.2 var(--text);color:var(--ink-soft);grid-column:2}.hero__arrow{font:400 28px/1 var(--text);grid-area:1/3/span 2;transition:transform .35s}.hero__row--ink .hero__num,.hero__row--ink .hero__note{color:#ffffffb3}@media (hover:hover){.hero__link:hover .hero__row--ink{clip-path:inset(0)}.hero__link:hover .hero__arrow{transform:translate(6px)}}.hero__link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero__link:focus-visible .hero__row--ink,.hero__link:active .hero__row--ink{clip-path:inset(0)}.hero__piece{object-fit:contain;place-self:center;width:auto;max-width:100%;height:88%;min-height:0;display:block}.hero__shadow{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero__bar,.hero__copy{z-index:1;position:relative}@media (max-width:640px){.hero__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px;padding:0 16px 16px}.hero__piece{order:-1;height:96%}.hero__copy{place-self:end stretch;width:100%}.hero__row{grid-template-columns:28px minmax(0,1fr) auto;row-gap:2px;padding:11px 6px 10px 2px}.hero__label{font-size:clamp(22px,6.4vw,28px)}.hero__note{font-size:14px}.hero__arrow{font-size:24px}}.stage[data-flat2d] #gl{visibility:hidden}.stage[data-flat2d] .pl .fx{mix-blend-mode:normal}.pl{z-index:2;position:absolute;inset:0}.pl canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pl .fx{mix-blend-mode:screen}.stage[data-light] .pl .fx{mix-blend-mode:normal}.sub{text-align:center;pointer-events:none;font:italic 400 clamp(17px, 2vw, 28px)/1 var(--text);letter-spacing:.06em;color:var(--bone);opacity:0;filter:blur(10px);margin:0;transition:opacity .7s,filter .7s;position:absolute;left:0;right:0}.sub.on{opacity:.85;filter:blur()}.stage[data-ink] .sub{color:var(--ink)}.skip{cursor:pointer;font:700 13px/1 var(--display);letter-spacing:.22em;color:var(--ash);background:0 0;border:0;padding:12px 8px;position:absolute;bottom:10px;right:14px}.stage[data-ink] .skip{color:#6d665d}.skip:hover,.skip:focus-visible{color:var(--bone)}@media (prefers-reduced-motion:reduce){.sub{transition:none}}