:root{--ink:#000;--grey:#636264;--soft:#5d5d5d;--pink:#cd2b6f;--amber:#ffb648;--key:linear-gradient(#b2aea4, #a39f95);--dimple:radial-gradient(circle at 50% 30%, #a8a49a, #b0aca2);--print:#302d28;--ui:"Instrument Sans", system-ui, sans-serif;--serif:"Playfair Display", Georgia, serif;--mono:"Share Tech Mono", ui-monospace, monospace;--edge:clamp(20px, 6.6vw, 95px)}*{box-sizing:border-box}html,body{background:#fff;margin:0}body{font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p,figure{margin:0}img{display:block}#tape,#tapeFront{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#tapeFront{z-index:11}.pencil-hit{z-index:13;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:32px;height:64px;padding:0;position:fixed;top:0;left:0}.pencil-note{z-index:13;white-space:nowrap;color:#35326f;pointer-events:none;align-items:center;gap:6px;margin:0;font:400 17px/1 Permanent Marker,cursive;display:flex;position:fixed;top:0;left:0}.pencil-note[hidden]{display:none}.pencil-note>*{transition:opacity .35s,translate .45s cubic-bezier(.22,1,.36,1)}.pencil-note.swap>*{opacity:0;translate:0 8px}.pencil-note .tap{transform-origin:42.2% 42.2%;width:86px;height:86px;margin:-5px -19px -19px -5px}.tap .hand{fill:#fff;stroke:currentColor;stroke-width:2.2px;transform-origin:8px 8px;animation:1.6s cubic-bezier(.5,0,.2,1) infinite tap-hand}.tap .burst{fill:none;stroke:#cd2b6f;stroke-width:2.6px}.tap .burst path{stroke-dasharray:7;stroke-dashoffset:7px;animation:1.6s ease-out infinite tap-burst}.tap .ring{fill:none;stroke:#cd2b6f;stroke-width:1.6px;transform-origin:8px 8px;animation:1.6s ease-out infinite tap-ring}#pencilWord{animation:1.6s ease-out infinite tap-word}@keyframes tap-hand{0%,to{translate:9px 9px;scale:1}30%{translate:13px 13px;scale:1}42%{translate:0;scale:.86}52%{translate:2px 2px;scale:1.04}}@keyframes tap-burst{0%,41%{stroke-dashoffset:7px}54%{stroke-dashoffset:0}72%,to{stroke-dashoffset:-7px}}@keyframes tap-ring{0%,41%{opacity:0;scale:.2}44%{opacity:1}76%,to{opacity:0;scale:1.6}}@keyframes tap-word{0%,41%,62%,to{rotate:0deg}48%{rotate:-3deg;scale:1.08}}.pencil-note .point{stroke:currentColor;stroke-width:2.4px;width:34px;height:19px;display:none;rotate:-90deg}.pencil-note.go .tap{display:none}.pencil-note.go .point{animation:1s ease-in-out infinite note-down;display:block}.pencil-note.go #pencilWord{animation:none}@keyframes note-down{50%{translate:0 5px}}@media (width<=760px){.pencil-note .tap{rotate:-90deg}}.sound-note{z-index:13;white-space:nowrap;color:#35326f;pointer-events:none;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);margin:0;font:400 clamp(13px,4.4vw,17px)/1.2 Permanent Marker,cursive;transition:opacity .3s;display:flex;position:fixed;bottom:26px;left:50%;translate:-50%}.sound-note svg{flex:none;width:24px;height:24px;overflow:visible}.sound-note .box{fill:currentColor;transform-origin:8px 12px;animation:2.8s ease-out infinite sound-thump}.sound-note .wave{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;opacity:0;animation:2.8s ease-out infinite sound-ripple}.sound-note .wave:nth-of-type(3){animation-delay:.12s}.sound-note .wave:nth-of-type(4){animation-delay:.24s}#soundWords span{animation:2.8s ease-in-out infinite sound-letter;animation-delay:calc(.28s + var(--i) * 28ms);display:inline-block}.sound-note.gone{opacity:0}.sound-note.gone *,.sound-note.gone #soundWords span{animation:none}@keyframes sound-thump{0%,22%,to{scale:1}7%{scale:1.24}}@keyframes sound-ripple{0%{opacity:0;translate:-3px}6%{opacity:1}34%,to{opacity:0;translate:6px}}@keyframes sound-letter{0%,12%,to{translate:0;rotate:0deg}5%{translate:0 -5px;rotate:-4deg}}#cassette3d{z-index:12;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.page{z-index:10;will-change:transform;width:100%;position:fixed;top:0;left:0}.nav{z-index:40;background:#fff;border-bottom:1px solid #00000014;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 31px;display:grid;position:fixed;top:0;left:0;right:0}.logo{font:900 19px var(--serif);letter-spacing:-.02em;text-decoration:none}.nav nav{gap:40px;display:flex}.nav nav a{font:15px/30px var(--mono);letter-spacing:-.01em;color:#666;text-decoration:none;transition:color .15s}.nav nav a:hover{color:#000}.open{font:11px/8px var(--mono);color:#1c1c1c;background:#f6f6f6;border-radius:999px;justify-self:end;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.open span{background:#00d154;border-radius:50%;width:6px;height:6px;position:relative;box-shadow:0 0 20px #00a34c80}.open span:after{content:"";opacity:.5;background:#00d154;border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;inset:-1px}@keyframes pulse{to{opacity:0;transform:scale(3.4)}}.hero{height:100svh;position:relative}.lede,.lede2{font:italic 500 20px/28px var(--serif);letter-spacing:-.04em;color:var(--soft)}.lede{left:var(--edge);position:absolute;top:170px}.hero h1{left:var(--edge);width:min(25vw,360px);color:var(--grey);text-wrap:pretty;font-size:clamp(1.4rem,2.362vw,34px);font-weight:600;line-height:1.2;position:absolute;top:min(473px,100svh - 170px)}.hero h1 span{display:block}.hero h1 b{color:#000;font-style:italic;font-weight:700}.works{height:100svh;padding-top:92px;overflow:hidden}.works>h2{width:max-content;margin-left:80px;padding:0 30px;font-size:clamp(1.6rem,2.362vw,34px);font-weight:600;line-height:1.2;position:relative}.rail{padding:0 var(--edge);will-change:transform;gap:clamp(16px,2.8vw,40px);width:max-content;margin-top:36px;display:flex}.card{flex:none;width:min(47vw,68vh,680px);position:relative}.shot{aspect-ratio:16/10;perspective:1500px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:relative}@media (hover:hover){.card:hover .shot{transform:translateY(-4px)}}.flipper{transform-style:preserve-3d;will-change:transform;transition:transform .95s cubic-bezier(.3,1.18,.4,1);position:absolute;inset:0}.card.flip .flipper{transform:rotateY(180deg)}.face{transition:visibility 0s .14s}.face.back,.card.flip .face.front{visibility:hidden}.card.flip .face.back{visibility:visible}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#eee;border-radius:16px;position:absolute;inset:0;overflow:hidden}.face.back{color:#fbf4e4;background:radial-gradient(120% 120% at 15% 0,#4a4690,#35326f 55%,#24224f);flex-direction:column;padding:22px 28px;display:flex;transform:rotateY(180deg)}.face .key{z-index:3;position:absolute;bottom:14px;left:14px}.read{z-index:3;height:44px;font:600 .88rem var(--ui);color:var(--print);cursor:pointer;background:#ffffffdb;border:0;border-radius:4px;padding:0 14px;transition:background .15s;position:absolute;bottom:14px;left:138px}.read:hover{background:#fff}.card .tag{max-width:none;font:13px var(--mono);color:#ffc145;justify-content:space-between;margin:0;display:flex}.lines{flex:1;max-width:74%;min-height:0;margin:12px 0 46px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 80%,#0000);mask-image:linear-gradient(#0000,#000 16% 80%,#0000)}.script{will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1)}.script span{font:600 clamp(1.1rem, 1.8vw, 26px)/1.24 var(--ui);letter-spacing:-.015em;opacity:.28;padding:7px 0;transition:opacity .35s;display:block}.script span.cur{opacity:1}.script i{font-style:normal;display:inline-block}.script .cur i{animation:word-in .5s cubic-bezier(.22, 1, .36, 1) var(--d) both}@keyframes word-in{0%{opacity:.28;translate:0 7px}40%{opacity:1;color:#ffc145}to{opacity:1;translate:0}}.script span.past{opacity:.4}.card.reading .lines{max-width:76%;-webkit-mask-image:none;mask-image:none}.card.reading .script{transform:none!important}.card.reading .script span{font:400 calc(clamp(.9rem, 1.15vw, 16.5px) * var(--read,1))/1.5 var(--ui);letter-spacing:0;opacity:.92;padding:0;display:inline}.bar{transform-origin:0;background:#ffc145;height:4px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.card.reading .script i{display:inline}.card.reading .bar{display:none}.card .hear-note{z-index:4;text-align:right;white-space:nowrap;color:#35326f;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;max-width:none;margin:0;font:400 17px/1 Permanent Marker,cursive;transition:opacity .3s;display:flex;position:absolute;bottom:12px;right:calc(100% - 12px);rotate:-4deg}.hear-note svg{stroke:currentColor;stroke-width:2.6px;width:46px;height:23px;animation:1.8s ease-in-out infinite hear-nudge}.heard .hear-note{opacity:0}@keyframes hear-nudge{0%,55%,to{translate:0}25%{translate:7px 1px}}@media (prefers-reduced-motion:no-preference){.rail:not(.heard) .first{animation:2.6s cubic-bezier(.3,.7,.3,1) infinite hear-press}.rail:not(.heard) .first i{position:relative}.rail:not(.heard) .first svg{animation:2.6s ease-out infinite hear-beat}.rail:not(.heard) .first i:before,.rail:not(.heard) .first i:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;animation:2.6s ease-out infinite hear-ring;position:absolute;inset:0}.rail:not(.heard) .first i:after{animation-delay:.22s}.rail.shove:not(.heard) .first{animation:.6s cubic-bezier(.3,.7,.3,1) hear-shove}.rail.shove:not(.heard) .first i:before,.rail.shove:not(.heard) .first i:after{animation:.6s ease-out hear-burst}.rail.shove:not(.heard) .hear-note{animation:.6s cubic-bezier(.3,.7,.3,1) hear-jump}}@keyframes hear-press{0%,20%,to{transform:none}4%{filter:brightness(.9);transform:translateY(3px);box-shadow:inset 0 4px 7px #00000061,0 1px 1px #0003}10%{transform:translateY(-3px)scale(1.04)}}@keyframes hear-beat{0%,22%,to{transform:none}8%{transform:scale(1.45)}}@keyframes hear-ring{0%,3%{opacity:0;transform:scale(1)}5%{opacity:.9}42%,to{opacity:0;transform:scale(4.2)}}@keyframes hear-burst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(6.5)}}@keyframes hear-shove{0%,to{transform:none}15%{transform:scale(1.2)rotate(-5deg)}35%{transform:scale(1.14)rotate(4deg)}55%{transform:scale(1.08)rotate(-3deg)}75%{transform:scale(1.03)rotate(1.5deg)}}@keyframes hear-jump{0%,to{transform:none}25%{transform:translateY(-7px)scale(1.14)}55%{transform:translateY(2px)}}@media (width<=1100px){.card .hear-note{text-align:left;color:#fff;text-shadow:0 1px 6px #000000b3;align-items:flex-start;bottom:58px;left:calc(16% + 8px);right:auto}.hear-note br{display:none}.hear-note svg{filter:drop-shadow(0 1px 3px #0009);width:40px;height:20px;rotate:62deg}}.card h3{text-wrap:balance;margin:18px 0 0;font-size:clamp(1.1rem,1.806vw,26px);font-weight:600;line-height:1.2}.card p{white-space:nowrap;color:#262626;max-width:80%;margin:8px 0 0;font-size:clamp(.95rem,1.459vw,21px);line-height:1.2}.cover{position:absolute;inset:0;overflow:hidden}.cover .who{filter:drop-shadow(0 14px 24px #00000047);width:auto;max-width:none;height:88%;position:absolute;bottom:0;left:50%;translate:-50%}.cover .full{object-fit:cover;width:108%;height:108%;position:absolute;top:-4%;left:-4%}.plate{background:#111;container-type:inline-size}.plate .fg{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.plate .word{text-align:center;font:italic 900 20cqw/1 var(--serif);letter-spacing:-.035em;white-space:nowrap;color:#fff;text-shadow:0 .3cqw 2.4cqw #00000052;position:absolute;top:3cqw;left:0;right:0}.p-waterloo{background:#f2a32a}.p-waterloo .pic{object-fit:cover;width:84%;height:100%;position:absolute;top:0;right:0}.p-waterloo .word{writing-mode:vertical-rl;color:#3a1a02;width:16%;height:44cqw;text-shadow:none;place-items:center;font-size:9.6cqw;display:grid;inset:2.5cqw auto auto 0;rotate:180deg}.p-lines .word{color:#c8142c;text-shadow:none;font-size:13.5cqw;top:1cqw}.p-junior .word{font-size:21cqw}.p-standup .word{font-size:22cqw;top:4cqw}.p-prod .word{color:#ffc145;font-size:19cqw;top:2cqw;left:auto;right:3cqw}.p-mentor .word{text-shadow:0 .2cqw 1cqw #1e0a008c,0 0 4cqw #1e0a008c;font-size:18cqw;top:.5cqw}.p-bonus .word{color:#ffc145;font-size:23cqw;top:6cqw;left:6cqw;right:auto}.tapeno{z-index:3;font:13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000075;border-radius:4px;padding:4px 7px;position:absolute;bottom:14px;right:14px}.c-failed{color:#1b1b1b;background:#fbf8ee linear-gradient(#466ebe29 1px,#0000 1px) 0 0/100% 26px}.c-failed .marks{color:#d3262f;font:clamp(1.8rem,4.6vw,66px)/1.15 Permanent Marker,cursive;position:absolute;top:24%;left:7%;rotate:-5deg}.c-failed .marks s{text-decoration-thickness:5px}.c-failed .who{height:92%;left:69%}.c-risk{color:#d6f2df;background:radial-gradient(100% 120% at 50% 0,#2f6a4f,#113a2c 75%);container-type:inline-size}.c-risk .big{text-align:center;font:italic 900 11.4cqw/1 var(--serif);letter-spacing:-.03em;white-space:nowrap;position:absolute;top:3cqw;left:0;right:0}.c-risk .big b{font-weight:inherit;color:#ffc145}.c-risk .who{height:76%}.key{color:var(--print);font:inherit;cursor:pointer;background:var(--key);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:4px;padding:0;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:inset 0 1px #ffffffb3,inset 1px 0 #ffffff4d,inset -1px 0 #00000014,inset 0 -2px 3px #00000014,0 1px 1px #00000047}@media (hover:hover){.key:hover{filter:brightness(1.04)}}.key:active,.key.on,.key.down,.muted #sound{filter:brightness(.93);transform:translateY(4px);box-shadow:inset 0 4px 7px #00000061,0 1px 1px #0003}.key i{background:var(--dimple);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 3px 4px #00000047,0 1px #fff6}.key svg{width:13px;height:13px;fill:var(--print)}.key.note{align-items:center;gap:.5rem;height:44px;padding:0 .9rem 0 .45rem;font-size:.88rem;font-weight:600;display:inline-flex}.key:focus-visible,a:focus-visible,.arrow:focus-visible,.yt button:focus-visible{outline-offset:2px;outline:2px solid #3b7bd8}.keys{--slot:62px;--grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .34 0 0 0 0 .3 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:30;background:var(--grain), linear-gradient(transparent 80%, #463c2c33), linear-gradient(90deg, #bab6ac, #bfbcb2 30%, #cbc8bf 62%, #dedbd2 92%);background-blend-mode:multiply, normal, normal;border-radius:12px;align-items:flex-end;gap:1px;width:min(560px,100vw - 24px);padding:8px 12px 0;transition:translate .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:20px;left:50%;translate:-50% 170%;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -7px 7px -5px #3230286b,inset 1px 0 #46423840,0 1px 1px #00000040,0 3px 3px -2px #3c321e33,0 16px 20px -12px #3c321e4d}.keys.up{translate:-50%}.keys:before{content:"";top:0;bottom:0;left:0;right:calc(var(--slot) * 3 + 22px);background:var(--grain), linear-gradient(90deg, #584e3e66, transparent 12%), linear-gradient(90deg, transparent 35%, #ffffff2e), linear-gradient(#cbc7bd, #d3cfc5 22%, #cbc7bd 45%, #c0bcb2 78%, #bab6ac);background-blend-mode:multiply, normal, normal, normal;border-radius:12px 0 0 12px;position:absolute;box-shadow:inset -4px 0 #847f74,inset 0 1px 1px #ffffff80,inset 1px 0 #46423840,1px 1px 1px #2823191f}.keys:after{content:"";width:calc(var(--slot) * 3 + 12px);background:#6e6a60;border-radius:9px 9px 0 0;height:45px;position:absolute;bottom:0;right:7px;box-shadow:inset 0 3px 3px #0006,0 0 0 1px #3c3a324d,0 1px #ffffff4d}.screen{z-index:1;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(#ffffff17,#0000 45%),linear-gradient(#262721,#0e0f0c);border-radius:6px;flex:1;align-self:center;align-items:center;gap:7px;min-width:0;height:30px;margin:0 24px 8px 0;padding:0 9px;font:600 10.5px/1 SF Mono,Menlo,Consolas,Courier New,monospace;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000,inset 0 -1px 1px #ffffff12,0 0 0 1px #00000080,0 1px 0 1px #ffffff59}.screen:after{content:"";width:100%;height:2px;transform:scaleX(var(--p,0));transform-origin:0 0;background:#f08a1c;position:absolute;bottom:0;left:0}.led{background:#33d93f;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px #33d93f}.rewinding .led,.keys.ending .led{background:#f08a1c;box-shadow:0 0 6px #f08a1c}#now{white-space:nowrap;color:#f08a1c;text-shadow:0 0 4px #f08a1c99;flex:1;min-width:0;margin:0;overflow:hidden}#nowText{display:inline-block}#nowText span{color:#8b877b;text-shadow:none}.playing #nowText:before,.rewinding #nowText:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:7px;height:8px;margin-right:6px;display:inline-block}.rewinding #nowText:before{clip-path:polygon(0 50%,50% 0,50% 50%,100% 0,100% 100%,50% 50%,50% 100%);width:13px}#clock{letter-spacing:.7px;color:#3df04a;text-shadow:0 0 4px #3df04a;flex:none;font-weight:700}@media (prefers-reduced-motion:no-preference){.playing .led{animation:2s ease-in-out infinite led-beat}.rewinding .led{animation:.3s steps(2,end) infinite led-beat}.keys.ending .led{animation:1.1s steps(2,end) infinite led-beat}.keys.ending .screen+.slot>span{animation:2.2s ease-in-out infinite led-beat}#now.long #nowText{animation:8s ease-in-out infinite alternate screen-run}}@keyframes led-beat{50%{opacity:.4}}@keyframes screen-run{0%,15%{transform:none}85%,to{transform:translateX(var(--run))}}.slot{z-index:1;width:var(--slot);white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;position:relative}.slot>span{letter-spacing:.1px;text-transform:uppercase;color:var(--print);font:600 10px/12px Helvetica Neue,Helvetica,Arial,sans-serif}.slot>span svg{fill:currentColor;width:15px;height:8px}.slot.stop>span{color:#f0f0ec;background:#1d1d1c;padding:0 3px;font-weight:700}.keys .key{border-radius:5px 5px 0 0;place-items:center;width:100%;height:40px;display:grid}.keys .key svg{opacity:0}.keys .key i{width:28px;height:28px}.keys .key.on i,.keys .key.down i,.muted #sound i{box-shadow:inset 0 4px 6px #00000057,0 1px #ffffff4d}#kStop i{background:linear-gradient(#e47a44,#c8582a);border-radius:1.5px;width:19px;height:19px;box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0000004d}@media (height<=480px){.keys{width:auto;left:auto;right:12px;translate:0 170%}.keys.up{translate:0}.keys:before,.screen{display:none}.lede{font-size:16px;line-height:22px;top:72px}.hero h1{font-size:1.15rem;top:180px}}@media (width<=560px){.keys{--slot:54px;padding:8px 8px 0;bottom:12px}.keys:after{right:3px}.keys:before{right:calc(var(--slot) * 3 + 18px)}.screen{margin-right:20px;padding:0 7px}.slot>span{font-size:9px}#nowText span{display:none}}.keys.ending #kRew{animation:2.2s cubic-bezier(.3,0,.2,1) infinite rew-press}.keys.ending #kRew:hover{animation:none}.keys.ending #kRew i{background:#14110d;box-shadow:inset 0 2px 3px #000,0 0 10px #ffb6488c}.keys.ending #kRew svg{opacity:1;fill:var(--amber);filter:drop-shadow(0 0 3px var(--amber))}.keys.ending #kRew path{animation:.5s step-end infinite rew-chase}.keys.ending #kRew path:first-child{animation-delay:.25s}@keyframes rew-press{0%,62%,to{transform:none}70%,76%{transform:translateY(3px);box-shadow:inset 0 4px 7px #00000061,0 1px 1px #0003}84%{transform:translateY(-2px)}}@keyframes rew-chase{0%,49%{opacity:1}50%,to{opacity:.18}}.rv{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),translate .8s cubic-bezier(.22,1,.36,1);translate:0 -20px}.rv.in{opacity:1;translate:0}.beyond{min-height:100vh;padding:16vh var(--edge) 12vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,100px);display:grid}.beyond-text{gap:clamp(40px,9vh,90px);display:grid}.beyond h2{color:#131415;text-wrap:pretty;font-size:clamp(1.4rem,2.362vw,34px);font-weight:600;line-height:1.2}.scrawl{width:max-content;color:var(--pink);margin:0 clamp(30px,3.4vw,50px) .9rem auto;font:1.25rem Permanent Marker,cursive;position:relative;rotate:-3deg}.scrawl svg{aspect-ratio:150/90;width:clamp(90px,9.4vw,136px);height:auto;stroke:var(--pink);stroke-width:3px;position:absolute;bottom:-10px;left:calc(100% + 4px)}.scrawl .draw{stroke-dasharray:220;stroke-dashoffset:220px;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1) .35s}.scrawl .head{stroke-dasharray:50;stroke-dashoffset:50px;transition-duration:.3s;transition-delay:1.05s}.in .scrawl .draw{stroke-dashoffset:0}.yt{aspect-ratio:16/9;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #00000073}.yt iframe{pointer-events:none;border:0;width:100%;height:300%;position:absolute;top:-100%;left:0}.yt .poster{object-fit:cover;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.yt.playing .poster{opacity:0}.yt button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.yt i{background:#fff;border-radius:50%;width:68px;height:68px;margin:-34px;transition:opacity .25s,transform .15s;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #0000004d}.yt i:after{content:"";box-sizing:border-box;border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:21px solid #111;position:absolute;top:20px;left:26px}.yt.playing i:after{border:0;border-left:7px solid #111;border-right:7px solid #111;width:20px;height:24px;top:22px;left:24px}.yt.playing i{opacity:0}.yt.playing button:hover i,.yt.playing button:focus-visible i{opacity:1}.yt button:active i{transform:scale(.94)}.proof{padding:18vh var(--edge) 8vh;text-align:center}.proof header{width:max-content;max-width:100%;margin:0 auto}.proof h2{font:italic 600 clamp(2.2rem, 3.612vw, 52px)/1.1 var(--serif);letter-spacing:-.04em}.proof header p{letter-spacing:-.02em;color:#666;margin-top:12px;font-size:clamp(1.05rem,1.67vw,24px);line-height:1.6}.proof-row{text-align:left;grid-template-columns:1fr minmax(0,599px) 1fr;align-items:start;gap:28px;margin-top:60px;display:grid}.side em{letter-spacing:-1px;font-size:clamp(1.2rem,1.95vw,28px);font-style:italic;line-height:40px;display:block}.side:not(.right){margin-left:-19px}.side a{letter-spacing:-.5px;margin-top:1.2rem;font-size:16px;display:inline-block}.side{z-index:25;position:relative}.side.right{justify-self:end;gap:10px;display:grid}.chip{background:#f5f5f5;border-radius:8px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-weight:600;text-decoration:none;margin:0!important;display:inline-flex!important}.chip img{object-fit:cover;object-position:top;background:#c23a6b;border-radius:4px;width:44px;height:44px}.slider{height:514px;position:relative}.slides{position:absolute;inset:0}.slides figure{will-change:transform;background:#fff;border-radius:16px;grid-template-columns:289px minmax(0,1fr);margin:0;transition:transform .5s cubic-bezier(.34,1.3,.64,1),opacity .4s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}.reel{background:#000;position:relative;overflow:hidden}.reel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel iframe{transform-origin:top;opacity:0;border:0;width:300px;height:640px;margin-top:-74px;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)scale(1.37)}.reel iframe.ready{opacity:1}.reel-out{color:#fff;background:linear-gradient(#0000 40%,#0000008c);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;font-weight:600;text-decoration:none;display:flex;position:absolute;inset:0}.reel-out i{background:#fff;border-radius:50%;width:68px;height:68px;transition:transform .15s;position:relative;box-shadow:0 8px 24px #0000004d}.reel-out i:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") 50%/30px no-repeat;position:absolute;inset:0}.reel-out:hover i{transform:scale(1.06)}.info{text-align:left;flex-direction:column;justify-content:space-between;padding:26px 26px 24px 28px;display:flex}.info small{font:13px var(--mono);color:#666}.info h3{font:italic 600 clamp(1.5rem, 2.2vw, 30px)/1.12 var(--serif);letter-spacing:-.03em;text-wrap:balance;margin:0}.info p{color:#5d5d5d;margin:10px 0 0;font-size:15px;line-height:1.4}.info a{text-underline-offset:3px;font-size:14px;font-weight:600}.arrow{font-family:var(--ui);z-index:20;color:#222;cursor:pointer;background:#fffc;border:2px solid #222;border-radius:50%;width:40px;height:40px;margin-top:-20px;padding:0;font-size:1.3rem;line-height:1;transition:transform .12s cubic-bezier(.6,1.5,.5,1);position:absolute;top:50%;box-shadow:0 2px 8px #0000001f}.arrow:hover{transform:scale(1.08)}.arrow:active{transform:scale(.94)}.prev{left:-20px}.next{right:-20px}.about{padding:130px 80px 80px;position:relative;overflow:hidden}.about>div{width:56%;margin:0 auto}.about h2{font:600 clamp(2rem, 3.334vw, 48px)/1.2 var(--serif);letter-spacing:-.05em}.about h2 span{font-size:.8334em;display:block}.about p{color:#000;margin-top:1.1rem;font-size:18px;line-height:1.8}.stamp{outline-offset:-2px;background:#fff;outline:7px dotted #111;width:150px;padding:8px;position:absolute;top:46%;left:4%;rotate:-3deg;box-shadow:0 0 0 8px #111}.stamp img{aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;background:#f4b84d;width:100%}.polaroid{background:#fff;width:460px;padding:18px 18px 70px;position:absolute;top:49%;right:-170px;translate:0 -50%;rotate:6deg;box-shadow:0 24px 50px -18px #00000059}.polaroid.rv{translate:0 calc(-50% - 20px)}.polaroid.rv.in{translate:0 -50%}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%}.closer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:65vh;padding:12vh 20px;display:flex}.closer h2{width:max-content;max-width:100%;font:italic 600 clamp(2rem, 3.473vw, 50px)/1.1 var(--serif);letter-spacing:-.04em;text-wrap:balance;margin:0 auto}.talk{color:#1a1a1a;letter-spacing:-.03em;background:#f0d7ff;border:1.5px solid #1a1a1a;border-radius:8px;align-items:center;gap:12px;padding:9px 18px 9px 9px;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .8s cubic-bezier(.22,1,.36,1),translate .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),background-color .2s;display:inline-flex;position:relative;box-shadow:4px 4px #1a1a1a}.talk .bars{background:#1a1a1a;border-radius:999px;align-items:center;gap:3px;height:32px;padding:0 11px;display:flex}.talk .bars i{background:#fff;border-radius:2px;width:2.5px;height:16px;animation:2.6s ease-in-out infinite bar-rest;transform:scaleY(.3)}.talk .bars i:nth-child(2){animation-delay:-.4s}.talk .bars i:nth-child(3){animation-delay:-1.1s}.talk .bars i:nth-child(4){animation-delay:-.7s}.talk .bars i:nth-child(5){animation-delay:-1.6s}.talk .bars i:nth-child(6){animation-delay:-.2s}.talk .bars i:nth-child(7){animation-delay:-1.3s}.talk.call{animation:1s linear .9s talk-ring}.talk .bars{position:relative}.talk.call .bars:before,.talk.call .bars:after{content:"";opacity:0;border:2px solid #1a1a1a;border-radius:999px;animation:.72s ease-out .9s talk-call;position:absolute;inset:0}.talk.call .bars:after{animation-delay:1.44s}@keyframes talk-ring{0%,38%,54%,92%,to{translate:0;rotate:0deg}5%,14%,23%,32%,59%,68%,77%,86%{translate:-1.5px;rotate:-.5deg}9%,18%,27%,36%,63%,72%,81%,90%{translate:1.5px;rotate:.5deg}}@keyframes talk-call{0%{opacity:.55;scale:1}to{opacity:0;scale:1.28 1.5}}.talk:hover,.talk:focus-visible{background:#e8c6fb;translate:-2px -2px;box-shadow:6px 6px #1a1a1a}.talk:hover .bars i,.talk:focus-visible .bars i{animation-name:bar-talk;animation-duration:.68s}@keyframes bar-rest{0%,to{transform:scaleY(.28)}50%{transform:scaleY(.6)}}@keyframes bar-talk{0%,to{transform:scaleY(.3)}35%{transform:scaleY(1.25)}65%{transform:scaleY(.55)}}.foot{color:#fff;background:#000;border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;gap:40px;min-height:46vh;padding:28px 32px 128px;display:grid;position:relative}.foot nav{gap:30px;display:flex}.foot{font-family:"Outfit", var(--ui)}.foot nav a,.foot .social a{font:400 clamp(14px, 1.4vw, 20px)/1.4 "Outfit", var(--ui)}.foot a{text-decoration:none}.foot a:hover{color:#ffc145}.social{gap:20px;display:flex}.built{color:#d9d9d9;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;font-size:17px;display:flex}.built a{color:#fff;text-underline-offset:3px;text-decoration:underline}.wave{align-items:center;gap:2px;height:18px;display:inline-flex}.wave i{background:#ffc145;border-radius:2px;width:2.5px}.wave i:first-child,.wave i:nth-child(5){height:7px}.wave i:nth-child(2),.wave i:nth-child(4){height:13px}.wave i:nth-child(3){height:18px}.sign{text-align:center;font:italic 400 clamp(14px, 1.4vw, 20px)/1.4 "Outfit", var(--ui);grid-column:1/-1}.copyright{text-align:center;font:400 12px/1.4 "Outfit", var(--ui);color:#fff9;grid-column:1/-1;margin:-28px 0 0}@media (width<=760px){.nav{grid-template-columns:1fr auto;padding:0 18px}.nav nav{display:none}.lede{top:84px;left:20px}.hero h1{width:auto;font-size:1.3rem;inset:auto 20px 84px}.works{padding-top:84px}.works>h2{margin-left:8px;padding:0 12px}.card{width:84vw}.card h3,.card p{white-space:normal;max-width:none}.lede .cut{display:none}.beyond{grid-template-columns:minmax(0,1fr);padding-top:12vh}.beyond-text{gap:6vh}.proof-row{grid-template-columns:minmax(0,1fr)}.side.right{justify-self:start}.side:not(.right){margin-left:0}.about{padding:60px 20px;overflow:visible}.about>div{width:auto}.stamp,.polaroid{position:relative;top:auto;left:auto;right:auto;translate:none}.polaroid.rv,.polaroid.rv.in{translate:0}.stamp{width:120px;margin:0 0 30px 10px}.polaroid{width:min(84%,300px);margin:34px auto 0}.slider{height:430px}.slides figure{grid-template-columns:1fr}.info{display:none}.reel iframe{width:100%;height:700px}.prev{left:-8px}.next{right:-8px}.foot{grid-template-columns:minmax(0,1fr)}.foot nav{flex-wrap:wrap;gap:14px 20px}.scrawl{margin:0 0 .9rem}.scrawl svg{display:none}.c-failed .marks{font-size:1.5rem;top:7%}.face .key.note{height:36px;font-size:.8rem;bottom:8px;left:8px}.face .key.note i{width:24px;height:24px}.read{height:36px;font-size:.8rem;bottom:8px;left:112px}.face.back{padding:12px 14px}.lines{max-width:100%;margin:6px 0 40px}.script span{padding:3px 0;font-size:1.05rem}.card.reading .shot{aspect-ratio:auto;height:min(58vh,430px)}.card.reading .lines{max-width:100%;margin-bottom:44px}.card.reading .script span{font-size:calc(.84rem * (.6 + .4 * var(--read,1)));line-height:1.38}}@media (prefers-reduced-motion:reduce){.flipper,.script,.script span{transition:none}.script .cur i{animation:none}.scrawl .draw{stroke-dashoffset:0;transition:none}.rv{opacity:1;transition:none;translate:0}.talk{transition:none}.talk .bars i{animation:none;transform:scaleY(.6)}.sound-note *,.pencil-note *,.hear-note svg,.keys.ending #kRew,.keys.ending #kRew path{animation:none}.sound-note .wave{opacity:1}.tap .burst path{stroke-dashoffset:0}}