.making-of-page{color:#fff;touch-action:none;background:#000;place-items:center;min-height:100svh;padding:0 clamp(18px,5vw,70px);display:grid;position:relative;overflow:hidden}.making-of-reader{outline:none;width:min(900px,92vw);height:min(72svh,640px);position:relative;overflow:hidden}.making-of-reader:before,.making-of-reader:after{content:"";z-index:2;pointer-events:none;height:22%;position:absolute;left:0;right:0}.making-of-reader:before{background:linear-gradient(#000 0%,#0000);top:0}.making-of-reader:after{background:linear-gradient(#0000,#000 100%);bottom:0}.making-of-track{--making-index:0;--making-offset:0px;transform:translateY(calc(-1 * var(--making-offset)));will-change:transform;align-content:start;gap:clamp(18px,3.6svh,32px);transition:transform .3s cubic-bezier(.2,.84,.22,1);display:grid;position:absolute;top:50%;left:0;right:0}.making-of-track[data-wrapping=true]{transition:none}.making-of-passage{--line-distance:4;--line-direction:0;--passage-scale:calc(1 - min(var(--line-distance), 4) * .06);width:min(760px,100%);color:rgba(255, 255, 255, calc(.72 - min(var(--line-distance), 4) * .13));font-family:var(--font-ui-pixel);text-align:center;text-wrap:balance;transform-origin:50%;transform:translateY(calc(var(--line-direction) * min(var(--line-distance), 3) * 2px)) scale(var(--passage-scale));margin:0 auto;font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.9;transition:color .22s,opacity .22s,transform .3s cubic-bezier(.2,.84,.22,1)}.making-of-passage[data-active=true]{--passage-scale:1.18;color:#fff;text-shadow:0 0 14px #ffffff47}.making-of-quote{font-family:var(--font-ui-pixel);font-style:normal}.making-of-passage[data-passage-kind=title]{color:rgba(116, 241, 255, calc(.82 - min(var(--line-distance), 4) * .12));letter-spacing:normal;text-indent:0;text-shadow:0 0 18px #50e0ff38;font-size:clamp(1.1rem,1.72vw,1.34rem);font-weight:800}.making-of-passage[data-passage-kind=section]{color:rgba(116, 241, 255, calc(.82 - min(var(--line-distance), 4) * .12));letter-spacing:normal;text-indent:0;text-shadow:0 0 15px #50e0ff33;font-size:clamp(1.06rem,1.65vw,1.28rem);font-weight:700}.making-of-passage[data-passage-kind=title][data-active=true]{color:#b8f8ff;text-shadow:0 0 9px #72f0ffb8,0 0 25px #50e0ff57}.making-of-passage[data-passage-kind=section][data-active=true]{color:#b8f8ff;text-shadow:0 0 9px #72f0ffad,0 0 22px #50e0ff4d}.making-of-passage[data-passage-kind=thanks]{width:100%;color:rgba(116, 241, 255, calc(.82 - min(var(--line-distance), 4) * .12));letter-spacing:normal;text-indent:0;text-shadow:0 0 10px #72f0ffbd,0 0 28px #50e0ff75,0 0 62px #3aadff4d;font-size:clamp(4.5rem,12vw,9rem);font-weight:800;line-height:1}.making-of-passage[data-passage-kind=thanks][data-active=true]{color:#c8fbff}.making-of-page[data-active-kind=thanks] .making-of-passage:not([data-active=true]){opacity:0}html[data-making-of-finale=true] .site-header{opacity:0;visibility:hidden;pointer-events:none}.making-of-reader:focus-visible{outline-offset:12px;outline:1px solid #ffffff6b}@media (width<=760px){.making-of-reader{width:92vw;height:min(68svh,560px)}.making-of-track{gap:22px}.making-of-passage,.making-of-passage[data-active=true]{width:88%;font-size:clamp(.96rem,4vw,1.12rem);line-height:1.75}.making-of-passage[data-active=true]{--passage-scale:1.12}.making-of-passage[data-passage-kind=title]{font-size:clamp(1.05rem,4.45vw,1.23rem)}.making-of-passage[data-passage-kind=section]{font-size:clamp(1.01rem,4.2vw,1.18rem)}.making-of-passage[data-passage-kind=thanks]{width:100%;font-size:clamp(3.4rem,19vw,6.4rem);line-height:1}}@media (prefers-reduced-motion:reduce){.making-of-track,.making-of-passage{transition-duration:1ms}}