@media(max-width:1080px){:root{--container:min(100% - 40px,940px)}.hero-grid{grid-template-columns:1fr;gap:70px;padding:70px 0}.hero h1{font-size:clamp(4rem,10vw,7rem)}.hero-copy{max-width:800px}.hero-stage{width:min(720px,100%);margin:auto}.section-head{grid-template-columns:1fr;gap:25px}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-row:auto;min-height:700px}.bento-dark{grid-column:auto}.work-media,.work-media img{min-height:560px;height:560px}.work-duo{grid-template-columns:1fr}.process-grid,.about-grid{grid-template-columns:1fr}.process-title{position:static}.demo-shell{grid-template-columns:1fr}.demo-copy{min-height:420px}.demo-canvas{min-height:580px}}
@media(max-width:780px){:root{--container:min(100% - 28px,720px)}.section{padding:95px 0}.header{padding:12px 0}.nav-row{grid-template-columns:auto auto;justify-content:space-between}.brand-name small{display:none}.main-nav{position:fixed;top:69px;right:14px;left:14px;padding:25px;border-radius:20px;background:rgba(13,17,29,.97);border:1px solid var(--line);opacity:0;pointer-events:none;transform:translateY(-12px);transition:.25s}.nav-open .main-nav{opacity:1;pointer-events:auto;transform:none}.main-nav ul{flex-direction:column;align-items:flex-start;gap:18px}.nav-link{font-size:1.15rem}.header-cta{display:none}.menu-toggle{display:block}.hero{padding-top:90px}.hero-grid{padding:50px 0}.hero h1{font-size:clamp(3.35rem,14vw,5.7rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-stage{min-height:520px;border-radius:24px}.stage-object{width:190px;height:240px}.stage-node{font-size:.45rem}.stage-info{left:16px;right:16px;bottom:45px}.statement-grid{grid-template-columns:1fr}.statement-side{grid-column:auto}.statement-main,.statement-accent{font-size:clamp(2.1rem,9vw,3.8rem)}.section-head h2,.process-title h2,.about h2{font-size:clamp(2.8rem,11vw,4.8rem)}.bento{min-height:390px;padding:24px}.bento-wide{min-height:620px}.mini-browser{left:20px;right:20px;height:330px}.mini-hero{padding:28px}.mini-hero span{font-size:2.25rem}.mini-hero b{width:115px;height:115px}.work-media,.work-media img,.work-duo .work-media{min-height:430px;height:430px}.work-meta,.work-meta.compact{grid-template-columns:1fr;gap:12px}.work-tags{margin-top:4px}.dashboard-art{inset:9%;grid-template-columns:55px 1fr}.dash-main{padding:24px}.dash-main>strong{font-size:1.7rem}.demo-canvas{min-height:470px}.about-copy{padding-top:0}.about-copy>div:nth-child(2){grid-template-columns:1fr}.footer .container{flex-direction:column;align-items:center;text-align:center}.private-panel{grid-template-columns:1fr}}
@media(max-width:500px){.brand-mark{width:39px;height:39px}.brand-name{font-size:.67rem}.hero-overline{font-size:.48rem}.hero-stage{min-height:470px}.stage-node{padding:7px}.node-web{left:4%}.node-systems{right:3%}.node-motion{left:7%}.stage-info strong{font-size:1rem}.stage-info p{font-size:.68rem}.bento-wide{min-height:570px}.mini-browser{height:285px;bottom:86px}.mini-hero span{font-size:1.85rem}.system-viz{bottom:75px}.work-media,.work-media img,.work-duo .work-media{min-height:340px;height:340px}.dashboard-art{transform:none}.dash-main>div{margin-top:30px}.dash-main>div i{height:70px}.launch-art strong{font-size:3.3rem}.launch-orbit{width:230px;height:230px}.demo-copy{min-height:390px}.demo-canvas{min-height:400px}.demo-blob{width:125px;height:125px}.steps article{grid-template-columns:42px 1fr}.contact h2{font-size:clamp(3rem,13vw,5rem)}.contact-box>a{font-size:1.05rem}.private-input-row{grid-template-columns:1fr}.private-mode-switch{flex-direction:column}}

/* 2026-08-26 — compact editorial rhythm for touch screens */
@media(max-width:780px){.section{padding:78px 0}.section-head{margin-bottom:42px}.bento-grid{gap:12px}.bento{min-height:350px;border-radius:20px}.bento-wide{min-height:560px}.work-list{gap:62px}.work-media,.work-media img,.work-duo .work-media{width:100%;height:auto;min-height:0;aspect-ratio:4/3}.work-media img{object-fit:cover}.work-meta{padding-top:18px}.interactive-demo{padding-top:20px}.demo-copy{min-height:330px}.demo-canvas{min-height:390px}.steps article{padding:27px 0}.contact h2{margin-bottom:42px}.footer .container{gap:18px}}
@media(max-width:500px){.section{padding:68px 0}.bento{min-height:320px}.bento-wide{min-height:520px}.mini-browser{height:265px}.work-list{gap:50px}.work-media,.work-media img,.work-duo .work-media{aspect-ratio:1/1}.demo-copy{min-height:310px}.demo-canvas{min-height:360px}}