/* Home New 125:719 and mobile 209:757, inspected September 22. Desktop design: 1440px.
   Scoped to Home; existing fonts/assets and interaction components are reused. */
body.home-page{--home-gap:clamp(96px,16.666667vw,240px);--home-display:clamp(42px,10vw,144px);--home-section:clamp(32px,4.166667vw,60px);--grey:#a5968c;}
body.home-page :is(.hero-statement #statement-title,.why #why-title,.testimonials #testimonials-title){font-family:'GC Gudlak',sans-serif!important;font-size:var(--home-display);font-weight:700;line-height:1.111111;letter-spacing:.02em;text-align:left;text-transform:uppercase;max-width:100%;margin:0;}
body.home-page .hero-statement #statement-title{background-image:linear-gradient(-60.9434deg,#fff 71.316%,#d3b393 97.394%);}
body.home-page .why #why-title{background-image:linear-gradient(-67.2116deg,#fff 71.316%,#d3b393 97.394%);}
body.home-page .testimonials #testimonials-title{background-image:linear-gradient(-61.6029deg,#fff 71.316%,#d3b393 97.394%);}
body.home-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-family:'GC Gudlak',sans-serif!important;font-size:var(--home-section);font-weight:500;line-height:1.066667;letter-spacing:.02em;text-transform:none;text-align:left;white-space:normal;margin:0;max-width:100%;}
body.home-page #work #work-title{background-image:linear-gradient(148.2582deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page #services #services-title{background-image:linear-gradient(149.9042deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page .clients #clients-title{background-image:linear-gradient(157.8297deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page .founder .founder-copy #founder-title{background-image:linear-gradient(138.6663deg,#d3b393 11.441%,#fff 27.923%);}
/* Display families belong only to display headings, not every h3. */
body.home-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2),
body.home-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2) *{font-family:Helixa,sans-serif!important;}
body.home-page .hero .hero-intro{font-size:clamp(22px,1.944444vw,28px);line-height:1.285714;font-weight:400;letter-spacing:-.01em;}
body.home-page .hero .hero-details .button{font-size:20px;line-height:24px;font-weight:700;letter-spacing:.02em;padding:24px 32px;gap:16px;}
body.home-page #about #studio-title.studio-description{font-size:clamp(24px,2.222222vw,32px);line-height:1.25;font-weight:350;letter-spacing:-.01em;max-width:841px;margin:0;opacity:.96;}
body.home-page .stats strong,body.home-page .stats strong *{font-family:'GC Gudlak',sans-serif!important;font-size:48px;line-height:48px;letter-spacing:.02em;font-weight:500;}
body.home-page .stats strong .stat-plus{font-weight:300;}
body.home-page .stats article>span{font-size:20px;line-height:24px;color:#483c30;font-weight:400;}
body.home-page #work .work-slide-caption{gap:8px;}
body.home-page #work .work-slide-caption h3{font-size:clamp(24px,2.5vw,36px);line-height:1.333333;font-weight:700;letter-spacing:-.01em;opacity:.96;}
body.home-page #work .work-project-services{font-size:18px;line-height:24px;font-weight:350;color:#a5968c;order:2;margin:0;}
body.home-page #services .service-card h3{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.home-page #services .service-card p{font-size:clamp(20px,1.666667vw,24px);line-height:1.333333;font-weight:350;letter-spacing:.01em;max-width:400px;}
body.home-page #services .service-card ul{font-size:18px;line-height:24px;font-weight:350;color:#a5968c;margin-top:16px;}
body.home-page #services .service-index{font-size:20px;line-height:28px;letter-spacing:0;color:#a5968c;opacity:.5;}
body.home-page .work-contact>p{font-size:24px;line-height:32px;font-weight:400;}
body.home-page .work-contact .line-link{font-size:24px;line-height:32px;font-weight:700;gap:12px;}
body.home-page .why-grid .eyebrow{font-size:16px;line-height:18px;font-weight:700;letter-spacing:.08em;color:#785a3c;}
body.home-page .why-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.home-page .why-copy p{font-size:18px;line-height:28px;font-weight:400;color:#483c30;max-width:280px;}
body.home-page #approach #philosophy-title{font-family:'GC Gudlak',sans-serif!important;font-size:clamp(38px,8.333333vw,120px);font-weight:700;line-height:1.2;letter-spacing:.02em;max-width:1020px;width:100%;margin:0;}
body.home-page #approach .philosophy-description{font-size:clamp(20px,1.944444vw,28px);line-height:1.428571;font-weight:400;max-width:923px;letter-spacing:0;}
body.home-page .stories-carousel .story-panel blockquote{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:400;max-width:580px;}
body.home-page .stories-carousel .story-panel figcaption>div>span{font-size:24px;line-height:28px;font-weight:700;}
body.home-page .stories-carousel .story-panel figcaption .story-meta{font-size:16px;line-height:20px;font-weight:400;}
body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:24px;line-height:32px;font-weight:350;letter-spacing:0;max-width:449px;margin-bottom:32px;}
body.home-page .founder .founder-copy .line-link{font-size:24px;line-height:32px;font-weight:700;letter-spacing:.02em;gap:16px;top:auto;}
body.home-page .contact-copy h2{font-size:clamp(40px,5.555556vw,80px);line-height:1;font-weight:700;letter-spacing:-.03em;}
body.home-page .contact-copy>p{font-size:24px;line-height:32px;font-weight:400;max-width:458px;}
body.home-page .footer-project-link{font-size:28px;line-height:32px;font-weight:700;border-color:#201e1c;}
body.home-page .contact-details a{font-weight:700;font-size:28px;line-height:32px;}
body.home-page .contact-details a:first-child{font-size:30px;}
body.home-page .footer-bottom{font-size:16px;line-height:20px;}
body.home-page .footer-bottom a{font-weight:700;}
@media(min-width:761px){
 body.home-page .hero .hero-details{width:335px;max-width:30%;gap:36px;}
 body.home-page .hero-statement{padding-top:180px;}
 body.home-page .studio-section{padding-top:160px;padding-bottom:60px;}
 body.home-page .stats.page-section{gap:30px;}
 body.home-page .stats article{min-height:144px;padding:24px 32px;gap:8px;justify-content:center;}
 body.home-page #work.page-section{padding-top:320px;}
 body.home-page .work-scroll{margin-top:60px;}
 body.home-page .work-slider-toolbar{margin-top:48px;}
 body.home-page #work .work-caption-layer{min-height:80px;}
 body.home-page .why.page-section{padding-top:320px;}
 body.home-page .why .why-grid{margin-top:95px;gap:24px;}
 body.home-page .why-grid article{min-height:300px;padding:48px;}
 body.home-page .why-contact{margin-top:48px;}
 body.home-page #approach.philosophy{margin-top:272px;padding-block:120px 110px;}
 body.home-page #approach .philosophy-description{margin-top:58px;}
 body.home-page #services.page-section{padding-top:240px;}
 body.home-page #services .services-grid{margin-top:72px;}
 body.home-page #services .service-card:nth-child(n){min-height:200px;padding:44px 0 48px;grid-template-columns:45px minmax(0,1fr);}
 body.home-page #services .service-card>div{grid-template-columns:minmax(0,617fr) minmax(0,538fr);}
 /* Figma: title x=45/y=180; number x=0/y=184; copy x=662/y=184.
    Preserve the 200px row rhythm and the 16px copy-to-capabilities gap. */
 body.home-page #services .service-index{padding-top:4px;}
 body.home-page #services .service-card p{margin-top:4px;}
 body.home-page .services-contact{margin-top:60px;}
 body.home-page .testimonials.page-section{padding-top:240px;}
 body.home-page .stories-heading{margin-bottom:98px;}
 body.home-page .stories-carousel .stories-stage .story-panel{flex-basis:min(806px,72vw);padding:64px 68px;min-height:540px;gap:64px;}
 body.home-page .clients.page-section{padding-top:292px;}
 body.home-page .clients .client-rows{margin-top:64px;}
 body.home-page .client-row>li{width:360px;flex-basis:360px;height:240px;border-radius:16px;}
 body.home-page .founder.page-section{padding-top:240px;}
 body.home-page .founder.page-section .founder-copy #founder-title{margin-bottom:48px;}
 body.home-page .founder .founder-copy .line-link{margin-top:32px;}
 body.home-page .contact-panel{border-radius:16px;padding-top:108px;padding-bottom:72px;}
}
@media(max-width:760px){
 body.home-page .hero a.hero-explore{display:none!important;}
 body.home-page{--home-display:clamp(38px,10vw,76px);--home-section:clamp(32px,6vw,44px);}
 body.home-page #about #studio-title.studio-description{max-width:100%;font-size:24px;line-height:32px;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:36px;line-height:44px;}
 body.home-page .stats article>span{font-size:16px;line-height:24px;}
 body.home-page .hero .hero-details .button{font-size:18px;padding:18px 28px;}
 body.home-page .work-contact>p,body.home-page .work-contact .line-link{font-size:20px;line-height:28px;}
 body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:20px;line-height:28px;max-width:100%;}
 body.home-page .founder .founder-copy .line-link{font-size:20px;line-height:28px;}
 body.home-page .stories-carousel .story-panel figcaption>div>span{font-size:20px;line-height:28px;}
 body.home-page .stories-carousel .story-panel figcaption .story-meta{font-size:14px;line-height:20px;}
 body.home-page .contact-copy>p{font-size:20px;line-height:28px;}
 body.home-page .contact-details a,body.home-page .contact-details a:first-child{font-size:24px;line-height:32px;}
 body.home-page .footer-project-link{font-size:24px;line-height:32px;}
}
/* Explicit Figma service typography; do not inherit the display heading face. */
body.home-page #services .service-card h3,
body.home-page #services .service-card h3 *{font-family:Helixa,sans-serif!important;font-weight:700;}
body.home-page .founder.page-section .founder-copy #founder-title{margin-bottom:clamp(32px,3.333333vw,48px)!important;line-height:1.2;letter-spacing:.02em;}
/* Logo cards: 80% of the previous desktop dimensions, with a fluid 3:2 ratio. */
body.home-page .clients .client-row>li{width:clamp(142.2px,19.8vw,285.3px);flex:0 0 clamp(142.2px,19.8vw,285.3px);height:auto;aspect-ratio:3/2;}
body.home-page .clients .client-row>li img{max-width:62%;max-height:50%;}
@media(max-width:760px){
 body.home-page{--layout-gutter:24px;--section-gutter:24px;--home-gap:120px;--home-section:36px;}
 body.home-page .page-section{box-sizing:border-box;width:calc(100% - 48px);margin-inline:24px;}
 body.home-page .hero .hero-details{top:120px;left:24px;width:289px;max-width:calc(100% - 48px);gap:24px;}
 body.home-page .hero .hero-intro{font-size:24px;line-height:32px;letter-spacing:0;}
 body.home-page .hero .hero-details .button{font-size:20px;line-height:24px;height:60px;padding:18px 28px;}
 body.home-page :is(.hero-statement #statement-title,.why #why-title,.testimonials #testimonials-title){font-size:clamp(44px,13.93vw,56px);line-height:1.142857;letter-spacing:.02em;white-space:normal;overflow-wrap:normal;}
 body.home-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-size:36px;line-height:48px;}
 body.home-page .clients #clients-title{max-width:230px;}
 body.home-page #about.studio-section.page-section{width:100%;margin:0;padding:80px 24px 48px;}
 body.home-page .stats.page-section{width:calc(100% - 48px);margin-inline:24px;padding:0;gap:12px;}
 body.home-page .stats article{min-height:88px;padding:20px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:32px;line-height:48px;}
 body.home-page #work.page-section,body.home-page #services.page-section,body.home-page .why.page-section,body.home-page .testimonials.page-section,body.home-page .clients.page-section{padding-top:120px;}
 body.home-page .work-scroll{margin-top:24px;}
 body.home-page .work-deck{--project-width:calc(100vw - 52px);gap:12px;}
 body.home-page .work-slide-image{aspect-ratio:350/400;}
 body.home-page .work-slider-toolbar{margin-top:24px;}
 body.home-page #work .work-slide-caption h3{font-size:24px;line-height:30px;}
 body.home-page #work .work-project-services{font-size:16px;line-height:24px;white-space:normal;}
 body.home-page #services .services-grid{margin-top:24px;}
 body.home-page #services .service-card:nth-child(n){display:block;min-height:0;padding:32px 0;border-top:0;border-bottom:1px solid #37322f;}
 body.home-page #services .service-card:first-child{padding-top:0;}
 body.home-page #services .service-card>div{display:block;}
 body.home-page #services .service-index{display:block;margin-bottom:8px;font-size:20px;line-height:28px;}
 body.home-page #services .service-card h3{font-size:32px;line-height:36px;margin:0 0 12px;}
 body.home-page #services .service-card p{font-size:20px;line-height:28px;max-width:100%;}
 body.home-page #services .service-card ul{font-size:18px;line-height:24px;margin-top:12px;}
 body.home-page .work-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
 body.home-page .work-contact>p,body.home-page .work-contact .line-link{font-size:24px;line-height:32px;}
 body.home-page .why .why-grid{margin-top:40px;gap:12px;}
 body.home-page .why-grid .eyebrow{font-size:14px;line-height:18px;}
 body.home-page .why-copy h3{font-size:32px;line-height:40px;letter-spacing:-.01em;}
 body.home-page .why-copy p{font-size:16px;line-height:24px;}
 body.home-page #approach.philosophy{width:calc(100% - 16px);margin:120px 8px 0;padding:40px 24px;}
 body.home-page #approach #philosophy-title{font-size:clamp(32px,9.95vw,40px);line-height:1.2;letter-spacing:.04em;}
 body.home-page #approach .philosophy-description{font-size:18px;line-height:24px;margin-top:48px;width:100%;max-width:100%;}
 body.home-page .stories-heading{margin-bottom:40px;}
 body.home-page .stories-carousel .stories-stage .story-panel{flex:0 0 calc(100vw - 34px);width:calc(100vw - 34px);min-height:490px;height:auto;padding:36px 32px;gap:48px;}
 body.home-page .stories-carousel .story-panel blockquote{font-size:28px;line-height:36px;}
 body.home-page .clients .client-rows{margin-top:32px;gap:12px;}
 body.home-page .clients .client-row>li{width:clamp(156.42px,39.006vw,196.02px);flex-basis:clamp(156.42px,39.006vw,196.02px);border-radius:8px;}
 body.home-page .founder.page-section{padding-top:120px;gap:72px;}
 body.home-page .founder.page-section .founder-copy #founder-title{margin-bottom:32px;}
 body.home-page .founder .founder-photo{width:min(302px,100%);max-width:302px;align-self:flex-start;}
}
/* Compact founder CTA and mobile footer spacing. */
@media(max-width:760px){
 body.home-page :is(.why-contact,.services-contact).work-contact{row-gap:4px;}
 body.home-page :is(.why-contact,.services-contact).work-contact>p{margin:0;}
 body.home-page :is(.why-contact,.services-contact).work-contact .line-link{margin-top:0;}
}
body.home-page .founder.page-section .founder-copy>p:last-of-type{margin-bottom:0;}
body.home-page .founder .founder-copy .line-link{margin-top:24px;}
@media(max-width:760px){
 body.home-page footer.contact-panel#contact .contact-top{gap:28px;}
 body.home-page footer.contact-panel#contact .contact-top p{margin:20px 0 24px;}
 body.home-page footer.contact-panel#contact .contact-details{gap:12px;}
 body.home-page footer.contact-panel#contact .footer-bottom{margin-top:36px;}
}
/* Founder caption — Figma 125:762/763 and 209:1203/1204. */
body.home-page .founder .founder-photo figcaption>span{font-family:Helixa,sans-serif!important;font-size:24px;line-height:28px;font-weight:700;letter-spacing:0;white-space:normal;}
body.home-page .founder .founder-photo figcaption>small{font-family:Helixa,sans-serif!important;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0;margin-top:4px;}
/* Footer button — updated Figma 242:614. */
body.home-page footer.contact-panel#contact a.footer-project-link{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:68px;box-sizing:border-box;padding:22px 32px;gap:16px;border:0;border-radius:12px;background:#201e1c;color:#fff;font:700 20px/24px Helixa,sans-serif;letter-spacing:.02em;text-decoration:none;transform:none;transition:background-color .25s ease;}
body.home-page footer.contact-panel#contact a.footer-project-link::before,body.home-page footer.contact-panel#contact a.footer-project-link::after{content:none;}
body.home-page footer.contact-panel#contact a.footer-project-link img{width:16px;height:16px;filter:brightness(0) invert(1);transition:transform .25s ease;}
body.home-page footer.contact-panel#contact a.footer-project-link:hover{background:#302d2a;transform:none;}
body.home-page footer.contact-panel#contact a.footer-project-link:hover img{transform:translateX(3px);}
body.home-page footer.contact-panel#contact a.footer-project-link:focus-visible{outline:2px solid #201e1c;outline-offset:4px;}
@media(max-width:760px){body.home-page footer.contact-panel#contact a.footer-project-link{min-height:60px;padding:18px 28px;}}
@media(prefers-reduced-motion:reduce){body.home-page footer.contact-panel#contact a.footer-project-link,body.home-page footer.contact-panel#contact a.footer-project-link img{transition:none;}}
/* Shared section CTA: identical typography, arrow and underline geometry. */
body.home-page :is(#services,.why) .work-contact{gap:16px;letter-spacing:0;}
body.home-page :is(#services,.why) .work-contact>p{margin:0;font:400 24px/32px Helixa,sans-serif;letter-spacing:0;}
body.home-page :is(#services,.why) .work-contact .line-link{display:inline-flex;align-items:center;margin:0;padding:0 0 4px;gap:12px;width:max-content;min-width:0;font:700 24px/32px Helixa,sans-serif;letter-spacing:0;}
body.home-page :is(#services,.why) .work-contact .line-link img{width:20px;height:20px;flex-shrink:0;}
@media(max-width:760px){
 body.home-page :is(#services,.why) .work-contact{flex-direction:column;align-items:flex-start;gap:4px;}
}
/* Tighter spacing within the footer invitation. */
body.home-page footer.contact-panel#contact .contact-copy>p{margin:24px 0 28px;}
@media(max-width:760px){body.home-page footer.contact-panel#contact .contact-copy>p{margin:16px 0 20px;}}
/* Match the mobile studio arrow to the service CTA. */
@media(max-width:760px){
 body.home-page .founder .founder-copy .line-link{display:inline-flex;align-items:center;gap:12px;}
 body.home-page .founder .founder-copy .line-link img{width:20px;height:20px;flex:0 0 20px;}
}
/* Keep client attribution compact across every story. */
body.home-page .stories-carousel .story-panel figcaption>div{gap:2px;}
body.home-page .stories-carousel .story-panel figcaption>div>span{margin:0;}
body.home-page .stories-carousel .story-panel figcaption .story-meta{margin:0;}

/* Work and Testimonials use the shared glass cursor surface. */
body.home-page #services .service-index{align-self:start;text-align:left;padding-top:0;margin-top:0;}
@media(max-width:760px){
 body.home-page #approach #philosophy-title{font-size:min(10.5vw,44px);line-height:1.2;letter-spacing:.02em;}
 body.home-page .contact-panel .contact-copy h2{font-size:min(10.5vw,76px);line-height:1.16;}
}
@media(max-width:760px){body.home-page .hero-statement .hero-statement-inner h1#statement-title{font-size:min(10.4vw,73px);line-height:1.2;white-space:nowrap;letter-spacing:0;}}

/* Tablet uses 16px outer gutters and 48px content gutters. */
@media(min-width:761px) and (max-width:1100px){
 :root{--layout-gutter:48px;}
 body.home-page{--section-gutter:48px;}
 body .editorial-main{--editorial-gutter:48px;}
 body .editorial-container,body.work-page .work-showcase{width:calc(100% - 96px);margin-inline:48px;}
 body.home-page .page-section{width:calc(100% - 96px);margin-inline:48px;box-sizing:border-box;}
 body .wide-surface,body.home-page #approach.philosophy{width:calc(100% - 32px);margin-inline:16px;box-sizing:border-box;}
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:48px;}
 body.home-page #approach.philosophy{padding-inline:48px;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:16px;}
 body .services-page .services-detail-card{padding-inline:48px;}
 body .services-page .services-details .services-statement{padding-inline:48px;margin-inline:0;box-sizing:border-box;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{width:calc(100% - 32px);margin-inline:16px;padding-inline:48px;box-sizing:border-box;}
}

/* Figma 252:904: wordmark precedes the legal row on compact screens. */
@media(max-width:1100px){
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{display:flex;flex-direction:column;min-height:0;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-top{display:flex;flex-direction:column;align-items:flex-start;gap:40px;order:0;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details{padding:0;align-items:flex-start;gap:18px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-wordmark{order:1;display:block;width:100%;height:auto;margin:40px 0 24px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{order:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding:24px 0 0;border-top:1px solid #201e1c;border-bottom:0;font-size:14px;line-height:20px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom nav{display:none;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-mobile-break{display:none;}
}
@media(min-width:600px) and (max-width:1100px){
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{width:calc(100% - 32px);margin:0 16px 16px;padding:56px 48px 48px;box-sizing:border-box;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy h2{font-size:clamp(56px,10.75vw,80px);line-height:1.12;max-width:560px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy p{font-size:24px;line-height:32px;max-width:458px;margin:24px 0 32px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a{font-size:30px;line-height:32px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a:last-child{font-size:28px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{font-size:16px;}
}

/* Home tablet reference is 744px wide; keep this distinct from phones. */
@media(min-width:600px) and (max-width:1100px){
 body.home-page{--section-gutter:48px;--layout-gutter:48px;--home-section:48px;}
 body.home-page .page-section{width:calc(100% - 96px);margin-inline:48px;box-sizing:border-box;}
 body.home-page .hero .hero-intro{font-size:28px;line-height:36px;max-width:335px;}
 body.home-page .hero-statement{padding:120px 48px 0;}
 body.home-page .hero-statement .hero-statement-inner h1#statement-title{font-size:clamp(60px,10.4vw,96px);line-height:1.2;white-space:nowrap;}
 body.home-page #about.studio-section.page-section{padding:120px 0 80px;}
 body.home-page #about #studio-title.studio-description{font-size:32px;line-height:40px;}
 body.home-page .stats.page-section{display:grid;grid-template-columns:1fr;gap:16px;padding:0;}
 body.home-page .stats article{min-height:112px;padding:32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:40px;line-height:48px;}
 body.home-page .stats article>span{font-size:20px;line-height:24px;max-width:280px;}
 body.home-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-size:48px;line-height:1.3;}
 body.home-page .why .why-grid{grid-template-columns:1fr;gap:24px;}
 body.home-page .why-grid article{min-height:280px;padding:36px;}
 body.home-page .why-grid .why-copy{max-width:52%;}
 body.home-page .why-grid .why-copy h3{font-size:36px;line-height:48px;}
 body.home-page .why-grid .why-copy p{font-size:18px;line-height:28px;}
 body.home-page #approach.philosophy{width:calc(100% - 32px);margin-inline:16px;padding:80px 60px;}
 body.home-page #approach #philosophy-title{font-size:clamp(48px,9.67vw,80px);line-height:1.25;letter-spacing:.02em;}
 body.home-page #approach .philosophy-description{font-size:24px;line-height:32px;max-width:522px;margin-top:80px;}
 body.home-page #services .service-card{display:block;padding-block:32px;}
 body.home-page #services .service-index{display:block;margin-bottom:16px;}
 body.home-page #services .service-card h3{font-size:36px;line-height:48px;}
 body.home-page #services .service-card p{font-size:24px;line-height:32px;}
 body.home-page #services .service-card ul{font-size:20px;line-height:28px;margin-top:16px;}
 body.home-page .founder.page-section{display:flex;flex-direction:column;gap:32px;padding-top:160px;}
 body.home-page .founder .founder-copy{order:0;width:100%;}
 body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:24px;line-height:32px;max-width:528px;}
 body.home-page .founder .founder-photo{order:1;width:min(403px,80%);max-width:403px;align-self:center;}
 body.home-page .clients .client-card{width:clamp(240px,38.4vw,320px);}
}
/* Tablet hero reserves a separate upper band for copy and CTA. */
@media(min-width:600px) and (max-width:1100px){
 body.home-page .hero{min-height:900px;}
 body.home-page .hero .hero-copy{position:absolute;inset:0;z-index:10;pointer-events:none;}
 body.home-page .hero .hero-details{top:136px;left:48px;width:335px;max-width:calc(100% - 96px);gap:28px;pointer-events:auto;}
 body.home-page .hero .hero-model{top:0;bottom:0;height:100%;}
 body.home-page .hero .hero-explore{display:none;}
}
@media(min-width:600px) and (max-width:1100px){body.home-page .hero .hero-copy{display:block;}body.home-page .hero .hero-details{z-index:10;}}
/* Hero CTA hugs its label rather than stretching with the copy column. */
body.home-page .hero .hero-details .button{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:max-content;max-width:100%;flex:0 0 auto;gap:16px;box-sizing:border-box;}

@media(max-width:599px){body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{padding-top:12px;}}
@media(min-width:600px) and (max-width:1100px){
 body.home-page #about.studio-section.page-section{width:calc(100% - 96px);margin-inline:48px;padding:120px 0 80px;box-sizing:border-box;}
 body.home-page #about #studio-title.studio-description{width:100%;max-width:100%;}
}

/* Paint gradients on each animated line, not the transparent parent layer. */
body.home-page [data-masked]:has([data-gradient-line]){
 background-image:none!important;background-clip:border-box!important;
 -webkit-background-clip:border-box!important;-webkit-text-fill-color:initial!important;color:#fff;
}
body.home-page [data-masked] .motion-line>span{display:block;}
@media(prefers-reduced-motion:no-preference){
 body.home-page [data-masked].is-visible .motion-line:nth-child(2)>span{transition-delay:150ms;}
 body.home-page [data-masked].is-visible .motion-line:nth-child(3)>span{transition-delay:300ms;}
 body.home-page [data-masked].is-visible .motion-line:nth-child(4)>span{transition-delay:450ms;}
}