@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/91bd2e40df15814e-s.19s5evoqhirey.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a63431c4ac64ea8b-s.386o_ri1vb0yv.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8b4ed0a90d903ab5-s.44dak0sams9f0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c47649aa31f9e140-s.p.3lxpqujs87tck.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.hanken_grotesk_fba5aca1-module__RiqvWW__className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.hanken_grotesk_fba5aca1-module__RiqvWW__variable{--font-hanken:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_200044c2-module__2miL9q__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_200044c2-module__2miL9q__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--ink:#000;--paper:#f9f9f7;--white:#fff;--coral:#ff7f7f;--red:#a43a3d;--yellow:#eab308;--muted:#5e5758;--grid:#e5e5e3;--line:2px solid var(--ink);--max:1400px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle, var(--grid) 1px, transparent 1px);font-family:var(--font-hanken), sans-serif;background-size:20px 20px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.2em}mark{color:inherit;background:#ff7f7f40;padding:0 .12em}.cms-image-frame{background:var(--paper);place-items:stretch stretch;width:100%;max-width:100%;height:100%;margin:0;display:grid;overflow:hidden}.cms-image-frame img{width:100%;min-width:0;height:100%;min-height:0;display:block}.cms-image-frame figcaption{display:none}.page-shell{width:min(100% - 48px, var(--max));border-inline:1px solid var(--ink);margin-inline:auto}.coral{color:var(--coral)}.coral-bg{background:var(--coral)!important}.hand-note{font-family:Comic Sans MS,cursive;font-weight:700;transform:rotate(-2deg)}.tape{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffc;border:1px solid #0000001a;width:88px;height:24px;position:absolute}.site-header{z-index:100;border-bottom:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f9f9f7f2;height:82px;position:sticky;top:0}.header-inner{max-width:var(--max);align-items:center;gap:28px;height:100%;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:-.07em;font-size:38px;font-weight:900;line-height:1}.brand span{color:var(--coral)}.root-label{color:#777;text-transform:uppercase;font:10px var(--font-mono), monospace;letter-spacing:.12em;align-items:center;gap:12px;display:flex}.root-label b{color:var(--ink);border:1px solid var(--ink);background:#ff7f7f1f;padding:3px 6px}.main-nav{align-items:center;gap:36px;margin-left:auto;display:flex}.main-nav a{font:700 12px var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #0000;padding-block:4px}.main-nav a:hover,.main-nav a.active{color:var(--red);border-color:var(--coral)}.button{border:3px solid var(--ink);background:var(--ink);width:fit-content;color:var(--white);box-shadow:8px 8px 0 var(--coral);text-transform:uppercase;font:800 13px var(--font-mono), monospace;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;padding:15px 24px;transition:all .16s;display:inline-flex}.button:hover{box-shadow:none;background:var(--coral);transform:translate(8px,8px)}.button-small{box-shadow:4px 4px 0 var(--coral);padding:11px 20px}.button-small:hover{transform:translate(4px,4px)}.header-cta{margin-left:8px}.menu-button{border:var(--line);background:0 0;width:42px;height:42px;padding:8px;display:none}.menu-button span{background:var(--ink);height:3px;margin:4px 0;display:block}.hero{grid-template-columns:.92fr 1.15fr;align-items:center;gap:70px;min-height:calc(100vh - 82px);padding:90px 48px 110px;display:grid;position:relative}.hero-copy{z-index:5;position:relative}.wip-sticker{border:var(--line);background:var(--yellow);width:54px;height:54px;font:800 10px var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:-34px;left:-20px;transform:rotate(-14deg)}.hero h1{text-transform:uppercase;letter-spacing:-.065em;margin:0;font-size:clamp(58px,7.4vw,116px);font-weight:900;line-height:.82}.hero h1 em{color:var(--white);background:var(--ink);padding:.03em .09em .08em;font-style:italic;display:inline-block;transform:rotate(1deg);box-shadow:5px 5px #0000001f}.scribble{position:relative}.scribble:after{content:"";z-index:-1;background:var(--coral);height:.12em;position:absolute;bottom:.05em;left:-2%;right:-2%;transform:rotate(-2deg)}.paper-note{background:#ffffffc7;border:1px solid #0000001f;max-width:560px;margin:34px 0;padding:18px;font-size:18px;font-weight:500;line-height:1.55;box-shadow:0 3px 12px #0000000d}.hero-actions{align-items:center;gap:30px;display:flex}.text-link{border-bottom:var(--line);font:700 13px var(--font-mono);align-items:center;gap:8px;display:flex}.lab-board{min-width:0;position:relative}.board-window{border:4px solid var(--ink);background:var(--white);box-shadow:16px 16px 0 var(--ink)}.window-bar,.window-footer{border-bottom:4px solid var(--ink);min-height:58px;font:700 11px var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.window-bar>span{gap:7px;display:flex}.window-bar i,.terminal-dots i{border:2px solid var(--ink);border-radius:50%;width:11px;height:11px;display:inline-block}.window-bar b{border:var(--line);background:#ff7f7f1f;align-items:center;gap:8px;padding:5px 9px;display:flex}.window-bar b i{background:var(--coral);border:0;width:8px;height:8px}.board-canvas{aspect-ratio:1.2;background-image:radial-gradient(#ccc 1px,#0000 1px);background-size:24px 24px;min-height:450px;position:relative;overflow:visible}.wireframe-card{border:4px solid var(--ink);background:var(--white);width:42%;height:30%;box-shadow:8px 8px 0 var(--coral);padding:10px;position:absolute;top:9%;left:6%;transform:rotate(-5deg)}.wireframe-card>span{border-bottom:4px solid;height:18%;display:block}.wireframe-card>div{gap:6px;height:62%;padding-top:8px;display:flex}.wireframe-card i{border:4px solid;flex:1}.wireframe-card i:last-child{flex:2}.wireframe-card small{background:#ff7f7f4d;border:1px solid;padding:2px 5px;font-family:Comic Sans MS;position:absolute;bottom:-28px;left:5px}.sticky-note{background:var(--coral);border:4px solid;width:132px;height:132px;padding:16px;font:700 17px Comic Sans MS;position:absolute;top:11%;right:6%;transform:rotate(9deg);box-shadow:4px 4px}.central-code{background:var(--white);border:4px solid;border-radius:50%;place-items:center;width:130px;height:100px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:8px 8px}.central-code svg{width:75px}.terminal{border:3px solid var(--ink);color:#f3f3f3;box-shadow:8px 8px 0 var(--ink);font-family:var(--font-mono), monospace;background:#171918}.terminal-bar{border-bottom:3px solid var(--ink);min-height:44px;color:var(--ink);background:#e8e8e8;justify-content:space-between;align-items:center;padding:8px 13px;font-size:11px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots i:first-child{background:#c54a4a}.terminal-dots i:nth-child(2){background:var(--yellow)}.terminal-dots i:nth-child(3){background:#42d392}.terminal-body{padding:22px;font-size:12px;line-height:1.75}.terminal-body p{margin:4px 0}.hero-terminal{width:48%;box-shadow:9px 9px 0 var(--coral);position:absolute;bottom:-5%;left:-6%;transform:rotate(-3deg)}.hero-terminal .terminal-bar{display:none}.flow-chip{background:var(--white);box-shadow:7px 7px 0 var(--coral);font:700 11px var(--font-mono);border:4px solid;padding:12px;position:absolute;bottom:8%;right:5%;transform:rotate(2deg)}.flow-chip b{color:var(--coral);padding:0 5px}.window-footer{border:0;border-top:4px solid}.window-footer span:first-child{background:var(--coral);padding:4px}.window-footer b{color:var(--white);background:var(--ink);padding:4px 8px}.board-spark{z-index:10;width:65px;position:absolute;top:-38px;right:-28px}.illustration-placeholder{z-index:20;text-align:center;background:var(--white);width:220px;height:205px;box-shadow:13px 13px 0 var(--coral);font:700 13px var(--font-mono);border:4px solid;place-items:center;display:grid;position:absolute;bottom:-90px;right:-70px;transform:rotate(5deg)}.illustration-placeholder span{border:var(--line);background:#ff7f7f4d;padding:5px 9px;font:700 19px Comic Sans MS;position:absolute;top:-42px;left:-80px;transform:rotate(-15deg)}.illustration-placeholder .cms-image-frame{z-index:-1;position:absolute;inset:0}.marquee{background:var(--coral);height:62px;font:800 14px var(--font-mono);letter-spacing:.08em;white-space:nowrap;border-block:4px solid;align-items:center;display:flex;overflow:hidden}.marquee div{min-width:max-content;animation:24s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:100px 48px 120px}.section-heading{border-bottom:var(--line);justify-content:space-between;align-items:center;margin-bottom:62px;padding-bottom:16px;display:flex}.section-heading h2{border:var(--line);background:var(--white);text-transform:uppercase;font:700 14px var(--font-mono);margin:0;padding:8px 12px;transform:rotate(-1deg);box-shadow:4px 4px #00000026}.section-heading a{background:var(--ink);color:var(--white);text-transform:uppercase;font:700 11px var(--font-mono);align-items:center;gap:5px;padding:9px 13px;display:flex}.featured-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:28px;display:grid}.feature-card{border:var(--line);background:var(--white);transition:all .2s;position:relative}.feature-card:before{content:"";z-index:3;background:#ffffffd1;border:1px solid #0000001f;width:48px;height:16px;position:absolute;top:-12px;right:-10px;transform:rotate(10deg)}.feature-card:hover{box-shadow:8px 8px 0 var(--coral);transform:translateY(-8px)}.offset-1{margin-top:28px}.offset-3{margin-top:58px}.card-index{border-bottom:var(--line);height:45px;font:700 12px var(--font-mono);background:#f4f4f3;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.project-preview{aspect-ratio:4/3;border-bottom:var(--line);background-color:var(--paper);background-image:radial-gradient(#d5d5d3 1px,#0000 1px);background-size:16px 16px;place-items:center;padding:22px;display:grid;overflow:hidden}.project-preview:has(.cms-image-frame){padding:0}.project-preview .cms-image-frame{height:100%;width:100%!important}.project-preview.website b{border:var(--line);background:var(--white);width:95%;height:95%;padding:18px;font-family:Georgia,serif;font-size:30px;line-height:.85;transform:rotate(2deg);box-shadow:5px 5px 12px #00000021}.phone{background:var(--white);width:68%;height:105%;box-shadow:7px 7px 0 var(--coral);border:4px solid;padding:25px 12px;transform:rotate(-4deg)}.phone b,.phone small{display:block}.phone small{color:#777;font-family:var(--font-mono);margin-top:16px}.workflow{flex-direction:column;gap:9px;width:90%;display:flex}.workflow span{border:var(--line);background:var(--white);font:700 10px var(--font-mono);box-shadow:4px 4px 0 var(--coral);padding:9px}.project-preview.code{color:#eee;background:var(--ink);justify-content:flex-start;align-items:center;display:flex}.project-preview code{font:10px/2 var(--font-mono)}.project-preview code i{color:var(--coral);font-style:normal;font-weight:800}.feature-card-copy{padding:24px}.feature-card-copy h3{text-transform:uppercase;margin:0 0 10px;font-size:18px}.feature-card-copy p{color:#555;min-height:70px;line-height:1.5}.tag{font:700 10px var(--font-mono);background:#f5f5f4;border:1.5px solid;padding:5px 9px;display:inline-flex}.experiment-section{background:var(--white);border-block:4px solid}.experiment-grid{grid-template-columns:.8fr 1.55fr;align-items:center;gap:70px;padding:105px 48px 120px;display:grid}.experiment-label{text-transform:uppercase;font:800 11px var(--font-mono);align-items:center;gap:15px;display:flex}.experiment-label span{border:var(--line);background:#ff7f7f38;padding:7px}.experiment-label b{background:var(--ink);color:var(--white);padding:7px 10px}.experiment-copy h2{letter-spacing:-.05em;text-transform:uppercase;margin:24px 0;font-size:clamp(48px,5.4vw,78px);line-height:.87}.experiment-copy h2 span{color:var(--coral)}.experiment-copy>p{max-width:420px;font:700 15px/1.5 var(--font-mono);border-left:4px solid;padding-left:15px}.tools-box{background:var(--paper);box-shadow:8px 8px 0 var(--coral);border:4px solid;margin:32px 0;padding:22px}.tools-box>b{border:var(--line);background:var(--coral);text-transform:uppercase;font:800 10px var(--font-mono);padding:5px;display:inline-block}.tools-box div{gap:14px;margin:18px 0;display:flex}.tools-box i{background:var(--white);border:3px solid;place-items:center;width:44px;height:44px;font-style:normal;font-weight:900;display:grid;box-shadow:4px 4px}.tools-box p{border-top:2px dashed;margin:0;padding-top:14px;font:700 14px Comic Sans MS}.underlined-link{border-bottom:4px solid var(--coral);text-transform:uppercase;font-weight:900}.experiment-visual{background:var(--paper);border:4px solid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:24px;min-height:610px;padding:45px;display:grid;position:relative;box-shadow:16px 16px}.lab-note{z-index:5;background:var(--coral);border:4px solid;padding:14px;font:700 15px Comic Sans MS;position:absolute;top:-35px;right:-25px;transform:rotate(10deg);box-shadow:5px 5px}.flow-code{z-index:2;box-shadow:8px 8px 0 var(--coral);transform:rotate(-2deg)}.flow-code .terminal-body code{font-size:10px}.flow-code code span{color:#777;width:28px;display:inline-block}.flow-code code i{color:var(--coral);font-style:normal}.flow-diagram{background-color:var(--white);background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:20px 20px;border:4px solid;grid-template-columns:repeat(2,1fr);place-items:center;gap:28px;min-height:440px;padding:34px;display:grid;box-shadow:8px 8px}.flow-diagram div{text-transform:uppercase;font:800 9px var(--font-mono);flex-direction:column;align-items:center;gap:9px;display:flex}.flow-diagram b{background:var(--white);width:64px;height:64px;box-shadow:4px 4px 0 var(--coral);border:4px solid;place-items:center;font-size:26px;display:grid}.site-footer{background:var(--white);border-top:4px solid}.footer-grid{grid-template-columns:.8fr 1.35fr 1fr;align-items:center;gap:65px;padding:95px 48px;display:grid}.footer-profile{flex-direction:column;gap:30px;display:flex}.avatar-placeholder{background:var(--paper);width:150px;height:150px;box-shadow:8px 8px 0 var(--coral);text-align:center;border:4px solid;place-items:center;font:700 16px Comic Sans MS;display:grid;transform:rotate(-4deg)}.footer-profile>.cms-image-frame{height:150px;box-shadow:8px 8px 0 var(--coral);border:4px solid;transform:rotate(-4deg);width:150px!important}.label-card{border:var(--line);text-transform:uppercase;background:#ff7f7f40;margin:0 0 12px;padding:5px 8px;font-size:12px;display:inline-block}.mono-list{font:700 13px/1.8 var(--font-mono);border-left:4px solid;padding-left:14px}.lab-notes{background-color:var(--paper);background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:20px 20px;border:4px solid;padding:36px;position:relative;transform:rotate(2deg);box-shadow:15px 15px}.lab-notes .tape{top:-15px;left:50%;transform:translate(-50%)rotate(-4deg)}.lab-notes h2{text-transform:uppercase;border-bottom:4px solid;margin:0;font-size:35px;display:inline-block}.lab-notes ul{font:700 14px var(--font-mono);margin:28px 0;padding:0;list-style:none}.lab-notes li{align-items:center;gap:13px;margin:15px 0;display:flex}.lab-notes i{background:var(--white);width:26px;height:26px;box-shadow:2px 2px 0 var(--coral);border:3px solid;place-items:center;font-style:normal;display:grid}.lab-notes strong,.ship-it-button{background:var(--white);width:fit-content;box-shadow:7px 7px 0 var(--coral);color:var(--ink);text-transform:uppercase;font:900 34px var(--font-hanken), sans-serif;cursor:pointer;border:4px solid;margin:0 auto;padding:7px 13px;line-height:1;display:block;transform:rotate(-2deg)}.ship-it-button:hover,.ship-it-button:focus-visible{box-shadow:10px 10px 0 var(--coral);outline:none;transform:translate(-2px,-2px)rotate(-2deg)}.ship-it-button:active{box-shadow:4px 4px 0 var(--coral);transform:translate(2px,2px)rotate(-2deg)}.site-paper-plane-layer{z-index:130;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-paper-plane{top:var(--plane-top);width:76px;height:48px;transform:scale(var(--plane-scale));animation:2.55s cubic-bezier(.22,.76,.24,1) both sitePaperPlaneFlight;animation-delay:var(--plane-delay);position:absolute;left:-120px}.site-paper-plane img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(4px 4px 0 var(--coral));display:block}@keyframes sitePaperPlaneFlight{0%{opacity:0;transform:translate3d(-8vw, 26px, 0) rotate(-12deg) scale(var(--plane-scale))}12%{opacity:1}55%{transform:translate3d(58vw, -34px, 0) rotate(9deg) scale(var(--plane-scale))}to{opacity:0;transform:translate3d(112vw, -84px, 0) rotate(18deg) scale(var(--plane-scale))}}.footer-cta{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.footer-cta h2{text-transform:uppercase;letter-spacing:-.045em;margin:0;font-size:44px;line-height:.9}.footer-cta p{border:var(--line);background:var(--white);box-shadow:4px 4px 0 var(--coral);padding:7px 10px;font-weight:700}.footer-bottom{font:700 10px var(--font-mono);text-transform:uppercase;border-top:4px solid;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.footer-bottom span,.footer-bottom a{border:var(--line);background:var(--white);padding:6px 9px}.footer-bottom span:nth-child(2){background:#ff7f7f38}.footer-bottom a{color:var(--white);background:var(--ink);box-shadow:3px 3px 0 var(--coral)}.technical-page{background:#f9f9f7b8;padding:85px 28px 120px}.archive-header{border-bottom:1px solid;justify-content:space-between;align-items:flex-end;padding-bottom:30px;display:flex}.archive-header h1{text-transform:uppercase;font:800 clamp(32px, 4vw, 52px) var(--font-mono);letter-spacing:.08em;margin:0}.archive-header p{color:var(--red);font:500 14px/1.6 var(--font-mono);text-transform:uppercase}.query-box{background:var(--white);width:280px;font:500 11px var(--font-mono);text-transform:uppercase;border:1px solid;flex-direction:column;gap:9px;padding:18px;display:flex}.query-box b{letter-spacing:.12em;border-bottom:1px solid;padding-bottom:9px}.filter-row{font:600 10px var(--font-mono);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:15px;padding:55px 0;display:flex}.filter-row button{font:inherit;text-transform:inherit;background:#eee;border:1px solid;padding:8px 13px}.filter-row .selected{color:var(--white);background:var(--ink)}.work-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:44px;display:grid}.work-card{background:var(--white);border:4px solid;box-shadow:12px 12px}.work-card:nth-child(2){margin-top:55px}.work-card.archived{color:var(--red);border-color:var(--red);box-shadow:12px 12px 0 var(--red)}.work-card-head{text-transform:uppercase;height:62px;font:700 11px var(--font-mono);background:#f0f0ef;border-bottom:3px solid;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.work-card-head span{opacity:.65;align-items:center;gap:5px;font-size:9px;display:flex}.work-card-head i{background:#32cf6b;border-radius:50%;width:8px;height:8px;display:block}.archived .work-card-head i{background:var(--red)}.work-image-placeholder{aspect-ratio:1.65;color:#aaa;font:700 10px var(--font-mono);background:#101010;border-bottom:3px solid;place-items:center;display:grid;position:relative;overflow:hidden}.work-image-placeholder small{color:var(--ink);background:var(--white);padding:2px 4px;position:absolute;top:5px;left:5px}.work-image-placeholder .cms-image-frame{z-index:0;color:initial;position:absolute;inset:0}.work-image-placeholder .cms-image-frame+span,.work-image-placeholder small{z-index:1}.terrain:after{content:"";border:1px solid #777;border-radius:50%;width:130%;height:75%;position:absolute;bottom:-30%;transform:rotate(-10deg);box-shadow:0 0 0 12px #111,0 0 0 13px #555,0 0 0 26px #111,0 0 0 27px #444}.burst:after{content:"✳";color:#eee;opacity:.75;font-size:150px;position:absolute}.work-image-placeholder:has(.cms-image-frame):after{content:none}.work-card-body{color:var(--ink);padding:26px}.project-category{text-transform:uppercase;color:var(--red);font:700 10px var(--font-mono);letter-spacing:.1em}.work-card-body h2{text-transform:uppercase;margin:10px 0 14px;font-size:27px;font-weight:500;line-height:1}.work-card-body>p:not(.project-category){color:#3f3b3c;min-height:110px;font:500 13px/1.65 var(--font-mono)}.tag-row{flex-wrap:wrap;gap:8px;min-height:45px;display:flex}.work-card-body>a{background:var(--ink);color:var(--white);text-transform:uppercase;font:700 11px var(--font-mono);justify-content:center;gap:10px;margin-top:20px;padding:13px;display:flex}.manifesto{background:var(--white);border:4px solid;grid-template-columns:.7fr 1.3fr 1.7fr;align-items:center;gap:45px;margin-top:150px;padding:45px;display:grid}.sketch-placeholder{aspect-ratio:1;text-align:center;color:#aaa;font:700 11px var(--font-mono);background:#eee;border:4px solid;place-items:center;display:grid;transform:rotate(-3deg)}.manifesto>.cms-image-frame{aspect-ratio:1;border:4px solid;transform:rotate(-3deg)}.manifesto blockquote{margin:0;font:700 14px/1.7 Comic Sans MS}.manifesto cite{margin-top:14px;font-style:normal;display:block}.manifesto h2{text-transform:uppercase;font-size:34px;font-weight:500}.manifesto ol{font:500 13px/2.2 var(--font-mono);text-transform:uppercase;list-style:decimal-leading-zero}.manifesto li::marker{color:var(--red);font-weight:800}.experiments-coming-soon{background-color:#f9f9f7d1;overflow:hidden}.cs-hero{isolation:isolate;border-bottom:4px solid var(--ink);background-image:linear-gradient(#e5e5e3c7 1px,#0000 1px),linear-gradient(90deg,#e5e5e3c7 1px,#0000 1px);background-size:34px 34px;place-items:center;min-height:calc(100vh - 82px);padding:86px 48px 72px;display:grid;position:relative}.cs-grid-label{border:2px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--coral);font:800 9px var(--font-mono), monospace;letter-spacing:.08em;padding:6px 9px;position:absolute;top:24px;left:24px}.cs-copy{z-index:5;text-align:center;justify-items:center;width:min(780px,100%);animation:.65s cubic-bezier(.16,1,.3,1) both cs-pop;display:grid;position:relative}.cs-lab-line{text-transform:uppercase;font:800 12px var(--font-mono), monospace;letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:25px;display:inline-flex}.cs-lab-line span{color:var(--red)}.cs-lab-line b{color:var(--white);background:var(--ink);box-shadow:4px 4px 0 var(--coral);padding:7px 10px}.cs-copy h1{text-transform:uppercase;letter-spacing:-.068em;margin:0;font-size:clamp(76px,11vw,168px);font-weight:900;line-height:.78;animation:6s step-end 1.1s infinite cs-glitch}.cs-copy h1 span{display:inline-block;position:relative}.cs-copy h1 span:after{content:"";z-index:-1;background:var(--coral);height:.14em;position:absolute;bottom:.08em;left:-3%;right:-4%;transform:rotate(-2deg)}.cs-copy h1 i{color:var(--coral);font-style:normal}.cs-compile{width:fit-content;color:var(--white);background:var(--ink);box-shadow:6px 6px 0 var(--coral);text-transform:uppercase;letter-spacing:-.02em;margin:30px 0 0;padding:.18em .34em .22em;font-size:clamp(21px,2.5vw,34px);font-weight:900;line-height:1;transform:rotate(-1deg)}.cs-compile span{vertical-align:-.08em;background:var(--coral);width:.42em;height:.9em;margin-left:.14em;animation:1s step-end infinite cs-blink;display:inline-block}.cs-paper{background:#ffffffd1;border:1px solid #0000001f;max-width:560px;margin:34px 0 26px;padding:20px 22px;font-size:18px;font-weight:600;line-height:1.55;box-shadow:0 3px 12px #0000000f}.cs-paper mark{margin-left:.25em;font-weight:800;display:inline}.cs-notify{gap:10px;width:min(520px,100%);display:grid}.cs-notify label{text-align:left;text-transform:uppercase;font:800 10px var(--font-mono), monospace;letter-spacing:.12em}.cs-notify div{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:14px;display:grid}.cs-notify input{border:3px solid var(--ink);min-width:0;color:var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);font:600 14px var(--font-mono), monospace;outline:none;padding:15px 18px}.cs-notify input:focus{box-shadow:4px 4px 0 var(--coral);background:#fff8df}.cs-notify button{border:3px solid var(--ink);color:var(--white);background:var(--ink);box-shadow:7px 7px 0 var(--coral);cursor:pointer;text-transform:uppercase;font:800 12px var(--font-mono), monospace;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;padding:14px 22px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.cs-notify button:hover,.cs-notify button:focus-visible{color:var(--ink);background:var(--coral);box-shadow:none;transform:translate(7px,7px)}.cs-hand{color:var(--red);margin:25px 0 0;font:700 17px Comic Sans MS,cursive;transform:rotate(-2deg)}.cs-orb{z-index:2;place-items:center;display:grid;position:absolute}.cs-orb-stamp{border:4px solid var(--ink);background:var(--yellow);width:126px;height:126px;box-shadow:6px 6px 0 var(--ink);border-radius:50%;animation:4.2s ease-in-out infinite cs-bob-stamp;top:15%;left:8.5%;transform:rotate(-13deg)}.cs-orb-stamp span{border:2px dashed var(--ink);border-radius:50%;position:absolute;inset:9px}.cs-orb-stamp svg{width:42px;height:42px;animation:2.4s ease-in-out infinite cs-twinkle}.cs-orb-stamp b{text-transform:uppercase;font:800 8px var(--font-mono), monospace;letter-spacing:.14em;position:absolute;bottom:28px}.cs-test-tube{z-index:2;animation:3.6s ease-in-out infinite cs-bob-tube;position:absolute;top:19%;right:11%;transform:rotate(15deg)}.cs-test-tube>i{border:3px solid var(--ink);background:var(--ink);border-bottom:0;width:18px;height:12px;margin:0 auto -1px;display:block}.cs-test-tube>div{border:4px solid var(--ink);background:var(--white);width:42px;height:132px;box-shadow:5px 5px 0 var(--coral);border-radius:0 0 22px 22px;position:relative;overflow:hidden}.cs-test-tube span{background:var(--coral);height:48%;position:absolute;inset:auto 0 0}.cs-test-tube b{background:var(--white);opacity:.88;border-radius:50%;animation:2.7s ease-in infinite cs-bubble;position:absolute;bottom:13%}.cs-test-tube b:nth-child(2){width:7px;height:7px;left:9px}.cs-test-tube b:nth-child(3){width:5px;height:5px;animation-delay:.8s;left:21px}.cs-test-tube b:nth-child(4){width:4px;height:4px;animation-delay:1.5s;left:15px}.cs-note{z-index:2;border:4px solid var(--ink);background:var(--coral);width:112px;min-height:108px;box-shadow:5px 5px 0 var(--ink);text-align:left;font:900 17px/1.1 var(--font-mono), monospace;padding:16px;animation:5s ease-in-out infinite cs-bob-note;position:absolute;bottom:15%;left:12%;transform:rotate(-8deg)}.cs-note small{font:700 10px var(--font-mono), monospace;margin-top:10px;display:block}.cs-spark{z-index:1;pointer-events:none;font-weight:900;animation:3s ease-in-out infinite cs-twinkle;position:absolute}.cs-spark-one{color:var(--coral);font-size:20px;top:30%;left:21%}.cs-spark-two{color:var(--ink);font-size:30px;animation-delay:.7s;bottom:22%;right:16%}.cs-terminal{z-index:3;width:min(330px,30vw);box-shadow:8px 8px 0 var(--coral);position:absolute;bottom:12%;right:8%;transform:rotate(2deg)}.cs-terminal .terminal-body{padding:18px;font-size:11px;line-height:1.7}.cs-marquee{border-bottom:4px solid var(--ink);background:var(--coral);white-space:nowrap;height:62px;font:800 14px var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex;overflow:hidden}.cs-marquee div{min-width:max-content;animation:22s linear infinite cs-marquee}.cs-lower{background:var(--white);border-bottom:1px solid var(--grid);justify-content:space-between;align-items:center;gap:28px;min-height:170px;padding:34px 48px;display:flex}.cs-lower>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-lower b,.cs-lower span{border:var(--line);background:var(--paper);text-transform:uppercase;font:800 10px var(--font-mono), monospace;padding:8px 10px}.cs-lower b{color:var(--white);background:var(--ink);box-shadow:4px 4px 0 var(--coral)}@keyframes cs-blink{50%{opacity:0}}@keyframes cs-pop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes cs-glitch{0%,88%,to{text-shadow:none;transform:none}90%{text-shadow:4px 0 var(--coral), -4px 0 #4ad0c0;transform:translate(-3px,1px)skew(-4deg)}93%{text-shadow:-4px 0 var(--coral), 4px 0 #4ad0c0;transform:translate(3px,-1px)skew(3deg)}96%{text-shadow:2px 0 var(--coral);transform:translate(-2px)skew(-1deg)}}@keyframes cs-twinkle{0%,to{opacity:.82;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.35)rotate(22deg)}}@keyframes cs-bob-stamp{0%,to{transform:translateY(0)rotate(-13deg)}50%{transform:translateY(-13px)rotate(-9deg)}}@keyframes cs-bob-tube{0%,to{transform:translateY(0)rotate(15deg)}50%{transform:translateY(-10px)rotate(18deg)}}@keyframes cs-bob-note{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-9px)rotate(-5deg)}}@keyframes cs-bubble{0%{opacity:0;transform:translateY(0)}15%,80%{opacity:.9}to{opacity:0;transform:translateY(-52px)}}@keyframes cs-marquee{to{transform:translate(-50%)}}@media (max-width:1120px){.cs-hero{min-height:auto;padding-top:108px;padding-bottom:320px}.cs-orb-stamp{top:auto;bottom:128px;left:7%}.cs-test-tube{top:auto;bottom:116px;right:13%}.cs-note{bottom:84px;left:38%}.cs-terminal{width:285px;bottom:42px;right:6%}}@media (max-width:760px){.experiments-coming-soon.page-shell{width:min(calc(100% - 28px), var(--max))}.cs-hero{padding:88px 18px 440px}.cs-grid-label{font-size:7px;top:15px;left:15px}.cs-lab-line{letter-spacing:.09em;gap:8px;margin-bottom:18px;font-size:9px}.cs-copy h1{letter-spacing:-.055em;font-size:clamp(60px,19vw,92px)}.cs-compile{margin-top:24px;font-size:20px}.cs-paper{margin-top:28px;padding:17px;font-size:15px}.cs-notify div{grid-template-columns:1fr}.cs-notify button{width:100%}.cs-orb-stamp{width:96px;height:96px;bottom:232px;left:20px}.cs-orb-stamp svg{width:32px;height:32px}.cs-orb-stamp b{font-size:6px;bottom:20px}.cs-test-tube{bottom:226px;right:31px}.cs-note{width:104px;bottom:234px;left:calc(50% - 52px)}.cs-terminal{width:auto;bottom:36px;left:22px;right:22px;transform:rotate(-1deg)}.cs-spark-one{top:23%;left:16%}.cs-spark-two{bottom:40%;right:11%}.cs-marquee{height:54px;font-size:11px}.cs-lower{flex-direction:column;align-items:flex-start;padding:28px 18px}}.about-page{background:#f9f9f7c2}.about-hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:70px;padding:110px 20px 130px;display:grid}.status-chip{text-transform:uppercase;font:700 10px var(--font-mono);background:#e7e7e7;border:1px solid;align-items:center;gap:8px;padding:6px 10px;display:inline-flex;box-shadow:4px 4px}.status-chip i{background:var(--red);border-radius:50%;width:8px;height:8px}.about-hero h1{letter-spacing:-.06em;text-transform:uppercase;margin:30px 0 45px;font-size:clamp(65px,8vw,120px);line-height:.82}.about-hero h1 mark{background:0 0;position:relative}.about-hero h1 mark:before{content:"";z-index:-1;background:var(--coral);height:.3em;position:absolute;bottom:.15em;left:-5%;right:-5%;transform:rotate(-2deg)}.about-note{border:var(--line);background:var(--paper);max-width:720px;padding:30px;font-size:18px;line-height:1.55;position:relative;transform:rotate(-1deg);box-shadow:6px 6px}.about-note .tape{top:-14px;left:42%}.portrait-frame{background:var(--white);border:4px solid;padding:14px;position:relative;transform:rotate(3deg);box-shadow:10px 10px}.portrait-placeholder{text-align:center;border:var(--line);min-height:490px;color:var(--white);font:700 13px var(--font-mono);filter:grayscale();background:linear-gradient(135deg,#222,#555);place-items:center;display:grid}.portrait-frame .cms-image-frame{border:var(--line);filter:grayscale();min-height:490px}.portrait-frame>span{border:var(--line);background:var(--yellow);width:190px;padding:14px;font:700 16px Comic Sans MS;position:absolute;bottom:-30px;left:-40px;transform:rotate(-7deg);box-shadow:4px 4px}.system-profile{padding:30px 20px 120px}.profile-heading{border-top:4px solid;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.profile-heading h2{text-transform:uppercase;margin:0;font-size:45px}.profile-heading span{font:900 30px var(--font-mono)}.profile-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.profile-grid>.terminal{min-height:410px;box-shadow:8px 8px}.profile-grid>.terminal .terminal-bar{color:var(--coral);background:var(--ink);border-bottom-color:#333;justify-content:flex-start}.profile-grid>.terminal .terminal-dots{display:none}.profile-grid>.terminal .terminal-body{padding:35px;font-size:12px}.profile-grid>.terminal b{color:var(--coral);text-transform:uppercase}.expertise-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.expertise-grid article{border:var(--line);background:#eee;padding:25px;box-shadow:5px 5px}.expertise-grid article:last-child{grid-column:1/-1}.expertise-grid article>b{font:800 28px var(--font-mono);display:block}.expertise-grid h3{text-transform:uppercase;font:700 12px var(--font-mono)}.expertise-grid p{font-size:14px;line-height:1.45}.contact-page{background:#f9f9f7bf;min-height:100vh;padding:100px 40px 130px}.contact-intro{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.contact-intro>div:first-child>span{color:var(--red);text-transform:uppercase;font:600 14px var(--font-mono)}.contact-intro h1{letter-spacing:-.055em;margin:25px 0;font-size:clamp(54px,6vw,88px);line-height:.95}.contact-intro h1 span{color:var(--red);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.contact-intro>div:first-child p{max-width:580px;color:var(--muted);font-size:21px;line-height:1.5}.contact-terminal{transform:rotate(2deg);box-shadow:10px 10px #222}.contact-terminal .terminal-body{min-height:285px;font-size:14px}.contact-terminal .terminal-body b{color:#ad8dff}.contact-terminal .terminal-body i{color:#42d392;font-style:normal}.contact-terminal .warning{color:#ffc400}.contact-terminal .output{color:#a5e529;margin-top:25px}.contact-content{grid-template-columns:1fr .85fr;align-items:start;gap:80px;margin-top:80px;display:grid}.contact-form{border:var(--line);background:var(--white);border-radius:16px;flex-direction:column;gap:28px;padding:45px;display:flex}.contact-form label{font:700 14px var(--font-mono);flex-direction:column;gap:12px;display:flex}.contact-form input,.contact-form textarea{border:0;border-bottom:var(--line);width:100%;font:400 14px var(--font-mono);resize:vertical;background:0 0;outline:none;padding:12px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);background:#ff7f7f14}.contact-form button{border:var(--line);background:var(--red);color:var(--white);box-shadow:6px 6px 0 var(--ink);text-transform:uppercase;font:700 14px var(--font-mono);cursor:pointer;padding:16px}.contact-form small{color:#777;font:500 10px var(--font-mono)}.contact-content aside{flex-direction:column;align-items:flex-start;gap:18px;padding:40px 0;display:flex;position:relative}.offline-note{font:500 12px var(--font-mono);background:#fff9db;border:1px solid;padding:17px;position:absolute;top:-30px;right:10px;transform:rotate(5deg)}.contact-content aside h2{color:var(--red);text-transform:uppercase;font:500 16px var(--font-mono);letter-spacing:.12em}.contact-content aside>a{z-index:1;font-size:45px;font-weight:800;line-height:1;position:relative}.contact-content aside>a:after{content:"";z-index:-1;background:#ff7f7f4d;height:14px;position:absolute;bottom:0;left:0;right:10%;transform:rotate(-1deg)}.contact-content aside>a:nth-of-type(2):after{background:#60a5fa47}.contact-content aside>a:nth-of-type(3):after{background:#a78bfa47}.contact-content aside>div{border-top:1px solid #bbb;width:100%;margin-top:25px;padding-top:28px}.contact-content aside h3{color:var(--muted);text-transform:uppercase;font:500 15px var(--font-mono);letter-spacing:.1em}.contact-content aside p{font-size:20px;line-height:1.5}.contact-content aside p b{color:var(--red)}.blank-page{background:#f9f9f7b8;min-height:62vh}@media (max-width:1100px){.root-label{display:none}.main-nav{gap:20px}.hero{grid-template-columns:1fr;padding-top:80px}.hero h1{font-size:clamp(64px,11vw,104px)}.lab-board{width:min(90%,720px);margin:20px auto 70px}.featured-grid{grid-template-columns:repeat(2,1fr)}.offset-1,.offset-3{margin-top:0}.experiment-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-cta{text-align:center;grid-column:1/-1;align-items:center;margin-top:30px}.work-grid{grid-template-columns:repeat(2,1fr)}.work-card:nth-child(2){margin-top:0}.work-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 22px)}.about-hero{grid-template-columns:1fr}.portrait-frame{width:min(70%,500px);margin:auto}.contact-intro{grid-template-columns:1fr}}@media (max-width:760px){.page-shell{width:calc(100% - 24px)}.site-header{height:70px}.header-inner{padding:0 16px}.brand{font-size:32px}.header-cta{display:none}.menu-button{margin-left:auto;display:block}.main-nav{background:var(--paper);box-shadow:0 8px 0 var(--coral);border-bottom:3px solid;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;display:none;position:absolute;top:68px;left:0;right:0}.main-nav.is-open{display:flex}.hero{gap:60px;min-height:0;padding:75px 20px 100px}.hero h1{font-size:clamp(50px,17vw,78px)}.wip-sticker{top:-44px;left:0}.paper-note{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.lab-board{width:100%;margin-bottom:10px}.board-canvas{min-height:350px}.wireframe-card{width:48%;height:28%}.sticky-note{width:95px;height:95px;padding:10px;font-size:13px}.central-code{width:95px;height:75px}.central-code svg{width:55px}.hero-terminal{width:60%;bottom:4%;left:2%}.hero-terminal .terminal-body{padding:12px;font-size:8px}.flow-chip,.illustration-placeholder{display:none}.window-footer{font-size:9px}.section{padding:75px 20px}.section-heading{align-items:flex-start;gap:20px}.section-heading h2{font-size:11px}.section-heading a{font-size:9px}.featured-grid{grid-template-columns:1fr}.project-preview{aspect-ratio:1.6}.feature-card-copy p{min-height:0}.experiment-grid{padding:75px 20px 95px}.experiment-copy h2{font-size:52px}.experiment-visual{grid-template-columns:1fr;min-height:auto;padding:25px;box-shadow:9px 9px}.lab-note{right:-8px}.flow-code{transform:none}.flow-diagram{min-height:370px}.footer-grid{grid-template-columns:1fr;padding:75px 20px}.footer-profile{text-align:center;align-items:center}.mono-list{text-align:left}.lab-notes{padding:28px;transform:none}.lab-notes h2{font-size:28px}.lab-notes strong,.ship-it-button{font-size:27px}.footer-cta{grid-column:auto}.footer-cta h2{font-size:36px}.footer-bottom{text-align:center;flex-direction:column}.technical-page{padding:65px 18px 90px}.archive-header{flex-direction:column;align-items:flex-start;gap:30px}.archive-header h1{font-size:29px}.query-box{width:100%}.filter-row{padding:35px 0}.work-grid{grid-template-columns:1fr;gap:38px}.work-card:last-child{grid-column:auto;width:100%}.work-card-body>p:not(.project-category){min-height:0}.manifesto{grid-template-columns:1fr;margin-top:85px;padding:28px}.sketch-placeholder{width:180px}.about-hero{padding:80px 16px 100px}.about-hero h1{font-size:58px}.about-note{padding:22px;font-size:16px}.portrait-frame{width:90%}.portrait-placeholder,.portrait-frame .cms-image-frame{min-height:380px}.profile-grid,.expertise-grid{grid-template-columns:1fr}.expertise-grid article:last-child{grid-column:auto}.profile-heading h2{font-size:34px}.system-profile{padding:20px 16px 90px}.contact-page{padding:75px 20px 100px}.contact-intro{gap:45px}.contact-intro h1{overflow-wrap:anywhere;font-size:47px}.contact-terminal{transform:none}.contact-terminal .terminal-body{min-height:0;padding:16px;font-size:10px}.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{border-radius:8px;padding:27px 20px}.offline-note{align-self:flex-end;position:static}.contact-content aside>a{font-size:36px}.blank-page{min-height:55vh}}.project-page{background:#f9f9f7b8}.project-hero{border-bottom:4px solid;padding:90px 48px 100px;position:relative}.status-sticker{background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:800 11px var(--font-mono);z-index:10;padding:10px 18px;position:absolute;top:40px;right:60px;transform:rotate(6deg)}.project-hero-grid{grid-template-columns:1.3fr .7fr;align-items:start;gap:60px;display:grid}.project-id{font:600 11px var(--font-mono);color:var(--outline,#7e7576);margin-bottom:12px}.project-tags{align-items:center;gap:16px;margin-bottom:20px;display:flex}.project-tag{font:700 11px var(--font-mono);border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;padding:6px 14px}.project-status-chip{border:2px solid var(--ink);background:var(--white);font:700 11px var(--font-mono);border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.pulse-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 #ff7f7f66}50%{box-shadow:0 0 0 6px #ff7f7f00}}.project-hero-copy h1{text-transform:uppercase;letter-spacing:-.05em;margin:0 0 30px;font-size:clamp(60px,8vw,120px);font-weight:900;line-height:.85}.overview-box{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);margin-bottom:36px;padding:28px;position:relative}.overview-label{background:var(--ink);color:var(--white);font:700 9px var(--font-mono);text-transform:uppercase;padding:3px 8px;position:absolute;top:-12px;right:16px}.overview-box p{margin:0;font-size:18px;font-weight:500;line-height:1.6}.project-actions{flex-wrap:wrap;gap:16px;display:flex}.button-ghost{background:var(--white)!important;color:var(--ink)!important}.button-ghost:hover{background:var(--paper)!important}.project-terminal{border:4px solid var(--ink);background:var(--ink);color:var(--white);box-shadow:8px 8px 0 var(--ink);position:relative}.project-terminal .terminal-bar{background:var(--surface-container-highest,#e2e2e2);color:var(--ink);border-bottom:2px solid var(--ink);min-height:40px;font:700 11px var(--font-mono);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.project-terminal .terminal-dots{gap:6px;display:flex}.project-terminal .terminal-dots i{background:var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}.project-terminal .terminal-body{font:700 12px/1.8 var(--font-mono);min-height:260px;padding:20px}.project-terminal .terminal-body p{margin:2px 0}.terminal-ok{color:#42d392}.terminal-warn{color:#ffc400}.terminal-info{color:#a5e529}.cursor-blink{background:var(--coral);vertical-align:middle;width:8px;height:16px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.browser-mockup-section{padding:100px 48px 120px;position:relative}.mockup-note{color:var(--coral);z-index:30;font:700 18px Comic Sans MS;position:absolute;top:180px;left:20px;transform:rotate(-15deg)}.browser-mockup-bg{border:4px solid var(--ink);background:var(--white);width:80%;box-shadow:8px 8px 0 var(--ink);opacity:.6;z-index:0;filter:grayscale();position:absolute;top:60px;right:40px;transform:rotate(3deg)}.browser-mockup-bg .browser-bar{background:var(--surface-container-high,#e8e8e8);border-bottom:4px solid var(--ink);padding:10px 16px}.browser-mockup-bg .browser-dots{gap:6px;display:flex}.browser-mockup-bg .browser-dots i{border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}.browser-mockup-bg .browser-content-placeholder{aspect-ratio:16/9;border:2px dashed var(--outline,#7e7576);font:700 12px var(--font-mono);color:var(--outline,#7e7576);place-items:center;margin:20px;padding:40px;display:grid}.browser-mockup{z-index:10;border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);max-width:1100px;margin:0 auto;position:relative}.mockup-meta{background:var(--ink);color:var(--white);font:700 9px var(--font-mono);border:2px solid var(--surface,#f9f9f9);z-index:20;padding:3px 10px;position:absolute;top:-14px;right:-14px}.browser-bar{background:var(--surface-container-high,#e8e8e8);border-bottom:4px solid var(--ink);align-items:center;gap:16px;padding:12px 18px;display:flex}.browser-dots{gap:8px;display:flex}.browser-dots i{border:2px solid var(--ink);background:var(--white);border-radius:50%;width:14px;height:14px;display:inline-block}.browser-url{background:var(--white);border:2px solid var(--ink);font:600 12px var(--font-mono);color:var(--on-surface-variant,#4c4546);border-radius:9999px;flex:1;padding:6px 18px}.browser-content{aspect-ratio:16/9;background:var(--surface-variant,#e2e2e2);overflow:hidden}.browser-content-inner{padding:24px}.project-mockup-image{border:0;height:100%;min-height:430px;width:100%!important}.mock-nav{border-bottom:2px solid var(--ink);font:700 10px var(--font-mono);text-transform:uppercase;gap:20px;margin-bottom:20px;padding:10px 0 20px;display:flex}.mock-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.mock-card{border:2px solid var(--ink);background:var(--white)}.mock-card-lg{grid-area:1/1/3/3}.mock-card-header{background:var(--surface-container,#eee);border-bottom:2px solid var(--ink);height:24px}.mock-card-body{flex-direction:column;gap:8px;padding:12px;display:flex}.mock-line{background:var(--surface-container-high,#e8e8e8);border-radius:2px;height:8px}.mock-line.w-80{width:80%}.mock-line.w-60{width:60%}.mock-line.w-40{width:40%}.mock-line.w-full{width:100%}.project-details{padding:0 48px 120px}.details-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.detail-card{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);padding:36px;position:relative}.detail-card.tech-stack{background:var(--white)}.detail-label{font:700 9px var(--font-mono);text-transform:uppercase;padding:3px 10px;position:absolute;top:-12px}.detail-label.label-yellow{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);left:20px}.detail-label.label-dark{background:var(--ink);color:var(--white);right:20px}.detail-card h3{text-transform:uppercase;border-bottom:2px solid var(--ink);margin:0 0 28px;padding-bottom:10px;font-size:28px;font-weight:900;display:inline-block}.tokens-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.token-group{margin-bottom:24px}.token-group-label{font:800 10px var(--font-mono);text-transform:uppercase;margin-bottom:10px;font-weight:800}.color-swatches{gap:8px;display:flex}.color-swatch{border:2px solid var(--ink);width:32px;height:32px}.typo-specimen{border:1px solid var(--outline-variant,#cfc4c5);background:var(--white);margin-bottom:8px;padding:8px}.typo-hanken{font-family:var(--font-hanken), sans-serif;font-size:18px;font-weight:900}.typo-mono{font-family:var(--font-mono), monospace;font-size:14px;font-weight:700}.interactive-swatches{gap:16px;display:flex}.color-swatch-interactive{border:2px solid var(--ink);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;place-items:center;transition:all .3s;display:grid;position:relative}.color-swatch-interactive:hover{transform:scale(1.1)rotate(-2deg);box-shadow:0 0 20px #ff7f7f80}.color-swatch-interactive .hex-label{font:700 9px var(--font-mono);background:var(--white);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);opacity:0;pointer-events:none;white-space:nowrap;padding:2px 6px;transition:all .3s;position:absolute;top:-28px;right:-16px}.color-swatch-interactive:hover .hex-label{opacity:1;transform:translateY(-4px)}.swatch-white-border{background:var(--white)}.component-specimen{border:2px solid var(--ink);background:var(--surface-container-low,#f3f3f3);background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:16px 16px;flex-direction:column;gap:8px;padding:12px;display:flex}.btn-specimen{border:2px solid var(--ink);font:800 10px var(--font-mono);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);padding:8px 16px;transition:all .16s}.btn-specimen:hover{box-shadow:none;transform:translate(2px,2px)}.btn-primary{background:var(--ink);color:var(--white)}.btn-secondary{background:var(--coral);color:var(--ink)}.btn-ghost{color:var(--ink);background:0 0}.stack-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stack-item{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:12px;padding:12px;transition:all .16s;display:flex}.stack-item:hover{box-shadow:none;transform:translate(2px,2px)}.stack-icon{border:2px solid var(--ink);background:var(--white);width:36px;height:36px;font:900 12px var(--font-mono);place-items:center;display:grid}.stack-icon.coral{color:var(--coral)}.stack-name{font:800 11px var(--font-mono);text-transform:uppercase;display:block}.stack-desc{font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.6;display:block}.system-log{border:2px dashed var(--ink);background:var(--surface-container-low,#f3f3f3);font:600 10px var(--font-mono);padding:12px;line-height:1.6}.washi-tape{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#ffffffd9;border:1px solid #0000001a;width:70px;height:22px;position:absolute}.tape-tl{top:-10px;left:-10px;transform:rotate(-15deg)}.tape-tr{top:-10px;right:-10px;transform:rotate(10deg)}.tape-bl{bottom:-10px;left:-10px;transform:rotate(5deg)}.paper-clip{z-index:60;position:absolute}.clip-side{border:2px solid var(--outline,#7e7576);background:0 0;border-radius:10px;width:12px;height:40px;top:30%;right:-6px;transform:rotate(85deg)}.clip-side:before{content:"";border:2px solid var(--outline,#7e7576);border-radius:10px;width:4px;height:28px;position:absolute;top:4px;left:2px}.clip-top{border:2px solid var(--outline,#7e7576);background:0 0;border-radius:10px;width:12px;height:40px;top:-20px;left:50%;transform:rotate(15deg)}.clip-top:before{content:"";border:2px solid var(--outline,#7e7576);border-radius:10px;width:4px;height:28px;position:absolute;top:4px;left:2px}@media (max-width:1100px){.project-hero-grid{grid-template-columns:1fr}.project-terminal{max-width:500px}.browser-mockup-bg,.mockup-note{display:none}.details-grid,.tokens-grid{grid-template-columns:1fr}}@media (max-width:760px){.project-hero{padding:65px 20px 80px}.status-sticker{padding:8px 12px;font-size:9px;top:20px;right:20px}.project-hero-copy h1{font-size:clamp(40px,14vw,64px)}.overview-box{padding:20px}.overview-box p{font-size:16px}.project-actions{flex-direction:column}.project-actions .button{justify-content:center;width:100%}.browser-mockup-section{padding:60px 20px 80px}.browser-bar{gap:10px;padding:8px 12px}.browser-url{padding:4px 12px;font-size:10px}.mock-nav{gap:10px;font-size:8px;overflow-x:auto}.mock-grid{grid-template-columns:1fr}.mock-card-lg{grid-area:auto}.project-details{padding:0 20px 80px}.detail-card{padding:24px}.detail-card h3{font-size:22px}.stack-grid{grid-template-columns:1fr}.interactive-swatches{gap:12px}.color-swatch-interactive{width:52px;height:52px}}.mobile-project-page{background:#f9f9f7b8}.mp-hero{padding:80px 48px 100px}.mp-hero-inner{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:60px 48px;transition:transform .5s;position:relative;transform:rotate(1deg)}.mp-hero-inner:hover{transform:rotate(0)}.mp-status-tags{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.mp-status-chip{border:2px solid var(--ink);background:var(--paper);font:700 11px var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;padding:8px 14px;display:flex}.beta-chip{background:var(--yellow);position:relative;overflow:hidden;transform:rotate(2deg)}.beta-chip:after{content:"";background:#fff3;animation:2s linear infinite scanline;position:absolute;inset:0}.mp-hero h1{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:clamp(52px,7vw,120px);font-weight:900;line-height:.85}.coral-underline{text-decoration:underline;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:8px}.mp-hero-desc{border-left:4px solid var(--ink);max-width:640px;margin:28px 0 0;padding-left:24px;font-size:20px;font-weight:500;line-height:1.6}.mp-blueprint{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);opacity:.5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:32px;right:32px}.mp-blueprint svg{width:64px;height:64px}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.mp-narrative{padding:100px 48px 120px}.mp-narrative-header{align-items:center;gap:16px;margin-bottom:48px;display:flex}.mp-narrative-header h2{text-transform:uppercase;border-bottom:8px solid var(--ink);margin:0;padding-bottom:8px;font-size:clamp(36px,4vw,48px);font-weight:900;display:inline-block}.narrative-icon{color:var(--coral);font-size:36px;transform:rotate(12deg)}.mp-timeline{border-left:4px solid var(--ink);flex-direction:column;gap:64px;margin-left:32px;padding-left:64px;display:flex;position:relative}.timeline-entry{position:relative}.timeline-dot{border:4px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:grid;position:absolute;top:0;left:-82px}.timeline-dot:hover{background:var(--coral)}.timeline-dot.yellow-dot:hover{background:var(--yellow)}.timeline-dot-inner{background:var(--ink);border-radius:50%;width:8px;height:8px}.timeline-dot:hover .timeline-dot-inner{animation:1s ease-in-out infinite ping}@keyframes ping{0%{box-shadow:0 0 #0006}to{box-shadow:0 0 0 8px #0000}}.check-dot{background:var(--ink);color:var(--white)}.check-dot .material-icon{font-size:16px}.timeline-card{z-index:10;border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:24px;transition:transform .2s;position:relative}.timeline-card:hover{transform:translateY(-4px)}.timeline-card.dark-card{background:var(--tertiary-container,#1a1c1b);color:var(--white);box-shadow:8px 8px 0 var(--coral)}.timeline-label{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);text-transform:uppercase;margin-bottom:8px}.dark-card .timeline-label{color:var(--on-primary-container,#848484)}.timeline-card h3{margin:0 0 16px;font-size:24px;font-weight:700}.timeline-card p{margin:0;font-size:16px;line-height:1.6}.mp-showcase{padding:0 48px 120px}.mp-showcase-header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:48px;padding-bottom:16px;display:flex}.mp-showcase-header h2{text-transform:uppercase;margin:0;font-size:clamp(28px,3vw,36px);font-weight:900}.version-chip{background:var(--ink);color:var(--white);font:700 11px var(--font-mono);align-items:center;gap:8px;padding:6px 12px;display:flex}.yellow-dot{background:var(--yellow)!important}.mp-phones-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:48px;display:grid;position:relative}.mp-phones-grid:before{content:"";background:var(--ink);z-index:0;opacity:.2;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.mp-phone-col{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.hero-phone-col{transition:transform .3s;transform:rotate(-2deg)}.hero-phone-col:hover{transform:rotate(0)}.mp-phone{border:12px solid var(--ink);width:280px;height:580px;box-shadow:8px 8px 0 var(--ink);background:var(--white);border-radius:40px;transition:all .3s;position:relative;overflow:hidden}.mp-phone:hover{transform:scale(1.05)}.hero-phone{background:var(--ink);width:300px;height:620px;box-shadow:8px 8px 0 var(--coral)}.hero-phone:hover{box-shadow:12px 12px 0 var(--coral)}.phone-notch{background:var(--ink);z-index:20;border-radius:0 0 16px 16px;width:128px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{width:100%;height:100%;position:relative}.phone-screen-image{z-index:1;border:0;height:100%;position:absolute;inset:0;width:100%!important}.wireframe-screen{background:var(--paper);font:700 12px var(--font-mono);border:4px dashed var(--outline-variant,#cfc4c5);flex-direction:column;gap:16px;padding:16px;display:flex;overflow:hidden}.wireframe-screen:after{content:"";pointer-events:none;background:#0000000d;animation:4s linear infinite scanline;position:absolute;inset:0}.wireframe-bar{border-bottom:2px solid var(--ink);place-items:center;height:48px;display:grid}.wireframe-hero{border:2px solid var(--ink);opacity:.5;background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:16px 16px;place-items:center;height:128px;display:grid}.wireframe-list{border:2px solid var(--ink);flex-direction:column;flex:1;gap:8px;padding:8px;display:flex}.wireframe-line{background:var(--outline-variant,#cfc4c5);height:32px}.wireframe-line.w-75{width:75%}.wireframe-line.w-85{width:85%}.wireframe-fab{border:2px solid var(--ink);background:var(--yellow);place-items:center;height:64px;margin-top:auto;display:grid}.hero-screen{background:var(--tertiary-container,#1a1c1b)}.hero-screen-overlay{background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:48px;left:16px;right:16px}.overlay-label{font:800 11px var(--font-mono)}.overlay-dot{background:var(--coral);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot}.interaction-screen{background:var(--surface-container,#eee)}.fix-tape{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--outline-variant,#cfc4c5);background:#ffffffd9;place-items:center;width:96px;height:24px;font:700 12px Comic Sans MS;display:grid;position:absolute;bottom:80px;left:16px;transform:rotate(-6deg)}.mp-phone-label{text-align:center;font:700 11px var(--font-mono);cursor:pointer;margin-top:24px;transition:color .2s}.mp-phone-label:hover{color:var(--coral)}.label-title{font-weight:800;display:block}.label-sub{color:var(--on-surface-variant,#4c4546);font-size:10px;display:block}.approved-sticker{background:var(--yellow);border:2px solid var(--ink);text-align:center;width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);z-index:30;cursor:help;border-radius:50%;place-items:center;font:700 12px Comic Sans MS;transition:transform .2s;display:grid;position:absolute;top:40px;right:-32px;transform:rotate(12deg)}.approved-sticker:hover{transform:rotate(12deg)scale(1.1)}.mp-architecture{padding:0 48px 120px}.mp-arch-title{text-transform:uppercase;border-left:8px solid var(--coral);margin:0 0 32px;padding-left:16px;font-size:clamp(28px,3vw,36px);font-weight:900}.mp-arch-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.arch-card{border:2px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);padding:24px;transition:all .2s}.arch-card:hover{background:var(--ink);color:var(--white)}.arch-card:hover .arch-card-header,.arch-card:hover .arch-card-header span:first-child{color:var(--surface-variant,#e2e2e2)}.arch-card:hover h3{color:var(--white)}.arch-card:hover p{color:#fffc}.offset-card{transform:translateY(16px)}.arch-card-header{font:700 11px var(--font-mono);color:var(--on-surface-variant,#4c4546);border-bottom:2px solid var(--outline,#7e7576);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.arch-dot{opacity:0;border-radius:50%;width:8px;height:8px;transition:opacity .2s}.arch-card:hover .arch-dot{opacity:1;animation:2s ease-in-out infinite pulse-dot}.coral-dot{background:var(--coral)}.black-dot{background:var(--ink)}.arch-card h3{margin:0 0 8px;font-size:24px;font-weight:700;transition:color .2s}.arch-card p{font-size:12px;font-family:var(--font-mono), monospace;opacity:.8;margin:0 0 24px;transition:color .2s}.arch-bar{background:var(--outline-variant,#cfc4c5);width:100%;height:8px;position:relative;overflow:hidden}.arch-bar-fill{height:100%;transition:all .2s;position:absolute;top:0;left:0}.coral-fill{background:var(--coral);width:100%}.arch-card:hover .coral-fill{background:var(--white)}.yellow-fill{background:var(--yellow);width:75%}.arch-card:hover .yellow-fill{background:var(--white)}.black-fill{background:var(--ink);width:50%}.arch-card:hover .black-fill{background:var(--coral)}.black-fill-wide{background:var(--ink);width:85%}.arch-card:hover .black-fill-wide{background:var(--white)}.mp-tokens{padding:0 48px 120px}.mp-tokens-grid{border:4px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);grid-template-columns:1fr 1fr;align-items:start;gap:48px;padding:48px;display:grid}.mp-tokens-title{text-transform:uppercase;align-items:center;gap:16px;margin:0 0 24px;font-size:clamp(28px,3vw,36px);font-weight:900;display:flex}.tokens-icon{color:var(--yellow);font-size:36px;transform:rotate(45deg)}.tokens-copy p{max-width:400px;margin:0 0 32px;font-size:20px;font-weight:500;line-height:1.6}.mp-swatch-list{font:700 11px var(--font-mono);flex-direction:column;gap:16px;display:flex}.mp-swatch{cursor:pointer;align-items:center;gap:16px;display:flex;position:relative}.swatch-box{border:2px solid var(--ink);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);transition:all .3s}.mp-swatch:hover .swatch-box{width:80px;height:80px}.swatch-black{background:var(--ink)}.swatch-white{background:var(--white)}.swatch-coral{background:var(--coral)}.swatch-yellow{background:var(--yellow)}.swatch-info{flex-direction:column;flex:1;justify-content:center;height:64px;display:flex;position:relative;overflow:hidden}.swatch-name{font-weight:800;transition:transform .3s,opacity .3s}.swatch-hex{opacity:0;transition:transform .3s,opacity .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.swatch-hex .swatch-copy-label{color:var(--coral);font-weight:800;display:block}.mp-swatch:hover .swatch-name{opacity:0;transform:translateY(-100%)}.mp-swatch:hover .swatch-hex{opacity:1;transform:translateY(0)}.tokens-visual{border:2px solid var(--ink);background:var(--white);min-height:400px;padding:16px;position:relative;overflow:hidden}.tokens-visual-image{border:0;height:100%;position:absolute;inset:0;width:100%!important}.tokens-visual:after{content:"";pointer-events:none;background:#0000000d;animation:4s linear infinite scanline;position:absolute;inset:0}.visual-label{font:700 11px var(--font-mono);background:var(--ink);color:var(--white);align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:8px;left:8px}.visual-corner{width:32px;height:32px;transition:transform .2s;position:absolute}.tokens-visual:hover .visual-corner{transform:scale(1.25)}.corner-br{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:16px;right:16px}.corner-tr{border-right:2px solid var(--ink);border-top:2px solid var(--ink);top:16px;right:16px}.corner-bl{border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:16px;left:16px}.mp-cta{padding:0 48px 120px}.mp-cta-inner{border:4px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:64px 48px;display:inline-flex;position:relative}.mp-cta-inner h2{text-transform:uppercase;letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(48px,6vw,96px);font-weight:900;line-height:.85}.cta-sub{background:var(--paper);border:1px dashed var(--outline,#7e7576);font:700 11px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:default;margin:0 0 32px;padding:8px 16px;transition:all .2s}.cta-sub:hover{background:var(--ink);color:var(--white)}.cta-button{padding:20px 32px!important;font-size:16px!important}.tape-cta{width:96px;color:var(--coral);place-items:center;font:700 14px Comic Sans MS;display:grid;top:-16px;left:-16px;transform:rotate(-6deg)}@media (max-width:1100px){.mp-phones-grid{grid-template-columns:1fr;gap:64px}.mp-phones-grid:before{display:none}.mp-phone-col{margin:0 auto}.hero-phone-col{transform:none}.mp-arch-grid{grid-template-columns:repeat(2,1fr)}.offset-card{transform:none}.mp-tokens-grid{grid-template-columns:1fr}}@media (max-width:760px){.mp-hero{padding:60px 20px 80px}.mp-hero-inner{padding:40px 24px}.mp-blueprint{display:none}.mp-narrative{padding:60px 20px 80px}.mp-timeline{gap:40px;margin-left:16px;padding-left:40px}.timeline-dot{border-width:3px;width:24px;height:24px;left:-56px}.timeline-card{padding:20px}.timeline-card h3{font-size:20px}.timeline-card p{font-size:14px}.mp-showcase{padding:0 20px 80px}.mp-phone{border-width:10px;width:240px;height:500px}.hero-phone{width:260px;height:540px}.approved-sticker{width:52px;height:52px;font-size:10px;right:-16px}.mp-architecture{padding:0 20px 80px}.mp-arch-grid{grid-template-columns:1fr}.mp-tokens{padding:0 20px 80px}.mp-tokens-grid{padding:28px}.mp-cta{padding:0 20px 80px}.mp-cta-inner{padding:40px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}