/* Shared responsive system — loaded on every page */
html,body{max-width:100%;overflow-x:hidden}@media(max-width:1280px){html{zoom:1!important}.site-header{max-width:none;padding:0 28px}.side-index,.about-index,.pg-index,.blog-index{display:none!important}.section,footer,.about-main,.blog-main,.pg-hero,.experiment-grid,.sketches,.fun{margin-left:clamp(24px,5vw,56px)!important;margin-right:clamp(24px,5vw,56px)!important}.about-main,.blog-main{max-width:none}.about-hero{padding-left:0!important;padding-right:0!important}.content-section{margin-left:0!important}.hero{padding-left:0;padding-right:0}.work-hero{padding-left:clamp(24px,8vw,85px)!important;padding-right:clamp(24px,8vw,85px)!important}}
@media(max-width:1050px){.site-header nav{gap:20px;margin-left:40px}.site-header nav a{font-size:13px}.hero{grid-template-columns:48% 52%}.hero-visual{transform:scale(.9);transform-origin:right center}.project-card{grid-template-columns:42% 58%}.project-info{padding-left:34px}.about{grid-template-columns:1fr 1fr}.about-copy{grid-column:1/-1}.about-image{min-height:250px}.about-hero{grid-template-columns:48% 52%}.facts{display:none!important}.work-item{grid-template-columns:45% 55%}.work-copy{padding-left:clamp(25px,6vw,70px)}.blog-book{right:0}.blog-hero{margin-left:0!important;margin-right:0!important}}
@media(max-width:820px){.site-header{height:78px;padding:0 20px}.site-header nav{display:none}.talk-link{padding:11px 15px}.section{padding-top:65px}.hero{display:block;min-height:auto;padding-top:35px}.hero-copy{max-width:600px}.hero-visual{height:390px;margin-top:18px;transform:none}.portrait-wrap{left:39%;height:380px;width:270px}.orbit{left:21%;width:320px;height:320px}.orbit-two{left:8%;width:440px}.metrics{grid-template-columns:repeat(3,1fr);gap:24px}.process-row{grid-template-columns:repeat(3,1fr);gap:30px}.process-row:before{display:none}.article-grid,.blog-grid{grid-template-columns:1fr 1fr}.work-hero{padding-top:50px}.work-hero h1{font-size:42px}.work-item{height:330px}.work-copy h2{font-size:48px}.dashboard{margin-top:54px}.about-hero{grid-template-columns:1fr 1fr;min-height:auto}.about-intro{padding-left:0}.about-portrait{height:385px}.belief-grid{grid-template-columns:repeat(3,1fr)}.skills,.beyond{grid-template-columns:1fr}.skill-list{padding-right:0}.tools h2{margin-left:0}.pg-hero{padding-top:45px}.hero-object{opacity:.45}.blog-hero{padding:45px 0;min-height:390px}.blog-hero h1{font-size:40px}.blog-book{opacity:.3}.article-controls{align-items:flex-start;gap:15px;flex-direction:column}.subscribe{flex-wrap:wrap}.subscribe label{width:100%;margin-left:0}}
@media(max-width:560px){.site-header{padding:0 16px}.header-actions{gap:8px}.talk-link{font-size:9px!important;padding:11px 13px}.menu-button{width:36px;height:36px}.section,footer,.about-main,.blog-main,.pg-hero,.experiment-grid,.sketches,.fun{margin-left:16px!important;margin-right:16px!important}.hero h1,h1{font-size:38px!important;letter-spacing:-2.8px}.hero-visual{height:315px}.portrait-wrap{left:21%;height:310px;width:228px}.orbit{left:4%;top:2%;width:275px;height:275px}.orbit-two{left:-14%;width:365px;height:110px}.scroll-note{display:none}.project-card{height:385px;display:block}.project-info{padding:28px}.device-scene{height:210px}.phone-main{left:26%;top:-12px}.phone-mid{left:53%;top:-15px}.phone-last{display:none}.metrics{grid-template-columns:repeat(2,1fr);padding:50px 0;gap:24px}.metrics>div{padding-left:12px}.process-row{grid-template-columns:repeat(2,1fr);gap:26px}.about{grid-template-columns:1fr}.about-image{order:-1;min-height:230px}.about-copy{grid-column:auto}.quote-card,.about-copy{padding:30px 22px}.article-grid,.blog-grid{grid-template-columns:1fr}.article-card{height:145px}.footer-bottom{grid-template-columns:1fr 1fr!important;display:grid!important;gap:13px}.footer-bottom span:last-child{display:none}.contact-links{padding-top:10px}.big-arrow{position:absolute;right:4px;top:70px}.work-hero{min-height:350px;padding:45px 20px!important}.work-hero h1{font-size:37px!important}.round-type,.hero-object,.blog-book{display:none}.work-item{display:block;height:490px}.work-copy{padding:35px 24px}.work-copy h2{font-size:42px}.work-art{height:230px}.item-arrow{right:20px;top:37px}.phones-art .phone-a{left:18%;width:140px;height:260px}.phones-art .phone-b{left:50%;width:120px;height:220px}.phones-art .phone-c{display:none}.dashboard{height:235px;margin-top:0;transform:rotate(-3deg) translateX(18px)}.about-hero{display:block;padding-top:30px}.about-intro h1{font-size:37px!important}.about-portrait{height:310px;margin-top:25px}.about-portrait img{height:310px;left:17%;width:240px}.story{grid-template-columns:1fr}.story-stages{grid-template-columns:1fr}.story-stages article{padding:0}.story-stages article:before{display:none}.belief-grid{grid-template-columns:1fr 1fr;gap:12px}.belief-grid article{padding:0 10px 16px 0;border:0}.tool-grid{grid-template-columns:repeat(2,1fr)}.life-stats{grid-template-columns:1fr 1fr;gap:25px}.pg-hero h1,.blog-hero h1{font-size:37px!important}.filters,.blog-filters{flex-wrap:wrap}.experiment-grid,.fun-grid{grid-template-columns:1fr}.sketch-grid{grid-template-columns:repeat(2,1fr)}.subscribe{padding:18px}.subscribe>i{display:none}.pagination{gap:10px}.pagination span:nth-of-type(n+5){display:none}}