.om{--head:3.75rem;--card-edge:8px 8px 0 var(--ink);background:var(--ink);color:var(--cream);scroll-margin-top:25svh}.open-mask{display:none}.open{padding:var(--section-y) var(--pad) 0;background:#0c0812;position:relative;overflow:hidden}.open-person{width:min(70%,24rem);margin:2rem auto 0}.open-person img{width:100%;height:auto;display:block}.open-copy h1{margin-bottom:.3em;font-size:clamp(2.6rem,5vw,5rem)}.open-copy p{max-width:30rem;margin:0;font-weight:500;line-height:1.35}.scene{position:relative;overflow:hidden}.sheet{min-height:100svh;padding:var(--section-y) var(--pad);gap:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.bg{object-fit:cover}.big{z-index:1;font-family:var(--font-display), Impact, sans-serif;margin:0;font-size:min(27vw,52svh);font-weight:400;line-height:.86;position:relative}.big i{display:none}.big span{background:var(--fill);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.scene-2011{--fill:linear-gradient(#ffe45c 10%, #ffc61a 52%, #ff7a00 94%)}.scene-2012{--fill:linear-gradient(#fff 12%, #b8ecff 48%, #39b6ff 94%)}.scene-2014{--fill:linear-gradient(#fff3d6 12%, #ffc14f 50%, #ff6a1f 92%)}.scene-2016{--fill:linear-gradient(#fff 12%, #e0c7ff 48%, #a35cff 94%)}.scene-2023{--fill:linear-gradient(#fff4e8 16%, #ffc4d8 52%, #ff2e74 96%)}.copy{z-index:4;max-width:30rem;position:relative}.scene h2:not(.neej,.big){text-shadow:0 .04em .5em #0000004d;margin:0 0 .3em;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:.98}.copy>p:not(.tag){text-shadow:0 1px 1rem #00000059;margin:0 0 1.1rem;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:500;line-height:1.35}.tag{background:var(--cream);color:var(--ink);font-family:var(--font-mono), monospace;border-radius:99px;margin:0 0 .8rem;padding:.25em .8em;font-size:.8rem;font-weight:700;display:inline-block}.poster-card img,.floats img{width:100%;height:auto;display:block}.poster-card{z-index:3;width:min(100%,22rem);position:relative}.tilt{border:var(--edge);box-shadow:var(--card-edge);border-radius:18px;overflow:hidden}.pig{display:none}.steam{z-index:3;color:#c7d5e0;max-width:30rem;position:relative}.steam .tilt{background:linear-gradient(120deg,#16202d,#2a475e);padding:1rem 1.1rem}.steam-head{align-items:center;gap:1rem;display:flex}.steam-head img{flex:none;width:clamp(3.5rem,5vw,4.75rem);height:auto}.steam-head div{flex-direction:column;min-width:0;line-height:1.25;display:flex}.steam-head b{color:#fff;font-family:var(--font-display), Impact, sans-serif;font-size:1.35em;font-weight:400}.steam-head span{font-family:var(--font-mono), monospace;font-size:.72em}.steam .tilt>p{margin:.8rem 0 .6rem;font-size:.92em;font-weight:500}.spoiler{border-top:1px solid #c7d5e040;padding-top:.6rem;font-size:.85em}.spoiler summary{color:var(--lime);cursor:pointer;font-weight:700}.spoiler p{font-family:var(--font-mono), monospace;margin:.4rem 0 0}.tv{z-index:3;background:var(--ink);border-radius:20px;padding:clamp(.5rem,.9vw,.8rem);position:relative;box-shadow:8px 8px #20101a73}.knife-video,.om .clip-player{aspect-ratio:16/9;background:#000;border-radius:14px;position:relative;overflow:hidden}.knife-video iframe,.knife-video button,.knife-video img,.om .clip-player iframe,.om .clip-player button,.om .clip-player img{border:0;width:100%;height:100%;display:block}.knife-video button,.om .clip-player button{cursor:pointer;background:0 0;padding:0;position:relative}.knife-video img,.om .clip-player img{object-fit:cover}.knife-video iframe{position:absolute;inset:0}.knife-video button span,.om .clip-player button span{aspect-ratio:1;background:var(--lime);width:clamp(3.5rem,5.5vw,5rem);height:auto;transition:transform var(--room-time) var(--room-ease);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knife-video button span:after,.om .clip-player button span:after{content:"";border-style:solid;border-width:.7rem 0 .7rem 1.1rem;border-color:transparent transparent transparent var(--ink);position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.knife-video button:hover span,.om .clip-player button:hover span{transform:translate(-50%,-50%)scale(1.15)}.tv-bar{flex-direction:column;padding:.7rem .5rem .35rem;line-height:1.2;display:flex}.tv-bar span{color:var(--lime);font-family:var(--font-mono), monospace;font-size:.68rem;font-weight:700}.tv-bar b{font-family:var(--font-display), Impact, sans-serif;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:400}.tv-bar small{font-family:var(--font-mono), monospace;opacity:.75;font-size:.68rem}.person img{width:100%;height:auto;display:block}.person-2016,.person-2023{z-index:2;justify-self:end;width:min(100%,26rem);position:relative}.floats,.rig,.scroll-cue{display:none}.slate{z-index:3;order:-1;width:min(100%,34rem);position:relative;container-type:inline-size}.slate-arm,.slate-stripes{border:var(--edge);height:8.5cqi}.slate-arm{background:repeating-linear-gradient(115deg, var(--cream) 0 7cqi, var(--hot) 7cqi 14cqi);transform-origin:1.5% 100%;border-radius:10px 10px 0 0}.slate-board{box-shadow:8px 8px 0 var(--hot);border-radius:0 0 18px 18px}.slate-stripes{background:repeating-linear-gradient(65deg, var(--cream) 0 7cqi, var(--hot) 7cqi 14cqi);border-top:0}.slate-body{border:var(--edge);background:var(--ink);color:var(--cream);border-top:0;border-radius:0 0 18px 18px;padding:3.5cqi 4cqi}.slate-year{font-family:var(--font-display), Impact, sans-serif;margin:0;font-size:32cqi;line-height:.86}.slate-year span{background:var(--fill);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;display:block}.slate dl{border-top:2px solid #fff4e859;grid-template-columns:1fr 1fr 1.35fr;gap:3cqi;margin:2.5cqi 0 0;padding-top:2cqi;display:grid}.slate dt{font-family:var(--font-mono), monospace;opacity:.7;font-size:max(.6rem,2.2cqi)}.slate dd{margin:0;font-size:max(.8rem,3.3cqi);font-weight:700;line-height:1.1}.sticker{border:var(--edge);background:var(--lime);max-width:24rem;box-shadow:5px 5px 0 var(--ink);color:var(--ink);border-radius:14px;margin:1rem 0 0;padding:.7rem .95rem;rotate:-1.5deg}.sticker p{margin:0 0 .2rem;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:700;line-height:1.15}.sticker cite{font-family:var(--font-mono), monospace;font-size:.68rem;font-style:normal}.scene h2.neej{z-index:2;color:var(--lime);text-shadow:.05em .05em 0 var(--ink);justify-content:space-between;margin:0;font-size:10.2vw;line-height:1;display:flex;position:relative}@property --sun{syntax:"<angle>";inherits:false;initial-value:3deg}.today{padding:var(--section-y) 0 0 var(--pad);background:repeating-conic-gradient(from var(--sun) at 78% 58%, var(--hot) 0 7deg, #ff4b88 7deg 14deg);color:var(--ink);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.today-text{z-index:1;padding-bottom:var(--section-y);position:relative}.kicker{color:var(--cream);font-family:var(--font-mono), monospace;letter-spacing:.26em;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:700}.today h2{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.035em;margin:0 0 .4em;font-size:clamp(2.6rem,7vw,7.5rem);font-weight:700;line-height:.98}.today-text>p:not(.kicker){max-width:36rem;margin:0;font-size:clamp(1.05rem,1.5vw,1.3rem)}.link-stickers{flex-wrap:wrap;gap:.6rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.link-stickers a{border:var(--edge);background:var(--cream);border-radius:99px;align-items:center;gap:.45em;padding:.35em .85em;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.link-stickers a:hover{background:var(--lime)}.link-icon{flex:none;width:auto;height:1.15em}.today-photo{align-self:end;margin:0;position:relative}.today-photo img{width:100%;height:auto;display:block}.today-photo figcaption{font-family:var(--font-mono), monospace;font-size:.75rem;position:absolute;top:0;left:0}@media (max-width:860px){.om{--head:5.5rem}.today{padding-right:var(--pad);grid-template-columns:1fr}.today-photo{width:min(100%,26rem);margin-right:calc(-1 * var(--pad));justify-self:end}.today-text{padding-bottom:1rem}}@media (prefers-reduced-motion:no-preference){.om{--stage:calc(100svh - var(--head));--gap:clamp(1rem, 3.5svh, 2.25rem);--top:calc(var(--gap) + 2.6rem);--seam-time:1.15s;--seam-ease:cubic-bezier(.65, 0, .14, 1);--arrive:cubic-bezier(.2, .75, .15, 1);--drift:0;--px:0;--py:0}.story{height:530svh}.story-stage{top:var(--head);height:var(--stage);background:#0c0812;position:sticky;overflow:clip}.scenes{z-index:0;position:absolute;inset:0}.scene{transition:transform var(--seam-time) var(--seam-ease);will-change:transform;position:absolute;inset:0;overflow:clip;transform:translate(100%)}.scene[data-state=on],.scene[data-state=past]{transform:none}.sheet{min-height:0;transition:transform var(--seam-time) var(--seam-ease);will-change:transform;padding:0;display:block;position:absolute;inset:0;transform:translate(-84%)}.scene[data-state=on] .sheet{transform:none}.scene[data-state=past] .sheet{transform:translate(-16%)}.scene-2011,.scene-2011 .sheet{transform:none}.big span,.person img,.poster-card,.pig-shadow,.steam,.tv,.floats img,.copy>*{transition:transform 1.25s var(--arrive), opacity .6s ease}.scene[data-state=on] .big span,.scene[data-state=on] .person img,.scene[data-state=on] .poster-card,.scene[data-state=on] .pig-shadow,.scene[data-state=on] .tv,.scene[data-state=on] .floats img{transition-delay:.22s}.scene[data-state=on] .steam,.scene[data-state=on] .copy>*{transition-delay:.42s}.scene[data-state=on] .copy>:nth-child(2){transition-delay:.5s}.scene[data-state=on] .copy>:nth-child(3){transition-delay:.58s}.scene-2011[data-state=on] .big span,.scene-2011[data-state=on] .poster-card{transition-delay:1.1s}.scene.scene-2011[data-state=on] .copy>:first-child{transition-delay:1.3s}.scene.scene-2011[data-state=on] .copy>:nth-child(2){transition-delay:1.38s}.scene.scene-2011[data-state=on] .copy>:nth-child(3){transition-delay:1.46s}.scene[data-state=next] .big span,.scene[data-state=next] .person img,.scene[data-state=next] .poster-card,.scene[data-state=next] .pig-shadow,.scene[data-state=next] .steam,.scene[data-state=next] .tv,.scene[data-state=next] .floats img,.scene[data-state=next] .copy>*{opacity:0}.scene[data-state=next] .big span{transform:translate(14vw)}.scene[data-state=next] .person img{transform:translate(20vw)scale(1.06)}.scene[data-state=next] .copy>*{transform:translateY(2rem)}.scene[data-state=next] .tv{transform:translate(16vw)translateY(8%)rotate(4deg)scale(.94)}.big{top:var(--top);left:var(--pad);white-space:nowrap;translate:calc(var(--drift) * -1.6vw + var(--px) * -.8vw) calc(var(--py) * -.6svh);font-size:min(26.5vw,50svh);position:absolute}.copy{bottom:var(--gap);left:var(--pad);width:min(33vw,30rem);position:absolute}.person{translate:calc(var(--drift) * 1vw + var(--px) * .9vw) 0;position:absolute;bottom:0}.person img{width:auto;max-width:none;height:100%}.scene-2011 .big span{color:var(--ink);background:0 0;position:relative}.scene-2011 .big span i{background:var(--fill);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:block;position:absolute;top:-.022em;left:-.022em}.scene-2011 .copy:before{content:"";z-index:-1;inset:-9rem -9rem -3rem calc(-1 * var(--pad));pointer-events:none;background:radial-gradient(80% 78% at 20% 83%,#022240b8 30%,#0000 100%);position:absolute}.poster-card{width:auto;height:calc(var(--stage) * .92);transform:rotate(4deg);translate:calc(var(--drift) * .8vw + var(--px) * 1.2vw) calc(var(--drift) * -2.5svh + var(--py) * .8svh);position:absolute;top:38%;right:6vw}.scene[data-state=next] .poster-card{transform:translate(12vw,22%)rotate(12deg)}.poster-card .tilt{height:100%}.poster-card img{width:auto;height:100%}.pig{width:36vw;translate:calc(var(--px) * 1.4vw) calc(var(--drift) * -2svh + var(--py) * 1svh);rotate:calc(var(--drift) * 1.5deg);display:block;position:absolute;top:41%;left:40vw}.pig-shadow{position:relative}.pig-shadow:before,.pig span{content:"";aspect-ratio:254/178;display:block;-webkit-mask:url(/images/gris.svg) 50%/contain no-repeat;mask:url(/images/gris.svg) 50%/contain no-repeat}.pig-shadow:before{background:var(--ink);position:absolute;inset:.7vw -.7vw -.7vw .7vw}.pig span{background:linear-gradient(#ffe0ec 8%, var(--pink) 52%, var(--hot) 96%);position:relative}.scene[data-state=next] .pig-shadow{transform:translateY(30%)scale(.72)rotate(-8deg)}.steam{right:4vw;bottom:var(--gap);width:min(33vw,31rem);font-size:1.05rem;position:absolute}.scene[data-state=next] .steam{transform:translateY(5rem)rotate(4deg)}.steam .tilt{transform:perspective(50rem) rotateX(calc(var(--py) * -6deg)) rotateY(calc(var(--px) * 8deg))}.spoiler{interpolate-size:allow-keywords}.spoiler::details-content{height:0;transition:height var(--room-time) var(--room-ease), content-visibility var(--room-time) allow-discrete;overflow:clip}.spoiler[open]::details-content{height:auto}.scene-2014 .tv{right:4vw;bottom:var(--gap);width:min(52vw, calc((var(--stage) - var(--gap) * 2 - 6.5rem) * 1.72));translate:calc(var(--px) * .6vw) calc(var(--drift) * -1.2svh + var(--py) * .4svh);position:absolute}.person-2016{z-index:2;width:auto;height:74%;left:52vw}.floats{pointer-events:none;display:block;position:absolute;inset:0}.floats-back{z-index:1}.floats-front{z-index:3}.floats img{width:var(--w);border:var(--edge);box-shadow:6px 6px 0 var(--ink);rotate:var(--r);translate:calc(var(--px) * var(--depth) * 1vw) calc(var(--drift) * var(--depth) * -2svh + var(--py) * var(--depth) * .6svh);border-radius:14px;position:absolute}.scene[data-state=next] .floats img{transform:translate(12vw, calc(var(--depth) * 12svh))}.floats-back img:first-child{--w:18vw;--r:-6deg;--depth:1;top:47%;left:38vw}.floats-back img:nth-child(2){--w:20vw;--r:5deg;--depth:-1;top:51%;left:74vw}.floats-front img:first-child{--w:16vw;--r:4deg;--depth:2;top:73%;left:42vw}.floats-front img:nth-child(2){--w:17vw;--r:-4deg;--depth:2;top:75%;left:79vw}.floats-front img:nth-child(3){--w:13vw;--r:6deg;--depth:1;top:38%;left:84vw}.sticker{margin-top:.9rem}.scene h2.neej{top:var(--top);right:var(--pad);left:var(--pad);white-space:nowrap;font-size:min(10.2vw,21svh);position:absolute}.neej span{transform-origin:50% 0;will-change:transform;transition:transform .9s cubic-bezier(.3,1.25,.4,1),opacity .25s;display:block;transform:scaleY(2.05)}.scene-2018[data-state=on] .neej span{transition-delay:calc(.3s + var(--i) * 50ms)}.scene-2018[data-state=next] .neej span{opacity:0;transform:translateY(45%)scaleY(2.05)}.scene-2018 .tv{right:4vw;bottom:var(--gap);width:min(48vw, calc((var(--stage) - var(--top) - min(10.2vw, 21svh) * 2.05 - var(--gap)) * 1.72));translate:calc(var(--px) * .6vw) calc(var(--drift) * -1svh + var(--py) * .4svh);position:absolute}.person-2023{width:auto;height:76%;left:49vw}.person-2023 img{-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.slate{top:var(--top);left:var(--pad);width:min(42vw,72svh);translate:calc(var(--px) * -.5vw) calc(var(--py) * -.4svh);transition:transform 1s var(--arrive), opacity .5s ease;position:absolute}.scene-2023[data-state=on] .slate{transition-delay:.22s;animation:.45s ease-out 1.26s slate-hit}.scene-2023[data-state=next] .slate{opacity:0;transform:translate(-10vw)rotate(-4deg)}.slate-arm{transition:transform .2s cubic-bezier(.7,0,1,.5)}.scene-2023[data-state=on] .slate-arm{transition-delay:1.06s}.scene-2023:not([data-state=on]) .slate-arm{transform:rotate(-13deg)}@keyframes slate-hit{35%{rotate:.7deg;scale:1.025}}.rig{pointer-events:none;display:block;position:absolute;inset:0}.rig-back{z-index:1}.rig-front{z-index:3}.hang{top:0;left:var(--x);width:var(--w);padding-top:calc(var(--stage) * var(--drop));transform-origin:50% 0;rotate:calc((var(--px) * -1 + var(--drift) * .7) * var(--depth) * 1deg);transition:translate .95s cubic-bezier(.3,1.3,.55,1);position:absolute}.scene-2023:not([data-state=on]) .hang{translate:0 -105%}.scene-2023[data-state=on] .hang{animation:hang-sway var(--sway) ease-in-out calc(2.3s + var(--n) * .1s) infinite;transition-delay:calc(1.3s + var(--n) * .1s)}@keyframes hang-sway{25%{transform:rotate(.9deg)}75%{transform:rotate(-.9deg)}}.hang:before{content:"";height:calc(var(--stage) * var(--drop) + 2px);border-inline:2px solid #fff4e88c;position:absolute;top:0;left:16%;right:16%}.hang img{width:100%;height:auto;display:block}.hang>img,.poster-next{border:var(--edge);border-radius:8px;box-shadow:0 1.2rem 1.6rem #00000080}.rig-back .hang:first-child{--x:45vw;--w:14vw;--drop:.22;--depth:1;--sway:7s;--n:1}.rig-back .hang:nth-child(2){--x:84vw;--w:13vw;--drop:.12;--depth:-1;--sway:8.5s;--n:0}.rig-front .hang:first-child{--x:46vw;--w:11vw;--drop:.62;--depth:1.4;--sway:6s;--n:2}.rig-front .hang:nth-child(2){--x:79vw;--w:16vw;--drop:.5;--depth:1.2;--sway:7.5s;--n:3}.poster-next{aspect-ratio:2/3;background:var(--ink);color:var(--cream);flex-direction:column;justify-content:flex-end;padding:.8rem;line-height:1.1;display:flex;position:relative;overflow:hidden}.poster-next img{object-fit:cover;object-position:center 12%;filter:grayscale()contrast(1.15)brightness(.62);height:100%}.poster-next:after{content:"";background:linear-gradient(to top, var(--ink) 18%, transparent);position:absolute;inset:40% 0 0}.poster-next>:not(img){z-index:1;position:relative}.poster-next span{background:var(--lime);color:var(--ink);font-family:var(--font-mono), monospace;border-radius:6px;align-self:flex-start;padding:.1em .6em;font-size:.75rem;font-weight:700}.poster-next b{font-family:var(--font-display), Impact, sans-serif;margin:.4rem 0 .25rem;font-size:clamp(1rem,1.6vw,1.7rem);font-weight:400}.poster-next small{font-size:.85rem;font-weight:700}.open{pointer-events:none;background:0 0;padding:0;position:absolute;inset:0;overflow:visible}.open-mask{z-index:5;mix-blend-mode:multiply;background:#0c0812;transition:opacity .3s,visibility;display:block;position:absolute;inset:0;overflow:hidden}[data-open=off] .open-mask{opacity:0;visibility:hidden;transition:opacity .2s 1.35s,visibility 0s linear 1.55s}.open{--rise:1;--up:clamp(0, calc(var(--rise) / .46), 1);--copy-in:clamp(0, calc((var(--rise) - .236) / .1), 1);--leo-off:clamp(0, calc((var(--rise) - .47) / .13), 1);--push:clamp(0, calc((var(--rise) - .54) / .46), 1);--copy-out:clamp(0, calc((var(--rise) - .5) / .09), 1)}.open-word{color:#fff;translate:0 calc((1 - var(--up)) * 7svh + var(--push) * var(--stage) * .2);font-family:var(--font-display), Impact, sans-serif;letter-spacing:-.02em;white-space:nowrap;transition:transform .8s var(--seam-ease);font-size:min(17.2vw,50svh);line-height:1;display:flex;position:absolute;top:clamp(.5rem,3svh,2rem);left:50%;transform:translate(-50%)}[data-open=off] .open-word{transform:translate(-50%, calc(var(--stage) * .3 - .62em))}.open-leo{color:hsl(0 0% calc((1 - var(--leo-off) * .62 - var(--push) * .3) * 100%));translate:calc(var(--leo-off) * -.1em + var(--push) * -.3em) calc(var(--push) * .45em);rotate:calc(var(--push) * -8deg);transition:transform .7s var(--seam-ease), opacity .5s ease;display:block}[data-open=off] .open-leo{opacity:0;transform:translate(-.3em,.9em)rotate(-14deg)}.open-nardo{transform:translateX(calc(var(--push) * -.3em)) scale(calc(1 + var(--push) * var(--push) * 1.4));transform-origin:6% 62%;will-change:transform;display:block}.open-fly{transform-origin:6% 62%;will-change:transform;transition:transform 1.4s cubic-bezier(.6,0,.9,.35);display:block}[data-open=off] .open-fly{transform:translate(-.208em)scale(46)}.open-person{z-index:6;width:min(38vw, calc(var(--stage) * .56));transition:transform .7s var(--seam-ease), opacity .5s ease;margin:0;position:absolute;bottom:0;left:50%;translate:-50%}[data-open=off] .open-person{opacity:0;transform:translateY(26%)scale(.94)}.open-person img{transform-origin:0 100%;width:auto;max-width:none;height:76svh;transform:translate(-50%);translate:0 calc((1 - var(--up)) * 30% + var(--push) * var(--push) * 42%);scale:calc(.88 + var(--up) * .12 - var(--push) * .05);object-fit:cover;object-position:top;margin-left:50%}.open-copy{z-index:7;top:calc(clamp(.5rem,3svh,2rem) + min(17.2vw,50svh) + .75rem);left:var(--pad);width:min(28vw,26rem);transition:transform .5s,opacity .4s;position:absolute}[data-open=off] .open-copy{opacity:0;transform:translateY(-2rem)}.open-copy>*{opacity:calc(var(--copy-in) * (1 - var(--copy-out)));translate:0 calc((1 - var(--copy-in)) * 1.25rem - var(--copy-out) * 1.5rem)}.open-copy h1{font-size:min(4vw,8svh)}.years{z-index:8;top:var(--gap);left:var(--pad);opacity:0;visibility:hidden;gap:.35rem;transition:opacity .4s,visibility 0s linear .4s;display:flex;position:absolute}[data-open=off] .years{opacity:1;visibility:visible;transition:opacity .5s 1.3s,visibility 0s linear 1.3s}.years button{border:2px solid var(--ink);background:var(--cream);color:var(--ink);cursor:pointer;font-family:var(--font-body), system-ui, sans-serif;font-variant-numeric:tabular-nums;transition:transform var(--room-time) var(--room-ease), background .35s ease;border-radius:99px;padding:.2em .75em;font-size:.8rem;font-weight:700}.years button:hover{transform:translateY(-2px)}.years button[aria-current]{background:var(--lime)}.scroll-cue{z-index:8;pointer-events:none;width:clamp(3rem,5.2vw,5.5rem);display:block;position:absolute;top:50%;right:clamp(.5rem,1.6vw,1.75rem);transform:translateY(-50%)}.scroll-cue svg{width:100%;margin-top:-12%;animation:1.5s ease-in-out infinite scroll-cue;display:block;overflow:visible}.scroll-cue svg:nth-of-type(2){animation-delay:.2s}.scroll-cue svg:nth-of-type(3){animation-delay:.4s}.scroll-cue-text{width:min-content;color:var(--lime);text-align:center;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;place-items:end center;font-size:clamp(.9rem,1.25vw,1.2rem);font-weight:700;line-height:1.05;display:grid;position:absolute;bottom:calc(100% + .35rem);left:50%;transform:translate(-50%)}.scroll-cue-text span{grid-area:1/1;transition:opacity .4s}[data-open=off] .scroll-cue-first,[data-open=on] .scroll-cue-more{opacity:0}[data-open=off] .scroll-cue-more{transition-delay:1.3s}.scroll-cue path{fill:none;stroke-linecap:round;stroke-linejoin:round}.scroll-cue-edge{stroke:var(--ink);stroke-width:12px}.scroll-cue-fill{stroke:var(--lime);stroke-width:7px}@keyframes scroll-cue{0%,to{opacity:.2;transform:translateY(-8%)}40%{opacity:1;transform:translateY(8%)}}@media (max-width:860px){.om{--gap:.9rem;--top:3rem}.open{--copy-out:clamp(0, calc((var(--rise) - .46) / .08), 1)}.years button{padding:.15em .55em;font-size:.7rem}.big{font-size:26.5vw}.copy{right:var(--pad);width:auto}.scene h2:not(.neej,.big){font-size:9.5vw}.copy>p:not(.tag){margin-bottom:.7rem;font-size:.95rem}.cta{padding:.55em 1em;font-size:.9rem}.poster-card{top:calc(var(--top) + 24vw);height:62vw;right:5vw}.pig{top:calc(var(--top) + 18vw);width:68vw;left:16vw}.steam{right:var(--pad);bottom:13.25rem;left:var(--pad);width:auto;font-size:.85rem}.scene-2014 .tv{top:calc(var(--top) + 27vw);right:var(--pad);bottom:auto;left:var(--pad);width:auto}.person-2016{height:46%;bottom:13rem;left:26vw}.floats-back img:first-child{--w:32vw;top:26%;left:2vw}.floats-back img:nth-child(2){--w:32vw;top:20%;left:66vw}.floats-front img:first-child{--w:30vw;top:42%;left:4vw}.floats-front img:nth-child(2){--w:32vw;top:38%;left:66vw}.floats-front img:nth-child(3){display:none}.scene-2016 .copy{right:var(--pad);margin:0 calc(-1 * var(--pad)) calc(-1 * var(--gap));padding:2.5rem var(--pad) var(--gap);background:linear-gradient(#0000,#0e0524d9 2rem)}.sticker{display:none}.scene h2.neej{font-size:10.2vw}.scene-2018 .tv{top:calc(var(--top) + 28vw);right:var(--pad);bottom:auto;left:var(--pad);width:auto}.person-2023{height:46%;bottom:8.5rem;left:22vw}.slate{right:var(--pad);width:auto}.rig-back .hang:first-child{--x:2vw;--w:27vw;--drop:.37}.rig-back .hang:nth-child(2){--x:76vw;--w:23vw;--drop:.37}.rig-front .hang:first-child{--x:3vw;--w:22vw;--drop:.62}.rig-front .hang:nth-child(2){--x:74vw;--w:25vw;--drop:.56}.scene-2023 .copy{right:var(--pad);margin:0 calc(-1 * var(--pad)) calc(-1 * var(--gap));padding:2.5rem var(--pad) var(--gap);background:linear-gradient(#0000,#0c080e 2rem)}.poster-next{padding:.5rem}.poster-next span,.poster-next small{font-size:.65rem}.poster-next b{font-size:.75rem}.open-word{font-size:17.2vw;top:3svh}.open-person{width:80vw}.open-person img{height:50svh}.open-copy{top:calc(3svh + 17.2vw + .5rem);right:var(--pad);left:var(--pad);width:auto}.open-copy h1{font-size:9.5vw}.open-copy p{font-size:.95rem}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.today{animation:linear both rays;animation-timeline:view()}@keyframes rays{to{--sun:90deg}}.today h2{animation:linear backwards today-text;animation-timeline:view();animation-range:entry 10% entry 90%}@keyframes today-text{0%{opacity:0;transform:translateY(2rem)}}.today-photo{animation:linear backwards today-rise;animation-timeline:view();animation-range:entry cover 45%}@keyframes today-rise{0%{opacity:0;transform:translateY(24%)scale(.92)}}@media (hover:hover){.link-stickers li{transition:transform var(--room-time) var(--room-ease)}.link-stickers li:hover{transform:scale(1.1)}.link-stickers li:has(~li:hover){transform:translate(-.3rem)}.link-stickers li:hover~li{transform:translate(.3rem)}}}}
.roles,.portraits{color:var(--ink)}.roles{scroll-margin-top:var(--head);padding:var(--section-y) var(--pad);background:var(--cream)}.roles-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);display:flex}.roles-head p{max-width:34rem;margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.35}.roles-head .cta:hover{box-shadow:6px 6px 0 var(--pink)}.roles h2,.portraits h2{font-size:clamp(2.2rem,6vw,4.5rem)}.roles h2{margin-bottom:.5em}.wall{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.25rem);margin:0;padding:0;list-style:none;display:grid}.card-slot-lead{grid-column:1/9}.card-slot-next{grid-column:9/13}.card-slot-small{grid-column:span 4}.card{border:var(--edge);height:100%;box-shadow:6px 6px 0 var(--ink);border-radius:22px;display:flex;position:relative;overflow:hidden}.card-poster{aspect-ratio:2/3;background:var(--ink);flex:none;position:relative;overflow:hidden}.card-poster img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.card-text{flex-direction:column;flex:1;min-width:0;padding:clamp(.9rem,1.6vw,1.5rem);line-height:1.25;display:flex}.card-year{font-family:var(--font-mono), monospace;font-size:.8rem;font-weight:700}.card h3{font-family:var(--font-display), Impact, sans-serif;overflow-wrap:anywhere;margin:.35rem 0 auto;padding-bottom:1rem;font-size:clamp(1.25rem,1.9vw,1.8rem);font-weight:400;line-height:1.05}.card p{flex-direction:column;margin:0;display:flex}.card p span{font-size:.85em}.card-solsidan{background:linear-gradient(170deg,#9fd0ee,#e6f3f6 55%,#fff1c9)}.card-solsidan .card-poster{border-right:var(--edge);width:clamp(14rem,25vw,26rem)}.card-solsidan .card-text{justify-content:flex-end;padding:clamp(1.25rem,3vw,2.75rem);container-type:inline-size}.card-solsidan h3{letter-spacing:-.02em;overflow-wrap:normal;margin-bottom:.5rem;padding:0;font-size:min(18.5cqi,6.25rem)}.card-solsidan p b{background:#ffc72c;border-radius:99px;align-self:flex-start;margin-bottom:.75rem;padding:.15em .7em;font-size:clamp(1.1rem,1.6vw,1.5rem)}.card-solsidan p span{max-width:28rem;font-size:1em}.card-next{background:var(--ink);min-height:22rem;color:var(--cream);align-items:flex-end}.card-next img{object-fit:cover;object-position:center 12%;filter:grayscale()contrast(1.15)brightness(.62);width:100%;height:100%;position:absolute;inset:0}.card-next:after{content:"";background:linear-gradient(to top, var(--ink) 18%, transparent);position:absolute;inset:40% 0 0}.card-next .card-text{z-index:1;flex:1;position:relative}.card-next .card-year{background:var(--lime);color:var(--ink);border-radius:6px;align-self:flex-start;padding:.1em .6em}.card-next h3{margin:.5rem 0 .6rem;padding:0;font-size:clamp(1.5rem,2.5vw,2.4rem)}.card-small{background:#fff}.card-small .card-poster{border-right:var(--edge);width:clamp(8rem,12.5vw,13rem)}.card-wern{color:var(--cream);background:#26323a}.card-bromma{background:#ffe14d}.card-movie{background:#fff1c9}.card-skills{background:var(--ink);color:var(--cream);border-radius:18px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.6rem 1.5rem;padding:.9rem clamp(1rem,2vw,1.5rem);display:flex}.card-skills>span{font-family:var(--font-mono), monospace;font-size:.8rem;font-weight:700}.card-skills ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.card-skills li{border:1px solid var(--cream);border-radius:99px;padding:.15em .65em;font-size:.85em}.quotes{padding:var(--section-y) var(--pad);background:var(--deep);grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.quotes blockquote{color:var(--ink);border:var(--edge);background:var(--lime);box-shadow:8px 8px 0 var(--pink);border-radius:22px;margin:0;padding:clamp(1.25rem,3vw,2.25rem);transform:rotate(-1.2deg)}.quotes blockquote:nth-child(2n){background:var(--cream);transform:rotate(1.4deg)}.quotes p{margin:0 0 .9rem;font-size:clamp(1.5rem,3.3vw,3rem);font-weight:700;line-height:1.08}.quotes blockquote:nth-child(2n) p{font-size:clamp(1.3rem,2.3vw,2.1rem)}.quotes cite{font-family:var(--font-mono), monospace;font-size:.8rem;font-style:normal}.portraits{padding:var(--section-y) var(--pad);background:var(--pink)}.portraits-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;margin-bottom:clamp(2rem,5vw,4.5rem);display:flex}.portraits-head p{font-family:var(--font-mono), monospace;margin:0;font-size:.8rem}.print-wall-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem) clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none;display:grid}.print-wall-list>li{aspect-ratio:4/5;position:relative}.print-wall-list>li.print-front{z-index:2}.print{position:absolute;inset:0;transform:rotate(-1deg)}.print-wall-list>li:nth-child(2n) .print{transform:rotate(1.2deg)}.print-moving{will-change:transform, opacity}.print-frame{border:var(--edge);background:var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:22px;position:absolute;inset:0;overflow:hidden}.print-wall,.print-person img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.print-light{opacity:0;background:radial-gradient(circle,#fff4e86b,#0000 58%);position:absolute;inset:-30%}.print-person{clip-path:inset(-45% 0 0 round 0 0 19px 19px);pointer-events:none;position:absolute;inset:3px}.print-person img{transform-origin:50% 100%}.print-shade{background:var(--ink);opacity:0;pointer-events:none;border-radius:22px;position:absolute;inset:0}@media (min-width:861px) and (max-width:1100px){.card-small{flex-direction:column}.card-small .card-poster{aspect-ratio:4/5;border-right:0;border-bottom:var(--edge);width:100%}}@media (max-width:860px){.card-slot{grid-column:1/-1}.card-solsidan{flex-direction:column}.card-solsidan .card-poster{aspect-ratio:1;border-right:0;border-bottom:var(--edge);width:100%}.card-small .card-poster{width:36%}.quotes{grid-template-columns:1fr}.print-wall-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.quotes{overflow-x:clip}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.card{transition:transform var(--room-time) var(--room-ease)}.card-poster img,.card-next img{transition:transform .7s var(--room-ease)}.card:hover{transform:translate(-4px,-4px)}.card:hover .card-poster img,.card-next:hover img{transform:scale(1.06)}.card-skills li{transition:transform .25s var(--room-ease), background .2s ease, color .2s ease}.card-skills li:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}}@supports (animation-timeline:view()){.roles h2,.portraits-head{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 90%}.card-slot{--thrown:-5deg;animation:linear backwards thrown;animation-timeline:view();animation-range:entry entry 55%}.card-slot:nth-child(2n){--thrown:4deg}.card-slot:nth-child(3n){animation-range:entry 10% entry 65%}.quotes blockquote{--thrown:-8deg;animation:linear backwards thrown;animation-timeline:view();animation-range:entry cover 40%}.quotes blockquote:nth-child(2n){--thrown:9deg;animation-range:entry 15% cover 48%}.print-wall-list>li{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 45%}.print-wall-list>li:nth-child(3n+2){animation-range:entry 8% entry 53%}.print-wall-list>li:nth-child(3n){animation-range:entry 16% entry 61%}}}
@property --split{syntax:"<percentage>";inherits:true;initial-value:50%}.sides{--person:min(50vw, calc((100svh - 3.75rem) * .84));grid-template-columns:var(--split) 1fr;background:var(--ink);height:calc(100svh - 3.75rem);min-height:34rem;transition:--split .45s cubic-bezier(.3,.7,.2,1);display:grid;position:relative;overflow:hidden}.sides:has(.side-nardo:hover){--split:54%}.sides:has(.side-leonardo:hover){--split:46%}.side{min-width:0;padding:clamp(1.25rem, 3.5svh, 2.5rem) var(--pad) clamp(1.5rem, 5svh, 3rem);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.side-bg{object-fit:cover}.side-nardo{color:var(--cream)}.side-nardo .side-bg{object-position:30% center}.side-nardo:after,.side-leonardo:after{content:"";background:linear-gradient(#0000,#0a0c1aeb 70%);position:absolute;inset:45% 0 0}.side-leonardo:after{background:radial-gradient(90% 100% at 100% 100%,#05324aeb 40%,#0000);inset:60% 0 0 30%}.side-leonardo{color:var(--ink);text-align:right;align-items:flex-end}.side-leonardo .side-bg{object-position:right center;filter:brightness(.8)}.side-top,.side-bottom{z-index:1;position:relative}.side-top p{font-family:var(--font-mono), monospace;align-items:center;gap:.6rem;margin:0 0 .45rem;font-size:.85rem;font-weight:700;display:flex}.side-leonardo .side-top p{flex-direction:row-reverse}.side-icon{flex:none;width:clamp(1.9rem,3vw,2.9rem);height:auto}.side-top h2{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.035em;font-size:clamp(3rem,7.4vw,8.5rem);font-weight:700;line-height:.95}.side-nardo h2{color:var(--lime)}.side-bottom{flex-direction:column;align-items:flex-start;gap:1rem;width:min(23vw,22rem);font-size:.95em;line-height:1.35;display:flex}.side-bottom p{margin:0}.side-leonardo .side-bottom{color:var(--cream);align-items:flex-end}.side-action{border:var(--edge);background:var(--lime);color:var(--ink);text-align:left;white-space:nowrap;border-radius:14px;align-items:stretch;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.side-action:not(.side-action-live){padding:.65em 1.1em}.side-leonardo .side-action{background:var(--pink)}.side-action:hover{box-shadow:6px 6px 0 var(--hot);transform:translate(-3px,-3px)}.side-leonardo .side-action:hover{box-shadow:6px 6px 0 var(--ink)}.side-action:after{content:"";position:absolute;inset:-100vh -50vw}.live-frame{background:var(--ink);border-radius:11px 0 0 11px;flex:none;width:clamp(4.5rem,6.4vw,7rem);position:relative;overflow:hidden}.live-frame img{object-fit:cover;width:100%;height:100%;display:block}.live-frame em{color:#fff;font-family:var(--font-mono), monospace;text-transform:uppercase;background:#e0002d;border-radius:5px;padding:.05em .4em;font-size:.64rem;font-style:normal;animation:1.6s ease-in-out infinite pulse-tag;position:absolute;top:.3rem;left:.3rem}@keyframes pulse-tag{50%{opacity:.65}}.live-text{flex-direction:column;justify-content:center;padding:.5rem .9rem;line-height:1.2;display:flex}.live-text small{font-family:var(--font-mono), monospace;margin-top:.15rem;font-size:.72rem;font-weight:400}.sides-person{z-index:2;top:clamp(.75rem,3svh,2rem);left:calc(var(--split) - var(--person) * .53);width:var(--person);pointer-events:none;margin:0;position:absolute}.sides-person img{width:100%;height:auto;display:block}.sides-name{z-index:3;bottom:clamp(1.25rem,5svh,3rem);left:var(--split);width:calc(var(--person) * .46);color:var(--cream);font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.01em;text-align:center;pointer-events:none;flex-direction:column;align-items:center;font-size:clamp(1rem,1.55vw,1.8rem);font-weight:700;line-height:1.05;display:flex;position:absolute;transform:translate(-50%)}.sides-name small{color:var(--lime);font-family:var(--font-mono), monospace;letter-spacing:0;margin-bottom:.5rem;font-size:.72rem}.rail{padding:var(--section-y) 0;background:var(--ink);color:var(--cream)}.rail-head{padding:0 var(--pad);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.75rem;display:flex}.rail-head h2{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;font-size:clamp(2.2rem,4.6vw,4.5rem);font-weight:700}.rail-head p{opacity:.75;margin:0}.rail-head a{color:var(--lime);white-space:nowrap;margin-left:auto;font-weight:700}.rail-row{--card:clamp(17rem, 36vw, 34rem);--lift:0rem;position:relative}.rail-edge{z-index:1;opacity:0;visibility:hidden;pointer-events:none;width:clamp(5rem,11vw,10rem);transition:opacity .25s,visibility .25s;position:absolute;top:0;bottom:0}.rail-edge[data-on=true]{opacity:1;visibility:visible}.rail-edge-back{width:calc(var(--pad) + 1.5rem);background:linear-gradient(90deg,#20101aeb,#20101a00);left:0}.rail-edge-forward{background:linear-gradient(270deg,#20101aeb,#20101a00);right:0}.rail-edge button{top:calc(var(--lift) + var(--card) * 9 / 32);border:var(--edge);background:var(--cream);width:3.5rem;height:3.5rem;color:var(--ink);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:background .2s,scale .2s;display:grid;position:absolute;translate:0 -50%;box-shadow:0 .4rem 1.2rem #00000073}.rail-edge-back button{left:.75rem}.rail-edge-forward button{right:.75rem}.rail-edge button:hover{background:var(--lime);scale:1.08}@media (hover:hover){.rail li[data-cut]:not(:hover) .clip-player button span{opacity:0}}@media (hover:none){.rail-edge{display:none}}.rail ol{padding:0 var(--pad) .25rem;scroll-padding-inline:var(--pad);scroll-snap-type:x proximity;scrollbar-width:none;gap:clamp(.75rem,1.5vw,1.25rem);margin:0;list-style:none;display:flex;overflow-x:auto}.rail li{width:var(--card);scroll-snap-align:start;flex-direction:column;flex:none;line-height:1.25;display:flex}.rail li>b{margin-top:.7rem}.rail li>small{font-family:var(--font-mono), monospace;opacity:.7;margin-top:.15rem;font-size:.72rem}.clip-player{aspect-ratio:16/9;background:#000;border-radius:14px;position:relative;overflow:hidden}.clip-player iframe,.clip-player button,.clip-player img{border:0;width:100%;height:100%;display:block}.clip-player button{cursor:pointer;background:0 0;padding:0}.clip-player img{object-fit:cover;transition:transform .3s}.clip-player button:hover img{transform:scale(1.04)}.clip-player button span{background:var(--lime);border-radius:50%;width:3.5rem;height:3.5rem;transition:transform .15s,opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clip-player button span:after{content:"";border-style:solid;border-width:.6rem 0 .6rem 1rem;border-color:transparent transparent transparent var(--ink);position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.clip-player button:hover span{transform:translate(-50%,-50%)scale(1.15)}.intro{padding:var(--section-y) var(--pad);background:var(--cream);position:relative;overflow:hidden}.intro>p{z-index:1;letter-spacing:-.02em;max-width:62rem;margin:0 0 2.25rem;font-size:clamp(1.7rem,3.5vw,3.5rem);font-weight:700;line-height:1.16;position:relative}.intro mark{background:linear-gradient(var(--lime), var(--lime)) no-repeat;color:inherit;white-space:nowrap;background-size:100% 100%;border-radius:.14em;padding:0 .12em}.intro-pig{right:var(--pad);width:clamp(8rem,17vw,17rem);height:auto;position:absolute;bottom:0}.rows{background:var(--pink)}.rows ul{margin:0;padding:0;list-style:none}.rows li{border-top:var(--edge)}.rows a{padding:clamp(.9rem, 1.9vw, 1.5rem) var(--pad);grid-template-columns:minmax(0,5fr) minmax(0,6fr) auto;align-items:center;gap:.25rem 1.5rem;text-decoration:none;transition:background .15s,color .15s;display:grid}.rows b{letter-spacing:-.03em;font-size:clamp(1.8rem,4.1vw,4rem);line-height:1.05}.rows i{font-size:clamp(1.5rem,3vw,3rem);font-style:normal;line-height:1;transition:transform .2s}.rows a:hover{background:var(--ink);color:var(--lime)}.rows a:hover i{transform:translate(.25em)}@media (max-width:1100px),(max-aspect-ratio:7/5){.sides{--person:min(84vw, 34rem);height:auto;min-height:0}:is(.sides:has(.side-nardo:hover),.sides:has(.side-leonardo:hover)){--split:50%}.side{padding-inline:clamp(.9rem,4vw,2rem);padding-bottom:1.5rem}.side-top h2{font-size:clamp(1.9rem,8.6vw,4.2rem);line-height:1.2}.side-top p{gap:.3rem;font-size:clamp(.62rem,2.6vw,.8rem)}.side-icon{width:1.4rem}.side-bottom{width:100%;margin-top:calc(var(--person) * 1.08);gap:.75rem;font-size:.85em}.side-bottom>*{z-index:1;position:relative}.side-bottom:before{content:"";background:linear-gradient(#0000,#0a0c1a 4rem);position:absolute;inset:-4rem calc(-1*clamp(.9rem,4vw,2rem)) -1.5rem}.side-leonardo .side-bottom:before{background:linear-gradient(#0000,#073a52 4rem)}.side-nardo:after,.side-leonardo:after{display:none}.side-bg{object-position:30% top}.side-leonardo .side-bg{object-position:88% top}.sides-person{height:calc(var(--person) * 1.14);top:clamp(5.5rem,24vw,9.5rem);overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 3.5rem),#0000)}.sides-name{top:calc(clamp(5.5rem, 24vw, 9.5rem) + var(--person) * .76);width:calc(var(--person) * .42);font-size:clamp(.95rem,3.9vw,1.7rem);bottom:auto}.sides-name small{font-size:.6rem}.side-action-live{white-space:normal;flex-direction:column;width:min(100%,20rem)}.live-frame{aspect-ratio:16/9;border-radius:11px 11px 0 0;width:100%}.live-text{padding:.4rem .6rem;font-size:.95rem}.intro-pig{margin:2rem 0 calc(-1 * var(--section-y)) auto;display:block;position:static}.rows a{grid-template-columns:minmax(0,1fr) auto}.rows span{grid-area:2/1;font-size:.85em}.rows i{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){.sides,.side-action,.clip-player img,.clip-player button span,.rows a,.rows i{transition:none}.live-frame em{animation:none}}.rail{view-timeline:--rail block}.intro{view-timeline:--intro block}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.rail-row{--lift:.75rem}.rail ol{margin-top:-.75rem;padding-top:.75rem}.clip-player{transition:transform var(--room-time) var(--room-ease), opacity var(--room-time) var(--room-ease)}.rail li:hover .clip-player,.rail li:focus-within .clip-player{transform:scale(1.035)}.rail ol:has(li:hover) li:not(:hover) .clip-player{opacity:.55}.rows ul{flex-direction:column;height:calc(5*clamp(4.6rem,7.8vw,7.8rem));display:flex}.rows li{min-height:0;transition:flex-grow var(--room-time) var(--room-ease);flex:1 1 0}.rows ul:has(li:hover) li:hover{flex-grow:1.9}.rows a{height:100%;padding-block:0;transition:color .25s;position:relative;overflow:hidden}.rows a:hover{background:0 0}.rows a:before{content:"";background:var(--ink);transform-origin:0;transition:transform var(--room-time) var(--room-ease);position:absolute;inset:0;transform:scaleX(0)}.rows a:hover:before{transform:scaleX(1)}.rows b,.rows span,.rows i{position:relative}.rows b{transform-origin:0;transition:transform var(--room-time) var(--room-ease)}.rows a:hover b{transform:scale(1.22)}.rows span{transition:transform var(--room-time) var(--room-ease)}.rows a:hover span{transform:translate(2.5rem)}.rows ul:has(li:hover) li:not(:hover) a{color:#20101a73}}@supports (animation-timeline:view()){.rail-head{animation:linear backwards rise;animation-timeline:view();animation-range:entry entry 90%}.rail li{animation:linear backwards rise;animation-timeline:--rail;animation-range:entry 8% entry 60%}.rail li:nth-child(2){animation-range:entry 16% entry 68%}.rail li:nth-child(n+3){animation-range:entry 24% entry 76%}.intro mark{animation:linear backwards marker;animation-timeline:--intro;animation-range:entry 45% cover 42%}.intro mark:nth-of-type(2){animation-range:entry 60% cover 48%}.intro mark:nth-of-type(3){animation-range:entry 75% cover 54%}.intro>p{animation:linear backwards rise;animation-timeline:--intro;animation-range:entry entry 55%}.intro-pig{animation-name:pig-arrives,pig-waddle;animation-duration:0s,0s;animation-timing-function:linear,linear;animation-iteration-count:1,7;animation-direction:normal,alternate;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:backwards,none;animation-timeline:--intro;animation-range:entry 25% cover 62%}@keyframes marker{0%{background-size:0% 100%}}@keyframes pig-arrives{0%{translate:120%}}@keyframes pig-waddle{0%{rotate:-4deg}to{rotate:4deg}}}}@property --loader-creep{syntax:"<number>";inherits:true;initial-value:0}.loader{--p:0;z-index:100;animation:7s cubic-bezier(.1,.7,.3,1) both loader-creep,10ms 9s forwards loader-give-up;position:fixed;inset:0;overflow:hidden}.loader[data-live]{animation:7s cubic-bezier(.1,.7,.3,1) both loader-creep}.loader[data-intro=rise]{pointer-events:none}.loader-defs{position:absolute}.loader-door{width:50%;transition:transform 1s cubic-bezier(.76,0,.18,1);position:absolute;top:0;bottom:0;overflow:hidden}.loader-door-a{--liquid:var(--lime);background:#0a0c1a;left:0}.loader-door-b{--liquid:var(--pink);background:#05324a;right:0}.loader-door:after{content:"";background:var(--liquid);width:5px;box-shadow:0 0 2.5rem .4rem var(--liquid);transition:transform .36s var(--room-ease);position:absolute;top:0;bottom:0;transform:scaleY(0)}.loader-door-a:after{right:0}.loader-door-b:after{left:0}.loader:is([data-intro=pop],[data-intro=rise]) .loader-door:after{transform:scaleY(1)}.loader[data-intro=rise] .loader-door-a{transform:translate(-102%)}.loader[data-intro=rise] .loader-door-b{transform:translate(102%)}.loader-face{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3svh,2rem);width:200%;transition:rotate 1s cubic-bezier(.76,0,.18,1);animation:.7s cubic-bezier(.16,1,.3,1) both loader-arrive;display:flex;position:absolute;top:0;bottom:0}.loader-door-a .loader-face{left:0}.loader-door-b .loader-face{right:0}.loader[data-intro=rise] .loader-door-a .loader-face{rotate:-7deg}.loader[data-intro=rise] .loader-door-b .loader-face{rotate:7deg}.loader-pig{transform-origin:50% 100%;flex:none;width:min(62vw,46svh,25rem);height:auto;animation:1.1s ease-in-out infinite loader-waddle;display:block;overflow:visible}.loader[data-intro=pop] .loader-pig{animation:.42s ease-in-out both loader-squash}.loader-liquid{fill:var(--liquid);transform:translateY(calc((1 - max(var(--p), var(--loader-creep))) * 196px))}.loader-wave{animation:2.2s linear infinite loader-wave}.loader-wave-back{opacity:.45;animation-duration:3.4s;animation-direction:reverse}.loader-word{width:100%;font-family:var(--font-display), Impact, sans-serif;grid-template-columns:1fr 1fr;gap:.07em;margin:0;font-size:clamp(2.4rem,8vw,6.5rem);line-height:1;display:grid}.loader-word span:first-child{color:var(--lime);text-align:right}.loader-word span:last-child{color:var(--pink);text-align:left}.loader-note{bottom:var(--pad);color:var(--cream);font-family:var(--font-mono), monospace;font-size:.85rem;font-weight:700;position:absolute}.loader-door-a .loader-note{left:var(--pad)}.loader-door-b .loader-note{right:var(--pad)}@keyframes loader-creep{0%{--loader-creep:.05}to{--loader-creep:.42}}@keyframes loader-give-up{to{visibility:hidden}}@keyframes loader-arrive{0%{opacity:0;translate:0 1.5rem;scale:.92}}@keyframes loader-waddle{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}@keyframes loader-squash{35%{transform:scale(1.1,.86)}70%{transform:translateY(-9%)scale(.95,1.08)}}@keyframes loader-wave{to{transform:translate(254px)}}@media (prefers-reduced-motion:reduce){.loader *,.loader :after{transition:none!important;animation:none!important}.loader{transition:opacity .4s}.loader[data-intro=rise]{opacity:0}.loader[data-intro=rise] .loader-door{transform:none}.loader[data-intro=rise] .loader-face{rotate:none}}@media (prefers-reduced-motion:no-preference){.loader:is([data-intro=hold],[data-intro=pop])~.sides :is(.sides-person,.side-top p,.side-top h2,.side-bottom>*,.sides-name){animation:.6s 9s both hero-wait}.loader[data-live]:is([data-intro=hold],[data-intro=pop])~.sides :is(.sides-person,.side-top p,.side-top h2,.side-bottom>*,.sides-name){opacity:0;animation:none}.loader[data-intro=rise]~.sides{--intro-ease:cubic-bezier(.16, 1, .3, 1)}.loader[data-intro=rise]~.sides .side-bg{animation:hero-settle 2s var(--intro-ease) both}.loader[data-intro=rise]~.sides .sides-person{transform-origin:50% 100%;animation:hero-rise-person 1.6s var(--intro-ease) .32s both}.loader[data-intro=rise]~.sides .side-top p{animation:hero-rise .9s var(--intro-ease) .5s both}.loader[data-intro=rise]~.sides .side-top h2{animation:hero-rise-word 1.1s var(--intro-ease) .56s both}.loader[data-intro=rise]~.sides .side-bottom>:first-child{animation:hero-rise .9s var(--intro-ease) .78s both}.loader[data-intro=rise]~.sides .side-bottom>:nth-child(2){animation:hero-rise .9s var(--intro-ease) .87s both}.loader[data-intro=rise]~.sides .sides-name{animation:hero-rise .9s var(--intro-ease) 1.02s both}@keyframes hero-wait{0%{opacity:0}}@keyframes hero-settle{0%{scale:1.16}}@keyframes hero-rise-person{0%{translate:0 58%;scale:.93}}@keyframes hero-rise{0%{opacity:0;translate:0 2.25rem}}@keyframes hero-rise-word{0%{clip-path:inset(0 -5% 100%);translate:0 100%}to{clip-path:inset(-20% -5% -30%);translate:0}}}