/* 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.editorial-page .studio-page{--home-gap:clamp(96px,16.666667vw,240px);--home-display:clamp(42px,10vw,144px);--home-section:clamp(32px,4.166667vw,60px);--grey:#a5968c;}
body.editorial-page .studio-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.editorial-page .studio-page .hero-statement #statement-title{background-image:linear-gradient(-60.9434deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-page .why #why-title{background-image:linear-gradient(-67.2116deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-page .testimonials #testimonials-title{background-image:linear-gradient(-61.6029deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-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.editorial-page .studio-page #work #work-title{background-image:linear-gradient(148.2582deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-page #services #services-title{background-image:linear-gradient(149.9042deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-page .clients #clients-title{background-image:linear-gradient(157.8297deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-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.editorial-page .studio-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2),
body.editorial-page .studio-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2) *{font-family:Helixa,sans-serif!important;}
body.editorial-page .studio-page .hero .hero-intro{font-size:clamp(22px,1.944444vw,28px);line-height:1.285714;font-weight:400;letter-spacing:-.01em;}
body.editorial-page .studio-page .hero .hero-details .button{font-size:20px;line-height:24px;font-weight:700;letter-spacing:.02em;padding:24px 32px;gap:16px;}
body.editorial-page .studio-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.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-family:'GC Gudlak',sans-serif!important;font-size:48px;line-height:48px;letter-spacing:.02em;font-weight:500;}
body.editorial-page .studio-page .stats strong .stat-plus{font-weight:300;}
body.editorial-page .studio-page .stats article>span{font-size:20px;line-height:24px;color:#483c30;font-weight:400;}
body.editorial-page .studio-page #work .work-slide-caption{gap:8px;}
body.editorial-page .studio-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.editorial-page .studio-page #work .work-project-services{font-size:18px;line-height:24px;font-weight:350;color:#a5968c;order:2;margin:0;}
body.editorial-page .studio-page #services .service-card h3{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.editorial-page .studio-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.editorial-page .studio-page #services .service-card ul{font-size:18px;line-height:24px;font-weight:350;color:#a5968c;margin-top:16px;}
body.editorial-page .studio-page #services .service-index{font-size:20px;line-height:28px;letter-spacing:0;color:#a5968c;opacity:.5;}
body.editorial-page .studio-page .work-contact>p{font-size:24px;line-height:32px;font-weight:400;}
body.editorial-page .studio-page .work-contact .line-link{font-size:24px;line-height:32px;font-weight:700;gap:12px;}
body.editorial-page .studio-page .why-grid .eyebrow{font-size:16px;line-height:18px;font-weight:700;letter-spacing:.08em;color:#785a3c;}
body.editorial-page .studio-page .why-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.editorial-page .studio-page .why-copy p{font-size:18px;line-height:28px;font-weight:400;color:#483c30;max-width:280px;}
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page .stories-carousel .story-panel blockquote{font-size:clamp(26px,2.5vw,36px);line-height:1.333333;font-weight:400;max-width:580px;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{font-size:24px;line-height:28px;font-weight:700;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{font-size:16px;line-height:20px;font-weight:400;}
body.editorial-page .studio-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.editorial-page .studio-page .founder .founder-copy .line-link{font-size:24px;line-height:32px;font-weight:700;letter-spacing:.02em;gap:16px;top:auto;}
body.editorial-page .studio-page .contact-copy h2{font-size:clamp(40px,5.555556vw,80px);line-height:1;font-weight:700;letter-spacing:-.03em;}
body.editorial-page .studio-page .contact-copy>p{font-size:24px;line-height:32px;font-weight:400;max-width:458px;}
body.editorial-page .studio-page .footer-project-link{font-size:28px;line-height:32px;font-weight:700;border-color:#201e1c;}
body.editorial-page .studio-page .contact-details a{font-weight:700;font-size:28px;line-height:32px;}
body.editorial-page .studio-page .contact-details a:first-child{font-size:30px;}
body.editorial-page .studio-page .footer-bottom{font-size:16px;line-height:20px;}
body.editorial-page .studio-page .footer-bottom a{font-weight:700;}
@media(min-width:761px){
 body.editorial-page .studio-page .hero .hero-details{width:335px;max-width:30%;gap:36px;}
 body.editorial-page .studio-page .hero-statement{padding-top:180px;}
 body.editorial-page .studio-page .studio-section{padding-top:160px;padding-bottom:60px;}
 body.editorial-page .studio-page .stats.page-section{gap:30px;}
 body.editorial-page .studio-page .stats article{min-height:144px;padding:24px 32px;gap:8px;justify-content:center;}
 body.editorial-page .studio-page #work.page-section{padding-top:320px;}
 body.editorial-page .studio-page .work-scroll{margin-top:60px;}
 body.editorial-page .studio-page .work-slider-toolbar{margin-top:48px;}
 body.editorial-page .studio-page #work .work-caption-layer{min-height:80px;}
 body.editorial-page .studio-page .why.page-section{padding-top:320px;}
 body.editorial-page .studio-page .why .why-grid{margin-top:95px;gap:24px;}
 body.editorial-page .studio-page .why-grid article{min-height:300px;padding:48px;}
 body.editorial-page .studio-page .why-contact{margin-top:48px;}
 body.editorial-page .studio-page #approach.philosophy{margin-top:272px;padding-block:120px 110px;}
 body.editorial-page .studio-page #approach .philosophy-description{margin-top:58px;}
 body.editorial-page .studio-page #services.page-section{padding-top:240px;}
 body.editorial-page .studio-page #services .services-grid{margin-top:72px;}
 body.editorial-page .studio-page #services .service-card:nth-child(n){min-height:200px;padding:44px 0 48px;grid-template-columns:45px minmax(0,1fr);}
 body.editorial-page .studio-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.editorial-page .studio-page #services .service-index{padding-top:4px;}
 body.editorial-page .studio-page #services .service-card p{margin-top:4px;}
 body.editorial-page .studio-page .services-contact{margin-top:60px;}
 body.editorial-page .studio-page .testimonials.page-section{padding-top:240px;}
 body.editorial-page .studio-page .stories-heading{margin-bottom:98px;}
 body.editorial-page .studio-page .stories-carousel .stories-stage .story-panel{flex-basis:min(806px,72vw);padding:64px 68px;min-height:540px;gap:64px;}
 body.editorial-page .studio-page .clients.page-section{padding-top:292px;}
 body.editorial-page .studio-page .clients .client-rows{margin-top:64px;}
 body.editorial-page .studio-page .client-row>li{width:360px;flex-basis:360px;height:240px;border-radius:16px;}
 body.editorial-page .studio-page .founder.page-section{padding-top:240px;}
 body.editorial-page .studio-page .founder.page-section .founder-copy #founder-title{margin-bottom:48px;}
 body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:32px;}
 body.editorial-page .studio-page .contact-panel{border-radius:16px;padding-top:108px;padding-bottom:72px;}
}
@media(max-width:760px){
 body.editorial-page .studio-page .hero a.hero-explore{display:none!important;}
 body.editorial-page .studio-page{--home-display:clamp(38px,10vw,76px);--home-section:clamp(32px,6vw,44px);}
 body.editorial-page .studio-page #about #studio-title.studio-description{max-width:100%;font-size:24px;line-height:32px;}
 body.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-size:36px;line-height:44px;}
 body.editorial-page .studio-page .stats article>span{font-size:16px;line-height:24px;}
 body.editorial-page .studio-page .hero .hero-details .button{font-size:18px;padding:18px 28px;}
 body.editorial-page .studio-page .work-contact>p,body.editorial-page .studio-page .work-contact .line-link{font-size:20px;line-height:28px;}
 body.editorial-page .studio-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:20px;line-height:28px;max-width:100%;}
 body.editorial-page .studio-page .founder .founder-copy .line-link{font-size:20px;line-height:28px;}
 body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{font-size:20px;line-height:28px;}
 body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{font-size:14px;line-height:20px;}
 body.editorial-page .studio-page .contact-copy>p{font-size:20px;line-height:28px;}
 body.editorial-page .studio-page .contact-details a,body.editorial-page .studio-page .contact-details a:first-child{font-size:24px;line-height:32px;}
 body.editorial-page .studio-page .footer-project-link{font-size:24px;line-height:32px;}
}
/* Explicit Figma service typography; do not inherit the display heading face. */
body.editorial-page .studio-page #services .service-card h3,
body.editorial-page .studio-page #services .service-card h3 *{font-family:Helixa,sans-serif!important;font-weight:700;}
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page .clients .client-row>li img{max-width:62%;max-height:50%;}
@media(max-width:760px){
 body.editorial-page .studio-page{--layout-gutter:24px;--section-gutter:24px;--home-gap:120px;--home-section:36px;}
 body.editorial-page .studio-page .page-section{box-sizing:border-box;width:calc(100% - 48px);margin-inline:24px;}
 body.editorial-page .studio-page .hero .hero-details{top:120px;left:24px;width:289px;max-width:calc(100% - 48px);gap:24px;}
 body.editorial-page .studio-page .hero .hero-intro{font-size:24px;line-height:32px;letter-spacing:0;}
 body.editorial-page .studio-page .hero .hero-details .button{font-size:20px;line-height:24px;height:60px;padding:18px 28px;}
 body.editorial-page .studio-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.editorial-page .studio-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-size:36px;line-height:48px;}
 body.editorial-page .studio-page .clients #clients-title{max-width:230px;}
 body.editorial-page .studio-page #about.studio-section.page-section{width:100%;margin:0;padding:80px 24px 48px;}
 body.editorial-page .studio-page .stats.page-section{width:calc(100% - 48px);margin-inline:24px;padding:0;gap:12px;}
 body.editorial-page .studio-page .stats article{min-height:88px;padding:20px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
 body.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-size:32px;line-height:48px;}
 body.editorial-page .studio-page #work.page-section,body.editorial-page .studio-page #services.page-section,body.editorial-page .studio-page .why.page-section,body.editorial-page .studio-page .testimonials.page-section,body.editorial-page .studio-page .clients.page-section{padding-top:120px;}
 body.editorial-page .studio-page .work-scroll{margin-top:24px;}
 body.editorial-page .studio-page .work-deck{--project-width:calc(100vw - 52px);gap:12px;}
 body.editorial-page .studio-page .work-slide-image{aspect-ratio:350/400;}
 body.editorial-page .studio-page .work-slider-toolbar{margin-top:24px;}
 body.editorial-page .studio-page #work .work-slide-caption h3{font-size:24px;line-height:30px;}
 body.editorial-page .studio-page #work .work-project-services{font-size:16px;line-height:24px;white-space:normal;}
 body.editorial-page .studio-page #services .services-grid{margin-top:24px;}
 body.editorial-page .studio-page #services .service-card:nth-child(n){display:block;min-height:0;padding:32px 0;border-top:0;border-bottom:1px solid #37322f;}
 body.editorial-page .studio-page #services .service-card:first-child{padding-top:0;}
 body.editorial-page .studio-page #services .service-card>div{display:block;}
 body.editorial-page .studio-page #services .service-index{display:block;margin-bottom:8px;font-size:20px;line-height:28px;}
 body.editorial-page .studio-page #services .service-card h3{font-size:32px;line-height:36px;margin:0 0 12px;}
 body.editorial-page .studio-page #services .service-card p{font-size:20px;line-height:28px;max-width:100%;}
 body.editorial-page .studio-page #services .service-card ul{font-size:18px;line-height:24px;margin-top:12px;}
 body.editorial-page .studio-page .work-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
 body.editorial-page .studio-page .work-contact>p,body.editorial-page .studio-page .work-contact .line-link{font-size:24px;line-height:32px;}
 body.editorial-page .studio-page .why .why-grid{margin-top:40px;gap:12px;}
 body.editorial-page .studio-page .why-grid .eyebrow{font-size:14px;line-height:18px;}
 body.editorial-page .studio-page .why-copy h3{font-size:32px;line-height:40px;letter-spacing:-.01em;}
 body.editorial-page .studio-page .why-copy p{font-size:16px;line-height:24px;}
 body.editorial-page .studio-page #approach.philosophy{width:calc(100% - 16px);margin:120px 8px 0;padding:40px 24px;}
 body.editorial-page .studio-page #approach #philosophy-title{font-size:clamp(32px,9.95vw,40px);line-height:1.2;letter-spacing:.04em;}
 body.editorial-page .studio-page #approach .philosophy-description{font-size:18px;line-height:24px;margin-top:48px;width:100%;max-width:100%;}
 body.editorial-page .studio-page .stories-heading{margin-bottom:40px;}
 body.editorial-page .studio-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.editorial-page .studio-page .stories-carousel .story-panel blockquote{font-size:28px;line-height:36px;}
 body.editorial-page .studio-page .clients .client-rows{margin-top:32px;gap:12px;}
 body.editorial-page .studio-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.editorial-page .studio-page .founder.page-section{padding-top:120px;gap:72px;}
 body.editorial-page .studio-page .founder.page-section .founder-copy #founder-title{margin-bottom:32px;}
 body.editorial-page .studio-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.editorial-page .studio-page :is(.why-contact,.services-contact).work-contact{row-gap:4px;}
 body.editorial-page .studio-page :is(.why-contact,.services-contact).work-contact>p{margin:0;}
 body.editorial-page .studio-page :is(.why-contact,.services-contact).work-contact .line-link{margin-top:0;}
}
body.editorial-page .studio-page .founder.page-section .founder-copy>p:last-of-type{margin-bottom:0;}
body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:24px;}
@media(max-width:760px){
 body.editorial-page .studio-page footer.contact-panel#contact .contact-top{gap:28px;}
 body.editorial-page .studio-page footer.contact-panel#contact .contact-top p{margin:20px 0 24px;}
 body.editorial-page .studio-page footer.contact-panel#contact .contact-details{gap:12px;}
 body.editorial-page .studio-page footer.contact-panel#contact .footer-bottom{margin-top:36px;}
}
/* Founder caption — Figma 125:762/763 and 209:1203/1204. */
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link::before,body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link::after{content:none;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link img{width:16px;height:16px;filter:brightness(0) invert(1);transition:transform .25s ease;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:hover{background:#302d2a;transform:none;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:hover img{transform:translateX(3px);}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:focus-visible{outline:2px solid #201e1c;outline-offset:4px;}
@media(max-width:760px){body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link{min-height:60px;padding:18px 28px;}}
@media(prefers-reduced-motion:reduce){body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link,body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link img{transition:none;}}
/* Shared section CTA: identical typography, arrow and underline geometry. */
body.editorial-page .studio-page :is(#services,.why) .work-contact{gap:16px;letter-spacing:0;}
body.editorial-page .studio-page :is(#services,.why) .work-contact>p{margin:0;font:400 24px/32px Helixa,sans-serif;letter-spacing:0;}
body.editorial-page .studio-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.editorial-page .studio-page :is(#services,.why) .work-contact .line-link img{width:20px;height:20px;flex-shrink:0;}
@media(max-width:760px){
 body.editorial-page .studio-page :is(#services,.why) .work-contact{flex-direction:column;align-items:flex-start;gap:4px;}
}
/* Tighter spacing within the footer invitation. */
body.editorial-page .studio-page footer.contact-panel#contact .contact-copy>p{margin:24px 0 28px;}
@media(max-width:760px){body.editorial-page .studio-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.editorial-page .studio-page .founder .founder-copy .line-link{display:inline-flex;align-items:center;gap:12px;}
 body.editorial-page .studio-page .founder .founder-copy .line-link img{width:20px;height:20px;flex:0 0 20px;}
}
/* Keep client attribution compact across every story. */
body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div{gap:2px;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{margin:0;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{margin:0;}