:root{--paper: #f6f0e3;--paper-deep: #ede5d0;--paper-shadow: #d9ceb5;--ink: #1a1814;--ink-soft: #3a352c;--ink-faint: #8a8274;--ochre: #d9a441;--ochre-deep: #b5821f;--red: #c94a3f;--blue: #4a6fa5;--green: #6b8e4e;--rule: rgba(26, 24, 20, .12);--scribble-density: 1;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-hand: "Caveat", "Kalam", cursive}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20% 30%,rgba(184,150,80,.04) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(120,90,40,.03) 0%,transparent 40%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0 0.05 0 0 0 0.06 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(26,24,20,.035) 1px,transparent 1px);background-size:80px 80px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.shell{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:0 56px}@media(max-width:720px){.shell{padding:0 20px}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 56px;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:multiply;pointer-events:none}.nav>*{pointer-events:auto}.nav-brand{font-family:var(--font-mono);font-size:13px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.nav-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--ochre);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}.nav-links{display:flex;gap:28px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.nav-links a{position:relative;padding:4px 2px}.nav-links a:hover:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-2px;height:6px;background:var(--ochre);opacity:.6;border-radius:50%;transform:skew(-12deg)}.nav-cta{font-family:var(--font-mono);font-size:12px;padding:10px 16px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);display:inline-flex;align-items:center;gap:8px;transition:transform .15s,background .15s}.nav-cta:hover{background:var(--ochre);transform:rotate(-1deg) translateY(-1px)}.nav-cta .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.tape{position:fixed;top:0;left:0;width:56px;height:100vh;z-index:40;pointer-events:none;border-right:1px dashed rgba(26,24,20,.18);mix-blend-mode:multiply}.tape .ticks{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 19px,rgba(26,24,20,.25) 19px,rgba(26,24,20,.25) 20px)}.tape .label{position:absolute;left:10px;top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--ink-faint)}.tape .marker{position:absolute;left:0;width:56px;pointer-events:none;transition:top .2s ease-out}.tape .marker .line{position:absolute;left:0;right:-20px;top:0;height:2px;background:var(--ochre)}.tape .marker .mm{position:absolute;right:-90px;top:-8px;font-family:var(--font-mono);font-size:11px;background:var(--ochre);color:var(--ink);padding:2px 8px;border-radius:2px;white-space:nowrap}@media(max-width:720px){.tape{display:none}}.ink-trail{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:45;mix-blend-mode:multiply}.hero{min-height:100vh;padding:140px 0 80px;display:grid;grid-template-columns:1fr;gap:32px;position:relative}.hero-meta{display:flex;gap:24px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.hero-meta .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ink);padding:6px 12px;border-radius:999px;background:var(--paper)}.hero-meta .chip .bullet{width:6px;height:6px;border-radius:50%;background:var(--ochre)}.hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(48px,9vw,132px);line-height:.96;letter-spacing:-.04em;max-width:13ch;position:relative}.hero-title em{font-style:italic;font-family:Caveat,cursive;font-weight:400;color:var(--ochre-deep);position:relative;padding:0 .08em;font-size:.88em;line-height:.9;vertical-align:baseline}.hero-title .slash{color:var(--ink-faint);font-weight:300}.hero-title .scribble-under{position:absolute;left:-4px;right:-4px;bottom:-6px;height:14px;pointer-events:none}.hero-sub{max-width:52ch;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink-soft);margin-top:16px}.hero-sub .mark{background:linear-gradient(transparent 62%,#d9a4418c 62%);padding:0 2px}.hero-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}.btn-primary{font-family:var(--font-mono);font-size:13px;padding:14px 22px;background:var(--ink);color:var(--paper);border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;position:relative}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ochre)}.btn-primary .arr{transition:transform .2s}.btn-primary:hover .arr{transform:translate(3px)}.btn-ghost{font-family:var(--font-mono);font-size:13px;padding:14px 22px;border:1.5px solid var(--ink);border-radius:999px;display:inline-flex;gap:10px;align-items:center}.hero-annot{position:absolute;font-family:var(--font-hand);color:var(--ink-soft);font-size:20px;line-height:1.1;transform:rotate(-4deg);max-width:180px}.hero-annot .arrow{display:block;width:70px;height:50px;margin-top:4px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);margin-top:80px;position:relative}.hero-stats .stat{padding:20px 24px;border-right:1px dashed var(--rule);position:relative}.hero-stats .stat:last-child{border-right:none}.hero-stats .stat .k{font-family:var(--font-display);font-size:38px;font-weight:500;letter-spacing:-.03em;line-height:1}.hero-stats .stat .l{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-top:8px}@media(max-width:720px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats .stat{border-bottom:1px dashed var(--rule)}.hero-stats .stat:nth-child(2){border-right:none}}.section{padding:120px 0;position:relative}.section-head{display:flex;align-items:baseline;gap:20px;margin-bottom:48px;padding-bottom:14px;border-bottom:1.5px solid var(--ink);position:relative}.section-head .num{font-family:var(--font-mono);font-size:13px;color:var(--ink-faint)}.section-head .title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1}.section-head .meta{margin-left:auto;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.service{grid-column:span 4;border:1.5px solid var(--ink);background:var(--paper);padding:28px 24px 24px;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden}.service:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,24,20,.04) 1px,transparent 1px);background-size:12px 12px;opacity:0;transition:opacity .25s}.service:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.service:hover:before{opacity:1}.service:nth-child(3n+1){grid-column:span 4}.service:nth-child(5){grid-column:span 5;background:var(--ochre)}.service:nth-child(6){grid-column:span 7}.service .num{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.1em}.service h3{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.02em;line-height:1.15;margin-top:20px}.service p{font-size:14.5px;color:var(--ink-soft);margin-top:10px;line-height:1.55}.service .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.service .tag{padding:4px 10px;border:1px solid var(--ink);border-radius:999px;background:var(--paper)}.service .icon{width:64px;height:64px;margin-bottom:4px}@media(max-width:720px){.service{grid-column:span 12!important}}.process-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.process-stage-viewer{position:sticky;top:120px;aspect-ratio:4 / 3;border:1.5px solid var(--ink);background:#fff;overflow:hidden}.process-steps{display:flex;flex-direction:column;gap:80px}.process-step{border-left:2px solid var(--ink);padding:8px 0 8px 28px;position:relative}.process-step:before{content:"";position:absolute;left:-9px;top:12px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.process-step.active:before{background:var(--ochre)}.process-step .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint)}.process-step h3{font-family:var(--font-display);font-weight:500;font-size:36px;letter-spacing:-.03em;margin-top:6px;line-height:1}.process-step p{font-size:15px;line-height:1.6;color:var(--ink-soft);margin-top:10px;max-width:42ch}.process-step .snippets{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft)}.process-step .snippet{padding:3px 8px;background:var(--paper-deep);border-radius:3px}@media(max-width:900px){.process-row{grid-template-columns:1fr;gap:40px}.process-stage-viewer{position:relative;top:0}}.cases-pin{height:300vh;position:relative}.cases-sticky{position:sticky;top:0;height:100vh;min-height:620px;display:flex;align-items:center;overflow:hidden;background:var(--paper)}.cases-track{display:flex;gap:32px;padding:0 56px;width:max-content;will-change:transform}.cases-hint{position:absolute;top:40px;left:56px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);z-index:4;display:flex;align-items:center;gap:10px}.cases-hint .arr{width:40px;height:1px;background:var(--ink);position:relative;animation:arr-slide 1.5s ease-in-out infinite}.cases-hint .arr:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg)}@keyframes arr-slide{0%,to{transform:translate(0);opacity:1}50%{transform:translate(8px);opacity:.5}}.case-card{flex:0 0 min(82vw,780px);height:min(78vh,560px);min-height:520px;background:var(--paper);border:1.5px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.case-card.dark{background:var(--ink);color:var(--paper)}.case-card.ochre{background:var(--ochre)}.case-media{background:var(--paper-deep);position:relative;overflow:hidden;border-right:1.5px solid var(--ink)}.case-card.dark .case-media{background:#0f0d0a;border-right:1.5px solid var(--paper)}.case-body{padding:36px 32px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.case-body .idx{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;opacity:.7}.case-body h3{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,3.4vw,44px);letter-spacing:-.03em;line-height:1}.case-body .desc{font-size:15px;line-height:1.55;max-width:42ch;opacity:.85}.case-body .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;padding-top:20px;border-top:1px dashed currentColor;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.case-body .row b{display:block;font-weight:400;font-size:15px;text-transform:none;letter-spacing:0;margin-top:4px;font-family:var(--font-display)}.case-cta{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:10px 18px;border:1.5px solid currentColor;border-radius:999px;width:fit-content;margin-top:10px}@media(max-width:900px){.case-card{grid-template-columns:1fr}.case-media{border-right:none;border-bottom:1.5px solid var(--ink);height:40%}}.cases-progress{position:absolute;bottom:40px;left:56px;right:56px;display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);z-index:5}.cases-progress .bar{flex:1;height:2px;background:var(--rule);position:relative;overflow:hidden}.cases-progress .bar .fill{position:absolute;top:0;left:0;height:100%;background:var(--ink)}.stack-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;position:relative}.sticky-note{grid-column:span 2;background:var(--ochre);padding:22px 20px;position:relative;border:1px solid var(--ink);min-height:160px;box-shadow:3px 4px #1a181426;will-change:transform}.sticky-note:nth-child(5n+1){background:#f5e3b0;transform:rotate(-1.2deg)}.sticky-note:nth-child(5n+2){background:#e8d5a0;transform:rotate(.8deg);grid-column:span 3}.sticky-note:nth-child(5n+3){background:var(--ochre);transform:rotate(-.5deg)}.sticky-note:nth-child(5n+4){background:#ead8b9;transform:rotate(1.5deg);grid-column:span 3}.sticky-note:nth-child(5n+5){background:wheat;transform:rotate(-.8deg)}.sticky-note:nth-child(5n+6){background:#e5c896;transform:rotate(.4deg);grid-column:span 2}.sticky-note .cat{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:10px}.sticky-note h4{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.02em;line-height:1.1}.sticky-note .tools{margin-top:12px;font-family:var(--font-mono);font-size:12px;line-height:1.7}.sticky-note .pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#8a1e1e;border-radius:50%;box-shadow:inset -2px -2px 2px #0000004d,1px 2px 2px #0000004d}@media(max-width:900px){.sticky-note{grid-column:span 3!important}}@media(max-width:600px){.sticky-note{grid-column:span 6!important}}.play-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.play-card{border:1.5px solid var(--ink);background:var(--paper);padding:24px;position:relative;overflow:hidden}.play-card .head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.play-card .head .dot-row{display:flex;gap:5px}.play-card .head .dot-row span{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);background:var(--paper)}.play-card h3{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.02em;margin-bottom:14px}.play-doodle{grid-column:span 5;min-height:340px}.play-color{grid-column:span 4;min-height:340px;background:var(--ink);color:var(--paper)}.play-drag{grid-column:span 3;min-height:340px}.play-synth{grid-column:span 7;min-height:280px;background:var(--ochre)}.play-scribble{grid-column:span 5;min-height:280px}@media(max-width:900px){.play-doodle,.play-color,.play-drag,.play-synth,.play-scribble{grid-column:span 12}}.doodle-canvas{width:100%;height:220px;background:#fff;border:1px dashed var(--rule);cursor:crosshair;position:relative;overflow:hidden}.play-card .ctrls{display:flex;gap:8px;margin-top:14px;font-family:var(--font-mono);font-size:11px}.play-card .ctrls button{padding:6px 12px;border:1px solid var(--ink);border-radius:999px}.play-card .ctrls .swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--ink);cursor:pointer}.color-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.color-pick .sw{aspect-ratio:1;border:1px solid rgba(246,240,227,.2);cursor:pointer;font-family:var(--font-mono);font-size:10px;display:flex;align-items:flex-end;padding:6px;color:var(--paper);mix-blend-mode:difference;transition:transform .15s}.color-pick .sw:hover{transform:scale(1.08)}.color-out{display:flex;justify-content:space-between;margin-top:14px;font-family:var(--font-mono);font-size:12px;padding-top:14px;border-top:1px dashed rgba(246,240,227,.2)}.stack-dragger{position:relative;height:220px;margin-top:10px}.drag-card{position:absolute;top:0;left:0;right:0;padding:16px;background:var(--paper);border:1.5px solid var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:12px;line-height:1.5;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.drag-card:active{cursor:grabbing}.drag-card .big{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}.synth-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:12px}.synth-cell{aspect-ratio:1;background:#1a181414;border:1px solid rgba(26,24,20,.15);cursor:pointer;transition:background .1s,transform .1s}.synth-cell:hover{background:#1a181433}.synth-cell.on{background:var(--ink);border-color:var(--ink)}.synth-ctrls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-family:var(--font-mono);font-size:12px}.cta-wrap{padding:160px 0 100px;text-align:center;position:relative}.cta-title{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,10vw,160px);letter-spacing:-.05em;line-height:.9;margin:0 auto;max-width:14ch}.cta-title em{font-style:italic;font-family:var(--font-hand);color:var(--ochre-deep);font-weight:400}.cta-btn{display:inline-flex;align-items:center;gap:14px;margin-top:48px;padding:22px 36px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:14px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;transition:transform .2s}.cta-btn:hover{transform:translateY(-2px)}.cta-sub{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-top:18px;letter-spacing:.08em;text-transform:uppercase}.foot{padding:40px 0 60px;border-top:1.5px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);flex-wrap:wrap;gap:20px}.foot-links{display:flex;gap:18px}.foot-links a:hover{color:var(--ink)}.scrib-under{position:relative;display:inline-block}.scrib-under svg{position:absolute;left:0;bottom:-6px;width:100%;height:10px;overflow:visible;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.2s ease-out .2s}.scrib-under.in svg{stroke-dashoffset:0}.scrib-circle{position:relative;display:inline-block;padding:0 6px}.scrib-circle svg{position:absolute;inset:-12px -6px;width:calc(100% + 12px);height:calc(100% + 24px);pointer-events:none;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.5s ease-out .3s}.scrib-circle.in svg{stroke-dashoffset:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.in{opacity:1;transform:translateY(0)}.r-1{transform:rotate(-1deg)}.r-2{transform:rotate(1.2deg)}.r-3{transform:rotate(-.6deg)}