:root{color-scheme:light;--paper: #f7efde;--paper-2: #efe3ca;--paper-3: #e7d8b8;--page: var(--paper);--wash: rgba(255, 255, 255, .5);--kraft: #c9a87a;--kraft-deep: #b08f63;--ink: #2e2a24;--ink-soft: #6b6358;--ink-faint: rgba(46, 42, 36, .16);--on-bright: #2e2a24;--chip-edge: #fff;--cat-outline: #2e2a24;--coral: #ee8a5e;--coral-deep: #e2703f;--sage: #8fb089;--sky: #93b0d6;--sun: #f2c14e;--rose: #e79ca0;--accent: var(--coral);--shadow-paper: 0 1px 1px rgba(46, 42, 36, .1), 0 8px 18px rgba(46, 42, 36, .12);--shadow-lift: 0 2px 3px rgba(46, 42, 36, .12), 0 18px 36px rgba(46, 42, 36, .2);--shadow-tape: 0 2px 5px rgba(46, 42, 36, .14);--font-hand: "Shantell Sans", "Comic Sans MS", cursive;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--font-stamp: "Courier Prime", ui-monospace, monospace;--fs-hero: clamp(3rem, 11vw, 8.5rem);--fs-display: clamp(2.4rem, 7vw, 5rem);--fs-h2: clamp(2rem, 5.5vw, 3.8rem);--fs-h3: clamp(1.35rem, 2.5vw, 2rem);--fs-body: clamp(1rem, .5vw + .9rem, 1.18rem);--fs-lead: clamp(1.2rem, 1vw + 1rem, 1.7rem);--fs-hand: clamp(1.05rem, 1.6vw, 1.5rem);--fs-stamp: .8rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--section-pad: clamp(4.5rem, 11vh, 9rem);--container: 1240px;--gutter: clamp(1.25rem, 4vw, 3.5rem);--radius: 10px;--radius-lg: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .6s;--dur: .55s;--z-grain: 5;--z-nav: 70;--z-mascot: 75;--z-modal: 100;--z-cursor: 9999}:root[data-theme=night]{color-scheme:dark;--paper: #2c2722;--paper-2: #221d19;--paper-3: #1b1713;--page: #211c18;--wash: rgba(242, 193, 78, .1);--kraft: #caa97c;--kraft-deep: #b8966a;--ink: #f1e6d0;--ink-soft: #b3a892;--ink-faint: rgba(241, 230, 208, .16);--chip-edge: rgba(241, 230, 208, .42);--cat-outline: #ffffff;--coral: #f0915f;--coral-deep: #ef7e4d;--sage: #93b48d;--sky: #97b4da;--sun: #f2c14e;--rose: #e79ca0;--accent: var(--coral);--shadow-paper: 0 1px 1px rgba(0, 0, 0, .4), 0 8px 18px rgba(0, 0, 0, .5);--shadow-lift: 0 2px 3px rgba(0, 0, 0, .45), 0 18px 38px rgba(0, 0, 0, .62);--shadow-tape: 0 2px 6px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.lenis.lenis-smooth{scroll-behavior:auto!important}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color .5s var(--ease-out),color .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .5s var(--ease-out),fill .5s var(--ease-out),stroke .5s var(--ease-out)!important}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;color:var(--ink);background-color:var(--page);background-image:radial-gradient(var(--ink-faint) 1px,transparent 1.4px),radial-gradient(120% 90% at 50% 0%,var(--wash),transparent 60%);background-size:26px 26px,100% 100%;overflow-x:hidden}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--sun);color:var(--on-bright)}:focus-visible{outline:2.5px dashed var(--coral-deep);outline-offset:4px;border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--kraft) transparent}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--kraft);border-radius:10px;border:3px solid var(--paper);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--kraft-deep);background-clip:padding-box}h1,h2,h3,.hand{font-family:var(--font-hand);font-weight:700;line-height:1.02;letter-spacing:-.01em}.stamp{font-family:var(--font-stamp);font-size:var(--fs-stamp);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.lead{font-size:var(--fs-lead);line-height:1.35}.annot{font-family:var(--font-hand);font-size:var(--fs-hand);color:var(--ink-soft)}.text-accent{color:var(--coral-deep)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--section-pad)}.section-head{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.section-head h2{font-size:var(--fs-h2)}.section-head .index{font-family:var(--font-stamp);color:var(--coral-deep);transform:rotate(-6deg);border:2px solid var(--coral-deep);border-radius:6px;padding:.1rem .5rem}.section-head .section-note{margin-left:auto;max-width:34ch;color:var(--ink-soft)}.tilt-l{rotate:-2.5deg}.tilt-r{rotate:2deg}.tilt-l2{rotate:-1.2deg}.tilt-r2{rotate:1.4deg}.sketch-frame{position:relative}.sketch-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:var(--radius);pointer-events:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-grain);pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.18  0 0 0 0 0.16  0 0 0 0 0.14  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.cursor{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none}.cursor__dot{position:fixed;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--coral-deep)}.cursor__ring{position:fixed;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid var(--ink);border-radius:50%;filter:url(#pencil);transition:width .25s var(--ease-out),height .25s var(--ease-out),background-color .25s}.cursor__label{position:fixed;transform:translate(-50%,-50%);font-family:var(--font-hand);font-weight:700;font-size:.85rem;color:var(--ink);opacity:0;transition:opacity .2s;white-space:nowrap}body.cursor-hover .cursor__ring{width:64px;height:64px;background:#ee8a5e29}body.cursor-hover .cursor__label{opacity:1}body.cursor-down .cursor__ring{width:30px;height:30px}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor [data-cursor]{cursor:none}.nav{position:fixed;top:0;left:0;width:100%;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:clamp(.8rem,2vw,1.4rem) var(--gutter)}.nav__brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-hand);font-weight:700;font-size:1.5rem;background:var(--paper);padding:.2rem .7rem;border-radius:8px;box-shadow:var(--shadow-paper)}.nav__mark{width:22px;height:22px}.nav__links{display:flex;gap:.5rem;list-style:none}.nav__links a{display:inline-block;font-family:var(--font-hand);font-weight:700;font-size:1.05rem;padding:.25rem .8rem;background:var(--paper);border-radius:8px 8px 2px 2px;box-shadow:var(--shadow-paper);transition:transform .25s var(--ease-bounce),background-color .25s,color .25s}.nav__links li:nth-child(odd) a{rotate:-2deg}.nav__links li:nth-child(2n) a{rotate:2deg}.nav__links a:hover{transform:translateY(-3px);background:var(--sun);color:var(--on-bright)}.nav__links a.is-active{background:var(--coral);color:var(--on-bright)}.nav__right{display:flex;align-items:center;gap:.6rem}.nav__tools{display:flex;gap:.4rem}.icon-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);border:0;border-radius:10px;cursor:pointer;box-shadow:var(--shadow-paper);transition:transform .25s var(--ease-bounce),background-color .25s}.icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:10px;pointer-events:none}.icon-btn:hover{transform:translateY(-2px) rotate(-2deg);background:var(--sun)}.icon-btn:hover svg{stroke:var(--on-bright)}.icon-btn svg{grid-area:1 / 1;width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s var(--ease-out),transform .5s var(--ease-bounce),stroke .25s}.icon-moon{opacity:0;transform:rotate(-50deg) scale(.5)}.icon-sun{opacity:1}:root[data-theme=night] .icon-sun{opacity:0;transform:rotate(50deg) scale(.5)}:root[data-theme=night] .icon-moon{opacity:1;transform:none}.icon-speaker{opacity:0;transform:scale(.5)}.icon-speaker-off{opacity:1}:root[data-sound=on] .icon-speaker{opacity:1;transform:none}:root[data-sound=on] .icon-speaker-off{opacity:0;transform:scale(.5)}.nav__toggle{display:none;border:0;cursor:pointer;font-family:var(--font-hand);font-weight:700;font-size:1.1rem;color:var(--on-bright);background:var(--sun);padding:.3rem .9rem;border-radius:8px;box-shadow:var(--shadow-paper)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-nav) - 1);background:var(--paper-2);display:grid;place-content:center;gap:.6rem;text-align:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.menu.is-open{opacity:1;visibility:visible}.menu a{font-family:var(--font-hand);font-weight:700;font-size:clamp(2rem,9vw,3.2rem)}.menu a:hover{color:var(--coral-deep)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-family:var(--font-hand);font-weight:700;font-size:1.05rem;background:var(--paper);color:var(--ink);border:0;cursor:pointer;border-radius:var(--radius);box-shadow:var(--shadow-paper);transition:transform .25s var(--ease-bounce),background-color .3s,color .3s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:var(--radius);pointer-events:none}.btn{position:relative}.btn:hover{background:var(--coral);color:var(--on-bright);transform:translateY(-3px) rotate(-1deg)}.btn--solid{background:var(--coral);color:var(--on-bright)}.btn--solid:hover{background:var(--coral-deep)}.scribble{position:relative;display:inline-block;font-family:var(--font-hand);font-weight:700}.scribble:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-6px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='8' viewBox='0 0 120 8'%3E%3Cpath d='M1 5 Q15 1 30 4 T60 4 T90 4 T119 4' fill='none' stroke='%23ee8a5e' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.scribble:hover:after{transform:scaleX(1)}.sticker{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-hand);font-weight:700;font-size:.95rem;padding:.3rem .85rem;color:var(--on-bright);background:var(--sun);border:3px solid var(--chip-edge);border-radius:999px;box-shadow:var(--shadow-paper)}.sticker--coral{background:var(--coral);color:var(--on-bright)}.sticker--sage{background:var(--sage)}.sticker--sky{background:var(--sky)}.sticker--rose{background:var(--rose)}a.sticker{min-height:44px}.tape{position:absolute;width:92px;height:28px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px),var(--accent);opacity:.62;box-shadow:var(--shadow-tape);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4px,#000 calc(100% - 4px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4px,#000 calc(100% - 4px),transparent 100%)}.tape--tl{top:-12px;left:18px;rotate:-24deg}.tape--tr{top:-12px;right:18px;rotate:22deg;background-color:var(--sage)}.tape--top{top:-13px;left:50%;translate:-50% 0;rotate:-3deg}.pin{position:absolute;top:-9px;left:50%;translate:-50% 0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 4%,var(--coral) 45%,var(--coral-deep) 100%);box-shadow:0 3px 5px #2e2a2459}.note{position:relative;padding:1.1rem 1.2rem;font-family:var(--font-hand);font-weight:700;color:var(--on-bright);background:var(--sun);box-shadow:var(--shadow-paper);border-radius:2px}.note--sage{background:var(--sage)}.note--rose{background:var(--rose)}.note--sky{background:var(--sky)}.js [data-reveal]{opacity:0;transform:translateY(26px)}.hero{--desk-h: 28vw;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(6rem,12vh,9rem);padding-bottom:clamp(11rem,var(--desk-h),22rem);overflow:hidden}.hero .container{position:relative;z-index:2}.hero__kicker{display:inline-flex;gap:.6rem;flex-wrap:wrap;margin-bottom:var(--space-3)}.hero__title{font-size:var(--fs-hero)}.hero__title .swash{color:var(--coral-deep)}.hero__roles{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:var(--space-4)}.hero__tagline{margin-top:var(--space-4);max-width:40ch;font-size:var(--fs-lead);color:var(--ink-soft)}.hero__cta{margin-top:var(--space-6);display:flex;gap:var(--space-2);flex-wrap:wrap}.hero__scroll{margin-top:var(--space-8);display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-hand);font-weight:700;color:var(--ink-soft)}.hero__scroll svg{width:30px;height:30px;animation:nudge 1.8s var(--ease-out) infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.desk{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.desk__svg{width:100%;height:auto;display:block}.js .desk-obj{opacity:0}.desk__lamp,.napping-cat{pointer-events:auto;cursor:pointer}.cat-zzz text{font-family:var(--font-hand);font-weight:700}.desk__lamplight{opacity:.14;transition:opacity var(--dur-slow) var(--ease-out)}.desk__lamp-bulb{fill:var(--sun);opacity:.4;transition:opacity var(--dur-slow) var(--ease-out)}:root[data-theme=night] .desk__lamplight{opacity:1}:root[data-theme=night] .desk__lamp-bulb{opacity:1}.desk.is-flicker .desk__lamplight,.desk.is-flicker .desk__lamp-bulb{animation:lamp-flicker .6s var(--ease-out)}@keyframes lamp-flicker{0%{opacity:.2}18%{opacity:1}34%{opacity:.45}54%{opacity:1}72%{opacity:.7}to{opacity:1}}@media (max-width: 680px){.hero{--desk-h: 42vw}.desk__svg{width:152%;margin-left:-26%}}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2.5rem,5vw,5rem) clamp(2rem,5vw,4.5rem)}.work-card{position:relative;cursor:pointer}.work-card:nth-child(2){margin-top:clamp(1.5rem,6vw,4rem)}.work-card:nth-child(3){margin-top:clamp(-1rem,-2vw,0rem)}.work-card:nth-child(5){margin-top:clamp(.5rem,3vw,2.5rem)}.work-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper);padding:10px;border-radius:4px;box-shadow:var(--shadow-paper);transition:transform .4s var(--ease-bounce),box-shadow .4s}.work-card:hover .work-card__media{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-lift)}.work-card__inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px}.work-card__layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .5s var(--ease-out)}.layer--sketch{background-color:#efe7d6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%232e2a24' stroke-opacity='0.32' stroke-width='1'%3E%3Cpath d='M6 40 L24 12 L46 30 L54 18'/%3E%3Cpath d='M4 50 L30 44 L52 52'/%3E%3Ccircle cx='40' cy='24' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;filter:saturate(.2)}.layer--render{background-image:radial-gradient(120% 120% at 25% 12%,rgba(255,255,255,.4),transparent 45%),linear-gradient(135deg,var(--coral) 0%,var(--rose) 48%,var(--sky) 100%);opacity:0}.work-card:hover .layer--render,.work-card.is-rendered .layer--render{opacity:1}.work-card:hover .layer--sketch,.work-card.is-rendered .layer--sketch{opacity:0}.work-card__viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out)}.work-card.is-live .work-card__viewer,.work-card.is-live .layer--render{opacity:1}.work-card.is-live .layer--sketch{opacity:0}.work-card.is-live .work-card__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 28%,var(--wash),transparent 70%)}.work-card--featured{grid-column:1 / -1;margin-top:0}.work-card--featured .work-card__media{aspect-ratio:16 / 9}.work-card__flip{position:absolute;bottom:14px;right:14px;z-index:2;font-family:var(--font-stamp);font-size:.68rem;color:var(--ink);background:var(--paper);padding:.2rem .5rem;border-radius:6px;box-shadow:var(--shadow-paper);transition:opacity .3s}.work-card:hover .work-card__flip{opacity:0}.work-card__caption{margin-top:1rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.work-card__title{font-size:var(--fs-h3)}.work-card__meta{font-family:var(--font-stamp);font-size:.72rem;color:var(--ink-soft);text-align:right}.work-card__doodle{position:absolute;pointer-events:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--gutter);background:#2e2a248c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.lightbox.is-open{opacity:1;visibility:visible}.lightbox__panel{width:min(880px,92vw);max-height:88vh;overflow:auto;background:var(--paper);border-radius:6px;padding:14px;box-shadow:var(--shadow-lift);transform:translateY(20px) rotate(-1deg);transition:transform .45s var(--ease-bounce)}.lightbox.is-open .lightbox__panel{transform:none}.lightbox__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:4px;background:radial-gradient(120% 120% at 25% 12%,rgba(255,255,255,.4),transparent 45%),linear-gradient(135deg,var(--coral),var(--sky));background-size:cover;background-position:center;background-repeat:no-repeat}.lightbox__canvas{width:100%;height:100%;display:block}.lightbox__media.is-3d{cursor:grab}.lightbox__media.is-3d:active{cursor:grabbing}.lightbox__text{padding:1.4rem .8rem .6rem}.lightbox__text h3{font-size:var(--fs-h3)}.lightbox__text .stamp{margin:.3rem 0 .8rem}.lightbox__close{position:fixed;top:var(--gutter);right:var(--gutter);width:48px;height:48px;border-radius:50%;cursor:pointer;border:0;background:var(--paper);font-size:1.2rem;box-shadow:var(--shadow-paper);font-family:var(--font-hand);font-weight:700}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,3.5rem)}.game-card{position:relative;background:var(--paper);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-paper);transition:transform .35s var(--ease-bounce),box-shadow .35s}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}.game-card__media{position:relative;aspect-ratio:16 / 10;border-radius:6px;overflow:hidden;background:linear-gradient(140deg,var(--sky),var(--sage) 60%,var(--sun))}.game-card__media:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 60%);animation:drift 11s linear infinite}@keyframes drift{0%{transform:translate(-8%,-6%)}to{transform:translate(8%,6%)}}.game-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;place-items:center;gap:.55rem;padding:1rem;text-align:center;font-family:var(--font-hand);font-weight:700;color:var(--on-bright);text-shadow:0 1px 2px rgba(0,0,0,.18)}.game-card__play span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-paper);font-size:1.3rem;color:var(--ink);padding-left:4px;transition:transform .35s var(--ease-bounce)}.game-card:hover .game-card__play span{transform:scale(1.12) rotate(-6deg)}.game-card__body{padding:1.1rem .5rem .4rem}.game-card__body h3{font-size:var(--fs-h3)}.game-card__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}.game-card__links{display:flex;gap:1.2rem;margin-top:.9rem}.lab-grid{column-count:3;column-gap:clamp(1.2rem,3vw,2.4rem)}.lab-item{break-inside:avoid;margin-bottom:clamp(1.4rem,3vw,2.4rem);position:relative;background:var(--paper);padding:10px 10px 2.4rem;box-shadow:var(--shadow-paper);cursor:pointer;transition:transform .3s var(--ease-bounce),box-shadow .3s}.lab-item:hover{transform:translateY(-4px) rotate(0) scale(1.02);box-shadow:var(--shadow-lift)}.lab-item__media{border-radius:3px}.lab-item:nth-child(3n+1) .lab-item__media{aspect-ratio:3/4}.lab-item:nth-child(3n+2) .lab-item__media{aspect-ratio:1/1}.lab-item:nth-child(3n) .lab-item__media{aspect-ratio:4/5}.lab-item__caption{position:absolute;left:12px;bottom:8px;font-family:var(--font-hand);font-weight:700;font-size:.95rem;color:var(--ink-soft)}.fill-a{background:linear-gradient(150deg,var(--coral),var(--sun))}.fill-b{background:linear-gradient(150deg,var(--sky),var(--sage))}.fill-c{background:linear-gradient(150deg,var(--rose),var(--coral))}.fill-d{background:linear-gradient(150deg,var(--sage),var(--sky))}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}.about__polaroid{position:relative;background:var(--paper);padding:12px 12px 3rem;box-shadow:var(--shadow-paper);rotate:-3deg}.about__photo{aspect-ratio:4/5;border-radius:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%232e2a24' stroke-opacity='0.25' stroke-width='1'%3E%3Cpath d='M6 40 L24 12 L46 30 L54 18'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(150deg,var(--paper-2),var(--kraft));background-size:60px 60px,cover}.about__polaroid figcaption{position:absolute;left:0;right:0;bottom:.8rem;text-align:center;font-family:var(--font-hand);font-weight:700;color:var(--ink-soft)}.about__lead{font-size:var(--fs-lead);line-height:1.35}.about__body{margin-top:var(--space-3);max-width:56ch;color:var(--ink-soft)}.about__tools{margin-top:var(--space-4)}.about__tools .stamp{display:block;margin-bottom:.7rem}.about__chips{display:flex;flex-wrap:wrap;gap:.6rem}.skills{list-style:none;display:grid;gap:.85rem;margin-top:.3rem;max-width:34rem}.skill{display:grid;grid-template-columns:8rem 1fr 2.2rem;align-items:center;gap:.7rem}.skill__name{font-family:var(--font-hand);font-weight:700;font-size:.98rem;white-space:nowrap}.skill__bar{position:relative;height:14px;border-radius:999px;overflow:hidden;background:var(--paper-2);box-shadow:inset 0 1px 2px #2e2a2424}.skill__bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:999px;pointer-events:none;opacity:1;z-index:2}.skill__fill{position:relative;z-index:1;display:block;height:100%;width:var(--lvl);transform-origin:left center;background:var(--coral)}.skill__pct{font-family:var(--font-stamp);font-size:.78rem;color:var(--ink-soft);text-align:right}.skill:nth-child(6n+1) .skill__fill{background:var(--coral)}.skill:nth-child(6n+2) .skill__fill{background:var(--sky)}.skill:nth-child(6n+3) .skill__fill{background:var(--rose)}.skill:nth-child(6n+4) .skill__fill{background:var(--sage)}.skill:nth-child(6n+5) .skill__fill{background:var(--sun)}.skill:nth-child(6n) .skill__fill{background:var(--coral-deep)}.about__notes{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:1.2rem}.about__notes .note{flex:1 1 180px;rotate:-2deg}.about__notes .note:nth-child(2n){rotate:2deg}.stamp-badge{display:inline-block;margin-top:var(--space-4);font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.08em;color:var(--sage);border:3px double var(--sage);padding:.4rem .9rem;border-radius:8px;rotate:-8deg}.contact{text-align:center}.contact__cta{font-size:var(--fs-display)}.contact__cta a{color:var(--coral-deep)}.contact__note{max-width:540px;margin:var(--space-6) auto 0;padding:2rem 1.6rem;background:var(--paper);box-shadow:var(--shadow-paper);rotate:-1deg;background-image:repeating-linear-gradient(var(--paper) 0 34px,var(--ink-faint) 34px 35px)}.contact__socials{margin-top:var(--space-6);display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.footer{margin-top:var(--space-12);padding-top:var(--space-3);border-top:2px dashed var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.mascot{position:fixed;right:clamp(1.25rem,3vw,3rem);bottom:clamp(1rem,3vw,2rem);z-index:var(--z-mascot);width:clamp(84px,11vw,132px);pointer-events:none;will-change:transform}.mascot svg{width:100%;height:auto;overflow:visible}.mascot__bubble{position:absolute;right:82%;bottom:64%;min-width:150px;max-width:220px;padding:.7rem .9rem;background:var(--paper);border-radius:14px;box-shadow:var(--shadow-paper);font-family:var(--font-hand);font-weight:700;font-size:.95rem;color:var(--ink);opacity:0;transform:translateY(8px) scale(.96);transform-origin:100% 100%;transition:opacity .35s var(--ease-out),transform .35s var(--ease-bounce)}.mascot__bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--ink);border-radius:14px}.mascot__bubble:after{content:"";position:absolute;right:-8px;bottom:12px;width:16px;height:16px;background:var(--paper);transform:rotate(45deg);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink)}.mascot.is-talking .mascot__bubble{opacity:1;transform:none}.mascot svg{pointer-events:auto}.heart{position:absolute;left:50%;top:14%;width:20px;margin-left:-10px;pointer-events:none;z-index:3;will-change:transform,opacity}.heart svg{width:100%;height:auto;filter:url(#pencil)}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;overflow:hidden}.scrap{position:fixed;top:0;left:0;border-radius:2px;will-change:transform,opacity}.fx-heart{position:fixed;top:0;left:0;width:22px;margin:-11px 0 0 -11px;will-change:transform,opacity}.fx-heart svg{width:100%;height:auto;filter:url(#pencil)}.paw-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.paw{position:fixed;width:22px;height:22px;margin:-11px 0 0 -11px;will-change:transform,opacity}.paw svg{width:100%;height:100%}.hidden-pamuk{position:absolute;z-index:4;width:clamp(26px,3vw,40px);cursor:pointer;opacity:.16;filter:grayscale(.65);transition:opacity .25s,filter .25s,transform .25s var(--ease-bounce)}.hidden-pamuk svg{width:100%;height:auto;overflow:visible}.hidden-pamuk:hover{opacity:1;filter:none;transform:rotate(-6deg) scale(1.14)}.kitten-count{position:fixed;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:var(--z-mascot);pointer-events:none;display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .8rem .28rem .4rem;font-family:var(--font-hand);font-weight:700;font-size:.92rem;color:var(--ink);background:var(--paper);border-radius:999px;box-shadow:var(--shadow-paper);rotate:-3deg}.kitten-count svg{width:28px;height:28px}.kitten-count__num{font-family:var(--font-stamp);font-size:.8rem;color:var(--coral-deep)}.silly-pamuk{position:fixed;top:0;left:0;width:46px;pointer-events:none;will-change:transform,opacity}.silly-pamuk svg{width:100%;height:auto}body.silly .work-card,body.silly .game-card,body.silly .lab-item,body.silly .sticker,body.silly .note,body.silly .nav__brand{animation:silly-wiggle .4s ease-in-out infinite}@keyframes silly-wiggle{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}@media (max-width: 860px){.work-grid,.games-grid,.about-grid{grid-template-columns:1fr}.work-card:nth-child(n){margin-top:0}.lab-grid{column-count:2}.nav__links{display:none}.nav__toggle{display:inline-block}.section-head .section-note{margin-left:0}.mascot{width:76px}.mascot__bubble{display:none}.kitten-count{font-size:.82rem;padding:.24rem .7rem .24rem .35rem}.kitten-count svg{width:24px;height:24px}}@media (max-width: 520px){.lab-grid{column-count:1}.footer{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js [data-reveal]{opacity:1;transform:none}.cursor{display:none}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:auto}}@media (hover: none),(pointer: coarse){.cursor{display:none}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:auto}.hidden-pamuk{opacity:.34;filter:none}}