/* Home mobile 209:757 — 402px frame. Keep natural height when copy wraps.
   Text gutter 24px; card gutter 8px. Desktop composition is untouched. */
@media(max-width:600px){
 body.home-page{--layout-gutter:24px;--section-gutter:24px;--home-gap:120px;--home-display:48px;--home-heading:36px;}
 body.home-page .page-section{box-sizing:border-box;width:calc(100% - 48px);margin-inline:24px;}
 body.home-page .site-header.editorial-header{padding:24px;}
 body.home-page .site-header .wordmark,body.home-page .site-header .wordmark img{width:116px;height:24px;}
 body.home-page .editorial-menu-button{padding:0;min-width:32px;min-height:32px;width:32px;height:32px;}
 body.home-page .hero{height:663px;min-height:663px;}
 body.home-page .hero .hero-copy{display:block;position:absolute;inset:0;z-index:10;}
 body.home-page .hero .hero-details{display:flex;z-index:10;visibility:visible;}
 body.home-page .hero .hero-eyebrow,body.home-page .hero .scroll-cue,body.home-page .hero .hero-explore{display:none;}
 body.home-page .hero .hero-details .button{width:auto;margin:0;}
 body.home-page .hero .hero-details{top:128px;left:24px;width:256px;max-width:calc(100% - 48px);gap:24px;}
 /* Fill behind the header; extend the scene instead of leaving a top gap. */
 body.home-page .hero{overflow:hidden;}
 body.home-page .hero .hero-model{top:0;height:calc(100% + 40px);}
 body.home-page .hero .hero-intro{font-size:20px;line-height:28px;}
 body.home-page .hero .hero-intro span{display:inline;white-space:normal;}
 body.home-page .hero .hero-details .button{height:60px;padding:18px 28px;font-size:18px;line-height:24px;}
 body.home-page .hero-explore{display:none;}
 body.home-page .hero-statement{padding:80px 24px 0;}
 body.home-page .hero-statement .hero-statement-inner h1,
 body.home-page #services .services-heading h2,
 body.home-page .why #why-title,
 body.home-page .clients #clients-title{font-size:48px;line-height:54px;letter-spacing:.04em;white-space:normal;overflow-wrap:normal;}
 body.home-page #about.studio-section.page-section{width:100%;margin:0;padding:80px 24px 48px;}
 body.home-page #about #studio-title.studio-description{font-size:24px;line-height:32px;font-weight:400;}
 body.home-page .stats.page-section{width:calc(100% - 16px);margin-inline:8px;gap:12px;padding:0;}
 body.home-page .stats article{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:88px;padding:20px 24px;gap:16px;}
 body.home-page .stats strong{font-size:36px;line-height:48px;}
 body.home-page .stats span{font-size:16px;line-height:24px;text-align:right;max-width:191px;}
 body.home-page #work .work-heading h2,
 body.home-page .testimonials #testimonials-title,
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title{font-size:36px;line-height:40px;letter-spacing:.02em;}
 body.home-page .work-scroll{margin-top:32px;}
 /* Figma: 340px image in a 402px viewport, with the next slide peeking in. */
 body.home-page .work-deck{gap:12px;--project-width:calc(100vw - 62px);}
 body.home-page .work-slide-image{aspect-ratio:340/240;}
 body.home-page .work-slider-toolbar{margin-top:32px;}
 body.home-page .work-caption-layer{min-height:94px;}
 body.home-page .work-slide-caption .eyebrow{font-size:14px;line-height:18px;margin-bottom:8px;}
 body.home-page .work-slide-caption h3{font-size:24px;line-height:32px;}
 body.home-page #services .services-grid{margin-top:48px;}
 body.home-page #services .service-card:nth-child(n){padding:32px 0;gap:16px;border-top:0;border-bottom:1px solid #37322f;}
 body.home-page #services .service-card:first-child{padding-top:0;}
 body.home-page #services .service-index{font-size:18px;line-height:24px;}
 body.home-page #services .service-card h3{font-size:28px;line-height:36px;margin-bottom:12px;}
 body.home-page #services .service-card p{font-size:18px;line-height:28px;}
 body.home-page #services .service-card ul{font-size:16px;line-height:24px;margin-top:12px;}
 body.home-page .work-contact{font-size:20px;line-height:32px;gap:4px;}
 body.home-page .services-contact,body.home-page .why-contact{margin-top:32px;}
 body.home-page #approach.philosophy{width:calc(100% - 16px);margin:120px 8px 0;padding:36px 24px;}
 body.home-page #approach #philosophy-title{font-size:36px;line-height:40px;letter-spacing:.04em;}
 body.home-page #approach .philosophy-description{font-size:16px;line-height:24px;margin-top:48px;max-width:286px;}
 body.home-page .why .why-grid{width:calc(100% + 32px);margin:48px -16px 0;gap:12px;}
 body.home-page .why-grid article{position:relative;display:block;box-sizing:border-box;height:auto;min-height:280px;padding:158px 24px 28px;}
 body.home-page .why .why-grid article > .eyebrow{position:absolute;top:32px;left:24px;right:24px;z-index:2;font-size:14px;line-height:18px;margin:0;max-width:none;}
 body.home-page .why-grid .why-copy{position:static;width:100%;max-width:none;}
 body.home-page .why-grid h3{font-size:32px;line-height:40px;margin:0 0 6px;white-space:normal;}
 body.home-page .why-grid .why-copy p{font-size:16px;line-height:24px;max-width:280px;}
 body.home-page .why-grid .why-art{position:absolute;top:24px;right:24px;bottom:auto;left:auto;width:140px;height:140px;}
 body.home-page .stories-heading{margin-bottom:32px;}
 body.home-page .stories-layout{display:block;width:calc(100% + 48px);margin-inline:-24px;}
 body.home-page .stories-stage{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:8px;padding:0 8px;min-height:0;height:auto;touch-action:pan-x pan-y;scrollbar-width:none;}
 body.home-page .stories-stage .story-panel{position:relative;inset:auto;display:flex;flex-direction:column;flex:0 0 calc(100vw - 34px);width:calc(100vw - 34px);height:auto;min-height:490px;padding:40px 28px;gap:48px;margin:0;opacity:1;visibility:visible;transform:none;scroll-snap-align:start;}
 body.home-page .story-panel blockquote{font-size:26px;line-height:36px;max-width:none;}
 body.home-page .story-panel figcaption{margin-top:auto;gap:16px;position:static;}
 body.home-page .story-panel figcaption>img{width:48px;height:48px;}
 body.home-page .story-panel figcaption>div>span{font-size:20px;line-height:28px;}
 body.home-page .story-panel figcaption .story-meta{font-size:14px;line-height:20px;}
 body.home-page .testimonials .stories-layout>.story-choices.story-picker{display:none;}
 body.home-page .clients .client-rows{margin-top:48px;gap:12px;}
 body.home-page .clients .client-rows{width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);}
 body.home-page .clients .client-row{padding-inline:0;}
 body.home-page #statement-title,body.home-page #services-title,body.home-page #why-title,body.home-page #clients-title{white-space:normal;}
 body.home-page #statement-title .motion-line,body.home-page #statement-title .motion-line>span{white-space:normal;max-width:100%;}
 body.home-page .why .why-grid article .why-art{position:absolute;grid-area:auto;align-self:auto;justify-self:auto;top:24px;right:24px;bottom:auto;left:auto;transform:none;translate:none;margin:0;width:140px;height:140px;pointer-events:none;}
 body.home-page .why .why-grid article .why-copy{grid-area:auto;position:relative;inset:auto;z-index:1;width:100%;margin:0;}
 body.home-page .clients .client-row{gap:12px;}
 body.home-page .clients .client-row>li{width:180px;flex-basis:180px;height:120px;border-radius:8px;}
 body.home-page .clients .client-row>li img{max-width:110px;max-height:60px;}
 body:is(.home-page,.editorial-page) .founder.page-section{padding-top:120px;gap:48px;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title{margin-bottom:24px;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy>p:not(.eyebrow){font-size:20px;line-height:28px;max-width:320px;margin-bottom:28px;}
 body:is(.home-page,.editorial-page) .founder .founder-copy .line-link{font-size:20px;line-height:32px;gap:8px;margin-top:32px;position:relative;top:-24px;}
 body:is(.home-page,.editorial-page) .founder .founder-photo{width:min(302px,100%);max-width:302px;justify-self:start;}
 body:is(.home-page,.editorial-page) .founder .founder-photo figcaption{left:88px;right:auto;bottom:48px;width:min(239px,calc(100vw - 128px));}
 /* Footer styling lives in responsive-system.css and is shared by every page. */
}