@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/a128116a0bc3fa8c-s.11-onw4a9s-o3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/9db33c57cd4391b8-s.1oj6iblxvm99n.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/8010b10db0d5feb2-s.p.1q-jjomgjvbjf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/167cd0713aa75522-s.1nzccunaoxsdm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e455bcff747f0d5e-s.1wuo3gtslpr33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/791bf8c4bb753ed6-s.p.0ggqn9ig56u4s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.odE-pW_className{font-family:Fraunces,Fraunces Fallback}.odE-pW_variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}._30ab_W_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}._30ab_W_variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/da4b870ab52b3094-s.2rv_b6cm3-gtx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.43yn3v1dnm71_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27riv1g955cgo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2rv_b6cm3-gtx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.43yn3v1dnm71_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27riv1g955cgo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a85fe84266768609-s.p.0h6ig86gwutp4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.IJs8oW_className{font-family:Caveat,Caveat Fallback;font-style:normal}.IJs8oW_variable{--font-caveat:"Caveat", "Caveat Fallback"}
:root{--night:#17121f;--night-2:#211a2b;--night-3:#2b2236;--ink:#f1e8d8;--muted:#b5aab8;--line:#f1e8d81f;--paper:#f1e6d0;--paper-2:#e6d5b5;--brown:#2e2219;--brown-2:#5a4636;--amber:#f5a800;--amber-2:#ffc93c;--rose:#d98b73;--teal:#4fc1c9;--red:#e2554a;--cat:#0b0b0e;--display:var(--font-fraunces), Georgia, serif;--body:var(--font-dm-sans), system-ui, sans-serif;--hand:var(--font-caveat), "Comic Sans MS", cursive;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--night);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;overflow-x:clip}a{color:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--amber);color:var(--cat)}.hand{font-family:var(--hand);font-weight:500}body:after{content:"";pointer-events:none;z-index:90;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(1%,3%)}}#intro{z-index:100;background:#07060b;place-items:center;animation:.9s 1.7s forwards introOut;display:grid;position:fixed;inset:0}#intro .pair{gap:34px;display:flex}#intro .pair span{background:radial-gradient(circle at 40% 35%, #ffe27a, var(--amber) 60%, #d9820a);width:30px;height:30px;animation:eyeOpen .5s var(--ease) .35s forwards, eyeBlinkOnce .25s ease 1.15s;border-radius:50%;position:relative;transform:scaleY(0);box-shadow:0 0 40px #f5a8008c}#intro .pair span:after{content:"";background:var(--cat);border-radius:50%;position:absolute;inset:11px}@keyframes eyeOpen{to{transform:scaleY(1)}}@keyframes eyeBlinkOnce{50%{transform:scaleY(.08)}}@keyframes introOut{to{opacity:0;visibility:hidden}}.eyebrow{color:var(--amber-2);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--amber);width:8px;height:8px;box-shadow:0 0 12px var(--amber);border-radius:50%;animation:2.6s ease-in-out infinite bulb}.eyebrow.ink{color:#b4560f}h2{font-family:var(--display);letter-spacing:-.025em;margin:12px 0 18px;font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:1.02}h2 em{color:var(--amber-2)}.sub{color:var(--muted);max-width:520px;font-size:1.06rem}.reveal{opacity:0;transition:opacity 1s var(--ease), translate 1s var(--ease);transition-delay:var(--rd,0s);translate:0 32px}.reveal.in{opacity:1;translate:0}@keyframes bulb{0%,to{opacity:.85}45%{opacity:1}55%{opacity:.6}70%{opacity:.95}}.btn{font:700 .98rem var(--body);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s, background .25s;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--amber);color:#1a1206}.btn-primary:hover{background:var(--amber-2);transform:translateY(-2px)rotate(-1deg);box-shadow:0 10px 40px #f5a80073}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f1e8d814;border:1px solid #f1e8d840}.btn-ghost:hover{background:#f1e8d829;transform:translateY(-2px)rotate(1deg)}.btn-sm{padding:10px 18px;font-size:.9rem}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber-2);outline-offset:3px}[data-pet]{cursor:pointer}.petted{animation:squish .5s var(--ease)}@keyframes squish{30%{scale:1.08 .92}60%{scale:.96 1.05}}.purr{z-index:95;pointer-events:none;font-family:var(--hand);color:var(--amber-2);text-shadow:0 0 18px #f5a80099;font-size:1.7rem;font-weight:700;animation:1.6s ease-out forwards purr;position:fixed}@keyframes purr{0%{opacity:0;transform:translate(-50%)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-90px)scale(1.1)rotate(-6deg)}}.nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px);transition:background .4s,padding .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#17121fb8;padding-top:12px;padding-bottom:12px}.brand{font-family:var(--display);align-items:center;gap:10px;font-size:1.35rem;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:50%;box-shadow:0 0 0 1px #f1e8d833,0 0 18px #f5a80040}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.hero{background:#2c2537;height:100svh;min-height:620px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-video{object-fit:cover;object-position:50% 50%;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hero-shade{pointer-events:none;background:linear-gradient(90deg, #17121fcc 0%, #17121f6b 28%, #17121f00 46%), linear-gradient(180deg, #17121f59 0%, #17121f00 16%, #17121f00 75%, var(--night) 100%);position:absolute;inset:0}.cursor-light{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffc97824,#ffc97800 65%);border-radius:50%;width:520px;height:520px;position:absolute;top:-260px;left:-260px}#dust{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-note{color:#f4dcae;pointer-events:none;opacity:0;animation:fadeUp 1s var(--ease) 3.2s forwards;align-items:flex-start;gap:4px;font-size:1.45rem;display:flex;position:absolute;top:74%;left:28%;rotate:-4deg}.hero-note svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:48px;margin-top:-30px}.hero-content{z-index:3;max-width:500px;position:absolute;top:50%;left:clamp(16px,6vw,96px);translate:0 -50%}.hero-kicker{color:var(--amber-2);font-size:1.5rem;display:inline-block;rotate:-2deg}.hero h1{font-family:var(--display);letter-spacing:-.035em;margin:8px 0 20px;font-size:clamp(4.2rem,10vw,8.5rem);font-weight:400;line-height:.9}.hero h1 .ch{opacity:0;animation:chIn .9s var(--ease) forwards;display:inline-block;transform:translateY(40px)rotate(4deg)}@keyframes chIn{to{opacity:1;transform:none}}.hero .lede{color:#e4dccd;text-shadow:0 1px 12px #17121f99;max-width:420px;font-size:clamp(1.05rem,1.5vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ca{border:1px solid var(--line);color:var(--muted);background:#0b0b0e80;border-radius:999px;align-items:center;gap:12px;max-width:100%;margin-top:22px;padding:8px 8px 8px 16px;font-size:.88rem;display:inline-flex}.ca b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-weight:500;overflow:hidden}.ca button{color:var(--ink);font:500 .82rem var(--body);cursor:pointer;background:#f1e8d81a;border:0;border-radius:999px;flex-shrink:0;padding:7px 14px}.ca button:hover{background:#f1e8d833}.fade-up{opacity:0;animation:fadeUp 1s var(--ease) forwards;transform:translateY(24px)}@keyframes fadeUp{to{opacity:1;transform:none}}.walkman{z-index:4;opacity:0;width:clamp(210px,18vw,280px);animation:wmIn 1.1s var(--ease) 2.9s forwards;position:absolute;top:52%;right:clamp(24px,7vw,120px);translate:0 -50%;rotate:4deg}@keyframes wmIn{0%{opacity:0;transform:translateY(40px)rotate(8deg)}to{opacity:1;transform:none}}.wm-body{filter:drop-shadow(0 30px 34px #0a06108c);animation:6s ease-in-out infinite wmFloat;position:relative}.wm-body img{width:100%;height:auto}@keyframes wmFloat{50%{translate:0 -10px}}.wm-body.thump img{animation:.28s ease-out thump}@keyframes thump{30%{scale:1.018 .985}}.wm-reel{aspect-ratio:1;background-image:url(/assets/walkman.webp);background-size:1296.3%;border-radius:50%;width:7.71%;animation:3.2s linear infinite paused spin;position:absolute;top:38.1%}.walkman.playing .wm-reel{animation-duration:1.4s;animation-play-state:running}.wm-glow{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffbe6e59,#0000);border-radius:40%;transition:opacity .6s;position:absolute;inset:66% 28% 12%}.walkman.playing .wm-glow{opacity:1;animation:1.7s ease-in-out infinite bulb}.wm-keys{z-index:2;gap:6px;display:flex;position:absolute;top:-16px;left:50%;translate:-50%}.wm-key{color:#5a3a24;cursor:pointer;background:linear-gradient(#f5ead6,#d8c7a8);border:0;border-radius:7px 7px 3px 3px;place-items:center;width:40px;height:26px;transition:translate .12s,box-shadow .12s,background .2s;display:grid;box-shadow:0 4px #9c7a5a,0 6px 12px #00000059}.wm-key svg{fill:currentColor;width:13px;height:13px}.wm-key.big{background:linear-gradient(180deg, #ffd36b, var(--amber));color:#2a1a06;width:54px;box-shadow:0 4px #b06f0a,0 6px 14px #f5a80059}.wm-key:hover{translate:0 1px}.wm-key:active,.wm-key.down{translate:0 3px;box-shadow:0 1px #9c7a5a,0 2px 6px #00000059}.wm-key.big.down{box-shadow:0 1px #b06f0a,0 2px 10px #f5a80080}.wm-display{color:#a8e6a1;text-shadow:0 0 6px #a8e6a199;background:#1d2a22;border:2px solid #3b2c22;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;width:96%;margin:14px auto 0;padding:8px 10px;font:600 .72rem ui-monospace,Menlo,monospace;display:grid;rotate:-4deg;box-shadow:inset 0 2px 8px #0009,0 10px 20px #00000059}.wm-led{background:#5a3a2a;border-radius:50%;width:7px;height:7px}.walkman.playing .wm-led{background:#ff5a4a;animation:1.2s ease-in-out infinite bulb;box-shadow:0 0 8px #ff5a4a}.wm-title{white-space:nowrap;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.wm-title span{padding-left:100%;animation:11s linear infinite paused ticker;display:inline-block}.walkman.playing .wm-title span{animation-play-state:running}@keyframes ticker{to{transform:translate(-100%)}}.wm-bars{align-items:flex-end;gap:2px;height:16px;display:flex}.wm-bars i{background:#a8e6a1;border-radius:1px;width:3px;height:2px;box-shadow:0 0 4px #a8e6a199}.wm-extras{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex;rotate:-4deg}.wm-chip{color:var(--muted);font:600 .75rem var(--body);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17121f8c;border:1px solid #f1e8d84d;border-radius:999px;padding:5px 12px}.wm-chip.on{color:#cfe8ff;border-color:#a0c8ff80}.wm-vol{font:600 .72rem var(--body);color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17121f8c;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:flex}.wm-vol input{width:72px;accent-color:var(--amber)}.wm-hint{color:#ffe0a8;text-shadow:0 2px 10px #0009;pointer-events:none;width:150px;font-size:1.35rem;line-height:1.1;position:absolute;top:-2%;left:-46%;rotate:-8deg}.wm-hint:after{content:"↘";text-align:right;font-size:1.6rem;display:block}.radio{z-index:60;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);opacity:0;animation:radioIn .8s var(--ease) 3.4s forwards;background:#211a2bd1;border-radius:18px;align-items:center;gap:12px;padding:8px 8px 8px 10px;display:flex;position:fixed;bottom:18px;left:18px;translate:0 20px;box-shadow:0 18px 50px #0006}@keyframes radioIn{to{opacity:1;translate:0}}.radio-tape{width:74px;rotate:-6deg}.radio-meta{min-width:132px;line-height:1.2;display:grid}.radio-meta small{letter-spacing:.16em;text-transform:uppercase;color:var(--amber-2);font-size:.66rem;font-weight:700}.radio-meta b{font-family:var(--hand);font-size:1.25rem;font-weight:700}.eq{align-items:flex-end;gap:3px;height:14px;margin-top:3px;display:flex}.eq i{background:var(--muted);border-radius:2px;width:3px;height:3px;transition:height .3s}.radio.playing .eq i{background:var(--amber);animation:.9s ease-in-out infinite alternate eq}.radio.playing .eq i:nth-child(2){animation-delay:-.3s}.radio.playing .eq i:nth-child(3){animation-delay:-.6s}.radio.playing .eq i:nth-child(4){animation-delay:-.15s}.radio.playing .eq i:nth-child(5){animation-delay:-.45s}@keyframes eq{0%{height:3px}to{height:14px}}.radio button{background:var(--amber);color:#1a1206;cursor:pointer;width:42px;height:42px;transition:transform .2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.radio button:hover{transform:scale(1.08)}.radio button svg{fill:currentColor;width:18px;height:18px}.cassette{position:relative}.cassette .reel{aspect-ratio:1;background-image:url(/assets/prop-cassette.webp);background-size:805.15%;border-radius:50%;width:12.42%;animation:6s linear infinite spin;position:absolute}.radio.playing .reel,.mixtape:hover .reel{animation-duration:1.6s}@keyframes spin{to{rotate:-360deg}}.paper{color:var(--brown);background-color:var(--paper);background-image:radial-gradient(#5a463614 1px, transparent 1.2px), radial-gradient(120% 80% at 50% 0%, #fff6, transparent 60%), linear-gradient(180deg, var(--paper), var(--paper-2));background-size:22px 22px,100% 100%,100% 100%}.scrapbook{padding:clamp(110px,11vw,160px) clamp(16px,4vw,48px) clamp(150px,14vw,200px);position:relative}.board{max-width:1180px;height:1000px;margin:0 auto;position:relative}.drag{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:scale .25s var(--ease), box-shadow .25s, filter .25s;position:absolute}.drag.lifted{cursor:grabbing;filter:drop-shadow(0 24px 30px #2e221959);scale:1.04}.drag img{pointer-events:auto;-webkit-user-drag:none}.notebook{cursor:grab;background:linear-gradient(90deg,#0000 44px,#e2554a73 44px 46px,#0000 46px),repeating-linear-gradient(#fffaf0 0 31px,#4f8cc938 31px 32px);border-radius:6px;width:46%;padding:44px 40px 34px 64px;top:2%;left:2%;rotate:-1.5deg;box-shadow:0 2px #e9dcc2,0 18px 40px #2e22192e}.notebook:before{content:"";background:repeating-linear-gradient(45deg,#d98b73bf 0 8px,#f0c4aabf 8px 16px);width:120px;height:30px;position:absolute;top:-14px;left:38%;rotate:-3deg;box-shadow:0 2px 6px #00000014}.notebook h2{color:var(--brown);font-size:clamp(2rem,3.6vw,3.1rem)}.notebook h2 em{color:#c4630d}.notebook p{color:#4a3a2e;line-height:32px}.notebook p+p{margin-top:0}.notebook .hl{background:linear-gradient(#0000 55%,#f5a80073 55%)}.notebook .sign{color:#8a5a3a;margin-top:10px;font-size:1.5rem}.polaroid{text-align:center;background:#fffdf7;width:24%;padding:12px 12px 14px;box-shadow:0 1px #e9dcc2,0 16px 34px #2e221938}.polaroid:before{content:"";background:#c9bfe0b3 repeating-linear-gradient(90deg,#0000 0 10px,#ffffff59 10px 14px);width:90px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:4deg}.polaroid .ph{aspect-ratio:1;background:#222;overflow:hidden}.polaroid .ph img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--ease)}.polaroid:hover .ph img{scale:1.06}.polaroid span{color:#4a3a2e;margin-top:8px;font-size:1.45rem;line-height:1.1;display:block}.p1{width:28%;top:0;left:53%;rotate:4deg}.p1 .ph{aspect-ratio:4/3}.p2{width:19%;top:26%;left:80%;rotate:-6deg}.p3{width:23%;top:45%;left:50%;rotate:-3deg}.p4{width:21%;top:60%;left:25%;rotate:5deg}.p4:before{background:#b9d3b0bf;rotate:-5deg}.p2:before{background:#f3d98bcc}.sticker{filter:drop-shadow(0 8px 12px #2e221933)}.sticker img{transition:rotate .4s var(--ease)}.sticker:hover img{rotate:-6deg}.s1{width:13%;top:58%;left:4%;rotate:-8deg}.s2{width:17%;top:72%;left:78%;rotate:7deg}.s3{width:8%;top:52%;left:74%;rotate:4deg}.note{background:var(--c,#f3d98b);color:var(--brown);rotate:var(--r,0deg);border-radius:2px 2px 14px;padding:22px 22px 20px;position:relative;box-shadow:0 14px 26px #00000040}.note:after{content:"";background:linear-gradient(135deg,#00000024 50%,#0000 50%);border-radius:0 0 14px;width:26px;height:26px;position:absolute;bottom:0;right:0}.pets{justify-items:start;width:190px;display:grid;top:86%;left:6%}.pets .hand{font-size:1.4rem;line-height:1}.pets strong{font-family:var(--hand);color:#b4560f;font-size:3rem;line-height:1}.pets strong.bump{animation:.4s bump}.pets small{opacity:.7;font-size:.75rem}@keyframes bump{50%{transform:scale(1.35)}}.hint{color:#8a5a3a;pointer-events:none;font-size:1.5rem;position:absolute;top:92%;left:48%;rotate:-3deg}.plank{--ph:clamp(40px, 4.6vw, 60px);height:var(--ph);z-index:6;background:linear-gradient(#ffe2aa59 0,#ffe2aa00 14%,#0000 70%,#28140873 100%),linear-gradient(#46230c47,#46230c47),url(/assets/wood-plank.webp) 50%/auto 220% repeat-x;position:absolute;left:0;right:0;box-shadow:inset 0 1px #ffecc859,inset 0 -2px #28140880}.plank-top{top:0;box-shadow:inset 0 1px #ffecc859,inset 0 -2px #28140880,0 12px 22px #2e221959}.plank-bottom{background-position:37% 60%;bottom:0;box-shadow:inset 0 1px #ffecc859,inset 0 -2px #28140880,0 -10px 20px #2e221938}.nail{background:radial-gradient(circle at 35% 30%,#f3e6cf,#9b8b78 45%,#4b3f35 80%);border-radius:50%;width:11px;height:11px;margin-top:-5.5px;position:absolute;top:50%;box-shadow:0 1px 1px #ffecc866,0 1px 3px #00000080}.plank-peek{z-index:5;height:0;position:absolute;bottom:calc(clamp(40px,4.6vw,60px) - 8px);left:0;right:0}.peek{width:clamp(120px,14vw,180px);transition:translate .5s var(--ease);position:absolute;bottom:0}.peek-right{right:12%}.peek-left{left:12%}.peek:hover{translate:0 -10px}.desk{align-items:center;min-height:100vh;padding:120px clamp(16px,4vw,48px);display:flex;position:relative;overflow:hidden}.desk-bg{position:absolute;inset:0}.desk-bg img{object-fit:cover;object-position:70% 50%}.desk-bg:after{content:"";background:linear-gradient(90deg, #17121feb 0%, #17121fb3 38%, #17121f1a 62%, #17121f40), linear-gradient(180deg, var(--night) 0%, transparent 12%, transparent 85%, var(--night));position:absolute;inset:0}.desk-inner{z-index:2;width:min(620px,100%);margin-left:max(0px,50% - 590px);position:relative}.notes{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:34px;display:grid}.notes .note{transition:rotate .4s var(--ease), translate .4s var(--ease), opacity 1s var(--ease)}.notes .note:hover{translate:0 -6px;rotate:0deg}.notes small{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.74rem;font-weight:700;display:block}.notes strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;line-height:1.05;display:block}.note.wide{grid-column:1/-1;align-items:center;gap:24px;display:flex}.pie{border-radius:50%;flex-shrink:0;width:92px;height:92px;rotate:-10deg;box-shadow:inset 0 0 0 3px #2e221980}.note.wide ul{gap:4px;font-size:.95rem;list-style:none;display:grid}.note.wide li{align-items:baseline;gap:10px;display:flex}.note.wide li:before{content:"";background:var(--dot);border-radius:50%;align-self:center;width:10px;height:10px}.note.wide li .hand{min-width:48px;font-size:1.5rem;font-weight:700}.coin-wrap{z-index:2;perspective:800px;justify-items:center;gap:4px;animation:5s ease-in-out infinite hover;display:grid;position:absolute;top:12%;right:8%}.coin{width:clamp(110px,12vw,170px);transform-style:preserve-3d;filter:drop-shadow(0 18px 24px #00000073);animation:6s ease-in-out infinite flip;position:relative}.coin img{backface-visibility:hidden}.coin .back{position:absolute;inset:0;transform:rotateY(180deg)}.coin-wrap .hand{color:#f4dcae;font-size:1.3rem;rotate:-4deg}@keyframes flip{0%,30%{transform:rotateY(0)}50%,80%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes hover{50%{translate:0 -14px}}.mixtape{background:radial-gradient(70% 60% at 30% 40%, #d98b732e, transparent 70%), linear-gradient(180deg, var(--night), #241a2a);padding:clamp(100px,11vw,150px) clamp(16px,4vw,48px) 50px;position:relative}.mix-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(30px,6vw,80px);max-width:1180px;margin:0 auto;display:grid}.mix-tape{position:relative}.cassette.big{filter:drop-shadow(0 30px 40px #00000080);width:100%;transition:rotate .6s var(--ease);rotate:-8deg}.mixtape:hover .cassette.big{rotate:-4deg}.radio-prop{filter:drop-shadow(0 18px 24px #00000073);width:34%;position:absolute;bottom:-18%;right:-4%;rotate:5deg}.jcard{color:var(--brown);background:linear-gradient(#f6ecd8,#ecdcbf);border-radius:6px;overflow:hidden;rotate:1.5deg;box-shadow:0 24px 60px #0006}.jcard-head{color:#2a1a10;background:repeating-linear-gradient(90deg,#d98b73 0 18px,#e9a98f 18px 36px);padding:26px 30px 20px}.jcard-head .hand{font-size:1.5rem;font-weight:700}.jcard-head h2{color:#2a1a10;margin:2px 0 4px;font-size:clamp(1.9rem,3.4vw,2.8rem)}.jcard-head small{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:.8rem;font-weight:700}.jcard ol{padding:10px 30px 26px;list-style:none}.jcard li{border-bottom:1px dashed #2e221940;grid-template-columns:42px 1fr auto;gap:14px;padding:16px 0;transition:background .3s,padding .3s;display:grid}.jcard li:last-child{border-bottom:0}.jcard li:hover{background:#f5a80024;padding-left:10px;padding-right:10px}.jcard .no{font-family:var(--display);color:#b4560f;font-size:1.4rem;font-weight:600}.jcard h3{font-family:var(--display);font-size:1.2rem;font-weight:600}.jcard p{color:#5a4636;font-size:.95rem}.jcard .len{color:#8a6a52;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.shelf{max-width:1180px;height:142px;margin:80px auto 0;padding-bottom:22px;position:relative}.shelf:before{content:"";background:linear-gradient(#ffe2aa4d,#0000 30%,#28140880),linear-gradient(#46230c59,#46230c59),url(/assets/wood-plank.webp) 50%/auto 400% repeat-x;border-radius:3px;height:22px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 12px 18px #0006}.shelf:after{content:"hover anywhere, Catori follows";font-family:var(--hand);color:var(--muted);font-size:1.2rem;position:absolute;bottom:30px;right:0}.walker{width:120px;height:110px;position:absolute;bottom:22px;left:-60px}.walker img{width:120px;scale:var(--face,1) 1;transition:opacity .25s;position:absolute;bottom:0;left:0}.walker .w-sit{opacity:0;width:86px;left:17px}.walker[data-state=sit] .w-walk{opacity:0}.walker[data-state=sit] .w-sit{opacity:1}.walker[data-state=walk] .w-walk{animation:.45s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -4px}}.lives{background:linear-gradient(#241a2a,#121a30 40% 80%,#1b1830);padding:clamp(110px,12vw,160px) clamp(16px,4vw,48px);position:relative}.lives-inner{grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);max-width:1180px;margin:0 auto;display:grid}.building-wrap{align-self:start;position:sticky;top:90px}.building{aspect-ratio:1400/1875;border-radius:22px;max-height:calc(100vh - 140px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.building img{object-fit:cover;width:100%;height:100%}.pane{opacity:0;background:radial-gradient(90% 80% at 50% 40%,#ffd98a,#e79a3f 70%,#9c5a24);border-radius:2px;transition:opacity .6s;position:absolute;box-shadow:0 0 30px #ffbe5a8c}.pane.on{opacity:.92;animation:.9s step-end flickOn}.pane.here:after{content:"";aspect-ratio:600/730;background:#0b0b0e;width:56%;position:absolute;bottom:4%;left:22%;-webkit-mask:url(/assets/sticker-loaf.webp) 50%/contain no-repeat;mask:url(/assets/sticker-loaf.webp) 50%/contain no-repeat}@keyframes flickOn{0%{opacity:.2}15%{opacity:.92}25%{opacity:.3}40%,to{opacity:.92}}.lives-count{text-align:center;color:var(--amber-2);margin-top:14px;font-size:1.5rem}.lives-list{padding-top:20px;padding-bottom:30vh}.life{margin-top:50px}.life h3{color:var(--amber-2);margin-bottom:8px;font-size:1.9rem;font-weight:700;rotate:-1.5deg}.milestone{font-family:var(--display);color:#f1e8d861;border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 0;font-size:clamp(1.25rem,2.2vw,1.7rem);transition:color .6s;display:flex}.milestone .mno{width:40px;height:40px;font-family:var(--body);color:var(--muted);background:#1d2740;border-radius:6px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;transition:background .6s,color .6s,box-shadow .6s;display:grid}.milestone.done{color:var(--ink)}.milestone.done .mno{color:#2a1a06;background:#f0b65a;box-shadow:0 0 22px #f5a80073}.rooftops{background:#1b1830;height:340vh;position:relative}.rt-stage{height:100svh;position:sticky;top:0;overflow:hidden}.rt-track{--h:max(100svh, 94vw);margin-top:calc(var(--h) / -2);height:var(--h);will-change:transform;width:max-content;position:absolute;top:50%;left:0}.rt-track>img{width:auto;max-width:none;height:100%}.rt-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);background:#17121fb3;border-radius:24px;max-width:460px;padding:34px 36px;position:absolute;top:50%;translate:0 -50%;box-shadow:0 30px 80px #0006}.rt-card.c1{top:52%;left:5%;rotate:-1.5deg}.rt-card.c3{max-width:520px;left:74%;rotate:1deg}.rt-card .sub{color:#d4cbc0}.rt-scribble{color:#ffe0a8;text-shadow:0 2px 12px #0009;font-size:2rem;position:absolute;top:44%;left:44%;rotate:-6deg}.rt-walker{filter:drop-shadow(0 8px 10px #00000080);width:120px;animation:.45s ease-in-out infinite bobT;position:absolute;bottom:26px;left:20px}@keyframes bobT{50%{transform:translateY(-4px)}}.rt-progress{background:#f1e8d833;border-radius:3px;width:160px;height:3px;position:absolute;bottom:14px;left:50%;overflow:hidden;translate:-50%}.rt-progress i{height:100%;width:calc(var(--p,0) * 100%);background:var(--amber);display:block}.dawn{background:linear-gradient(#1b1830 0%,#6e5470 12%,#d1aca2 34%,#efd2b8 100%);padding:clamp(100px,11vw,150px) clamp(16px,4vw,48px)}.dawn-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(30px,6vw,80px);max-width:1180px;margin:0 auto;display:grid}.dawn-card{background:#e9c9b2;border-radius:26px;position:relative;overflow:hidden;rotate:-1deg;box-shadow:0 40px 100px #3c1e2859}.dawn-card img{width:100%;height:auto}.zzz{pointer-events:none;position:absolute;top:46%;left:52%}.zzz span{font-family:var(--hand);color:#fffaf2;text-shadow:0 1px 10px #3c285073;opacity:0;font-weight:700;animation:4.5s ease-out infinite zzz;position:absolute}.zzz span:first-child{font-size:1.6rem}.zzz span:nth-child(2){font-size:2.1rem;animation-delay:1.5s}.zzz span:nth-child(3){font-size:2.8rem;animation-delay:3s}@keyframes zzz{0%{opacity:0;transform:translate(0)rotate(-8deg)}20%{opacity:.95}to{opacity:0;transform:translate(60px,-100px)rotate(10deg)}}.dawn-copy{color:#3a2533}.dawn-copy h2{color:#2e1d29}.dawn-copy h2 em{color:#b4560f}.dawn-copy p{color:#5a3f4c;max-width:440px;font-size:1.08rem}.dawn-copy .stretch{filter:drop-shadow(0 10px 14px #3c1e2840);width:220px;margin-top:26px;rotate:3deg}footer{color:#5a3f4c;background:#efd2b8;padding:0 clamp(16px,4vw,48px) 90px;font-size:.88rem}.foot{border-top:1px dashed #5a3f4c59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding-top:30px;display:flex}.foot .brand{color:#2e1d29}.foot p{max-width:620px}.toast{background:var(--ink);color:var(--cat);opacity:0;z-index:96;pointer-events:none;border-radius:999px;padding:12px 20px;font-size:.92rem;font-weight:500;transition:opacity .3s,transform .3s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:960px){.mix-inner,.dawn-grid{grid-template-columns:1fr}.mix-tape{max-width:520px;margin:0 auto 40px}.board{flex-direction:column;align-items:center;gap:34px;height:auto;display:flex}.board .drag{position:relative;top:auto;left:auto}.notebook{width:100%;max-width:620px}.polaroid{width:min(78%,340px)}.p1{width:min(90%,420px)}.sticker{width:34%;max-width:180px}.s3{display:none}.pets{width:200px}.hint{position:static}.coin-wrap{top:90px;right:6%}}@media (max-width:860px){.lives-inner{grid-template-columns:1fr}.building-wrap{z-index:2;background:#121a30;padding-bottom:8px;top:64px}.building{max-height:44svh}.lives-count{margin-top:6px;font-size:1.2rem}}@media (max-width:760px){.nav-links{display:none}.hero{background:var(--night);flex-direction:column;height:auto;min-height:100svh;display:flex}.hero-media{flex-shrink:0;height:62svh;position:relative}.hero-video{object-position:43% 50%}.hero-shade{background:linear-gradient(180deg, #17121f73 0%, #17121f00 22%, #17121f00 55%, var(--night) 100%)}.hero-note{display:none}.walkman{width:210px;margin:-30px auto 70px;position:relative;top:auto;right:auto;translate:none;rotate:3deg}.wm-hint{display:none}.hero-content{margin-top:-70px;padding:0 16px 70px;position:relative;top:auto;left:auto;translate:none}.desk{flex-direction:column;align-items:stretch;padding-top:0}.desk-bg{height:46svh;margin:0 calc(-1*clamp(16px,4vw,48px));position:relative;inset:auto}.desk-bg:after{background:linear-gradient(180deg, var(--night) 0%, transparent 25%, transparent 60%, var(--night) 100%)}.desk-inner{margin-top:-40px}.coin-wrap{top:30svh;right:6%}.coin{width:100px}.rt-card{max-width:82vw;padding:26px 24px}.rt-card.c3{left:68%}.radio{gap:8px;padding:6px 6px 6px 8px;bottom:12px;left:auto;right:12px}.radio-meta{display:none}.radio-tape{width:54px}.shelf:after{display:none}}@media (max-width:520px){body{font-size:16px}.notes{grid-template-columns:1fr}.note.wide{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}#intro{display:none}body:after{animation:none}.rooftops{height:auto}.rt-stage{height:100svh;position:relative;overflow-x:auto}}