:root{--paper: #fff9ef;--paper-warm: #f4eadc;--paper-ink: #12100f;--paper-line: rgba(58, 42, 28, .12);--pink: #ff5aa6;--hot-pink: #f2398f;--purple: #8252f2;--purple-soft: rgba(130, 82, 242, .24);--acid: #efff1a;--yellow: #fff06b;--shadow: 0 22px 44px rgba(34, 22, 12, .14);--body: "Space Grotesk", system-ui, sans-serif;--scribble: "Figma Hand", "Caveat", "Comic Sans MS", "Marker Felt", "Chalkboard SE", cursive;--chunky: "Arial Black", Impact, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--paper-ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(91,67,38,.025) 29px,rgba(91,67,38,.025) 30px);font-family:var(--body);font-size:clamp(18px,1.12vw,21px);overflow-x:hidden;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}::selection{background:transparent}::-moz-selection{background:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}.no-copy{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ambient-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:60;pointer-events:none;mix-blend-mode:multiply}.amb-palette{position:fixed;z-index:9000;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:var(--paper, #f4ecd8);border:3px solid #12100f;border-radius:14px;box-shadow:0 6px #0000002e;transform-origin:top left;animation:amb-pop .18s cubic-bezier(.2,.9,.2,1.25)}@keyframes amb-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.amb-swatch{width:26px;height:26px;padding:0;border:2px solid #12100f;border-radius:999px;cursor:pointer;display:inline-grid;place-items:center;font-size:14px;line-height:1;background:transparent;transition:transform .16s cubic-bezier(.2,.9,.2,1.25)}.amb-swatch:hover{transform:scale(1.18)}.amb-swatch.is-on{transform:scale(1.22) rotate(-6deg);box-shadow:0 0 0 2px var(--paper, #f4ecd8),0 0 0 4px #12100f}.amb-rainbow{background:conic-gradient(#f2398f,#efff1a,#00bcd4,#8252f2,#f2398f)}.amb-eraser{background:#fff}.amb-clear{background:#ffe6e6}.amb-divider{display:inline-block;width:2px;height:22px;background:#12100f;opacity:.25;border-radius:2px;margin:0 2px}.amb-hint{position:fixed;z-index:9001;display:inline-flex;align-items:center;gap:10px;max-width:280px;padding:10px 12px 10px 14px;background:#fff7c2;color:#12100f;border:3px solid #12100f;border-radius:18px;box-shadow:0 6px #0000002e;transform:translate(12px,18px) rotate(-2deg);transform-origin:top left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.35;pointer-events:auto;animation:amb-hint-pop .32s cubic-bezier(.2,.9,.2,1.25)}@keyframes amb-hint-pop{0%{transform:translate(12px,32px) rotate(-2deg) scale(.7);opacity:0}to{transform:translate(12px,18px) rotate(-2deg) scale(1);opacity:1}}.amb-hint-arrow{display:inline-block;font-size:18px;line-height:1;transform:rotate(-12deg);animation:amb-hint-bob 1.3s ease-in-out infinite alternate}@keyframes amb-hint-bob{0%{transform:rotate(-12deg) translateY(0)}to{transform:rotate(-12deg) translateY(-3px)}}.amb-hint-body strong{font-weight:700}.amb-hint-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #12100f;background:#fff;width:22px;height:22px;border-radius:999px;padding:0;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.amb-hint-x:hover{background:#ffe6e6}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;color:var(--paper-ink);background:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.splash-screen *{font-family:inherit}.splash-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(18,16,15,.18) 0 1px,transparent 1.4px),linear-gradient(rgba(18,16,15,.035) 0px,transparent 0px);background-position:0 0,0 6px;background-size:18px 18px,100% 18px;opacity:.52}.splash-card{position:relative;display:grid;place-items:center;gap:14px;text-align:center}.splash-doodle{width:min(180px,46vw);height:auto;overflow:visible}.splash-doodle path{fill:none;stroke:#12100fbd;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:splash-doodle 1.45s ease-in-out infinite}.splash-doodle path+path{animation-delay:.18s}.splash-card span{position:relative;z-index:2;margin:0;color:#12100f8f;font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.splash-card span:after{content:"";display:block;width:84px;height:2px;margin:14px auto 0;background:currentColor;transform-origin:left center;animation:splash-load .92s ease-in-out infinite}.splash-card strong{position:relative;z-index:2;font-size:clamp(1.2rem,4vw,2.4rem);line-height:1;font-weight:800;letter-spacing:0;text-transform:lowercase;text-wrap:balance}@keyframes splash-load{0%,to{transform:scaleX(.24)}50%{transform:scaleX(1)}}@keyframes splash-doodle{0%{opacity:.28;stroke-dashoffset:260}48%,72%{opacity:1;stroke-dashoffset:0}to{opacity:.28;stroke-dashoffset:-260}}.scrapbook-shell{position:relative;min-height:100vh;padding:24px clamp(24px,3.5vw,64px) 0;overflow-x:clip;overflow-y:visible}.top-nav{position:sticky;top:16px;z-index:50;isolation:isolate;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(94vw,1440px);margin:0 auto}.top-nav:before{content:"";position:absolute;left:50%;top:-24px;z-index:-2;width:100vw;height:calc(100% + 46px);pointer-events:none;background:linear-gradient(180deg,#fff9effa,#fff9efe6 9%,#fff9ef00);transform:translate(-50%)}.logo{position:relative;z-index:2;font-family:var(--body);font-size:clamp(2.85rem,2.9vw,2.7rem);letter-spacing:0}.logo span,.marker-star,.marker-heart{color:var(--hot-pink);font-family:var(--scribble);font-size:1.45em;font-weight:400;line-height:0}.nav-strip{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(18px,2.5vw,38px);padding:16px 24px 14px;background:#fff06bb8;box-shadow:0 8px 18px #442f1114;clip-path:polygon(1% 10%,6% 2%,18% 7%,30% 3%,44% 8%,58% 2%,72% 7%,88% 3%,98% 9%,99% 90%,92% 96%,76% 92%,64% 98%,48% 93%,33% 97%,18% 92%,5% 98%,1% 88%);font-size:clamp(1.6rem,1.45vw,1.55rem);font-family:var(--body);font-weight:700}.nav-strip a{position:relative;display:inline-flex;align-items:center;padding:2px 1px 6px;transform-origin:50% 70%;transition:color .16s ease,transform .24s cubic-bezier(.2,.9,.2,1.25)}.nav-strip a:hover,.nav-strip a:focus-visible{color:#12100f;transform:translateY(-5px) scale(1.06)!important}.nav-menu-toggle{display:none}.nav-menu-toggle{position:absolute;z-index:3;top:0;right:0;width:44px;height:44px;padding:0;color:#12100f;border:0;background:transparent;cursor:pointer;font-family:system-ui,sans-serif;font-size:2rem;font-weight:900;line-height:1}.nav-menu-toggle:before{content:"☰"}.nav-menu-toggle[aria-expanded=true]:before{content:"×"}.mobile-nav-menu{position:absolute;z-index:2;top:-5px;right:0;display:grid;width:min(80vw,300px);padding:4px 0;background:#fff9eff0;border-top:2px dashed rgba(18,16,15,.2);border-bottom:2px dashed rgba(18,16,15,.2);box-shadow:0 12px 26px #22160c1f;opacity:0;pointer-events:none;transform:translate(18px);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.2,1)}.mobile-nav-menu a{display:flex;align-items:center;min-height:46px;padding:8px 12px 10px;font-size:1.6rem;font-weight:900}.mobile-nav-menu a+a{border-top:2px dashed rgba(18,16,15,.28)}.say-hi,.ink-button,.contact-band button{justify-self:end;display:inline-flex;align-items:center;min-height:46px;padding:16px 24px;color:#fff;background:#070707;border:0;border-radius:2px;box-shadow:0 8px #0000001f;font-weight:800;font-family:var(--scribble);font-size:clamp(1.6rem,1.25vw,1.35rem);clip-path:polygon(1% 8%,7% 2%,20% 6%,36% 3%,50% 7%,66% 2%,82% 6%,97% 4%,99% 16%,97% 84%,99% 96%,86% 98%,70% 94%,54% 99%,36% 95%,20% 98%,5% 94%,1% 82%)}.say-hi{position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease}.say-hi:hover,.say-hi:focus-visible{background:var(--purple, #6b4dff);transform:translateY(-3px) rotate(-2deg) scale(1.05);box-shadow:0 12px #0000002e;outline:none;animation:say-hi-wave .6s ease-in-out}.say-hi:after{content:" 👋";display:inline-block;margin-left:.15em;opacity:0;max-width:0;overflow:hidden;transform:translate(-4px);transition:opacity .2s ease,max-width .25s ease,transform .25s ease}.say-hi:hover:after,.say-hi:focus-visible:after{opacity:1;max-width:1.4em;transform:translate(0)}@keyframes say-hi-wave{0%,to{transform:translateY(-3px) rotate(-2deg) scale(1.05)}30%{transform:translateY(-5px) rotate(3deg) scale(1.06)}60%{transform:translateY(-3px) rotate(-4deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.say-hi,.say-hi:after{transition:none;animation:none}.say-hi:hover,.say-hi:focus-visible{transform:none}}.hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.05fr);gap:clamp(20px,2.5vw,48px);align-items:start;width:min(94vw,1440px);margin:0 auto;padding:clamp(24px,4vh,64px) 0 10px}.hero-copy{position:relative}@media(min-width:1041px){.hero-copy{margin-top:clamp(20px,4vh,56px);padding-left:clamp(16px,3vw,56px)}}.eyebrow,.subtitle,.tiny-note,.project-card p,.contact-band p,.contact-band small{font-weight:800;line-height:1.45}.eyebrow{position:relative;max-width:390px;margin:0 0 26px;font-size:clamp(3.18rem,1.85vw,1.55rem);font-family:var(--scribble);font-weight:400}.eyebrow-name{position:relative;display:inline-block;padding-inline:.02em}.hero-doodle{position:absolute;z-index:6;overflow:visible;pointer-events:none}.hero-doodle path{fill:none;stroke:#8252f2;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 rgba(130,82,242,.18))}.hero-doodle--underline{left:-.12em;bottom:-.1em;width:2.9em;height:.5em;transform:rotate(-1.5deg)}.hero-doodle--underline path{stroke-width:7}.hero-doodle--arrow{top:.8rem;left:clamp(300px,52vw,560px);width:clamp(150px,18vw,230px);transform:rotate(4deg)}.hero-doodle--arrow path{stroke-width:7}.hero-doodle--burst{top:clamp(132px,14vw,168px);right:clamp(-126px,-7vw,-58px);width:clamp(54px,6vw,86px);transform:rotate(8deg)}.hero-doodle--burst path{stroke-width:10}.hero-title{font-size:clamp(6rem,10vw,7rem);font-family:var(--body);font-weight:900}.hero-title>span:not(.software-word){display:block}.hero-title>span:not(.software-word):not(.touch-line){white-space:nowrap}.hero-title>.software-word{display:inline-flex;align-items:flex-start;gap:.06em;max-width:100%}.hero-title>.touch-line{display:inline-flex;align-items:baseline;gap:.12em;white-space:nowrap}.hero-doodle--software{position:static;flex:0 0 auto;width:clamp(2.2rem,.58em,4.4rem);height:auto;margin-top:-.04em;transform:rotate(4deg)}.hero-doodle--software path{stroke-width:9}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-family:var(--chunky);font-size:clamp(4rem,10vw,9.8rem);letter-spacing:0;line-height:.82;text-transform:lowercase}.watercolor-highlight{position:relative;z-index:1;display:inline-block;padding:0 .14em .06em;color:var(--purple);isolation:isolate}.watercolor-highlight:before{position:absolute;z-index:-1;top:.14em;right:-.08em;bottom:.04em;left:-.08em;content:"";background:var(--purple-soft);border-radius:45% 55% 50% 60%/55% 45% 60% 50%;filter:blur(.5px);clip-path:polygon(3% 18%,14% 5%,31% 11%,45% 2%,61% 8%,77% 1%,94% 10%,99% 25%,96% 48%,99% 68%,95% 92%,81% 98%,63% 94%,49% 99%,29% 95%,11% 99%,2% 82%,5% 61%,1% 42%)}.touch-word{--touch-x: 50%;--touch-y: 50%;position:relative;display:inline-flex;align-items:baseline;cursor:pointer;outline:0;perspective:420px;touch-action:manipulation}.touch-word.is-pre-interactive,.touch-word.is-pre-interactive *{pointer-events:none!important;cursor:default!important}.touch-word.is-pre-interactive:after{opacity:0!important;animation:none!important}.touch-word.is-teleported{position:fixed;top:0;left:0;z-index:9990;will-change:transform}.touch-word:before{z-index:-2;transition:transform .18s ease,filter .18s ease,background-color .18s ease}.touch-word:after{position:absolute;z-index:4;top:-.2em;right:-.16em;bottom:-.06em;left:-.16em;content:"";opacity:0;border:.045em solid rgba(255,90,166,.92);border-radius:48% 52% 46% 54%/60% 45% 55% 42%;pointer-events:none}.touch-word:is(:hover,:focus-visible,.is-live):before{background:#ff5aa652;filter:blur(.5px) saturate(1.3);transform:scale(1.06) rotate(-1deg)}.touch-word:focus-visible{text-shadow:0 0 .18em rgba(255,240,107,.85)}.touch-word:is(:active,.is-pressed):after{animation:touch-ring .7s cubic-bezier(.16,1,.3,1) both}.touch-word.is-pressed .touch-letter{color:var(--hot-pink);text-shadow:.045em .04em 0 var(--acid),-.03em .04em 0 rgba(130,82,242,.55)}.touch-letter{position:relative;z-index:2;display:inline-block;min-width:.48em;transform-origin:50% 82%;will-change:transform}.touch-word:is(:hover,:focus-visible) .touch-letter:nth-child(1){transform:translate(-.02em,-.03em) rotate(-4deg)}.touch-word:is(:hover,:focus-visible) .touch-letter:nth-child(2){transform:translate(.01em,.02em) rotate(5deg)}.touch-word:is(:hover,:focus-visible) .touch-letter:nth-child(3){transform:translateY(-.04em) rotate(-2deg)}.touch-word:is(:hover,:focus-visible) .touch-letter:nth-child(4){transform:translate(.02em,.01em) rotate(4deg)}.touch-word:is(:hover,:focus-visible) .touch-letter:nth-child(5){transform:translate(.03em,-.02em) rotate(-5deg)}.touch-glow{position:absolute;z-index:-1;top:-.25em;right:-.18em;bottom:-.12em;left:-.18em;opacity:0;border-radius:48% 52% 46% 54%/60% 45% 55% 42%;background:radial-gradient(circle at var(--touch-x) var(--touch-y),rgba(255,240,107,.95),transparent 24%),radial-gradient(circle at calc(var(--touch-x) + 10%) calc(var(--touch-y) + 20%),rgba(255,90,166,.58),transparent 34%),#efff1a52;filter:blur(2px) saturate(1.35);mix-blend-mode:multiply;transform:scale(.72);pointer-events:none}.touch-burst,.touch-burst i{position:absolute;left:50%;top:50%;pointer-events:none}.touch-burst{z-index:3;width:1px;height:1px}.touch-burst i{width:.28em;aspect-ratio:1;opacity:0;background:var(--spark-color, var(--hot-pink));border-radius:999px;box-shadow:0 0 .18em #fff06bcc;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(.35)}.touch-burst i:nth-child(2n){--spark-color: var(--acid)}.touch-burst i:nth-child(3n){--spark-color: var(--purple)}.touch-burst i:nth-child(5n){--spark-color: #ff8fc9}.touch-word.is-pressed .touch-burst i{animation:touch-pop .64s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--spark) * 18ms)}@keyframes touch-pop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(.35)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(1.42em) scale(0)}}@keyframes touch-ring{0%{opacity:.95;transform:scale(.92) rotate(-1deg)}to{opacity:0;transform:scale(1.28) rotate(1deg)}}.touch-echo-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;overflow:visible;pointer-events:none}.touch-echo{position:absolute;display:inline-block;max-width:min(270px,62vw);padding:.4em .7em .46em;color:#111;background:#fff06bf0;box-shadow:0 10px 18px #160a042e;clip-path:polygon(2% 10%,12% 1%,25% 7%,39% 2%,52% 8%,67% 2%,82% 7%,97% 3%,99% 20%,96% 43%,100% 66%,96% 97%,81% 94%,68% 99%,52% 95%,36% 99%,20% 94%,3% 97%,5% 72%,1% 51%,4% 29%);font-family:var(--scribble);font-size:clamp(1rem,1.6vw,1.55rem);font-weight:900;line-height:1;text-align:center;text-wrap:balance;transform:translate(-50%,-50%) rotate(var(--echo-tilt, 0deg)) scale(var(--echo-scale, 1));will-change:transform,opacity}.touch-counter{position:fixed;top:clamp(16px,3vh,34px);right:clamp(16px,3vw,38px);z-index:2147482000;display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:clamp(118px,13vw,168px);padding:.75em 1.05em .82em;color:#111;background:#fff06bf5;box-shadow:0 10px 18px #160a042e;clip-path:polygon(2% 10%,14% 1%,28% 7%,44% 2%,60% 8%,76% 2%,96% 5%,99% 22%,95% 46%,99% 68%,96% 97%,78% 94%,60% 99%,40% 95%,22% 99%,4% 96%,6% 72%,1% 50%,5% 28%);font-family:var(--body);pointer-events:none;transform-origin:100% 0%;animation:touch-counter-in .32s cubic-bezier(.18,1.2,.36,1) both}.touch-counter-label{font-size:clamp(.84rem,1vw,1rem);font-weight:800;letter-spacing:0;text-transform:lowercase;opacity:.82}.touch-counter-value{display:inline-flex;align-items:baseline;gap:.14em;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:900;line-height:1;animation:touch-counter-bump .32s cubic-bezier(.18,1.6,.36,1) both}.touch-counter-sep{opacity:.55;font-weight:700}.touch-counter-goal{opacity:.78;font-weight:700}.touch-counter-hint{margin-top:2px;font-size:clamp(.78rem,.95vw,.94rem);font-weight:800;letter-spacing:0;text-transform:lowercase;animation:touch-counter-hint-pulse 1.4s ease-in-out infinite}.touch-counter.is-chase{background:#ff5aa6f2;color:#fff}.touch-counter.is-reveal{background:#8252f2f5;color:#fff}@keyframes touch-counter-hint-pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes touch-counter-in{0%{opacity:0;transform:translateY(-8px) rotate(-3deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}@keyframes touch-counter-bump{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}@media(max-width:540px){.touch-counter{top:12px;right:12px;min-width:112px;padding:.62em .82em .68em}.touch-counter-label{font-size:.78rem}.touch-counter-value{font-size:1.58rem}.touch-counter-hint{font-size:.72rem}}.touch-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#140a1e52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:touch-dialog-fade .35s ease-out both}.touch-dialog{position:fixed;top:50%;left:50%;z-index:1000;width:min(480px,calc(100vw - 28px));padding:clamp(30px,5vw,42px) clamp(26px,5vw,38px) calc(clamp(26px,5vw,36px) + env(safe-area-inset-bottom,0px));color:#111;background:var(--yellow);box-shadow:0 30px 60px #180c0652,0 4px #00000014;clip-path:polygon(1% 7%,10% 2%,22% 6%,36% 1%,50% 6%,64% 2%,79% 7%,98% 3%,99% 20%,96% 42%,100% 63%,97% 96%,84% 98%,68% 94%,51% 99%,34% 95%,17% 98%,2% 94%,4% 74%,0 50%,4% 28%);transform-origin:50% 50%;animation:touch-dialog-in .55s cubic-bezier(.34,1.56,.64,1) both,touch-dialog-wiggle 4.8s ease-in-out .6s infinite;text-align:center;max-height:calc(100dvh - 32px);overflow-y:auto}@media(prefers-reduced-motion:reduce){.touch-dialog{animation:touch-dialog-in .25s ease-out both}}@keyframes touch-dialog-fade{0%{opacity:0}to{opacity:1}}.touch-dialog-tape{position:absolute;top:-14px;left:50%;width:92px;height:22px;background:#8252f28c;transform:translate(-50%) rotate(-4deg);box-shadow:0 4px 8px #00000014;pointer-events:none}@keyframes touch-dialog-in{0%{transform:translate(-50%,-42%) rotate(8deg) scale(.7);opacity:0}60%{transform:translate(-50%,-52%) rotate(-4deg) scale(1.04);opacity:1}to{transform:translate(-50%,-50%) rotate(-2deg) scale(1);opacity:1}}@keyframes touch-dialog-wiggle{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-50%) rotate(1.2deg)}}.touch-dialog-dismiss{display:inline-flex;align-items:center;justify-content:center;margin-top:clamp(20px,3vw,28px);padding:14px 28px;min-height:48px;color:#fff;background:#111;border:0;border-radius:999px;cursor:pointer;font-family:var(--body);font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:800;line-height:1;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.touch-dialog-dismiss:hover{background:#2a2a2a;transform:translateY(-1px) rotate(-1deg)}.touch-dialog-dismiss:focus-visible{outline:3px solid var(--purple, #8252f2);outline-offset:3px;box-shadow:0 0 0 2px #fff}.touch-dialog-dismiss:active{transform:translateY(1px) scale(.98)}@media(max-width:480px){.touch-dialog-dismiss{width:100%;padding:16px 24px}}.touch-dialog strong,.touch-dialog p{margin:0}.touch-dialog strong{display:block;font-family:var(--chunky);font-size:clamp(1.9rem,5.5vw,2.9rem);line-height:1;text-wrap:balance}.touch-dialog p{margin-top:clamp(12px,2vw,18px);font-family:var(--body);font-size:clamp(1.1rem,2.3vw,1.35rem);font-weight:600;line-height:1.4;text-wrap:pretty}.touch-dialog p a{color:var(--purple, #6b4dff);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-skip-ink:none;transition:color .18s ease,background .18s ease}.touch-dialog p a:hover,.touch-dialog p a:focus-visible{background:var(--purple, #6b4dff);color:#fff;outline:none;border-radius:3px}.surrender-secret{margin-top:clamp(14px,2vw,20px)!important;padding:clamp(12px,2vw,16px);background:#8252f224;border:2px dashed rgba(130,82,242,.5);border-radius:12px;font-family:var(--scribble)!important;font-size:clamp(1.15rem,2.4vw,1.45rem)!important;font-weight:700;color:#2a1860;transform:rotate(-1.2deg)}.achievement-toast{position:fixed;top:calc(20px + env(safe-area-inset-top,0px));right:20px;z-index:1100;width:min(320px,calc(100vw - 32px));padding:20px 22px 22px;color:#111;background:#fff;text-align:center;box-shadow:0 22px 48px #180c0647,0 3px #00000014;border-radius:6px;transform-origin:90% 0%;animation:achievement-in .55s cubic-bezier(.34,1.56,.64,1) both,achievement-wiggle 5s ease-in-out .6s infinite}.achievement-tape{position:absolute;top:-12px;left:50%;width:86px;height:20px;background:#fff06bd9;transform:translate(-50%) rotate(-3deg);box-shadow:0 3px 6px #00000014;pointer-events:none}.achievement-badge{display:block;font-size:clamp(2.4rem,5vw,3rem);line-height:1;margin-bottom:4px}.achievement-toast strong{display:block;font-family:var(--body);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#140a1e8c;margin:0}.achievement-title{margin:4px 0 6px!important;font-family:var(--chunky)!important;font-size:clamp(1.2rem,2.4vw,1.45rem)!important;font-weight:900;line-height:1.05;letter-spacing:.01em;color:#111}.achievement-sub{margin:0!important;font-family:var(--scribble)!important;font-size:clamp(1rem,1.8vw,1.15rem)!important;font-weight:600;line-height:1.25;color:#140a1eb8}@keyframes achievement-in{0%{transform:translate(120%) rotate(8deg);opacity:0}60%{transform:translate(-6%) rotate(-3deg);opacity:1}to{transform:translate(0) rotate(-2deg);opacity:1}}@keyframes achievement-wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(1.2deg)}}@media(prefers-reduced-motion:reduce){.achievement-toast{animation:achievement-in .25s ease-out both}}@media(max-width:480px){.achievement-toast{top:calc(14px + env(safe-area-inset-top,0px));right:14px;left:14px;width:auto}}.subtitle{margin:0 0 34px 10px;font-size:clamp(1rem,1vw,1.2rem);font-family:var(--body);font-weight:400}.mobile-br{display:none}.tango-wrap{position:relative;display:inline-block;white-space:nowrap}.tango-tip-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;margin-left:.3em;padding:0 4px 0 0;border:1px solid currentColor;border-radius:999px;background:transparent;font-family:var(--scribble);font-size:1em;font-weight:900;line-height:1;color:inherit;cursor:pointer;vertical-align:middle;transform:translateY(-.2em) rotate(-6deg);transition:transform .2s ease,background .2s ease,color .2s ease}.tango-tip-trigger:hover,.tango-tip-trigger:focus-visible{background:var(--purple, #6b4dff);color:#fff;transform:translateY(-.2em) rotate(6deg) scale(1.08);outline:none}.tango-tip-inline{padding:0;font-family:var(--body);font-size:clamp(.95rem,1.4vw,1.05rem);font-style:italic;font-weight:500;color:var(--ink, #1b1b1b);opacity:0;max-height:0;overflow:hidden;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease,max-height .25s ease;pointer-events:none;margin-top:-25px}.tango-tip-inline.is-open{opacity:1;margin-top:-25px;max-height:4em;transform:translateY(0);pointer-events:auto}.excited-wrap{position:absolute;left:25%;top:17%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:14px}.excited-trigger{position:relative;display:inline-flex;align-items:center;gap:.55em;margin:0;padding:14px 22px 16px;border:none;background:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(80,93,130,.2) 15px),#fffdf7;color:#12100f;font-family:var(--scribble);font-size:clamp(1.65rem,2.1vw,2.3rem);font-weight:900;line-height:1.1;letter-spacing:.005em;white-space:nowrap;cursor:pointer;transform:rotate(-2deg);box-shadow:0 8px 16px #160c042e;clip-path:polygon(2% 18%,14% 4%,32% 10%,50% 2%,69% 8%,91% 4%,99% 16%,96% 84%,82% 96%,65% 90%,47% 98%,29% 90%,8% 96%,1% 80%);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.excited-trigger:hover,.excited-trigger:focus-visible{outline:none;transform:rotate(-4deg) translateY(-2px) scale(1.04);box-shadow:0 12px 22px #160c043d}.excited-trigger-hint{display:inline-block;padding:.1em .55em .15em;background:#12100f;color:#fff8d6;font-family:var(--scribble);font-size:.78em;font-weight:800;letter-spacing:.02em;transform:rotate(4deg);border-radius:4px;transition:background .18s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.excited-trigger[aria-expanded=true] .excited-trigger-hint{background:#f2398f;transform:rotate(-4deg)}.excited-proof{position:relative;width:clamp(240px,28vw,340px);padding:10px 10px 62px;background:#fffdf7;box-shadow:0 22px 34px #160c0452,0 2px #ffffffe6 inset,0 0 0 1px #12100f0f;transform-origin:50% -10%;transform:rotate(-4deg);animation:excited-proof-pop .42s cubic-bezier(.34,1.56,.64,1) both;z-index:1000!important}.excited-proof:before{content:"";position:absolute;top:-12px;left:50%;width:88px;height:22px;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.05) 4px),#ecdaa0d1;border-left:1px dashed rgba(0,0,0,.08);border-right:1px dashed rgba(0,0,0,.08);transform:translate(-50%) rotate(-4deg);box-shadow:0 3px 8px #00000024;z-index:1}.excited-proof-frame{position:relative;width:100%;aspect-ratio:1 / 1;background:#12100f;overflow:hidden}.excited-proof img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02);opacity:0;transition:opacity .28s ease-out}.excited-proof img.is-loaded{opacity:1}.excited-proof-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff0a 8%,#ffffff29 18%,#ffffff0a 33%),#2a2522;background-size:220% 100%;animation:excited-proof-shimmer 1.4s ease-in-out infinite}@keyframes excited-proof-shimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.excited-proof-caption{position:absolute;bottom:25px;left:50%;font-family:var(--scribble);font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:900;color:#fff;transform:translate(-50%) rotate(-2deg)}@keyframes excited-proof-pop{0%{opacity:0;transform:rotate(-12deg) scale(.4)}60%{opacity:1;transform:rotate(2deg) scale(1.06)}to{opacity:1;transform:rotate(-4deg) scale(1)}}@media(max-width:1040px){.excited-proof{width:clamp(280px,60vw,420px)}}@media(max-width:640px){.excited-proof{width:clamp(260px,78vw,360px)}}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.ink-button{justify-self:start;font-size:clamp(1.22rem,1.55vw,1.55rem);position:relative;text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease,color .2s ease}.ink-button:hover,.ink-button:focus-visible{background:var(--purple, #8252f2);color:#fff;transform:translateY(-3px) rotate(-1.5deg) scale(1.05);box-shadow:0 12px #0003;outline:none;animation:ink-button-wiggle .55s ease-in-out}.ink-button:active{transform:translateY(-1px) rotate(-.5deg) scale(1.02);box-shadow:0 5px #0000002e}@keyframes ink-button-wiggle{0%,to{transform:translateY(-3px) rotate(-1.5deg) scale(1.05)}35%{transform:translateY(-5px) rotate(2deg) scale(1.06)}70%{transform:translateY(-3px) rotate(-3deg) scale(1.05)}}.tiny-note{color:var(--purple);font-family:var(--scribble);font-size:clamp(1.35rem,1.85vw,1.8rem);transform:rotate(3deg);margin-left:60px}.hero-scene{position:relative;min-height:clamp(480px,56vw,720px);perspective:1000px}.collage-scene{position:relative;z-index:10;min-height:clamp(560px,58vw,760px);transform:translate(-8%,-50px) scale(.94);transform-origin:top center}.collage-photo,.collage-note{position:absolute;box-shadow:0 24px 30px #2a1b0c26,0 2px #ffffffe6 inset;filter:saturate(.98)}.collage-photo{display:grid;place-items:center;padding:16px;background:#fff;clip-path:polygon(2% 6%,9% 2%,18% 5%,29% 1%,39% 4%,52% 2%,63% 5%,76% 1%,88% 4%,98% 2%,96% 18%,99% 31%,96% 45%,99% 61%,96% 78%,99% 96%,86% 94%,74% 98%,61% 95%,48% 99%,34% 96%,21% 99%,8% 96%,2% 98%,5% 82%,1% 66%,4% 51%,1% 36%,4% 21%)}.collage-photo:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:0;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.55),transparent 18%),linear-gradient(135deg,#8252f247,#ff5aa640 42%,#fff06b6b),repeating-linear-gradient(0deg,rgba(18,16,15,.05),rgba(18,16,15,.05) 1px,transparent 1px,transparent 16px);clip-path:polygon(1% 3%,20% 0,43% 2%,71% 0,99% 4%,96% 32%,100% 58%,97% 97%,72% 95%,48% 100%,22% 96%,2% 99%,5% 70%,0 43%)}.collage-photo span,.collage-note p{position:relative;z-index:1}.collage-photo span{padding:.5em .75em;color:#12100f9e;background:#fff9efb8;border:2px dashed rgba(18,16,15,.18);font-family:var(--scribble);font-size:clamp(1.2rem,2vw,1.9rem);font-weight:900;transform:rotate(-2deg)}.collage-photo--main{left:1%;top:8%;z-index:5;width:88%;height:68%;transform:rotate(-3deg)}.collage-photo--main:before{background:radial-gradient(circle at 50% 28%,rgba(18,16,15,.14) 0 13%,transparent 14%),linear-gradient(180deg,#f4eadceb 0,#f4eadceb 44%,#241f1d2e 45%,#241f1d2e),repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(18,16,15,.035) 25px)}.collage-photo--side{left:60%;top:42%;z-index:5;width:54%;height:32%;padding-bottom:52px;transform:rotate(7deg)}.collage-photo--side:before{background:linear-gradient(145deg,#5c361447,#fff06b57),repeating-linear-gradient(45deg,rgba(18,16,15,.06),rgba(18,16,15,.06) 2px,transparent 2px,transparent 16px)}.collage-photo--phone{left:4%;bottom:9%;z-index:6;width:50%;height:30%;background:#f7f7f4;transform:rotate(-7deg)}.collage-photo--phone:before{background:#141414;box-shadow:inset 0 0 0 1px #ffffff14}.collage-wrapper--small{position:absolute;right:8%;bottom:2%;z-index:8;width:46%;height:30%;display:grid;place-items:center;transform:rotate(3deg)}.collage-photo--small{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collage-photo--small:before{background:radial-gradient(circle at 52% 54%,rgba(18,16,15,.2) 0 24%,transparent 25%),linear-gradient(140deg,#eee2d2e6,#a97c483d)}.collage-note--paper{right:24%;bottom:0;z-index:8;width:31%;min-height:25%;padding:34px 26px 24px;background:repeating-linear-gradient(0deg,transparent,transparent 26px,rgba(80,93,130,.16) 27px),#fffdf7;clip-path:polygon(6% 0,16% 3%,28% 0,43% 4%,58% 1%,72% 5%,89% 1%,98% 6%,96% 25%,100% 47%,97% 72%,99% 97%,80% 94%,63% 99%,44% 95%,26% 99%,8% 95%,1% 98%,4% 76%,0 52%,3% 27%);transform:rotate(-4deg)}.collage-note--paper:before{content:"";position:absolute;left:10px;top:18px;bottom:18px;width:8px;background:radial-gradient(circle,rgba(18,16,15,.85) 0 4px,transparent 4.5px) 0 0 / 8px 26px}.collage-note--paper p{margin:0;font-family:var(--scribble);font-size:clamp(1.15rem,2.2vw,1.85rem);font-weight:900;line-height:1.22;text-align:center}.sticky-note.pink.collage-current{left:58%;top:16%;z-index:10;width:min(330px,24vw);transform:rotate(3deg);font-size:clamp(1.4rem,1.9vw,1.75rem)}.collage-tape{min-width:clamp(122px,15vw,190px);min-height:44px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 3px),#ecdaa0c7}.collage-tape--main{left:33%;top:7%;z-index:12;transform:rotate(3deg)}.collage-tape-note{position:absolute;left:calc(60% + min(285px,40vw)*.34);top:calc(20% - 47px);width:calc(min(285px,40vw)*.42);height:34px;z-index:11;background:#ecdaa0d1;box-shadow:inset 0 0 18px #4f371814;transform:rotate(6deg);clip-path:polygon(2% 8%,14% 2%,32% 6%,50% 0,69% 5%,91% 2%,99% 10%,96% 92%,82% 98%,65% 94%,47% 99%,29% 94%,8% 98%,1% 86%)}.collage-label{position:absolute;z-index:12;font-family:var(--scribble);font-size:clamp(1.1rem,1.8vw,1.55rem);font-weight:900;line-height:1.15;text-align:center}.collage-label--left{left:1%;top:31%}.collage-label--bottom{right:5%;bottom:22%}.collage-star-one{left:15%;top:13%;color:var(--purple);font-size:clamp(3rem,5.5vw,5.2rem);transform:rotate(-14deg)}.collage-star-two{right:34%;top:3%;color:var(--purple);font-size:clamp(2.1rem,3.8vw,3.6rem);transform:rotate(10deg)}.doodle-heart{right:1%;top:12%;color:#111;font-size:clamp(3rem,5vw,4.6rem);transform:rotate(8deg)}.collage-smile{right:11%;top:35%;left:auto;bottom:auto;color:#111;font-size:clamp(1.8rem,3vw,2.8rem)}.paper-photo{position:absolute;top:9%;right:4%;bottom:12%;left:7%;background:linear-gradient(160deg,#ffffff8c,#ebdeca6b),var(--paper-warm);box-shadow:var(--shadow);clip-path:polygon(4% 3%,16% 0,31% 3%,43% 1%,58% 4%,72% 0,86% 3%,98% 1%,96% 19%,99% 35%,95% 51%,99% 70%,96% 96%,79% 94%,65% 98%,47% 95%,30% 98%,13% 95%,2% 99%,4% 78%,1% 59%,5% 40%,1% 22%)}.hero-paper:after,.dump-note:after,.project-card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(132deg,transparent 47%,rgba(30,20,10,.045) 48%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(64,42,20,.035) 14px);mix-blend-mode:multiply}.hero-scene img{position:absolute;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.rainbow{left:-8%;top:-9%;z-index:6;width:118%;height:118%;object-fit:contain}.bob{left:0;top:0;z-index:5;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(56,35,12,.18))}.sparkles{left:-6%;top:-11%;z-index:7;width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.15))}.tape{position:absolute;display:inline-block;min-width:118px;min-height:44px;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.035) 2px),#fff06b94;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #ffffff8c,0 8px 18px #1a0f0514;clip-path:polygon(1% 8%,7% 2%,20% 6%,35% 1%,50% 5%,64% 1%,80% 5%,96% 2%,99% 8%,98% 92%,92% 98%,78% 94%,63% 98%,49% 94%,34% 99%,19% 95%,4% 98%,1% 91%)}.tape-top{top:5%;left:48%;z-index:8;transform:rotate(-5deg)}.stacked-caption{position:absolute;right:2%;bottom:18%;z-index:10;display:grid;justify-items:center;filter:drop-shadow(0 12px 12px rgba(27,16,8,.12))}.paper-strip{display:inline-block;padding:9px 22px 11px;background:linear-gradient(168deg,transparent 45%,rgba(93,63,32,.05) 46%,transparent 48%),#eee2d2;box-shadow:inset 0 0 28px #5b432a14;clip-path:polygon(2% 8%,8% 2%,18% 7%,29% 1%,42% 5%,56% 2%,69% 6%,84% 1%,97% 5%,99% 18%,97% 42%,99% 67%,96% 96%,82% 94%,69% 99%,55% 95%,42% 98%,28% 95%,13% 99%,2% 94%,4% 75%,1% 54%,4% 32%);font-family:var(--scribble);font-size:clamp(1.4rem,2.2vw,2.05rem);font-weight:900}.stacked-caption .paper-strip:first-child{transform:rotate(-1deg)}.stacked-caption .paper-strip:last-child{margin-top:-5px;transform:rotate(1.2deg) translate(10px)}.sticky-note{position:absolute;z-index:9;width:min(245px,42vw);padding:24px 24px 20px;box-shadow:var(--shadow);clip-path:polygon(0 4%,12% 1%,31% 4%,47% 0,64% 3%,83% 1%,99% 5%,96% 25%,100% 43%,97% 64%,99% 93%,82% 96%,67% 93%,50% 98%,31% 95%,14% 98%,2% 94%,4% 69%,0 51%,3% 29%);font-family:var(--scribble);font-size:clamp(1.18rem,1.6vw,1.45rem);font-weight:800}.sticky-note.yellow{background:var(--yellow);transform:rotate(-4deg)}.sticky-note.pink{right:0;top:15%;background:#ff76b9;transform:rotate(8deg);opacity:90%}.sticky-note strong{display:block;margin-bottom:10px;font-family:var(--chunky)}.sticky-note ul,.dump-note ul{margin:0;padding-left:1.1em}.doodle{position:absolute;z-index:11;font-family:var(--scribble);font-weight:900;line-height:1}.doodle-star{top:4%;right:-1%;z-index:8;color:var(--purple);font-size:5rem;transform:rotate(14deg)}.doodle-smile{left:8%;bottom:13%;color:var(--hot-pink);font-size:2.7rem}.ripped-divider{position:relative;z-index:6;width:100vw;height:56px;margin:-34px calc(50% - 50vw) 0;background:var(--paper);filter:drop-shadow(0 -10px 10px rgba(44,28,13,.08));clip-path:polygon(0 45%,5% 52%,10% 42%,16% 55%,23% 47%,30% 57%,36% 46%,43% 53%,50% 44%,58% 56%,65% 47%,72% 54%,79% 43%,86% 55%,94% 46%,100% 54%,100% 100%,0 100%)}.ticker{width:100vw;margin:0 calc(50% - 50vw);overflow:hidden;background:#8252f261;box-shadow:inset 0 10px 18px #ffffff2e;transform:rotate(-1.8deg)}.marquee-track{display:flex;width:max-content;padding:16px 0 18px;font-family:var(--body);font-size:1.25rem;font-weight:900;white-space:nowrap}.marquee-group{display:flex;flex:0 0 auto;gap:56px;padding-right:56px}.story-section{position:relative;z-index:4;max-width:980px;margin:0 auto;padding:clamp(68px,10vw,132px) 0 clamp(48px,8vw,100px)}.story-intro{max-width:920px;margin-bottom:clamp(48px,8vw,100px)}.story-intro h2{max-width:980px;margin:26px 0 18px;font-family:var(--chunky);font-size:clamp(3rem,7vw,7.4rem);line-height:.88;letter-spacing:0}.story-intro p{max-width:830px;font-size:clamp(1.28rem,2vw,2rem);font-weight:800;line-height:1.25}.story-beat{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(22px,4vw,42px);align-items:start;min-height:0;padding:clamp(46px,8vw,112px) 0}.story-beat.reverse{grid-template-columns:1fr}.story-beat.reverse .story-copy,.story-beat.reverse .story-visual{order:initial}.story-copy{position:relative;z-index:3;max-width:760px}.story-kicker{display:inline-flex;margin-bottom:14px;padding:8px 16px;background:var(--yellow);box-shadow:0 8px #00000014;font-family:var(--scribble);font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:900;transform:rotate(-1deg)}.story-copy h3{max-width:760px;margin:0 0 22px;font-family:var(--chunky);font-size:clamp(2.2rem,4.8vw,5.4rem);line-height:.95;letter-spacing:0}.story-copy p{max-width:680px;margin-bottom:14px;font-size:clamp(1.05rem,1.42vw,1.36rem);font-weight:800;line-height:1.35}.story-visual{position:relative;width:min(100%,860px);min-height:clamp(360px,58vw,560px);padding:clamp(22px,4vw,42px);overflow:hidden;background:linear-gradient(160deg,#ffffffb8,#eaddcb9e),var(--paper-warm);box-shadow:var(--shadow);clip-path:polygon(3% 2%,16% 0,29% 3%,44% 1%,58% 4%,73% 1%,89% 4%,98% 1%,96% 18%,99% 34%,96% 51%,100% 69%,96% 97%,80% 94%,65% 98%,47% 95%,30% 99%,12% 95%,2% 98%,4% 78%,1% 58%,5% 39%,1% 20%)}.story-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(132deg,transparent 46%,rgba(30,20,10,.04) 47%,transparent 49%),repeating-linear-gradient(0deg,transparent,transparent 22px,rgba(58,42,28,.05) 23px);mix-blend-mode:multiply}.browser-card{display:grid;align-content:center;gap:28px;background:#141414;color:#f8f8f8}.browser-dots{position:absolute;left:28px;top:24px;display:flex;gap:10px}.browser-dots span{width:14px;aspect-ratio:1;border-radius:999px;background:var(--hot-pink)}.browser-dots span:nth-child(2){background:var(--yellow)}.browser-dots span:nth-child(3){background:#73e46f}.browser-card code{position:relative;z-index:2;color:#8eff6b;font-family:Courier New,monospace;font-size:clamp(1.15rem,2vw,2rem);line-height:1.55}.browser-card strong,.reaction-card strong,.democracy-card strong{position:relative;z-index:2;font-family:var(--chunky);font-size:clamp(1.6rem,3.3vw,3.5rem);line-height:.96}.fake-dashboard{position:absolute;top:11%;right:9%;bottom:11%;left:9%;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:end}.fake-dashboard span{min-height:84px;background:#fff;box-shadow:inset 0 -10px #8252f22e}.fake-dashboard span:first-child{grid-column:1 / -1;background:var(--acid)}.fake-dashboard strong,.fake-dashboard em{grid-column:1 / -1;position:relative;z-index:2;padding:14px 18px;background:#111;color:#fff;font-style:normal;font-weight:900}.fake-dashboard em{width:fit-content;background:var(--yellow);color:#111;font-family:var(--scribble);font-size:1.45rem;transform:rotate(-2deg)}.grid-paper{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:start;gap:24px;padding:clamp(26px,5vw,56px);background:linear-gradient(rgba(40,68,92,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,68,92,.08) 1px,transparent 1px),#e9f2fb;background-size:46px 46px}.grid-paper p{max-width:560px;margin:0;font-size:clamp(2rem,4vw,4.6rem);font-weight:800;line-height:1.05}.grid-paper span,.grid-paper small{width:fit-content;padding:10px 18px;background:var(--yellow);font-weight:900;transform:rotate(-2deg)}.grid-paper small{background:#fff;font-family:var(--scribble);font-size:clamp(1.2rem,2vw,1.8rem)}.reaction-card{display:grid;align-content:end;gap:18px;background:#101010;color:#fff}.reaction-card img{position:absolute;right:-30%;top:-34%;width:150%;height:118%;object-fit:contain;object-position:right top;filter:drop-shadow(0 12px 10px rgba(0,0,0,.22))}.reaction-card p{position:relative;z-index:2;margin:0;width:fit-content;max-width:420px;padding:14px 18px;background:var(--yellow);color:#111;font-family:var(--scribble);font-size:clamp(1.25rem,2vw,1.9rem);font-weight:900;transform:rotate(2deg)}.learning-card{display:grid;gap:26px;align-content:center;background:linear-gradient(145deg,#fff,#c8f3ff)}.piano-keys{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-height:190px}.piano-keys span{background:#fff;border:4px solid #111;border-radius:0 0 14px 14px;box-shadow:inset 0 -24px #00000014}.feed-stack{position:relative;z-index:2;display:grid;gap:10px;justify-items:end}.feed-stack span{width:min(360px,84%);padding:14px 18px;background:#111;color:#fff;font-weight:900}.feed-stack span:nth-child(2){background:var(--hot-pink);transform:rotate(-2deg) translate(-30px)}.feed-stack span:nth-child(3){background:var(--yellow);color:#111;transform:rotate(2deg) translate(-60px)}.democracy-card{display:grid;align-content:center;gap:28px;background:#b894ff}.vote-panel{position:relative;z-index:2;display:grid;gap:14px}.vote-panel span{padding:18px 22px;background:#ffffffdb;border-left:12px solid #111;font-weight:900}.story-float{position:absolute;z-index:1;font-size:clamp(2rem,4vw,4.2rem);pointer-events:none;filter:drop-shadow(0 8px 5px rgba(30,20,10,.12))}.story-float.one{right:6%;top:8%}.story-float.two{left:2%;top:32%}.story-float.three{right:1%;top:56%}.story-float.four{left:8%;bottom:10%}.ux-section{position:relative;z-index:4;margin:0 auto}.ux-sticky{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(380px,1fr);gap:clamp(28px,5vw,76px);align-items:center;min-height:100vh;max-width:1320px;margin:0 auto;padding:clamp(52px,8vw,98px) 0}.ux-copy{position:relative;z-index:5}.ux-copy h2{margin:28px 0 18px;font-family:var(--chunky);font-size:clamp(3rem,6.4vw,6.8rem);line-height:.88;letter-spacing:0}.ux-copy p{max-width:470px;font-size:clamp(1.3rem,2vw,2rem);font-weight:800;line-height:1.22}.ux-stage{position:relative;min-height:clamp(500px,58vw,740px);overflow:hidden;isolation:isolate}.ux-stage img,.ux-stage .paper-photo,.ux-stage .sticky-note,.ux-question{position:absolute;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.ux-paper{top:9%;right:4%;bottom:8%;left:4%;z-index:1;background:radial-gradient(circle at 72% 18%,rgba(255,240,107,.7),transparent 16%),linear-gradient(160deg,#ffffffa6,#ebdeca80),var(--paper-warm)}.ux-person{left:-2%;bottom:3%;z-index:4;width:88%;height:78%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 20px 20px rgba(45,29,10,.16))}.ux-butterfly{right:-18%;top:-22%;z-index:5;width:178%;height:150%;object-fit:contain;object-position:right top;filter:drop-shadow(0 14px 12px rgba(45,29,10,.14))}.ux-question{left:12%;right:9%;bottom:34%;z-index:6;display:grid;gap:6px;padding:clamp(14px,2vw,24px) clamp(18px,3vw,34px);background:#101010;color:#fff;box-shadow:0 16px 22px #1e140a33;clip-path:polygon(1% 6%,10% 2%,22% 5%,36% 2%,48% 6%,63% 1%,78% 5%,97% 3%,99% 15%,96% 38%,100% 62%,97% 95%,83% 97%,67% 94%,49% 99%,31% 95%,15% 98%,2% 93%,4% 72%,0 49%,3% 26%);text-align:center;text-shadow:2px 2px 0 #000}.ux-question span{color:var(--yellow);font-family:var(--scribble);font-size:clamp(1.25rem,2vw,1.9rem);font-weight:900}.ux-question strong{font-family:var(--chunky);font-size:clamp(1.65rem,3.3vw,3.35rem);line-height:.98;letter-spacing:0}.ux-receipt{right:0;bottom:3%;z-index:8;width:min(300px,42vw)}.ux-receipt p{margin:0;line-height:1.1}.experiment-section{position:relative;z-index:4;margin:0 auto}.experiment-sticky{position:relative;gap:clamp(28px,5vw,76px);align-items:center;min-height:70vh;max-width:700px;margin:0 auto;padding:clamp(52px,8vw,98px) 0}.experiment-copy{position:relative;z-index:5}.experiment-copy h2{margin:28px 0 18px;font-family:var(--chunky);font-size:clamp(3.3rem,7vw,7.4rem);line-height:.88;letter-spacing:0}.experiment-copy p{max-width:470px;font-size:clamp(1.3rem,2vw,2rem);font-weight:800;line-height:1.22}.experiment-stage{position:relative;min-height:clamp(500px,58vw,740px);overflow:hidden;isolation:isolate}.experiment-stage img,.experiment-stage .paper-photo,.experiment-stage .sticky-note{position:absolute;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.experiment-paper{top:9%;right:4%;bottom:8%;left:4%;z-index:1}.experiment-bob{left:4%;top:8%;z-index:4;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(45,29,10,.16))}.experiment-rainbow{left:-9%;top:-8%;z-index:5;width:114%;height:114%;object-fit:contain}.experiment-sparkles{left:-8%;top:-11%;z-index:6;width:114%;height:114%;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.experiment-note{right:0;bottom:12%;z-index:8}.marquee-track span{min-width:max-content}.section-block{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding:clamp(56px,8vw,100px) 0}.section-heading{display:flex;align-items:center;gap:16px;margin-bottom:32px}.section-heading h2,.brain-dump h2,.contact-band h2{margin:0;font-family:var(--scribble);font-size:clamp(2.3rem,4vw,4.6rem);line-height:.96;letter-spacing:0}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,34px);align-items:stretch}.work-heading{position:relative}.work-counter{margin-left:auto;padding:6px 14px 8px;background:#111;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.85rem,1vw,1rem);font-weight:800;letter-spacing:.12em;transform:rotate(-2deg);clip-path:polygon(3% 12%,14% 2%,32% 8%,52% 1%,72% 7%,92% 2%,99% 18%,96% 52%,99% 92%,78% 96%,56% 99%,32% 94%,12% 99%,1% 88%)}.project-carousel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1.6vw,22px)}.carousel-viewport{position:relative;overflow:hidden;width:100%;padding:30px clamp(4px,1vw,20px) 40px;outline:0;touch-action:pan-y;cursor:grab}.carousel-viewport:active{cursor:grabbing}.carousel-viewport:focus-visible{box-shadow:inset 0 0 0 3px #8252f259}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;will-change:transform}.carousel-slide{display:grid;align-content:start;width:100%;margin:0;padding:clamp(28px,4vw,48px) clamp(28px,4vw,56px) clamp(56px,6vw,80px);min-height:clamp(440px,58vw,620px)}.carousel-slide.project-card{transform:rotate(var(--tilt, -1.2deg))}.carousel-slide:nth-child(2n).project-card{--tilt: 1.4deg}.carousel-slide h3{max-width:720px;font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:1.02}.carousel-slide p{max-width:620px;font-size:clamp(1.35rem,1.85vw,1.85rem);line-height:1.3}.carousel-slide .project-visual{min-height:clamp(160px,22vw,240px);margin:18px 0 24px}.carousel-arrow{position:relative;z-index:4;display:grid;place-items:center;width:clamp(48px,5vw,64px);aspect-ratio:1;padding:0;color:#fff;background:#111;border:0;border-radius:999px;box-shadow:0 10px #00000024;font-family:var(--chunky);font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:900;cursor:pointer;transition:transform .2s cubic-bezier(.2,.9,.2,1.4),background-color .2s ease}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--hot-pink);transform:translateY(-3px) scale(1.06);outline:0}.carousel-arrow:active{transform:translateY(2px) scale(.96)}.project-carousel .carousel-dots{grid-column:1 / -1;display:flex;justify-content:center;gap:14px;margin-top:6px}.carousel-dot{width:14px;height:14px;padding:0;background:transparent;border:2px solid #111;border-radius:999px;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.2,1.5),background-color .22s ease}.carousel-dot:hover{transform:scale(1.2)}.carousel-dot.is-active{background:var(--hot-pink);border-color:var(--hot-pink);transform:scale(1.35) rotate(-6deg);box-shadow:0 4px #0000001f}.carousel-hint{grid-column:1 / -1;display:block;margin-top:8px;color:#12100f80;font-family:var(--scribble);font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:800;text-align:center;letter-spacing:.02em}.project-card.sun{color:#1a1306;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.7),transparent 36%),linear-gradient(135deg,#fff06b,#ffd24a 60%,#ffb347)}.browser-mock{width:min(320px,100%);overflow:hidden;background:#fff;border:2px solid #1a1306;border-radius:14px;box-shadow:0 14px 28px #28160638;transform:rotate(-2.5deg)}.browser-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ecdfb8;border-bottom:2px solid #1a1306}.browser-bar span{width:10px;height:10px;background:var(--hot-pink);border-radius:999px}.browser-bar span:nth-child(2){background:var(--acid)}.browser-bar span:nth-child(3){background:var(--purple)}.browser-bar em{margin-left:auto;color:#1a130699;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;font-size:.78rem;font-weight:700}.browser-body{display:grid;gap:8px;padding:18px 14px 22px;text-align:center}.browser-body strong{font-family:var(--chunky);font-size:clamp(1.05rem,1.5vw,1.35rem);text-transform:lowercase}.browser-body small{color:#1a1306b3;font-family:var(--scribble);font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:900}.project-card{position:relative;min-height:420px;padding:24px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(var(--tilt, -1deg));clip-path:polygon(1% 1%,15% 3%,31% 0,45% 2%,62% 0,78% 3%,98% 1%,99% 17%,97% 35%,100% 52%,97% 70%,99% 98%,80% 96%,65% 99%,48% 97%,33% 99%,17% 96%,2% 99%,3% 78%,1% 60%,3% 39%,0 19%)}.project-card:nth-child(2n){--tilt: 1deg}.project-card.lilac{background:#b894ff}.project-card.acid{background:var(--acid)}.project-card.paper{background:#f4eadc}.project-card.terminal{color:#fff;background:#080808}.project-id{display:block;margin-bottom:14px;font-family:var(--scribble);font-size:1.3rem;font-weight:900}.project-card h3{margin-bottom:18px;font-family:var(--chunky);font-size:clamp(1.55rem,2.25vw,2.35rem);line-height:1.08}.project-visual{position:relative;display:grid;place-items:center;min-height:170px;margin:8px 0 20px}.phone-mock{display:grid;place-items:center;width:118px;height:188px;padding:18px 12px;background:#f6e2ffb8;border:4px solid #171717;border-radius:22px;box-shadow:inset 0 18px #000000e6;text-align:center}.phone-mock span,.phone-mock strong{display:block;font-size:.9rem}.player-dot{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#000;border-radius:999px}.vinyl{width:170px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,#fff 0 9%,#111 10% 18%,transparent 19%),repeating-radial-gradient(circle,#111 0,#111 5px,#242424 6px,#242424 8px)}.mini-player{position:absolute;bottom:8px;width:150px;padding:12px;background:#ffffffe6;box-shadow:0 10px 16px #14141426;font-family:var(--scribble);text-align:center;transform:rotate(-2deg)}.project-card code{color:#4cff18;font-family:Courier New,monospace;font-size:1.08rem;line-height:1.6}.collage-wrapper--small .tinker-caption{position:relative;z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(80,93,130,.2) 15px),#fffdf7;font-family:var(--scribble);line-height:1.1;white-space:nowrap;top:2%;left:45%}.burst{position:absolute;right:4px;bottom:0;display:grid;place-items:center;width:96px;aspect-ratio:1;color:#13002f;background:var(--purple);clip-path:polygon(50% 0,61% 28%,90% 15%,76% 43%,100% 50%,76% 58%,90% 85%,61% 72%,50% 100%,39% 72%,10% 85%,24% 58%,0 50%,24% 43%,10% 15%,39% 28%);font-weight:900;text-align:center}.note-lines{display:grid;gap:14px;width:100%;padding:22px;background:repeating-linear-gradient(0deg,transparent,transparent 22px,var(--paper-line) 23px),#fffcf5bd}.project-card p{margin-bottom:40px;font-family:var(--scribble);font-size:clamp(1.25rem,1.55vw,1.55rem)}.project-card>a{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;color:#111;background:#fff;border-radius:999px;box-shadow:0 7px 14px #00000029;font-family:system-ui,sans-serif;font-size:1.45rem}.brain-dump{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(300px,1fr) minmax(220px,.62fr);gap:clamp(20px,4vw,58px);align-items:center}.dump-note,.confession-strip{position:relative;padding:clamp(24px,4vw,42px);background:#f1e6d8;box-shadow:var(--shadow);clip-path:polygon(7% 0,18% 3%,28% 0,40% 3%,53% 1%,66% 4%,79% 1%,94% 3%,100% 12%,96% 28%,99% 43%,96% 61%,100% 78%,94% 99%,79% 96%,64% 99%,47% 96%,32% 99%,17% 96%,1% 99%,4% 80%,1% 62%,4% 44%,0 24%)}.dump-note{transform:rotate(-2deg)}.dump-note li{margin:12px 0;font-family:var(--scribble);font-size:clamp(1.35rem,1.7vw,1.7rem);font-weight:800}.meme-polaroid{position:relative;display:grid;justify-items:center;padding:20px 20px 30px;background:#fff;box-shadow:var(--shadow);transform:rotate(1.5deg)}.meme-polaroid img{width:min(430px,100%);aspect-ratio:1.2;object-fit:contain;background:linear-gradient(180deg,#38a8ff,#70d65b 70%);clip-path:polygon(4% 5%,16% 2%,29% 5%,42% 2%,58% 5%,71% 1%,86% 4%,98% 2%,96% 31%,99% 52%,95% 76%,98% 96%,73% 94%,51% 98%,29% 95%,3% 98%,5% 72%,2% 50%,6% 28%)}.meme-polaroid span{margin-top:-24px;padding:8px 18px;color:#fff;background:#111;font-family:var(--chunky);font-size:clamp(1.2rem,2.4vw,2.5rem);line-height:.95;text-align:center;text-shadow:2px 2px 0 #000}.confession-strip{align-self:end;display:grid;gap:8px;transform:rotate(4deg);font-size:1.35rem;font-weight:900}.confession-strip strong{font-size:2rem}.confession-essay{display:grid;justify-content:center;padding-block:clamp(40px,6vw,90px)}.confession-essay-paper{position:relative;max-width:720px;padding:clamp(34px,5vw,64px) clamp(26px,5vw,58px) clamp(40px,6vw,70px);background:var(--paper-warm);box-shadow:var(--shadow);transform:rotate(-.6deg);font-family:var(--body);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.6;color:var(--paper-ink)}.confession-essay-paper .paper-strip{position:absolute;top:-18px;left:clamp(20px,4vw,40px)}.confession-essay-paper h2{margin:14px 0 26px;font-family:var(--chunky);font-size:clamp(2rem,4vw,3.2rem);line-height:1;text-transform:lowercase}.confession-essay-paper p{margin:0 0 14px}.confession-essay-paper .essay-em{font-weight:700}.confession-essay-paper .essay-mut{margin-top:22px;opacity:.65;font-style:italic}.confession-essay-paper .essay-link{border-bottom:2px solid currentColor;text-decoration:none}.confession-essay-paper .essay-link:hover{background:var(--paper-ink);color:var(--paper-warm)}.vibe-row{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:clamp(12px,2vw,28px)}.polaroid{padding:10px 10px 20px;background:#fff;box-shadow:0 14px 24px #26170c21;transform:rotate(var(--tilt, -2deg))}.polaroid:nth-child(2n){--tilt: 2deg}.vibe-img{display:grid;place-items:center;min-height:132px;padding:18px;color:#fff;background:#111;font-weight:900;line-height:1.12;text-align:center}.vibe-1{color:var(--hot-pink);background:#0c0a0d;font-family:var(--chunky)}.vibe-2{background:radial-gradient(circle at 50% 30%,#f8e2ff,#7b2df8 48%,#151025 80%)}.vibe-3{color:#16110b;background:repeating-linear-gradient(0deg,transparent,transparent 18px,rgba(0,0,0,.1) 19px),#d9cbbb}.vibe-4{background:linear-gradient(135deg,#151515,#4b4b4b 38%,#c9a45b)}.vibe-5{color:#111;background:var(--yellow)}.contact-band{position:relative;z-index:4;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(280px,1fr);gap:clamp(26px,5vw,70px);align-items:center;width:100vw;margin:20px calc(50% - 50vw) 0;padding:clamp(34px,6vw,62px) clamp(28px,8vw,110px);background:#a777ffa8;clip-path:polygon(0 6%,8% 2%,18% 5%,30% 1%,43% 4%,55% 2%,69% 5%,83% 1%,100% 5%,100% 100%,0 100%)}.contact-band form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center}.contact-band input{width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:3px;background:#ffffffd1;box-shadow:inset 0 0 16px #4d321c14}.contact-band small{grid-column:1 / -1}@media(max-width:1040px){.top-nav{grid-template-columns:1fr auto;min-height:44px}.nav-strip,.say-hi{display:none}.nav-menu-toggle{display:block}.mobile-nav-menu.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.hero{grid-template-columns:1fr;min-height:0;gap:clamp(8px,1.5vw,20px)}.hero-copy{text-align:center}.eyebrow,.hero-title,.subtitle{text-align:center;margin-left:auto;margin-right:auto}.hero-title>.software-word,.hero-title>.touch-line{justify-content:center}.hero-actions{justify-content:center;align-items:center}.hero-actions .tiny-note{margin-left:0}.hero-scene{min-height:620px}.story-beat,.story-beat.reverse{grid-template-columns:1fr;min-height:0}.story-beat.reverse .story-copy,.story-beat.reverse .story-visual{order:initial}.story-visual{min-height:500px}.ux-sticky{grid-template-columns:minmax(240px,.68fr) minmax(300px,1fr);gap:28px}.ux-copy p{max-width:390px}.ux-stage{min-height:clamp(470px,55vw,620px)}.experiment-sticky{grid-template-columns:minmax(240px,.68fr) minmax(300px,1fr);gap:28px}.experiment-stage{min-height:clamp(470px,55vw,620px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brain-dump{grid-template-columns:1fr}.vibe-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1041px)and (max-width:1280px){.hero{grid-template-columns:minmax(520px,.98fr) minmax(340px,1fr);gap:clamp(20px,3vw,44px)}.hero-title{font-size:clamp(4.6rem,7.6vw,5.7rem)}}@media(max-width:680px){.scrapbook-shell{padding-inline:16px}.say-hi{display:none}.top-nav{display:grid;grid-template-columns:1fr auto;width:100%}.hero-copy{text-align:center}.eyebrow,.hero-title,.subtitle{text-align:center;margin-left:auto;margin-right:auto}h1{font-size:clamp(3.15rem,17vw,5.2rem)}.hero-title{max-width:calc(100vw - 32px);font-size:clamp(2.9rem,14.6vw,5.7rem)}.hero-title>.software-word,.hero-title>.touch-line{justify-content:center}.subtitle{margin-left:0;margin-right:0;line-height:1.25}.mobile-br{display:initial}.hero-title>.software-word{gap:.02em}.hero-doodle--software{width:.48em}.touch-word{gap:0}.touch-letter{min-width:0;will-change:auto}.touch-word:is(:hover,:focus-visible) .touch-letter{transform:none}.hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:14px}.hero-actions .tiny-note{margin-left:0}.hero-scene{min-height:440px;margin-top:-20px}.story-section{padding-top:56px}.story-intro h2{font-size:clamp(2.8rem,14vw,4.8rem)}.story-beat{padding:42px 0}.story-copy h3{font-size:clamp(2rem,12vw,3.8rem)}.story-visual{min-height:390px}.reaction-card img{width:86%}.story-float{opacity:.42}.sticky-note{right:-8px;top:39%;width:178px;padding:16px;font-size:.9rem}.ux-sticky{grid-template-columns:1fr;padding:42px 0 64px}.ux-copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.ux-stage{min-height:500px;margin-inline:-10px}.ux-person{left:-12%;bottom:4%;width:100%;height:70%}.ux-butterfly{right:-30%;top:-14%;width:190%;height:112%}.ux-question{left:5%;right:5%;bottom:20%}.ux-question strong{font-size:clamp(1.35rem,8vw,2.5rem)}.ux-receipt{top:auto;right:2%;bottom:2%;width:min(230px,56vw);padding:16px}.experiment-sticky{grid-template-columns:1fr;padding:42px 0 64px}.experiment-copy h2{font-size:clamp(2.8rem,14vw,4.6rem)}.experiment-stage{min-height:500px;margin-inline:-10px}.experiment-note{top:auto;right:2%;bottom:2%;width:min(230px,56vw);padding:16px}.doodle-star{top:2%;right:2%;font-size:3.4rem}.stacked-caption{right:0;bottom:7%}.paper-strip{padding:7px 14px 8px}.project-grid,.vibe-row,.contact-band{grid-template-columns:1fr}.project-card{min-height:370px}.contact-band form{grid-template-columns:1fr}}.collage-photo.has-image{overflow:hidden;padding:0}.collage-photo.has-image:before{display:none}.collage-photo.has-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(1.04) contrast(1.02)}.collage-photo.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(130,82,242,.12),transparent 32%,rgba(255,240,107,.18) 80%),repeating-linear-gradient(0deg,transparent,transparent 13px,rgba(64,42,20,.05) 14px);mix-blend-mode:multiply;z-index:1}.photo-caption{position:absolute;left:calc(10% - 40px);bottom:calc(8% + 14px);z-index:99999;padding:.32em .7em .36em;background:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(80,93,130,.2) 15px),#fffdf7;color:#12100f;font-family:var(--scribble);font-size:clamp(1.1rem,1.4vw,1.5rem);font-weight:900;transform:rotate(-3deg);box-shadow:0 6px 12px #160c0429;clip-path:polygon(2% 8%,12% 1%,28% 6%,46% 2%,64% 6%,82% 1%,98% 8%,96% 92%,78% 96%,60% 92%,42% 98%,22% 94%,4% 96%)}.tinker-caption{position:absolute;bottom:-40%;z-index:99999;padding:.32em .7em .36em;background:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(80,93,130,.2) 15px),#fffdf7;color:#12100f;font-family:var(--scribble);font-size:clamp(1.45rem,1.9vw,2rem);font-weight:900;transform:rotate(-3deg);box-shadow:0 6px 12px #160c0429;clip-path:polygon(2% 8%,12% 1%,28% 6%,46% 2%,64% 6%,82% 1%,98% 8%,96% 92%,78% 96%,60% 92%,42% 98%,22% 94%,4% 96%)}.photo-caption2{padding:.32em .7em .36em;background:#fff06bf0;color:#12100f;font-family:var(--scribble);font-size:clamp(.95rem,1.4vw,1.35rem);font-weight:900;transform:rotate(-3deg);box-shadow:0 6px 12px #160c0429;clip-path:polygon(2% 8%,12% 1%,28% 6%,46% 2%,64% 6%,82% 1%,98% 8%,96% 92%,78% 96%,60% 92%,42% 98%,22% 94%,4% 96%)}.doodle-star{cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),color .22s ease}.doodle-star:hover,.doodle-star.is-zapped{color:var(--hot-pink)}.konami-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;overflow:hidden}.konami-field .bit{position:absolute;width:14px;height:18px;border-radius:3px;will-change:transform,opacity}.konami-banner{position:fixed;left:50%;top:22%;z-index:9999;transform:translate(-50%,-50%) rotate(-3deg);padding:18px 28px 20px;background:var(--acid);color:#12100f;box-shadow:0 16px 32px #160e0438;clip-path:polygon(1% 10%,12% 2%,28% 8%,46% 2%,64% 8%,82% 2%,98% 9%,96% 92%,78% 98%,60% 92%,42% 98%,22% 94%,2% 96%);font-family:var(--chunky);font-size:clamp(1.4rem,3vw,2.2rem);text-transform:lowercase;pointer-events:none}.konami-banner small{display:block;margin-top:6px;font-family:var(--scribble);font-size:.55em;font-weight:800;color:var(--purple)}.has-pen-cursor,.has-pen-cursor body,.has-pen-cursor a,.has-pen-cursor button,.has-pen-cursor [role=button],.has-pen-cursor [tabindex]{cursor:none}.has-pen-cursor input,.has-pen-cursor textarea{cursor:text}.pen-cursor{position:fixed;left:0;top:0;z-index:99999;font-size:32px;line-height:1;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(22,14,4,.28));will-change:transform;-webkit-user-select:none;user-select:none}@media(pointer:coarse){.pen-cursor{display:none}}.logo.is-secret{animation:logo-rainbow 1.6s ease-in-out infinite}@keyframes logo-rainbow{0%,to{color:var(--hot-pink);transform:rotate(-2deg)}25%{color:var(--purple)}50%{color:var(--acid);transform:rotate(2deg)}75%{color:#00bcd4}}.splash-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;background:transparent;touch-action:none}.has-pen-cursor .splash-canvas{cursor:none}.splash-screen.is-leaving{pointer-events:none;background:transparent;transition:background-color .35s ease}.splash-screen.is-leaving:before,.splash-screen.is-leaving .splash-card{opacity:0;transition:opacity .35s ease}.splash-screen.is-leaving .splash-canvas{opacity:0;transition:opacity 1.4s ease .2s}.splash-card{position:relative;z-index:2;pointer-events:none}.splash-card .splash-doodle-hint{font-family:var(--scribble);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:800;color:#12100f80;letter-spacing:0;text-transform:none}.splash-card .splash-doodle-hint:after{display:none}.splash-screen{align-items:start;padding-top:14vh}.note-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none;background:transparent;touch-action:none}.note-canvas.is-drawing{pointer-events:auto;background-color:#fff9ef8c;background-image:radial-gradient(circle,rgba(18,16,15,.22) 0 1px,transparent 1.4px),linear-gradient(rgba(18,16,15,.035) 0px,transparent 0px);background-position:0 0,0 6px;background-size:18px 18px,100% 18px;backdrop-filter:blur(3px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}.note-fab{position:fixed;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);z-index:9995;display:inline-flex;align-items:center;gap:6px;padding:14px 22px 16px;color:#12100f;background:var(--yellow);border:0;font-family:var(--scribble);font-size:clamp(1.15rem,1.5vw,1.4rem);font-weight:900;cursor:pointer;box-shadow:0 12px 22px #160e042e;clip-path:polygon(2% 10%,14% 2%,32% 8%,52% 2%,70% 8%,88% 2%,99% 12%,96% 90%,78% 96%,56% 92%,36% 98%,14% 94%,1% 88%);transform:rotate(-2deg);transition:transform .22s cubic-bezier(.2,.9,.2,1.25),background .2s ease}.note-fab:hover{transform:rotate(-2deg) translateY(-3px) scale(1.04)}@media(max-width:1040px){.note-fab{opacity:0;pointer-events:none;transform:translateY(14px) rotate(-3deg) scale(.9);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.9,.2,1.25)}.note-fab.is-revealed{opacity:1;pointer-events:auto;transform:rotate(-3deg)}}.note-fab.is-on{background:var(--hot-pink);color:#fff;transform:rotate(2deg) scale(1.06)}.note-fab-cluster{position:fixed;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);z-index:9995;display:flex;align-items:center;gap:10px;animation:fab-cluster-pop .36s cubic-bezier(.2,.9,.2,1.25) both}@keyframes fab-cluster-pop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.note-fab-cluster .note-fab{position:static;padding:16px 26px 18px;font-family:var(--body);font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:800;letter-spacing:.01em}.note-fab--exit{background:#fff;color:#12100f;border:2px solid #12100f;box-shadow:4px 4px #12100f;transform:rotate(2deg)}.note-fab--exit:hover{transform:rotate(2deg) translate(-1px,-1px) scale(1.04);box-shadow:5px 5px #12100f}.note-fab--pin{background:var(--acid);color:#12100f;border:2px solid #12100f;box-shadow:4px 4px #12100f;transform:rotate(-2deg)}.note-fab--pin:hover{transform:rotate(-2deg) translate(-1px,-1px) scale(1.06);box-shadow:5px 5px #12100f}@media(max-width:680px){.note-fab-cluster .note-fab{padding:12px 18px 14px;font-size:1.05rem}}.note-close-x{position:fixed;top:clamp(12px,2vw,22px);right:clamp(12px,2vw,22px);z-index:9997;width:48px;height:48px;padding:0;display:grid;place-items:center;background:#fff;color:#12100f;border:2px solid #12100f;border-radius:999px;box-shadow:4px 4px #12100f;font-family:var(--body);font-size:1.8rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;animation:fab-cluster-pop .36s cubic-bezier(.2,.9,.2,1.25) both}.note-close-x:hover{background:var(--hot-pink);color:#fff;transform:translate(-1px,-1px) rotate(90deg);box-shadow:5px 5px #12100f}.note-esc-hint{position:fixed;top:clamp(14px,2.2vw,24px);left:clamp(14px,2.2vw,24px);z-index:9997;font-family:var(--body);font-size:clamp(.82rem,1.1vw,1rem);font-weight:700;color:#12100f;opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none}.note-esc-hint kbd{display:inline-block;padding:2px 6px 3px;background:#fff;border:2px solid #12100f;border-radius:4px;box-shadow:2px 2px #12100f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;line-height:1;vertical-align:middle}@media(max-width:680px){.note-close-x{width:42px;height:42px;font-size:1.6rem}}.note-toolbar{position:fixed;left:50%;top:clamp(10px,2vw,20px);z-index:9996;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;padding:14px 28px 16px;background:var(--paper);color:#12100f;box-shadow:0 18px 30px #160e0438;clip-path:polygon(1% 8%,12% 2%,26% 6%,44% 2%,60% 6%,78% 2%,98% 8%,96% 90%,80% 96%,62% 92%,44% 98%,26% 94%,8% 98%,1% 90%);transform:translate(-50%) rotate(-1.5deg);text-align:center;max-width:min(900px,92vw)}.note-tool-title{font-family:var(--body);font-size:clamp(1.15rem,1.8vw,1.55rem);font-weight:800;max-width:420px}.note-tool-title em{display:inline-block;margin-left:6px;padding:2px 8px 4px;background:var(--acid);font-style:normal;font-weight:900;transform:rotate(-1.5deg)}.note-modes{display:inline-flex;gap:6px;justify-content:center;flex-wrap:wrap}.note-mode{padding:8px 16px 10px;color:#12100f;background:transparent;border:2px dashed rgba(18,16,15,.32);border-radius:999px;cursor:pointer;font-family:var(--body);font-size:1.05rem;font-weight:800;transition:background .16s ease,border-color .16s ease,transform .16s ease}.note-mode:hover{border-color:#12100f;transform:translateY(-1px)}.note-mode.is-on{background:#12100f;color:#fff;border-color:#12100f}.note-card-prompt{display:block;margin-top:8px;padding:0 4px;font-family:var(--scribble);font-size:.95rem;font-weight:800;color:#12100fbd;text-align:center;line-height:1.2}.note-colors{display:inline-flex;gap:10px;justify-content:center}.note-color{width:34px;height:34px;padding:0;border:3px solid #12100f;border-radius:999px;cursor:pointer;box-shadow:0 4px #0000002e;transition:transform .18s cubic-bezier(.2,.9,.2,1.25)}.note-color:hover{transform:scale(1.18)}.note-color.is-on{transform:scale(1.22) rotate(-6deg);box-shadow:0 0 0 3px var(--paper),0 0 0 6px #12100f}.note-tool-actions{display:inline-flex;gap:8px;justify-content:center;flex-wrap:wrap}.note-btn{padding:10px 16px 12px;color:#12100f;background:#fff;border:2px solid #12100f;cursor:pointer;font-family:var(--body);font-size:1.05rem;font-weight:800;box-shadow:3px 3px #12100f;transition:transform .16s ease,box-shadow .16s ease}.note-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #12100f}.note-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #12100f}.note-btn.primary{background:var(--acid)}.notes-wall{position:relative;z-index:4;max-width:1440px;margin:0 auto;padding:clamp(64px,9vw,120px) 0 clamp(80px,11vw,160px)}.notes-wall .section-heading h2{font-size:clamp(2.4rem,5vw,4.2rem)}.wall-blurb{max-width:720px;margin:0 0 40px;font-family:var(--scribble);font-size:clamp(1.3rem,1.8vw,1.7rem);font-weight:700;color:#12100fbd}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(24px,3vw,44px);align-items:start}.note-card{position:relative;padding:18px 18px 16px;background:var(--paper);box-shadow:0 14px 26px #160e0424,0 2px #160e040f;transform:rotate(var(--tilt, 0deg));transition:transform .24s cubic-bezier(.2,.9,.2,1.25),box-shadow .24s ease;clip-path:polygon(2% 6%,12% 2%,28% 5%,46% 1%,64% 5%,82% 2%,98% 6%,96% 92%,78% 98%,60% 94%,42% 98%,26% 94%,10% 98%,2% 92%)}.note-card:hover{transform:rotate(0) scale(1.03);box-shadow:0 18px 30px #160e0433,0 2px #160e040f}.note-card img{display:block;width:100%;height:auto;background:#fffdf7;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.note-card-tape{position:absolute;left:50%;top:-10px;width:60%;height:22px;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.04) 2px),#fff06bc7;box-shadow:inset 0 1px 2px #ffffff8c;transform:translate(-50%) rotate(-3deg);clip-path:polygon(1% 8%,8% 2%,22% 6%,38% 1%,52% 5%,68% 1%,84% 5%,98% 2%,99% 92%,86% 98%,70% 94%,54% 98%,38% 94%,22% 99%,6% 96%,1% 92%)}.note-card-x{position:absolute;right:8px;top:8px;width:24px;height:24px;padding:0;display:grid;place-items:center;color:#fff;background:#12100f;border:0;border-radius:999px;cursor:pointer;font-family:system-ui,sans-serif;font-size:.95rem;font-weight:900;line-height:1;opacity:0;transition:opacity .16s ease,transform .16s ease}.note-card:hover .note-card-x,.note-card-x:focus-visible{opacity:1}.note-card-x:hover{transform:scale(1.15)}@media(max-width:720px){.notes-wall{padding:clamp(40px,10vw,64px) 0 clamp(48px,12vw,80px)}.notes-grid{display:flex;grid-template-columns:none;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:24px 16px 32px;margin:0 -16px;scroll-padding-inline:16px}.notes-grid::-webkit-scrollbar{display:none}.notes-grid>.note-card{flex:0 0 82%;max-width:82%;scroll-snap-align:center;padding:18px 18px 26px}.wall-blurb{margin-bottom:12px;font-size:1.15rem}}.contact-success{display:inline-block;margin-top:12px;padding:.4em .9em .5em;background:var(--acid);color:#12100f;font-family:var(--scribble);font-weight:900;font-size:clamp(1.1rem,1.6vw,1.4rem);transform:rotate(-2deg);clip-path:polygon(2% 10%,14% 2%,32% 8%,52% 2%,70% 8%,88% 2%,99% 12%,96% 90%,78% 96%,56% 92%,36% 98%,14% 94%,1% 88%)}@media(max-width:680px){.note-toolbar{left:8px;right:8px;top:8px;max-width:none;padding:12px 14px 14px;gap:8px;transform:rotate(-1deg);clip-path:none;border:2px solid #12100f;box-shadow:4px 4px #12100f}.note-toolbar>*{transform:none}.note-tool-title{font-size:1.15rem;max-width:none}.note-modes,.note-tool-actions{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.note-modes::-webkit-scrollbar,.note-tool-actions::-webkit-scrollbar{display:none}.note-mode{flex:0 0 auto;padding:6px 12px 7px;font-size:.95rem}.note-colors{gap:8px}.note-color{width:28px;height:28px}.note-btn{flex:0 0 auto;padding:8px 12px 9px;font-size:.95rem;box-shadow:2px 2px #12100f}.note-fab{right:14px;bottom:14px;padding:20px 30px 22px;font-size:1.5rem;gap:10px}.note-fab--launcher{display:none}}.wall-see-more{margin-top:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;text-align:center}.wall-see-more-btn{font-family:var(--body);font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:800;letter-spacing:.01em}.wall-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9994;overflow-y:auto;padding:clamp(20px,4vw,56px) clamp(16px,4vw,48px) clamp(60px,8vw,120px);background-color:var(--paper);background-image:radial-gradient(circle,rgba(18,16,15,.16) 0 1px,transparent 1.4px),linear-gradient(rgba(18,16,15,.035) 0px,transparent 0px);background-position:0 0,0 6px;background-size:18px 18px,100% 18px;animation:wall-room-in .36s ease-out both}@keyframes wall-room-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.wall-room-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:16px clamp(20px,3vw,36px);align-items:center;padding:14px 0 20px;background:linear-gradient(var(--paper) 80%,rgba(255,249,239,0));margin-bottom:clamp(20px,3vw,36px);max-width:1320px;margin-left:auto;margin-right:auto}.wall-room-back{flex-shrink:0;padding:10px 16px 12px;background:#fff;color:#12100f;border:2px solid #12100f;border-radius:999px;box-shadow:3px 3px #12100f;font-family:var(--body);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.wall-room-back:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #12100f}.wall-room-title{min-width:0;flex:1 1 280px}.wall-room-title h2{margin:0 0 4px;font-family:var(--chunky);font-size:clamp(1.8rem,4.4vw,3.6rem);line-height:1;letter-spacing:0}.wall-room-title p{margin:0;font-family:var(--body);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:600;color:#12100fa8}.wall-room-title kbd{display:inline-block;padding:1px 6px;background:#fff;border:1.5px solid #12100f;border-radius:5px;box-shadow:1.5px 1.5px #12100f;font-family:var(--body);font-size:.85em;font-weight:700}.wall-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(20px,2.4vw,32px);align-items:start;max-width:1320px;margin:0 auto}@media(max-width:720px){.wall-room{padding:12px 12px 60px}.wall-room-bar{padding:10px 0 14px;margin-bottom:14px;gap:10px 14px}.wall-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wall-room-grid .note-card{padding:12px}.wall-room-grid .note-card-prompt{font-size:.85rem}.wall-room-grid .note-react{min-width:28px;min-height:30px;padding:0 4px}.wall-room-grid .note-react-emoji{font-size:.95rem}.wall-room-grid .note-react-count{font-size:.7rem}.wall-room-grid .note-tool-btn{width:30px;height:30px;font-size:.95rem}.wall-room-grid .note-footer{margin-top:10px;padding-top:8px;gap:4px}}@media(max-width:540px){.wall-room-esc{display:none}}.note-card-open{display:block;width:100%;padding:0;margin:0;background:transparent;border:0;cursor:pointer}.note-card-open img{display:block;width:100%;height:auto;background:#fffdf7;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.note-card-open:focus-visible{outline:2px dashed #12100f;outline-offset:3px}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1.5px dashed rgba(18,16,15,.18)}.note-react-bar{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#12100f0d;border-radius:999px;flex:1 1 auto;min-width:0;justify-content:space-between}.note-react{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:36px;min-height:32px;padding:0 8px;background:transparent;border:0;border-radius:999px;cursor:pointer;font-family:var(--body);line-height:1;color:#12100f;transition:background .14s ease,transform .14s ease}.note-react-bar>.note-react{flex:1 1 0;min-width:0;padding:0 4px}.note-react:hover{background:#12100f1a;transform:scale(1.06)}.note-react:active{transform:scale(.94)}.note-react.is-on{background:#12100f;color:#fff;animation:react-pop .36s cubic-bezier(.34,1.56,.64,1)}.note-react.is-on .note-react-count{color:#fff}@keyframes react-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.note-react-emoji{font-size:1.1rem;line-height:1}.note-react-count{font-weight:800;font-size:.78rem;color:#12100fb3;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.note-footer-tools{display:inline-flex;gap:2px;flex-shrink:0}.note-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:0;border-radius:999px;cursor:pointer;font-family:var(--body);font-size:1.05rem;color:#12100f;transition:background .14s ease,transform .14s ease}.note-tool-btn:hover{background:#12100f14;transform:scale(1.1)}.note-tool-btn:active{transform:scale(.94)}.note-tool-btn--accent:hover{background:#ffd6e8}.note-reply{position:relative;margin-top:32px;padding:22px 12px 12px;background:#ffd6e8;border:1.5px solid #12100f;box-shadow:3px 3px #12100f;transform:rotate(1.5deg)}.note-reply-tape{position:absolute;left:50%;top:-18px;width:64%;height:26px;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.05) 4px),#ffe863eb;box-shadow:inset 0 1px 2px #fff9,0 2px 4px #160e042e;transform:translate(-50%) rotate(-3deg);clip-path:polygon(2% 8%,12% 2%,26% 6%,42% 1%,58% 5%,74% 1%,88% 6%,99% 2%,98% 92%,86% 98%,70% 94%,54% 99%,38% 94%,22% 98%,8% 94%,1% 90%);z-index:2}.note-reply-label{display:block;font-family:var(--scribble, var(--body));font-weight:800;font-size:.8rem;color:#b3206d;margin-bottom:4px}.note-reply img{display:block;width:100%;height:auto;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#140a1e6b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-backdrop-fade .3s ease-out both}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}.reply-modal{position:fixed;z-index:9999;left:50%;top:50%;max-width:min(94vw,480px);padding:22px 22px 18px;background:var(--paper, #fffdf7);border:2px solid #12100f;box-shadow:8px 8px #12100f;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transform:translate(-50%,-50%) rotate(.6deg)}.reply-modal-tape{position:absolute;left:50%;top:-14px;width:50%;height:22px;background:#fff06bd1;transform:translate(-50%) rotate(-3deg);box-shadow:inset 0 1px 2px #ffffff8c}.reply-modal strong{font-family:var(--chunky, var(--body));font-size:1.4rem;line-height:1}.reply-modal p{margin:0;font-family:var(--body);font-size:.95rem;color:#12100fc7}.reply-canvas{background:#fffdf7;border:1.5px dashed rgba(18,16,15,.5);cursor:crosshair;touch-action:none}.reply-modal-target{width:100%;display:flex;justify-content:center}.reply-modal-target img{max-width:80%;max-height:140px;background:#fffdf7;border:1px solid rgba(18,16,15,.25);box-shadow:2px 2px #12100f33}.reply-modal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.note-btn.danger{background:#ffd6d6;border-color:#b32020;color:#b32020}.note-btn[disabled]{opacity:.45;cursor:not-allowed}.single-note-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:radial-gradient(circle at 20% 10%,#fff7d6,#f6e7ff 60%,#efe1ff);overflow-y:auto;padding:12px clamp(16px,4vw,40px) 24px;display:flex;flex-direction:column}.single-note-bar{display:flex;align-items:center;gap:14px;margin-bottom:12px}.single-note-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:560px;margin:0 auto;width:100%}.single-note-card{position:relative;padding:14px 16px 20px;background:var(--paper, #fffdf7);box-shadow:0 24px 36px #160e0438;transform:rotate(var(--tilt, 0deg));clip-path:polygon(2% 6%,12% 2%,28% 5%,46% 1%,64% 5%,82% 2%,98% 6%,96% 92%,78% 98%,60% 94%,42% 98%,26% 94%,10% 98%,2% 92%);width:100%}.single-note-card img{display:block;max-width:100%;width:auto;max-height:45vh;height:auto;margin:0 auto;background:#fffdf7;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.single-note-reply{position:relative;padding:22px 18px 14px;background:#ffd6e8;border:2px solid #12100f;box-shadow:6px 6px #12100f;transform:rotate(-1.5deg);width:min(420px,100%)}.single-note-reply img{display:block;max-width:100%;width:auto;max-height:25vh;height:auto;margin:0 auto;background:transparent;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.single-note-reacts{display:inline-flex;align-self:center;gap:4px;padding:6px;background:#12100f0f;border-radius:999px}.single-note-reacts .note-react{min-width:52px;min-height:44px;padding:0 14px;gap:6px}.single-note-reacts .note-react-emoji{font-size:1.5rem}.single-note-reacts .note-react-count{font-size:.95rem}.single-note-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-toast{position:fixed;z-index:10000;left:50%;bottom:28px;transform:translate(-50%) rotate(-1.5deg);padding:10px 18px;background:#12100f;color:#fffdf7;font-family:var(--body);font-weight:800;border-radius:8px;box-shadow:4px 4px 0 var(--acid, #efff1a);animation:share-toast-in .32s cubic-bezier(.2,.9,.2,1.25) both}@keyframes share-toast-in{0%{opacity:0;transform:translate(-50%,18px) rotate(-1.5deg)}to{opacity:1;transform:translate(-50%) rotate(-1.5deg)}}.admin-chip{position:fixed;z-index:9985;left:12px;bottom:12px;padding:6px 10px;background:var(--acid, #efff1a);border:1.5px solid #12100f;border-radius:999px;box-shadow:3px 3px #12100f;font-family:var(--body);font-weight:800;font-size:.8rem;pointer-events:none}.uc-stub{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(200px,30vh,340px);margin:clamp(24px,5vh,60px) auto;max-width:1180px;padding:44px clamp(20px,5vw,56px) 56px;background:radial-gradient(circle at 18% 22%,rgba(91,67,38,.06) 0 1.2px,transparent 1.6px) 0 0 / 22px 22px,linear-gradient(168deg,transparent 45%,rgba(93,63,32,.05) 46%,transparent 48%),var(--paper-warm, #f4eadc);box-shadow:inset 0 0 60px #5b432a1a,0 22px 36px #22160c24;clip-path:polygon(1% 5%,6% 1%,14% 4%,22% 0%,32% 4%,42% 1%,52% 3%,62% 0%,72% 4%,82% 1%,92% 4%,99% 2%,98% 18%,100% 34%,97% 52%,100% 70%,98% 88%,99% 98%,88% 96%,76% 99%,64% 95%,52% 99%,40% 96%,28% 99%,16% 95%,4% 98%,2% 80%,0% 62%,3% 44%,1% 26%);transform:rotate(var(--uc-tilt, -2deg));isolation:isolate}.uc-stub--slim{min-height:clamp(96px,14vh,160px);padding:28px clamp(20px,5vw,56px)}.uc-title.paper-strip{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:8px;transform:rotate(-1.5deg);font-size:clamp(1.6rem,2.6vw,2.4rem);color:#12100fc7;pointer-events:none;text-wrap:balance}.uc-title .marker-star{font-size:1.1em}.uc-stub--slim .uc-title.paper-strip{font-size:clamp(1.2rem,1.8vw,1.6rem);padding:6px 18px 8px}.uc-tape{position:absolute;z-index:3;left:-12%;right:-12%;top:50%;width:124%;padding:18px 0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.04) 2px),#fff06be0;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #ffffff8c,0 10px 22px #1a0f0524;clip-path:polygon(0% 14%,4% 2%,10% 18%,16% 4%,22% 16%,28% 2%,34% 18%,40% 4%,46% 16%,52% 2%,58% 18%,64% 4%,70% 16%,76% 2%,82% 18%,88% 4%,94% 16%,100% 2%,100% 86%,96% 98%,90% 82%,84% 96%,78% 84%,72% 98%,66% 82%,60% 96%,54% 84%,48% 98%,42% 82%,36% 96%,30% 84%,24% 98%,18% 82%,12% 96%,6% 84%,0% 98%);transform:translateY(-50%) rotate(-7deg);text-align:center;white-space:nowrap;overflow:hidden;pointer-events:none}.uc-tape-text{display:inline-block;padding:0 12px;font-family:var(--scribble);font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:900;letter-spacing:.04em;color:#12100f;opacity:.86}.uc-stub--slim .uc-tape{padding:10px 0;transform:translateY(-50%) rotate(-4deg)}.uc-stub--slim .uc-tape-text{font-size:clamp(1rem,1.6vw,1.4rem)}.uc-doodle{position:absolute;z-index:2;right:4%;bottom:8%;font-size:clamp(2rem,4vw,3.4rem);color:var(--hot-pink, #f2398f);transform:rotate(10deg);pointer-events:none}.uc-stub--slim .uc-doodle{font-size:clamp(1.1rem,1.6vw,1.5rem);right:2.5%;bottom:14%}.collage-pair{display:contents}.collage-dots{display:none}.collage-dots{margin:-50px auto 0;padding:6px 12px;gap:10px;align-items:center;justify-content:center}.collage-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;width:9px;height:9px;border-radius:999px;background:#12100f38;cursor:pointer;transition:width .28s ease,background .28s ease}.collage-dot.is-active{width:28px;background:#12100f}.collage-dot:focus-visible{outline:2px solid #f2398f;outline-offset:3px}.collage-dot.is-active{animation:collage-dot-pulse 1.4s ease-in-out .6s 1}@keyframes collage-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(max-width:1040px){.collage-dots{display:flex}.hero-scene{min-height:auto;margin-top:8px}.collage-scene{display:flex;flex-direction:row;align-items:center;gap:0;min-height:auto;padding:36px 0vw 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:1w;-webkit-overflow-scrolling:touch;scrollbar-width:none;transform:none;perspective:none}.collage-scene::-webkit-scrollbar{display:none}.collage-pair,.collage-scene .collage-wrapper--small{display:block;position:relative;flex:0 0 64vw;width:64vw;max-width:460px;margin:0 -3vw 0 0;scroll-snap-align:start;scroll-snap-stop:always}.collage-pair--main{order:1}.collage-pair--momo{order:2;margin-right:-5vw}.collage-pair--phone{order:3;margin-right:2vw;transform:translate(4vw)}.collage-scene .collage-wrapper--small{order:4;inset:auto;height:auto;aspect-ratio:4 / 5;transform:rotate(3deg);margin-right:0}.collage-pair .collage-photo{position:relative;inset:auto;width:100%;height:auto;margin:0}.collage-pair--main .collage-photo--main{aspect-ratio:4 / 5;transform:rotate(-2.5deg)}.collage-pair--momo .collage-photo--side{aspect-ratio:4 / 5;padding-bottom:0;transform:rotate(3deg)}.collage-pair--phone .collage-photo--phone{aspect-ratio:3 / 4;transform:rotate(-3deg)}.collage-scene .collage-wrapper--small .collage-photo--small{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collage-pair--main .excited-wrap{position:absolute;left:43%;top:4%;bottom:auto;transform:translate(-50%) rotate(-3deg);z-index:20;margin:0;width:auto;gap:6px}.collage-pair--main .excited-trigger{padding:16px 26px 18px;font-size:clamp(1.6rem,3.4vw,2.1rem)}.collage-pair--main .excited-trigger-hint{font-size:.68em;padding:.2em .7em .25em}.collage-pair--main .excited-wrap .excited-proof{position:absolute;top:calc(100% + 14px);left:50%;margin:0;transform:translate(-50%) rotate(-4deg);transform-origin:50% -10%;z-index:120;animation:none}.collage-pair--momo .sticky-note.pink.collage-current{position:absolute;top:-28px;left:-18px;right:auto;bottom:auto;width:min(70%,280px);transform:rotate(-5deg);z-index:15;font-size:clamp(1.15rem,3.2vw,1.55rem);padding:20px 22px}.collage-pair--phone .photo-caption{position:absolute;left:6%;bottom:10%;right:auto;top:auto;z-index:10;transform:rotate(-3deg);font-size:clamp(1.5rem,4.2vw,2rem);padding:.45em .95em .5em}.collage-scene .collage-wrapper--small .tinker-caption{position:absolute;top:auto;left:auto;right:-2%;bottom:24%;z-index:5;font-size:clamp(1.5rem,4.2vw,2rem);padding:.45em .95em .5em}.collage-scene .collage-tape,.collage-scene .collage-tape-note{display:none}}@media(max-width:680px){.collage-scene{margin-top:-20px;margin-left:-16px;margin-right:-16px;padding:40px 0 4px;scroll-padding-left:8vw}.collage-pair,.collage-scene .collage-wrapper--small{flex:0 0 87vw;width:82vw;max-width:440px;margin-right:-1vw}.collage-scene>:first-child{margin-left:30vw!important}.collage-pair--main{margin-right:16vw}.collage-pair--momo{margin-right:3vw}.collage-pair--phone{margin-right:6vw}.collage-scene .collage-wrapper--small{margin-right:0}.collage-pair--main .excited-trigger{margin-left:13vw;padding:18px 28px 20px;font-size:clamp(1.9rem,5.4vw,2.4rem)}.collage-pair--main .excited-trigger-hint{font-size:.72em}.collage-pair--main .excited-wrap{gap:4px}.collage-pair--momo .sticky-note.pink.collage-current{top:-55px;left:-27px;width:min(65%,260px);font-size:clamp(1.25rem,5.9vw,1.6rem);padding:20px 22px}.collage-pair--phone .photo-caption{font-size:clamp(1.55rem,5.2vw,2rem);padding:.5em 1em .55em}.collage-scene .collage-wrapper--small .tinker-caption{right:-3%;bottom:28%;font-size:clamp(1.55rem,5.2vw,2rem);padding:.5em 1em .55em}.collage-dots{margin-bottom:4px;margin-top:-20px;gap:8px}}@media(max-width:1040px){.hero-anim-pending .hero-actions>*{opacity:0}.hero-anim-pending .subtitle{clip-path:inset(0 100% -.6em -.2em)}.type-char{display:inline-block;white-space:pre}.hero-anim-pending .hero-doodle--underline path{stroke-dasharray:220;stroke-dashoffset:220}.touch-word:before{mask-image:linear-gradient(to right,#000 50%,transparent 50%);-webkit-mask-image:linear-gradient(to right,#000 50%,transparent 50%);mask-size:200% 100%;-webkit-mask-size:200% 100%;mask-position:0 0;-webkit-mask-position:0 0;transition:mask-position .55s cubic-bezier(.45,.1,.35,1),-webkit-mask-position .55s cubic-bezier(.45,.1,.35,1),background-color .18s ease,filter .18s ease,transform .18s ease}.touch-word.is-pending-highlight:before{mask-position:100% 0;-webkit-mask-position:100% 0}.touch-word.is-pending-highlight .touch-letter{color:var(--paper-ink)}.touch-word .touch-letter{transition:color .3s ease;transition-delay:calc(var(--idx, 0) / var(--letter-count, 5) * .45s)}.hero-anim-pending .hero-scene{opacity:0;transform:translateY(20px);pointer-events:none}.hero-scene{transition:opacity .7s ease,transform .7s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}