@font-face{font-family:'Mozilla Text';src:url('/assets/fonts/mozilla-text-variable.woff2') format('woff2');font-style:normal;font-weight:200 700;font-display:swap;}
@font-face{font-family:'Mozilla Text';src:url('/assets/fonts/mozilla-text-italic-variable.woff2') format('woff2');font-style:italic;font-weight:200 700;font-display:swap;}
@font-face{font-family:'Mozilla Headline';src:url('/assets/fonts/mozilla-headline-variable.woff2') format('woff2');font-style:normal;font-weight:200 700;font-stretch:75% 125%;font-display:swap;}
:root{--paper:#eae7dc;--ink:#141210;--soft:#66625b;--primary:#c3f53c;--line:#c9c5bb;--white:#f9f7ee;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:'Mozilla Headline',Arial,sans-serif;--body:'Mozilla Text',Arial,sans-serif;--gutter:clamp(22px,3.4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:clip}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}body.dark{--paper:#22221f;--ink:#f1eee3;--soft:#c6c1b8;--line:#514f47;--white:#2c2c27}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #729619;outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-70px;left:20px;z-index:200;background:var(--primary);color:#141210;padding:14px}.skip:focus{top:10px}.pill{border:2px solid var(--ink);border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.header{position:fixed;top:12px;left:18px;right:18px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.header>*{pointer-events:auto;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(12px)}.identity{padding:5px 14px 5px 5px;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.4px;box-shadow:2px 2px 0 #14121015}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--primary);font:700 25px/1 var(--display)}.header nav{position:absolute;left:50%;transform:translateX(-50%);padding:3px 7px;gap:3px}.header nav a{padding:8px 12px;font-size:14px;font-weight:700;border-radius:30px;transition:background .2s}.header nav a:hover{background:var(--primary);color:#141210}.header-tools{display:flex;align-items:center;gap:7px;background:none;backdrop-filter:none}.icon-button{height:43px;width:43px;background:var(--paper);font-size:13px;font-weight:600}.icon-button:hover{background:var(--primary);color:#141210}.email{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:12px 17px;font-size:13px;font-weight:700}.email:hover{background:var(--primary);color:#141210}.hero{position:relative;min-height:900px;padding:170px 0 110px;text-align:center}.hero-stage{position:relative;max-width:1440px;margin:auto;padding:25px 12% 45px}.hero h1{margin:0;position:relative;z-index:2;font-family:var(--display);font-size:clamp(52px,7.8vw,120px);line-height:1.02;font-weight:700;letter-spacing:-.02em}.hero-line{display:flex;align-items:center;justify-content:center;gap:.23em;margin:0 0 .33em}.hero-line:last-child{font-size:.86em;gap:.17em}.word{display:inline-block;white-space:nowrap;padding:.035em .16em .09em;clip-path:polygon(0 9%,3% 9%,3% 0,97% 0,97% 9%,100% 9%,100% 91%,97% 91%,97% 100%,3% 100%,3% 91%,0 91%);animation:word-in .9s cubic-bezier(.2,.8,.2,1) both;transform:rotate(var(--r,0deg));transition:transform .35s}.word:hover{transform:rotate(-3deg) translateY(-5px)}.word.lime{background:var(--primary);color:#141210;--r:-1deg}.word.yellow{background:#edc65d;color:#141210;animation-delay:.08s;--r:1deg}.word.paper{background:#faf8ee;color:#141210;animation-delay:.16s}.word.orange{background:#d95125;color:#faf8ee;animation-delay:.24s;--r:-1deg}.word.green{background:#468b55;color:#faf8ee;animation-delay:.32s;--r:1deg}.hero-copy{max-width:530px;margin:20px auto 32px;font-size:17px;line-height:1.65;color:var(--soft);padding-inline:18px}.actions{display:flex;align-items:center;justify-content:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 25px;border:2px solid var(--ink);border-radius:999px;font-size:15px;font-weight:700;background:var(--white);color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb,var(--ink) 20%,transparent);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 color-mix(in srgb,var(--ink) 20%,transparent)}.button:active{transform:translateY(3px);box-shadow:none}.button.primary{background:var(--primary);color:#141210;border-color:#141210}.button svg{width:17px;height:17px}.sticker{position:absolute;z-index:3;display:grid;place-items:center;animation:float 5s ease-in-out infinite;will-change:transform;box-shadow:0 5px 2px #00000012}.face .eyes{position:relative;display:block;width:36px;height:20px;background:radial-gradient(circle at calc(27% + var(--eye-x,0px)) calc(46% + var(--eye-y,0px)),#181818 0 2.5px,transparent 3px),radial-gradient(circle at calc(74% + var(--eye-x,0px)) calc(46% + var(--eye-y,0px)),#181818 0 2.5px,transparent 3px),radial-gradient(ellipse at 27% 45%,white 0 6px,#252525 6px 7px,transparent 8px),radial-gradient(ellipse at 74% 45%,white 0 6px,#252525 6px 7px,transparent 8px)}.eyes:after{content:'';position:absolute;width:7px;height:4px;border:2px solid #141210;border-top:0;border-radius:0 0 8px 8px;left:15px;bottom:-2px}.circle{width:70px;height:70px;border-radius:50%;background:#bd3826;right:6%;top:-25px;rotate:15deg}.pentagon{width:67px;height:67px;clip-path:polygon(50% 0,100% 36%,82% 100%,18% 100%,0 36%);background:#df5228;right:3.5%;top:47%;rotate:15deg;animation-delay:-1s}.square{width:60px;height:60px;border-radius:10px;background:#55945f;right:5%;bottom:12%;rotate:10deg;animation-delay:-2s}.semicircle{width:83px;height:45px;border-radius:80px 80px 0 0;background:#aa98de;left:7%;bottom:0;animation-delay:-3s}.ruler{width:43px;height:96px;background:#8faedf;left:4%;top:48%;border-radius:5px;rotate:14deg;animation-delay:-.6s}.ruler:before{content:'';position:absolute;inset:6px auto 6px 5px;width:9px;background:repeating-linear-gradient(to bottom,#3d5683 0 2px,transparent 2px 10px)}.checker{position:absolute;width:29px;height:29px;background:conic-gradient(var(--ink) 25%,transparent 0 50%,var(--ink) 0 75%,transparent 0);background-size:14px 14px;transform:skewY(-12deg)}.checker-one{top:20%;left:6%}.checker-two{bottom:0;right:17%;color:var(--primary);background:conic-gradient(#4762b9 25%,transparent 0 50%,#4762b9 0 75%,transparent 0);background-size:14px 14px}.page-section{position:relative;margin-inline:var(--gutter)}h2,h3{font-family:var(--display);margin:0;font-weight:700}h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.02em;line-height:.98}.section-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto 100px}.highlight{display:inline-block;padding:0 .23em .05em;border-radius:50%;background:var(--primary);color:#141210;rotate:-2deg}.highlight.yellow{background:#f1cf6e}.highlight.lavender{background:#ad9ce0}.mono{font:11px/1.6 var(--mono);letter-spacing:1.3px}.project-stack{padding-bottom:0}.project{position:sticky;top:165px;min-height:610px;height:calc(100vh - 230px);max-height:800px;margin-top:80px;padding:50px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;border-radius:0 24px 24px 24px;background:var(--project-bg);color:var(--project-ink,#141210);isolation:isolate}.project-tab{position:absolute;left:calc(var(--index) * 14.2%);top:-55px;width:190px;height:57px;clip-path:polygon(0 0,81% 0,100% 100%,0 100%);border-radius:16px 0 0;background:var(--project-bg);display:flex;align-items:center;gap:8px;padding-left:22px;font:700 11px var(--mono);letter-spacing:1px}.project-tab svg{width:18px;height:18px;stroke-width:1}.project-copy{padding-top:0;position:relative;z-index:2}.project-kicker{font:11px/1.6 var(--mono);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 24px}.project-kicker:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:8px}.project h3{font-size:clamp(32px,3.8vw,57px);letter-spacing:-.02em;line-height:1.02;max-width:430px}.project-open{background:none;border:0;border-bottom:2px solid currentColor;display:inline-flex;gap:12px;align-items:center;padding:0 0 9px;margin-top:38px;font:700 12px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase}.project-open svg{width:15px;height:15px}.project-placeholder{display:block;font:10px/1.6 var(--mono);letter-spacing:1px;margin-top:44px;opacity:.8}.project-media{align-self:center;position:relative;aspect-ratio:1.2;background:var(--media-bg,#dbe2f8);border:8px solid #f7f5ec;box-shadow:0 18px 30px #0002;display:grid;place-items:center;transform:rotate(var(--tilt,-1deg));overflow:visible;color:#141210}.project-media:before,.project-media:after{content:'';position:absolute;top:-15px;width:100px;height:26px;background:#faf8ee75;z-index:2;rotate:-8deg;left:20px}.project-media:after{left:auto;right:20px;rotate:9deg}.project-media .specimen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;overflow:hidden}.specimen-label{font:9px var(--mono);letter-spacing:2px}.type-art{font:700 clamp(58px,9vw,140px)/.9 var(--display);letter-spacing:-.02em;text-align:center}.specimen-one{background:#dce4b9}.specimen-one .morph{width:110px;height:110px;background:#141210;border-radius:30px;animation:morph 6s ease-in-out infinite;color:var(--primary);display:grid;place-items:center;font:700 65px var(--display)}.specimen-two{background:#22231e;color:#f1f0e6}.orbit{width:160px;height:160px;border:1px solid #b7a6e5;border-radius:50%;position:relative;animation:spin 12s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;width:55px;height:55px;background:#c3f53c;border-radius:50%;left:0;top:0}.orbit:after{background:#b7a6e5;left:auto;top:auto;right:0;bottom:0}.specimen-three{background:#f2c963}.specimen-three .type-art{animation:type-shift 4s ease-in-out infinite}.specimen-four{background:#e9e5d7}.system-grid{display:grid;grid-template-columns:repeat(3,60px);gap:10px}.system-grid i{display:block;width:60px;height:60px;border-radius:8px;background:#c3f53c;animation:tile 3s infinite alternate;animation-delay:calc(var(--i) * -.3s)}.system-grid i:nth-child(3n){background:#141210;border-radius:50%}.system-grid i:nth-child(2n){background:#ad9ce0}.specimen-five{background:#f3dbd4}.steps{display:flex;gap:12px;align-items:center}.steps i{display:grid;place-items:center;width:58px;height:58px;background:#141210;color:#c3f53c;border-radius:50%;font:700 24px var(--display);animation:tile 3s infinite alternate}.steps i:nth-child(2){animation-delay:-1s}.steps i:nth-child(3){animation-delay:-2s}.specimen-six{background:#342b36;color:#f1eee3}.specimen-six .type-art{font-style:italic;font-family:Georgia,serif;animation:float 6s infinite}.section-intro{text-align:center;max-width:1200px;margin:0 auto 72px}.section-intro p{font-size:17px;line-height:1.65;max-width:510px;margin:24px auto 0;color:var(--soft)}.section-intro p.mono{font-size:11px;max-width:none;letter-spacing:1.4px}.services{padding:170px 0 150px}.service-list{max-width:820px;margin:auto}.service{display:flex;align-items:flex-start;gap:28px;padding:38px 22px;border-bottom:2px dashed color-mix(in srgb,var(--line) 65%,transparent)}.service:last-child{border-bottom:0}.pixel-icon{flex-shrink:0;width:72px;height:72px;border:1px solid #d9d5cc;border-radius:17px;display:grid;place-items:center;background:var(--white);box-shadow:0 3px 0 #00000013;font-family:var(--mono);font-size:43px;font-weight:800;color:#e0ba4d;text-shadow:2px 2px #25241f,-1px -1px #25241f;transition:rotate .3s,transform .3s}.service:hover .pixel-icon{rotate:-8deg;transform:translateY(-4px)}.pixel-icon.speech{color:#8ca7db;line-height:.3;font-size:40px;text-shadow:none;border:3px solid #222}.service h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;line-height:1.05}.service p{font-size:16px;line-height:1.6;margin:12px 0 0;color:var(--soft);max-width:630px}.experience{padding:70px 0 150px}.experience h2{font-size:clamp(40px,5.5vw,78px)}.case-icon{display:inline-flex;vertical-align:middle;rotate:-8deg;margin-right:14px}.case-icon svg{width:54px;height:50px;stroke-width:3;stroke:#141210;fill:var(--primary)}.brick-stack{max-width:760px;margin:70px auto 0;position:relative;padding:20px 30px 25px}.brick-stack:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:11px;background:#14121025;border-radius:50%;filter:blur(4px)}.brick-row{display:flex;align-items:center;gap:24px;position:relative;margin:0 0 8px;transform:translateX(var(--offset,0px));z-index:calc(10 - var(--index))}.brick{position:relative;border:0;background:var(--brand);color:var(--brand-ink,#141210);min-width:360px;max-width:430px;flex:1;min-height:88px;padding:8px 22px 12px;border-radius:4px;box-shadow:inset 0 -7px 0 #0002,0 3px 1px #0001;filter:grayscale(1);opacity:.8;transition:filter .35s,opacity .35s,transform .35s;isolation:isolate;cursor:default}.brick:before{content:'';position:absolute;top:-10px;left:9px;right:9px;height:14px;background:repeating-linear-gradient(to right,var(--brand) 0 29px,transparent 29px 43px);border-radius:5px 5px 0 0;z-index:-1}.brick:after{content:'';position:absolute;inset:0;background:radial-gradient(#fff5 .5px,transparent .7px);background-size:3px 3px;opacity:.45;pointer-events:none}.brick:hover,.brick:focus-visible{filter:grayscale(0);opacity:1;transform:translateY(-5px) rotate(-1deg)}.wordmark{display:flex;align-items:center;gap:12px;font:700 clamp(28px,3.8vw,51px)/1.05 var(--display);letter-spacing:-.02em;white-space:nowrap}.logo-symbol{width:35px;height:35px;display:grid;place-items:center;font-size:20px;border:3px solid currentColor;letter-spacing:-.15em;transform:rotate(-7deg);border-radius:7px}.brick-row:nth-child(2) .logo-symbol{border-radius:50%;border-style:dashed}.brick-row:nth-child(3) .logo-symbol{border:0;background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:0}.brick-row:nth-child(4) .logo-symbol{border-radius:0;transform:rotate(45deg)}.brick-row:nth-child(5) .logo-symbol{border-radius:50% 50% 0 50%}.brick-info{width:180px;flex-shrink:0;font:11px/1.5 var(--mono);letter-spacing:.4px;text-transform:uppercase;color:var(--soft)}.brick-info time{display:block;color:var(--ink);margin-bottom:4px}.testimonials{padding:90px 0 150px}.testimonial-track{display:flex;gap:26px;max-width:1120px;margin:auto}.quote-card{background:var(--white);padding:35px 40px 30px;flex:1;box-shadow:5px 6px 0 #00000008;rotate:-1.5deg;position:relative;min-height:300px;display:flex;flex-direction:column}.quote-card:nth-child(2){rotate:2deg}.quote-mark{font:100px/.7 Georgia;color:var(--primary);text-shadow:1px 1px #141210}.quote-card>p{font:600 clamp(22px,2.2vw,32px)/1.25 var(--display);letter-spacing:-.02em;max-width:400px;margin:25px 0 40px}.quote-person{display:flex;align-items:center;gap:12px;margin-top:auto}.person-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dad7cd;color:#141210;font:700 16px var(--mono)}.quote-person strong{font-size:14px;display:block}.quote-person .mono{font-size:9px;color:var(--soft);display:block;margin-top:4px;letter-spacing:.7px}.playground{margin-inline:0;padding:60px 0 130px;overflow:hidden}.playground .section-intro{padding-inline:25px}.marquee-window{overflow:hidden;margin:0 0 24px;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}.marquee{display:flex;width:max-content;gap:24px;animation:marquee 55s linear infinite}.marquee.reverse{animation-direction:reverse;animation-duration:65s}.marquee-window:hover .marquee,.marquee-window:focus-within .marquee{animation-play-state:paused}.play-tile{width:400px;height:285px;position:relative;display:grid;place-items:center;border:8px solid var(--white);background:var(--tile-bg,#d9decd);color:#141210;box-shadow:5px 5px 0 #0001;cursor:pointer;overflow:hidden;flex-shrink:0}.play-tile .expand-label{position:absolute;bottom:10px;left:12px;font:9px var(--mono);letter-spacing:1px;background:var(--white);color:var(--ink);padding:5px 7px}.play-tile:after{content:'↗';position:absolute;right:12px;top:10px;font-size:20px;opacity:0;transition:opacity .2s}.play-tile:hover:after{opacity:1}.play-art{display:grid;place-items:center;width:100%;height:100%;position:relative}.play-art.orbits .orbit{width:145px;height:145px;border-color:#14121055}.play-art.receipt{background:#dfdcd2}.receipt-paper{width:150px;padding:20px 14px;background:#f9f8ef;box-shadow:0 8px 8px #0002;clip-path:polygon(0 0,100% 0,100% 97%,94% 100%,88% 97%,82% 100%,76% 97%,70% 100%,64% 97%,58% 100%,52% 97%,46% 100%,40% 97%,34% 100%,28% 97%,22% 100%,16% 97%,10% 100%,0 97%);animation:receipt 5s ease-in-out infinite;font:11px var(--mono)}.receipt-paper strong{display:block;font-size:15px;margin-bottom:18px}.receipt-paper i{display:block;height:5px;background:#bdbeb3;margin-bottom:8px}.receipt-paper i:nth-child(2n){width:70%}.receipt-paper span{display:block;border-top:1px dashed;margin-top:18px;padding-top:12px}.toggle-demo{padding:10px;background:#141210;width:140px;border-radius:60px;text-align:left}.toggle-knob{display:block;width:62px;height:62px;background:var(--primary);border-radius:50%;animation:toggle 4s ease-in-out infinite}.pills-art{display:flex;flex-wrap:wrap;gap:10px;max-width:250px;justify-content:center}.pills-art span{border:2px solid #141210;border-radius:40px;padding:12px 20px;font-weight:700;background:var(--primary);animation:float 4s infinite;rotate:-8deg}.pills-art span:nth-child(2){background:#a89cdb;animation-delay:-1s;rotate:8deg}.pills-art span:nth-child(3){background:#f2cf6a;animation-delay:-2s}.type-play{font:700 95px/.9 var(--display);letter-spacing:-.02em;animation:type-shift 5s infinite}.dock-art{display:flex;gap:10px;align-items:center}.dock-art i{width:50px;height:50px;background:#f9f7ee;border:2px solid #141210;border-radius:12px;display:grid;place-items:center;font:700 28px var(--display);animation:dock 3s infinite alternate}.dock-art i:nth-child(2){animation-delay:-1s;background:var(--primary)}.dock-art i:nth-child(3){animation-delay:-2s;background:#a89cdb}.center{text-align:center;margin-top:48px}footer{background:color-mix(in srgb,var(--paper) 84%,#b9ac89);padding:0}.footer-inner{margin:0 var(--gutter);padding:65px 0 30px}.footer-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;font-size:14px;font-weight:600}.footer-nav a:hover{text-decoration:underline;text-underline-offset:5px}.footer-callout{text-align:center;padding:100px 20px 55px}.footer-callout h2{font-size:clamp(34px,3.6vw,52px);line-height:1.02}.footer-callout>p{font-size:16px;line-height:1.6;margin:22px auto 30px;color:var(--soft)}.footer-callout .copy-status{font-size:12px;margin:14px 0 0;min-height:18px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end}.footer-bottom .mono{font-size:10px}.cat{background:none;border:0;position:relative;padding:0;width:105px;height:60px;transition:transform .3s}.cat svg{width:105px;height:60px;stroke:none}.cat span{position:absolute;top:0;right:13px;font:10px var(--mono);rotate:-15deg}.cat.awake{animation:cat .8s ease-in-out}.cat.awake span{display:none}.wall{padding:60px var(--gutter) 80px;text-align:center;background:var(--paper);border-top:1px solid var(--line)}.wall h2{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em;margin:15px 0 28px}.wall-note{font-size:12px;color:var(--soft);margin-top:20px}.wall-signatures{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:35px}.signature{background:var(--white);padding:20px;max-width:220px;rotate:var(--rotate,2deg);box-shadow:3px 3px 0 #0001;overflow-wrap:anywhere}.signature strong{font:italic 28px Georgia;display:block;margin-bottom:12px}.signature p{font-size:13px;line-height:1.5}.signature span{font:9px var(--mono);color:var(--soft)}dialog{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:20px;max-width:calc(100% - 32px);padding:25px;box-shadow:12px 18px 0 #14121025}dialog::backdrop{background:#14121080;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .25s ease both}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dialog-header h2{font-size:29px;letter-spacing:-.02em}.close-dialog{width:35px;height:35px;display:grid;place-items:center;font-size:27px;background:transparent;border:1px solid var(--ink);border-radius:50%}.command-dialog{width:500px}.command-dialog nav{display:grid}.command-dialog nav a{padding:17px 12px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:16px}.command-dialog nav a:hover{background:var(--primary);color:#141210}.command-dialog nav span{font:12px var(--mono)}.dialog-hint{display:block;font-size:9px;margin-top:18px;color:var(--soft)}.detail-dialog{width:730px}.detail-dialog h2{font-size:42px;line-height:1.05}.detail-dialog p{font-size:17px;line-height:1.65;color:var(--soft)}.detail-dialog .play-art{height:350px;background:var(--primary);border-radius:12px;overflow:hidden;margin-bottom:25px;color:#141210}.wall-dialog{width:460px}.wall-dialog form{display:grid;gap:12px}.wall-dialog label{font-size:13px;font-weight:600}.wall-dialog input,.wall-dialog textarea{width:100%;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:16px}.wall-dialog form p{font-size:12px;color:var(--soft);line-height:1.5}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.js-motion .reveal.visible{opacity:1;transform:none}.brick-row.reveal{--delay:calc(var(--index) * 90ms)}.js-motion .brick-row.reveal{transform:translate(var(--offset),45px) rotate(-3deg)}.js-motion .brick-row.reveal.visible{transform:translate(var(--offset),0) rotate(0)}
@keyframes word-in{from{opacity:0;translate:0 28px;rotate:-4deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes morph{0%,100%{border-radius:30px;transform:rotate(0)}35%{border-radius:50%;transform:rotate(90deg)}70%{border-radius:12px;transform:rotate(180deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes type-shift{0%,100%{transform:skew(-5deg) scale(.95)}50%{transform:skew(5deg) scale(1.05)}}@keyframes tile{to{transform:translateY(-12px) rotate(10deg);border-radius:20px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes receipt{0%,100%{transform:translateY(8px)}50%{transform:translateY(-12px)}}@keyframes toggle{0%,30%,100%{transform:translateX(0)}50%,80%{transform:translateX(58px)}}@keyframes dock{to{transform:translateY(-15px) scale(1.14)}}@keyframes cat{30%{transform:translateY(-12px) rotate(4deg)}60%{transform:translateY(-4px) rotate(-3deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1650px){.hero-stage,.page-section,.footer-inner{max-width:1600px;margin-inline:auto}.project h3{font-size:60px}.project{height:700px}.hero{min-height:1000px}}@media(max-width:1050px){.header .email{display:none}.header nav{position:static;transform:none}.hero{min-height:780px;padding-top:160px}.hero-stage{padding-inline:10%}.hero h1{font-size:8.2vw}.hero-line:last-child{font-size:.81em}.circle{right:4%;top:-35px}.project{padding:35px;gap:30px;min-height:530px}.project-tab{width:160px;padding-left:14px;font-size:9px}.project h3{font-size:37px}.project-media{border-width:6px;aspect-ratio:1}.project-placeholder{margin-top:30px}.brick-stack{max-width:700px}.brick{min-width:310px}.brick-info{width:155px;font-size:10px}.wordmark{font-size:42px}.experience h2{font-size:5.4vw}.footer-inner{padding-top:45px}}@media(max-width:650px){:root{--gutter:20px}html{scroll-padding-top:85px}.header{left:12px;right:12px;top:10px;gap:6px}.identity{font-size:12px;gap:6px;padding-right:10px;white-space:nowrap}.avatar{width:26px;height:26px;font-size:22px}.header nav{position:fixed;left:50%;top:61px;transform:translateX(-50%);gap:0;white-space:nowrap}.header nav a{font-size:12px;padding:6px 15px}.header-tools{margin-left:auto;gap:5px}.icon-button{height:36px;width:36px;font-size:11px}.theme svg{width:18px;height:18px}.hero{min-height:690px;padding:180px 0 75px}.hero-stage{padding:20px 6% 45px}.hero h1{font-size:clamp(39px,10vw,62px);letter-spacing:-.02em}.hero-line{gap:.18em;margin-bottom:.35em}.hero-line:last-child{font-size:.65em;gap:.13em}.word{padding:.1em .15em .13em}.hero-copy{font-size:15px;max-width:350px;margin:22px auto 27px;line-height:1.6}.circle{width:43px;height:43px;right:5%;top:-35px}.pentagon{width:42px;height:42px;right:1%;top:44%}.square{width:36px;height:36px;right:6%;bottom:0}.semicircle{width:55px;height:30px;left:12%;bottom:3px}.ruler{width:25px;height:60px;left:2%;top:33%;rotate:9deg}.face .eyes{transform:scale(.65)}.checker{width:20px;height:20px;background-size:10px 10px}.checker-one{left:7%;top:-15px}.checker-two{right:30%;bottom:0}.button{font-size:13px;min-height:48px;padding:0 21px}.actions{gap:10px}h2{font-size:45px}.section-title{gap:20px;margin-bottom:80px}.section-title .mono{font-size:9px}.project{top:140px;margin-top:70px;min-height:600px;height:calc(100svh - 180px);max-height:720px;padding:30px 24px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:25px;border-radius:0 18px 18px 18px}.project-tab{top:-43px;height:45px;width:130px;left:calc(var(--index) * 12%);padding-left:12px;font-size:8px;gap:6px}.project-tab svg{width:14px;height:14px}.project-kicker{font-size:9px;margin-bottom:16px;letter-spacing:1px}.project h3{font-size:35px;max-width:320px;line-height:1}.project-open{font-size:10px;margin-top:20px;padding-bottom:6px;letter-spacing:.8px}.project-placeholder{font-size:8px;margin-top:16px}.project-media{width:100%;max-width:350px;margin:0 auto;aspect-ratio:1.5;align-self:center;border-width:6px}.project-media:before,.project-media:after{width:65px;height:20px;top:-13px}.type-art{font-size:75px}.specimen-one .morph{width:75px;height:75px;font-size:45px}.orbit{width:95px;height:95px}.orbit:before,.orbit:after{width:35px;height:35px}.specimen-label{font-size:7px}.system-grid{grid-template-columns:repeat(3,40px);gap:8px}.system-grid i{width:40px;height:40px}.steps i{width:42px;height:42px;font-size:20px}.services{padding:110px 0 80px}.section-intro{margin-bottom:40px}.section-intro p{font-size:15px;max-width:310px;margin-top:22px}.service{padding:28px 0;gap:18px}.pixel-icon{width:54px;height:54px;font-size:32px;border-radius:12px}.service h3{font-size:25px}.service p{font-size:14px;margin-top:9px;line-height:1.6}.experience{padding:65px 0 90px}.experience h2{font-size:41px;max-width:370px;margin:auto}.case-icon{margin-right:7px}.case-icon svg{width:34px;height:33px}.section-intro p.mono{font-size:9px}.brick-stack{margin-top:55px;padding:15px 3px 20px;max-width:390px}.brick-row{gap:12px;--offset:0px!important;margin-bottom:8px}.brick{min-width:0;max-width:none;min-height:66px;padding:12px 12px 14px}.wordmark{font-size:26px;gap:8px;letter-spacing:-.06em}.logo-symbol{width:24px;height:24px;font-size:14px;border-width:2px;flex-shrink:0}.brick:before{height:11px;top:-7px;background:repeating-linear-gradient(to right,var(--brand) 0 22px,transparent 22px 34px)}.brick-info{width:90px;font-size:8px;line-height:1.5;letter-spacing:0}.brick-info time{font-size:9px}.testimonials{padding:70px 0 90px}.testimonial-track{overflow-x:auto;padding:12px 10px 25px;gap:23px;scroll-snap-type:x mandatory}.quote-card{min-width:290px;flex:0 0 85%;min-height:280px;padding:30px;scroll-snap-align:center}.quote-card>p{font-size:27px}.quote-person strong{font-size:12px}.quote-person .mono{font-size:8px}.playground{padding:50px 0 90px}.play-tile{width:290px;height:220px;border-width:6px}.marquee{gap:18px}.marquee-window{margin-bottom:18px}.center{margin-top:35px}.play-art .type-play{font-size:76px}.footer-nav{gap:20px;font-size:12px}.footer-callout{padding:65px 0 35px}.footer-callout h2{font-size:36px}.footer-callout>p{font-size:14px;line-height:1.6}.footer-callout>p br{display:none}.footer-bottom .mono{font-size:8px;letter-spacing:.6px}.cat{width:80px}.cat svg{width:80px}.wall{padding:45px 22px 60px}.wall h2{font-size:30px;line-height:1.05}.wall .mono{font-size:9px}.detail-dialog h2{font-size:32px}.detail-dialog p{font-size:15px}.detail-dialog .play-art{height:250px}dialog{padding:22px}.dialog-header h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.js-motion .brick-row.reveal{transform:translateX(var(--offset))}.marquee{flex-wrap:wrap;width:auto;justify-content:center}.marquee .duplicate{display:none}.project{position:relative;top:0}}

.pixel-icon svg{width:40px;height:40px;stroke:#25241f;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.pixel-icon.speech{border:1px solid #d9d5cc}.play-tile:after{content:"";width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:18px;right:18px}.hero h1{letter-spacing:-.02em}@media(max-width:650px){.pixel-icon svg{width:31px;height:31px}}