.hero{background:var(--ink);isolation:isolate;height:100svh;min-height:560px;position:relative;overflow:hidden}.layer{position:absolute;inset:0}.stage{background:var(--ink)}.stage picture{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.stage picture.on{opacity:1}.stage img{object-fit:cover;object-position:50% 22%;transform-origin:50% 40%;width:100%;height:100%;display:block}.hands{z-index:1;opacity:0;pointer-events:none;position:absolute}.dots{z-index:5;right:12px;top:calc(env(safe-area-inset-top,0px) + 110px);gap:6px;display:flex;position:absolute}.dots button{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;width:18px;height:18px;padding:0;display:grid}.dots button:before{content:"";border:1px solid #f4f1eacc;width:7px;height:7px}.dots button[aria-current=true]:before{background:var(--ivory)}.shade{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(180deg, #020b088c 0%, #020b0800 22%, #020b0800 42%, #020b08d1 72%, var(--ink) 100%)}.sheet{background-color:var(--bp);opacity:0}.sheet .grid{background-image:linear-gradient(#f4f1ea1f 1px,#0000 1px),linear-gradient(90deg,#f4f1ea1f 1px,#0000 1px),linear-gradient(#f4f1ea0d 1px,#0000 1px),linear-gradient(90deg,#f4f1ea0d 1px,#0000 1px);background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px;position:absolute;inset:0}.sheet .frame{border:1.5px solid #f4f1eab3;position:absolute;inset:10px}.sheet .frame:before{content:"";border:1px solid #f4f1ea59;position:absolute;inset:5px}.draw{position:absolute}.draw img,.draw svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.draw img{opacity:0}.draw svg path{fill:none;stroke:var(--bp-line);stroke-linecap:round;stroke-linejoin:round}.topbar{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 18px) 16px 0;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.topbar button{appearance:none;color:var(--ivory);cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #f4f1ea8c;padding:8px 11px}.topbar a{text-decoration:none}.settle{z-index:4;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 26px);gap:10px;display:grid;position:absolute;bottom:0;left:0;right:0}.settle>*{margin:0}.scrim{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#020b0800 0%,#020b088c 28%,#020b08db 55%,#020b08f0 100%);height:52%;position:absolute;bottom:0;left:0;right:0}.settle h1{font:400 calc((100vw - 32px) / 3.5)/.86 var(--display);text-transform:uppercase;letter-spacing:.005em;white-space:nowrap;margin-bottom:2px}.settle .role{font:400 15px/1.5 var(--sans);letter-spacing:0;color:var(--muted);min-width:0;max-width:none;margin:0}.settle>*{min-width:0}.settle .role span{white-space:nowrap;width:max-content;max-width:none;display:block}.settle .role .l1{color:var(--ivory)}.settle .role .l2{border-top:1px solid #f4f1ea2e;margin-top:.45em;padding-top:.45em}.settle .row{justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.settle .cue{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.settle .cue:after{content:"";background:var(--cobalt);width:34px;height:1px}.settle .replay{appearance:none;color:var(--muted);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:6px 0;text-decoration:underline}.credit{z-index:4;right:16px;top:calc(env(safe-area-inset-top,0px) + 58px);font:400 10px/1.5 var(--mono);color:#f4f1eab8;text-align:right;letter-spacing:.04em;max-width:34ch;position:absolute}.hero:not(.js) .sheet,.hero:not(.js) .draw{display:none}.intro .hero:not(.js) .stage,.intro .hero:not(.js) .settle,.intro .hero:not(.js) .credit,.intro .hero:not(.js) .scrim,.intro .hero:not(.js) .shade,.intro .hero:not(.js) .dots,.intro .hero:not(.js) .hands{visibility:hidden}@media (width>=900px){.topbar{padding:26px 36px 0}.settle{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px;padding:0 48px 44px}.scrim{background:linear-gradient(#020b0800 0%,#020b0880 35%,#020b08d1 70%,#020b08e6 100%);height:46%}.settle h1{grid-column:1;font-size:min(13vw,210px,28.5714vw - 27.4286px)}.settle .role{grid-column:1;font-size:17px}.settle .row{flex-direction:column;grid-area:1/2/span 4;align-items:flex-end;gap:18px}.credit{font-size:11px;top:80px;right:48px}.dots{top:136px;right:44px}}.hero:not(.js) .scrim,.hero:not(.js) .shade{opacity:1}