@font-face{font-family:Archivo;font-style:normal;font-weight:500 900;font-stretch:100%;font-display:swap;src:url(/assets/archivo-latin-E0tuGl4L.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-latin-DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-latin-DSY6xOcd.woff2)format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vt323-latin-wDgJuOC9.woff2)format("woff2")}:root{--ink:oklch(22% .02 50);--paper:oklch(92% .018 75);--crt-bg:oklch(17% .025 200);--crt-text:oklch(94% .035 95);--crt-green:oklch(86% .2 140);--rule:1px dashed #ffecbe40;--tv:min(900px, 92vw, calc((100svh - 234px) / .855));--scr:calc(var(--tv) * .588)}html,body{background:var(--paper);margin:0;padding:0}a{color:var(--crt-text);text-underline-offset:3px;text-decoration:underline}a:hover{color:oklch(80% .12 200)}:focus-visible{outline-offset:2px;outline:2px solid oklch(62% .17 40)}@keyframes tvroll{0%{transform:translateY(-120%)}to{transform:translateY(520%)}}@keyframes tvjitter{0%{opacity:1;transform:translate(0)}15%{transform:translate(-4px)skew(-.6deg)}30%{transform:translate(3px)skew(.4deg)}50%{opacity:.55;transform:translate(-3px)}70%{opacity:.9;transform:translate(2px)skew(-.3deg)}85%{transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes tvpoweroff{0%{opacity:.9;transform:scale(110,.6)}70%{transform:scale(30,.6)}to{opacity:1;transform:scale(1)}}@keyframes tapefly{0%{transform:translate(var(--turn-x), calc(var(--fh) * var(--turn-scale) * -.44)) translateZ(calc(var(--fh) / -2)) rotateX(-90deg) scale3d(var(--turn-scale), var(--turn-scale), var(--turn-scale));animation-timing-function:cubic-bezier(.4,0,.8,.7)}55%{transform:translate(calc(var(--dx) * .6), calc(var(--dy) * .28)) translateZ(calc(var(--fh) / -2)) rotateX(-40deg) scale3d(1.5, 1.5, 1.5);animation-timing-function:cubic-bezier(.2,.35,.55,.92)}to{transform:translate(var(--dx), var(--dy)) translateZ(calc(var(--fh) / -2)) rotateX(0deg) scale3d(var(--fx), var(--fy), 1)}}@keyframes tapesettle{0%{filter:brightness();transform:translateY(0)}to{filter:brightness(.32);transform:translateY(-1.5px)}}@keyframes doorin{to{filter:brightness(.55);transform:rotateX(-78deg)}}@keyframes doorshut{0%{filter:brightness(.55);transform:rotateX(-78deg)}65%{filter:brightness();transform:rotateX(5deg)}85%{transform:rotateX(-3deg)}to{transform:rotateX(0)}}@keyframes vcrthunk{0%,to{transform:translate(-50%)translateY(0)}35%{transform:translate(-50%)translateY(1.5px)}}@keyframes tapeback{0%,60%{opacity:0}to{opacity:1}}@keyframes tvflicker{0%,to{opacity:1}45%{opacity:.96}50%{opacity:.9}55%{opacity:.97}}.site{min-height:100svh;color:var(--ink);background:linear-gradient(oklch(92% .018 75) 0%,oklch(88% .022 70) 100%);flex-direction:column;font-family:Archivo,Helvetica,sans-serif;display:flex;position:relative;overflow:hidden}.stage{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:56px 16px 0;display:flex;position:relative}.channel-nav{justify-content:center;align-items:center;gap:28px;margin-bottom:20px;display:flex}.guide{--ink:#17120d;--newsprint:#ecdcb4;z-index:6;box-sizing:border-box;width:min(100%,430px);color:var(--ink);filter:drop-shadow(1px 2px 2px #28140059)drop-shadow(2px 6px 7px #2814002e);background:url(/assets/guide-paper-C3GhTYq5.webp) 50%/100% 100% no-repeat;margin-bottom:16px;padding:22px 18px 24px;font-family:Archivo,sans-serif;position:relative;transform:rotate(-.7deg)}.guide-title{mix-blend-mode:multiply;justify-content:center;align-items:center;gap:8px;display:flex}.guide-logo{background:var(--ink);color:var(--newsprint);border-radius:50%;padding:1px 9px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;font-weight:700;line-height:1.25}.guide-heading{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.guide ol{mix-blend-mode:multiply;flex-wrap:wrap;justify-content:center;gap:0 4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.guide-item{all:unset;box-sizing:border-box;cursor:pointer;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:5px;padding:3px 6px 3px 4px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.guide-num{background:var(--ink);width:1.45em;height:1.45em;color:var(--newsprint);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9em;display:flex}.guide-resume .guide-item{text-transform:none;font-family:IBM Plex Mono,monospace;font-weight:500}.guide-item:hover .guide-name{text-underline-offset:2px;text-decoration:underline}.guide-item[data-active=true]{background:var(--ink);color:var(--newsprint)}.guide-item[data-active=true] .guide-num{background:var(--newsprint);color:var(--ink)}@media (aspect-ratio>=5/4){.guide{width:clamp(160px, calc(min(540px, 50vw) - var(--tv) * .39 - 18px), 205px);transform-origin:0 100%;margin:0;padding:26px 20px 28px 19px;position:absolute;bottom:96px;left:max(14px,50vw - min(540px,50vw) + 6px);transform:rotate(-2.4deg)}.guide-title{border-bottom:2px solid var(--ink);padding-bottom:7px}.guide ol{flex-direction:column;margin-top:7px}.guide-item{width:100%;padding:3px 5px 3px 3px;font-size:11.5px}.guide-resume{border-top:1px solid var(--ink);margin-top:7px;padding-top:7px}}@media (aspect-ratio>=5/4) and (height<=620px){.guide{padding-top:18px;padding-bottom:20px}.guide-item{padding-top:1px;padding-bottom:1px}}.dial{all:unset;cursor:pointer;border:2px solid var(--ink);width:52px;height:52px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.arrow{width:24px;height:24px;display:block}.dial:hover{background:var(--ink);color:var(--paper)}.channel-label{text-align:center;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;min-width:min(360px,60vw);color:var(--ink);font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1}.table{width:min(1080px,100vw);position:relative}.site:not([data-tape=idle]) .tape{cursor:default}.site[data-tape=fly] .tape-box{animation:1.1s linear forwards tapefly}.site[data-tape=slip] .tape,.site[data-tape=shut] .tape,.site[data-tape=wait] .tape,.site[data-tape=static] .tape,.site[data-tape=zoom] .tape,.site[data-tape=open] .tape{visibility:hidden}.site[data-tape=slip] .vcr-tape{visibility:visible;animation:.85s cubic-bezier(.3,.2,.3,1) forwards tapesettle}.site[data-tape=shut] .vcr-tape{visibility:visible;filter:brightness(.32);transform:translateY(-1.5px)}.site[data-tape=slip] .vcr-door{animation:.34s cubic-bezier(.2,.6,.4,1) forwards doorin}.site[data-tape=shut] .vcr-door{animation:.34s ease-in doorshut}.site[data-tape=shut] .vcr{animation:.3s ease-out vcrthunk}.site[data-tape=shut] .vcr-led,.site[data-tape=wait] .vcr-led,.site[data-tape=static] .vcr-led,.site[data-tape=zoom] .vcr-led,.site[data-tape=open] .vcr-led{background:oklch(80% .2 140);box-shadow:0 0 6px oklch(80% .2 140/.8)}.stage{transform-origin:var(--ox,50%) var(--oy,50%);transition:transform .8s ease-in-out}.site[data-tape=zoom] .stage,.site[data-tape=open] .stage{transform:translate(var(--zx,0), var(--zy,0)) scale(var(--zs,1));transition:transform .95s cubic-bezier(.6,0,.3,1)}.resume-screen{visibility:hidden;background:var(--crt-bg);position:absolute;inset:0;overflow:hidden}.resume-screen[data-on=true]{visibility:visible}.resume-clip{inset:calc(var(--scr) * .1) calc(var(--scr) * .07) max(calc(var(--scr) * .09), 14px);transition:inset .8s ease-in-out;position:absolute;overflow:hidden}.resume-clip canvas{background:#fff;width:100%;height:auto;transition:width .8s ease-in-out,top .8s ease-in-out;position:absolute;top:0;left:50%;transform:translate(-50%)}.site[data-tape=zoom] .resume-clip,.site[data-tape=open] .resume-clip{transition:inset .95s cubic-bezier(.6,0,.3,1);inset:0}.site[data-tape=zoom] .resume-clip canvas,.site[data-tape=open] .resume-clip canvas{top:var(--resume-top);width:var(--resume-width);transition:width .95s cubic-bezier(.6,0,.3,1),top .95s cubic-bezier(.6,0,.3,1)}.site[data-tape=closing] .tape-box{transition:none}.site[data-tape=closing] .tape{animation:.8s ease-out tapeback}.table-top{background:linear-gradient(oklch(58% .08 60),oklch(50% .08 55));border-radius:4px;height:24px;box-shadow:inset 0 2px oklch(64% .07 65)}.table-apron{background:oklch(40% .07 50);height:18px;margin:0 10px;box-shadow:0 10px 18px -8px #28140073}.table-legs{justify-content:space-between;padding:0 48px;display:flex}.credit{letter-spacing:.02em;text-align:center;color:oklch(22% .02 50/.5);align-self:flex-end;padding:0 8px 4px;font-size:9px;text-decoration:none}.credit:hover{color:oklch(22% .02 50)}.table-leg{background:linear-gradient(90deg,oklch(42% .07 50),oklch(34% .06 45));width:26px;height:60px}.tv{z-index:5;width:var(--tv);aspect-ratio:1;margin-top:calc(var(--tv) * -.1);margin-bottom:calc(var(--tv) * -.045);pointer-events:none;position:relative}.tv[data-expanded=true]{z-index:50}.tv-frame{z-index:1;pointer-events:none;filter:drop-shadow(0 18px 18px #28140040);width:100%;height:100%;display:block;position:absolute;inset:0}.screen{pointer-events:auto;background:oklch(18% .025 200);width:58.8%;height:53.6%;animation:5s infinite tvflicker;position:absolute;top:18.6%;left:17.4%;overflow:hidden;box-shadow:inset 0 0 40px #000000d9}.screen[data-expanded=true],.screen[data-power=false]{animation:none}.layer{cursor:pointer;background:var(--crt-bg);color:var(--crt-text);text-shadow:0 0 6px #ffecbe59;font-family:IBM Plex Mono,monospace;position:absolute;inset:0}.layer[data-expanded=true]{z-index:100;cursor:auto;position:fixed}.layer[data-phase=jitter] .scroll{animation:.24s linear tvjitter}.scroll{inset:calc(var(--scr) * .1) 0 max(calc(var(--scr) * .09), 14px);scrollbar-width:none;padding:0 calc(var(--scr) * .07);font-size:calc(var(--scr) * .024);line-height:1.6;position:absolute;overflow-y:auto}.layer[data-expanded=true] .scroll{padding:0 48px;font-size:18px;inset:110px 0 60px}.page{flex-direction:column;max-width:980px;min-height:100%;margin:0 auto;display:flex}.static{pointer-events:none;position:absolute;inset:0;overflow:hidden}.static[data-expanded=true]{z-index:101;position:fixed}.noise{width:100%;height:100%;image-rendering:pixelated;opacity:.05;position:absolute;inset:0}.fx{pointer-events:none;position:absolute;inset:0}.fx-scanlines{background:repeating-linear-gradient(0deg,#0000004d 0 1px,#0000 1px 3px)}.fx-vignette{background:radial-gradient(#0000 55%,#0009 100%)}.fx-glare{background:linear-gradient(135deg,#ffffff14 0%,#0000 35%)}.fx-full-scanlines{background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px)}.fx-full-vignette{background:radial-gradient(#0000 60%,#00000080 100%)}.osd{top:calc(var(--scr) * .03);right:calc(var(--scr) * .04);pointer-events:none;font-family:VT323,monospace;font-size:calc(var(--scr) * .06);color:var(--crt-green);text-shadow:0 0 8px oklch(86% .2 140/.6);line-height:1;position:absolute}.hint{all:unset;bottom:calc(var(--scr) * .025);text-align:center;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:calc(var(--scr) * .019);letter-spacing:.14em;color:oklch(94% .035 95/.75);position:absolute;left:0;right:0}.hint-touch{display:none}@media (hover:none),(width<=600px){.hint{font-size:max(calc(var(--scr) * .019), 8px)}.hint-mouse{display:none}.hint-touch{display:inline}}@media (height<=480px){.hint{white-space:nowrap;letter-spacing:0;font-size:7px}}.off{cursor:pointer;background:oklch(12% .01 200);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.off-dot{background:#fffff066;border-radius:50%;width:4px;height:4px;box-shadow:0 0 10px #fffff066}.pilot-light{z-index:2;aspect-ratio:1;pointer-events:none;background:oklch(30% .03 30);border-radius:50%;width:1.1%;transition:background .2s,box-shadow .2s;position:absolute;top:61.1%;left:83.4%;transform:translate(-50%,-50%);box-shadow:inset 0 0 1px #0009}.pilot-light[data-power=true]{box-shadow:0 0 calc(var(--tv) * .012) oklch(70% .2 30/.8);background:radial-gradient(circle at 40% 35%,oklch(88% .12 50),oklch(68% .2 30) 65%)}.power-label{z-index:2;pointer-events:none;font-weight:800;font-size:calc(var(--tv) * .0115);letter-spacing:.14em;color:oklch(42% .04 65);text-shadow:0 1px #ffffff8c;position:absolute;top:65.4%;left:83.8%;transform:translate(-50%,-50%)}.power{all:unset;z-index:2;aspect-ratio:1;cursor:pointer;pointer-events:auto;width:5.6%;box-shadow:0 0 0 1px oklch(30% .03 60), calc(var(--tv) * .003) calc(var(--tv) * .006) calc(var(--tv) * .008) #2814008c;background:radial-gradient(circle at 42% 36%,oklch(95% .025 95),oklch(80% .04 88) 58%,oklch(68% .045 80) 72%,#0000 73%),conic-gradient(from 210deg,oklch(85% .01 90),oklch(50% .015 80),oklch(80% .01 90),oklch(45% .015 80),oklch(85% .01 90));border-radius:50%;transition:box-shadow 80ms,filter 80ms;position:absolute;top:70%;left:83.8%;transform:translate(-50%,-50%)}.power[data-power=true]{box-shadow:0 0 0 1px oklch(30% .03 60), 0 calc(var(--tv) * .001) calc(var(--tv) * .002) #28140073;filter:brightness(.94)}.power:hover{filter:brightness(1.05)}.power:active{filter:brightness(.86)}.power:before{content:"";border-radius:50%;position:absolute;inset:-12px}.full-bar{z-index:2;letter-spacing:.08em;background:linear-gradient(to bottom, var(--crt-bg) 60%, transparent);justify-content:space-between;align-items:center;gap:20px;padding:22px 40px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.full-channel{color:var(--crt-green);text-shadow:0 0 8px oklch(86% .2 140/.6);font-family:VT323,monospace;font-size:30px}.full-tuner{align-items:center;gap:16px;display:flex}.full-label{text-align:center;min-width:8.5em}.full-arrow{all:unset;cursor:pointer;border:1px solid oklch(94% .035 95/.5);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.full-arrow .arrow{width:18px;height:18px}.full-arrow:hover{background:var(--crt-text);color:var(--crt-bg);text-shadow:none}.close{all:unset;cursor:pointer;border:1px solid var(--crt-text);justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:flex}.close:hover{background:var(--crt-text);color:var(--crt-bg);text-shadow:none}.page-center{flex-direction:column;flex:1;justify-content:center;display:flex}.page-auto{flex-direction:column;margin:auto 0;display:flex}.heading{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-family:Archivo,sans-serif;font-size:min(2.8em,13vw);font-weight:900;line-height:1}.heading-spaced{margin-bottom:1em}.heading-long{font-size:min(2.8em,8.5vw)}.placeholder{opacity:.7;background:repeating-linear-gradient(45deg,#ffecbe14 0 6px,#0000 6px 12px);border:1px solid #ffecbe33;justify-content:center;align-items:center;display:flex}.home{grid-template-columns:minmax(0,1fr) 38%;grid-template-areas:"name photo""text photo";align-items:center;gap:1.2em 1.6em;display:grid}.home-text{flex-direction:column;grid-area:text;align-self:start;gap:1.2em;display:flex}.home-photo{grid-area:photo;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.home h1{letter-spacing:-.02em;text-transform:uppercase;grid-area:name;align-self:end;margin:0;font-family:Archivo,sans-serif;font-size:min(4.6em,20vw);font-weight:900;line-height:.9}.intro{text-wrap:pretty;max-width:46ch;margin:0}.intro-details{opacity:.8}.layer[data-expanded=false] .intro-details{display:none}.exp-list{flex-direction:column;gap:1.4em;display:flex}.exp-item{border-bottom:var(--rule);padding-bottom:1.4em}.exp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1.2em;display:flex}.exp-dates{opacity:.6;white-space:nowrap}.exp-points{margin:.7em 0 0;padding-left:1.2em}.exp-points li{text-wrap:pretty;margin-top:.4em}.badge-list{flex-direction:column;gap:1.2em;display:flex}.badge-item{border-bottom:var(--rule);grid-template-columns:9em minmax(0,1fr);align-items:center;gap:1.2em;padding-bottom:1.2em;display:grid}a.badge-item{color:inherit;text-decoration:none}a.badge-item:hover{color:oklch(82% .12 80)}.badge-box{aspect-ratio:4/3;opacity:1;color:var(--crt-green);text-shadow:0 0 8px oklch(86% .2 140/.6);font-family:VT323,monospace;font-size:2em;line-height:1}.badge-title{text-transform:uppercase;font-family:Archivo,sans-serif;font-size:min(1.35em,6vw);font-weight:800}.badge-meta{opacity:.7}.post-list{flex-direction:column;display:flex}.post{border-bottom:var(--rule);color:inherit;justify-content:space-between;gap:1.2em;padding:.9em 0;text-decoration:none;display:flex}.post:hover{color:oklch(82% .12 80)}.post-title{text-wrap:pretty;font-weight:500}.post-date{opacity:.6;white-space:nowrap}.all-posts{align-self:flex-start;margin-top:1.4em}.contact{gap:1.4em}.contact-email{font-family:Archivo,sans-serif;font-size:min(2em,6vw);font-weight:800}.contact-links{flex-wrap:wrap;gap:1.6em;display:flex}@media (prefers-reduced-motion:no-preference){.layer[data-expanded=false]{transition:transform .14s ease-in,filter .14s,opacity .1s}.layer[data-expanded=false][data-phase=out],.layer[data-expanded=false][data-phase=noise]{filter:brightness(3);transform:scale(1.08,.006)}.layer[data-expanded=false][data-phase=noise]{opacity:0}.layer[data-expanded=false][data-phase=in]{filter:brightness(1.4);transform:scale(1)}.static[data-expanded=false] .noise{transition:opacity 80ms}.static[data-expanded=false][data-phase=noise] .noise{opacity:.85}.static[data-expanded=false][data-phase=in] .noise{opacity:.25}.off-dot{animation:.28s ease-in tvpoweroff}.roll-band{background:linear-gradient(#0000,#ffffff38,#0000);height:22%;animation:.35s linear infinite tvroll;position:absolute;top:0;left:0;right:0}}@media (aspect-ratio<=5/4){.stack{right:6px}.table{--tw:clamp(64px, calc(var(--tv) * .19), 165px);--turn-scale:3.2;--turn-x:calc(var(--tw) * -1.3)}}.resume{z-index:200;background:var(--crt-bg);color:var(--crt-text);flex-direction:column;font-family:IBM Plex Mono,monospace;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0}.resume[data-visible=false]{opacity:0;pointer-events:none}.resume-bar{box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 40px;display:flex}.resume-actions{align-items:center;gap:20px;display:flex}.resume-download{font-size:14px}.resume-scroll{scrollbar-width:none;flex:1;min-height:0;padding:0 16px 32px;overflow-y:auto}.resume-pages{flex-direction:column;gap:16px;width:min(100%,860px);margin:0 auto;display:flex}.resume-pages canvas{background:#fff;width:100%;height:auto;display:block}.resume-error{text-align:center}@media (width<=600px){.resume-bar{height:70px;padding:0 16px}}@media (aspect-ratio<=5/4) and (height<=700px){.stage{padding-top:20px}}@media (prefers-reduced-motion:reduce){.tape-box,.stage{transition:none}.screen,.layer[data-phase=jitter] .scroll{animation:none}}@media (width<=600px){.channel-nav{gap:12px}.channel-label{min-width:40vw;font-size:min(28px,7.5vw)}.full-bar{padding:16px 20px}.full-label{display:none}.layer[data-expanded=true] .scroll{padding:0 20px;inset:96px 0 48px}.layer[data-expanded=true] .home{grid-template-columns:minmax(0,1fr) 34%;grid-template-areas:"name photo""text text";column-gap:.6em}.layer[data-expanded=true] .home h1{font-size:12.5vw}.layer[data-expanded=true] .badge-item{grid-template-columns:6em minmax(0,1fr)}}.table{--tw:clamp(64px, calc(var(--tv) * .2), 165px);--th:calc(var(--tw) * .19);--fh:calc(var(--tw) * .553);--turn-scale:2.7;--turn-x:calc(var(--tw) * -.85)}.vcr{z-index:6;width:calc(var(--tw) * 2);aspect-ratio:1444/438;filter:drop-shadow(5px 2px 9px #2814004d);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.vcr:after{content:"";z-index:-1;filter:blur(1.5px);background:radial-gradient(closest-side,#190a009e,#190a0000);height:12%;position:absolute;top:96%;left:1%;right:-1%}.vcr:before{content:"";opacity:.16;filter:blur(.6px);background:url(/assets/vcr-DrZqMvfa.webp) bottom/100% no-repeat;height:22px;position:absolute;top:100%;left:0;right:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 15%,#000);mask-image:linear-gradient(#0000 15%,#000)}.vcr>img{width:100%;height:100%;display:block}.vcr-mouth{width:53.81%;height:24.89%;perspective:calc(var(--tw) * 1.4);background:#050505;position:absolute;top:21.92%;left:23.13%;overflow:hidden}.vcr-door{transform-origin:top;width:100%;height:100%;position:absolute;inset:0}.vcr-tape{visibility:hidden;width:94%;height:88%;position:absolute;top:6%;left:3%}.vcr-led{aspect-ratio:1;background:oklch(30% .03 30);border-radius:50%;width:1.1%;transition:background .2s,box-shadow .2s;position:absolute;top:56.4%;left:86.6%}.stack{z-index:7;width:calc(var(--tw) * 1.095);position:absolute;bottom:100%;right:12px}.stack:after{content:"";z-index:-1;filter:blur(1.5px);background:radial-gradient(closest-side,#190a0099,#190a0000);height:12px;position:absolute;bottom:-6px;left:0;right:-2%}.stack-tapes{filter:drop-shadow(4px 1px 6px #2814004d);width:100%;height:auto;display:block}.tape{all:unset;width:var(--tw);height:var(--th);cursor:pointer;perspective:1100px;position:absolute;bottom:calc(100% - 1px);left:3%}.tape:before{content:"";position:absolute;inset:-12px -6px -4px}.tape-box{--up:0deg;--lift-x:0px;--lift-y:0px;--size:1;transform-style:preserve-3d;transform:translate(var(--lift-x), var(--lift-y)) translateZ(calc(var(--fh) / -2)) rotateX(var(--up)) scale3d(var(--size), var(--size), var(--size));transition:transform .6s cubic-bezier(.3,.7,.25,1);position:absolute;inset:0}.tape[data-up=true] .tape-box{--up:-90deg;--lift-x:var(--turn-x);--lift-y:calc(var(--fh) * var(--turn-scale) * -.44);--size:var(--turn-scale)}.tape-spine,.tape-face{backface-visibility:hidden;width:100%;position:absolute;left:0}.tape-spine img,.tape-face img{width:100%;height:100%;display:block}.tape-spine{height:100%;transform:translateZ(calc(var(--fh) / 2));top:0}.tape-spine-label{text-rendering:geometricprecision;box-sizing:border-box;width:54%;height:70%;font-family:Archivo,sans-serif;font-weight:800;font-size:calc(var(--tw) * .08);letter-spacing:.05em;color:#2a2420;opacity:.88;mix-blend-mode:multiply;align-items:center;padding-left:3%;line-height:1;display:flex;position:absolute;top:15%;left:9%}.tape-face{top:calc((var(--th) - var(--fh)) / 2);height:var(--fh);transform:rotateX(90deg) translateZ(calc(var(--th) / 2))}.tape-lines{text-rendering:geometricprecision;box-sizing:border-box;width:39.6%;height:43.5%;font-family:Archivo,sans-serif;font-weight:800;font-size:calc(var(--tw) * .032);white-space:nowrap;color:#2a2420;opacity:.9;mix-blend-mode:multiply;grid-template-rows:repeat(4,1fr);place-items:end center;padding-bottom:.5%;line-height:1.25;display:grid;position:absolute;top:31.6%;left:30.4%}.tape-lines span:first-child{grid-row:2}.tape-lines span:nth-child(2){grid-row:3}.tape-lines span:nth-child(3){grid-row:4}.tape-lines span:last-child{font-family:IBM Plex Mono,monospace;font-weight:500}