/* Services 160:1235 and Contact 160:1610 — September 22. */
body .editorial-main:is(.services-page,.contact-page) .editorial-title{font-family:'GC Gudlak',sans-serif!important;font-size:clamp(48px,8.333333vw,120px);line-height:1.033333;letter-spacing:0;font-weight:700;}
body .editorial-main:is(.services-page,.contact-page) .editorial-line-content{background-image:linear-gradient(-62deg,#fff 77.452%,#d3b393 96.31%);}
body .editorial-main:is(.services-page,.contact-page) .editorial-intro{padding-top:241px;}
body .editorial-main:is(.services-page,.contact-page) .editorial-lead{font:400 32px/40px Helixa,sans-serif;letter-spacing:0;margin-top:48px;}
body .services-page .services-intro .editorial-lead{max-width:858px;}
body .services-page .services-details{margin-top:120px;}
body .services-page .services-detail-card{min-height:280px;padding:60px;grid-template-columns:minmax(0,572fr) minmax(0,448fr);gap:60px;}
body .services-page .services-detail-number{font:400 24px/28px Helixa,sans-serif;letter-spacing:.04em;}
body .services-page .services-detail-heading h2{font-family:Helixa,sans-serif!important;font-size:36px;line-height:48px;font-weight:700;letter-spacing:0;margin:48px 0 12px;}
body .services-page .services-detail-heading ul{font:400 18px/24px Helixa,sans-serif;}
body .services-page .services-detail-copy{font:400 20px/28px Helixa,sans-serif;align-self:center;}
body .services-page .services-statement{font:400 clamp(32px,3.888889vw,56px)/1.214286 Helixa,sans-serif;letter-spacing:0;margin:120px 0;min-height:208px;padding:0;}
body .services-page .services-mix{margin-top:200px;padding-block:120px;}
body .services-page .services-mix h2{font-family:'GC Gudlak',sans-serif!important;font-size:clamp(44px,8.333333vw,120px);line-height:1.2;letter-spacing:.02em;padding:0;min-height:0;}
body .services-page .services-mix-copy{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:54px;font:400 24px/36px Helixa,sans-serif;}
body .services-page .services-mix-copy p:last-child{font-weight:700;}
.services-faq{margin-top:180px;margin-bottom:180px;}
.services-faq>h2{font:500 60px/64px 'GC Gudlak',sans-serif;letter-spacing:.02em;text-transform:none;margin:0 0 64px;background:linear-gradient(160deg,#d3b393 11.441%,#fff 27.923%);background-clip:text;color:transparent;}
.services-faq details{padding:28px 0 32px;border-bottom:1px solid #ffffff30;}
.services-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:24px;cursor:pointer;font:700 32px/40px Helixa,sans-serif;letter-spacing:-.01em;}
.services-faq summary::-webkit-details-marker{display:none;}
.services-faq .faq-toggle-icon{width:24px;height:24px;flex-shrink:0;align-self:center;}
 .services-faq .faq-toggle-vertical{transform-origin:12px 12px;transition:transform 280ms cubic-bezier(.22,1,.36,1),opacity 200ms ease;}
.services-faq details[open] .faq-toggle-vertical{transform:rotate(90deg);opacity:0;}
@media(prefers-reduced-motion:reduce){.services-faq .faq-toggle-vertical{transition:none;}}
.services-faq summary:focus-visible{outline:2px solid #e9c79e;outline-offset:8px;}
.services-faq details p{font:400 24px/32px Helixa,sans-serif;max-width:1073px;opacity:.9;margin:16px 48px 0 0;}
body .contact-page .contact-intro{grid-template-columns:minmax(0,638px) minmax(0,1fr);gap:64px;padding-bottom:120px;}
body .contact-page .contact-intro .editorial-lead{max-width:596px;margin-top:38px;}
body .contact-page .contact-intro aside{font:400 28px/36px Helixa,sans-serif;}
body .contact-page .contact-intro aside a{font-size:32px;line-height:32px;font-weight:700;}
body .contact-page .enquiry-form{padding-block:80px;}
body .contact-page .enquiry-form legend{font:700 40px/48px Helixa,sans-serif;letter-spacing:-.02em;}
body .contact-page .service-options span{font:700 24px/32px Helixa,sans-serif;}
body .contact-page .enquiry-field{font:400 32px/48px Helixa,sans-serif;margin-top:48px;}
body .contact-page .enquiry-actions button{font:700 20px/24px Helixa,sans-serif;letter-spacing:.02em;gap:16px;}
body .contact-page .editorial-split{margin-top:180px;grid-template-columns:368fr 454fr;gap:32%;}
body .contact-page .editorial-split .editorial-title{font-size:60px;line-height:64px;font-weight:500;text-transform:none;letter-spacing:.02em;}
body .contact-page .editorial-values h3{font-family:Helixa,sans-serif!important;font-size:32px;line-height:40px;letter-spacing:-.01em;font-weight:700;}
body .contact-page .editorial-values li{margin-bottom:64px;}
body .contact-page .editorial-values p{margin-top:12px;font-size:18px;line-height:28px;max-width:312px;}
body .contact-page .contact-work{margin-top:180px;min-height:840px;box-sizing:border-box;}
body .contact-page .contact-work li{font:700 32px/40px Helixa,sans-serif;letter-spacing:-.01em;}
body .contact-page .contact-reach>.editorial-title{text-align:left;}
body .contact-page .stats article{min-height:144px;padding:24px 32px;}
body .contact-page .stats strong{font:500 48px/48px 'GC Gudlak',sans-serif!important;letter-spacing:.02em;}
body .contact-page .stats article>span{font-size:20px;line-height:24px;}
/* Shared footer uses the same button and typography as Home. */
body.editorial-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;}
body.editorial-page footer.contact-panel#contact a.footer-project-link::before,body.editorial-page footer.contact-panel#contact a.footer-project-link::after{content:none;}
body.editorial-page footer.contact-panel#contact a.footer-project-link img{width:16px;height:16px;filter:brightness(0) invert(1);}
body.editorial-page footer.contact-panel#contact .contact-copy>p{margin:24px 0 28px;font-size:24px;line-height:32px;}
@media(max-width:1100px){
 body .services-page .services-detail-card{padding:36px;gap:32px;}
 body .contact-page .contact-intro{grid-template-columns:1fr;gap:40px;}
 body .contact-page .contact-intro aside{text-align:left;}
 body .contact-page .editorial-split{gap:12%;}
}
@media(max-width:760px){
 body .editorial-main:is(.services-page,.contact-page) .editorial-intro{padding-top:150px;}
 body .editorial-main:is(.services-page,.contact-page) .editorial-title{font-size:clamp(36px,9vw,64px);line-height:1.08;}
 body .editorial-main:is(.services-page,.contact-page) .editorial-lead{font-size:24px;line-height:32px;margin-top:32px;}
 body .services-page .services-details{margin-top:64px;}
 body .services-page .services-detail-card{grid-template-columns:1fr;min-height:0;padding:28px 24px;gap:24px;}
 body .services-page .services-detail-heading h2{font-size:30px;line-height:36px;margin-top:24px;}
 body .services-page .services-detail-heading ul{font-size:16px;line-height:24px;}
 body .services-page .services-detail-copy{font-size:18px;line-height:28px;}
 body .services-page .services-statement{font-size:30px;line-height:40px;min-height:0;margin-block:80px;}
 body .services-page .services-mix{margin-top:96px;padding-block:56px;}
 body .services-page .services-mix h2{font-size:clamp(32px,8.6vw,60px);line-height:1.2;}
 body .services-page .services-mix-copy{font-size:20px;line-height:28px;margin-top:40px;}
 .services-faq{margin-block:96px;}
 .services-faq>h2{font-size:36px;line-height:44px;margin-bottom:32px;}
 .services-faq summary{font-size:24px;line-height:32px;gap:16px;}
 .services-faq details p{font-size:18px;line-height:28px;margin-right:0;}
 body .contact-page .contact-intro{padding-bottom:64px;}
 body .contact-page .contact-intro aside{font-size:20px;line-height:28px;}
 body .contact-page .contact-intro aside a{font-size:24px;}
 body .contact-page .enquiry-form{padding-block:40px;}
 body .contact-page .enquiry-form legend{font-size:28px;line-height:36px;}
 body .contact-page .service-options span{font-size:16px;line-height:24px;padding:12px 16px;}
 body .contact-page .enquiry-field{font-size:20px;line-height:28px;margin-top:32px;}
 body .contact-page .editorial-split{grid-template-columns:1fr;gap:48px;margin-top:96px;}
 body .contact-page .editorial-split .editorial-title{font-size:36px;line-height:44px;}
 body .contact-page .contact-work{margin-top:96px;min-height:0;padding-block:64px;}
 body .contact-page .contact-work li{font-size:24px;line-height:32px;}
 body.editorial-page footer.contact-panel#contact .contact-copy>p{font-size:20px;line-height:28px;margin:16px 0 20px;}
 body.editorial-page footer.contact-panel#contact a.footer-project-link{min-height:60px;padding:18px 28px;}
}
/* Override legacy inner-page selectors, including animated title spans. */
body .editorial-main:is(.services-page,.contact-page) .editorial-intro h1.editorial-title{font-size:clamp(48px,8.333333vw,120px);line-height:1.033333;}
body .editorial-main:is(.services-page,.contact-page) .editorial-title .editorial-line-mask,body .editorial-main:is(.services-page,.contact-page) .editorial-title .editorial-line-content{line-height:inherit;}
body .services-page .services-detail-heading h2 *,body .contact-page .editorial-values h3 *{font-family:Helixa,sans-serif!important;}
@media(max-width:760px){body .editorial-main:is(.services-page,.contact-page) .editorial-intro h1.editorial-title{font-size:clamp(36px,9vw,64px);line-height:1.08;}}
/* Contact reach heading: sentence case, matching the supplied reference. */
body .contact-page .contact-reach>.editorial-title{font-size:clamp(36px,4.166667vw,60px);line-height:1.066667;font-weight:500;letter-spacing:0;text-transform:none;text-align:left;}
body .contact-page .contact-reach>.editorial-title .editorial-line-content{text-transform:none;}
@media(max-width:760px){body .contact-page .contact-reach>.editorial-title{font-size:36px;line-height:40px;}}

/* Studio — Figma 160:1563. */
body .studio-page.editorial-main .editorial-title{font-size:clamp(48px,8.333333vw,120px);line-height:1.033333;letter-spacing:0;}
body .studio-page .editorial-lead{font:400 32px/40px Helixa,sans-serif;letter-spacing:0;margin-top:48px;max-width:953px;}
body .studio-page .studio-intro-photo{margin-top:120px;aspect-ratio:5/3;}
body .studio-page .studio-process{margin-top:160px;}
body .studio-page .studio-process ol{margin-top:60px;}
body .studio-page .studio-process li{padding-left:45px;width:34%;margin-top:96px;}
body .studio-page .studio-process li:first-child{margin-top:0;}
body .studio-page :is(.studio-process,.editorial-values) h3,body .studio-page :is(.studio-process,.editorial-values) h3 *{font-family:Helixa,sans-serif!important;background:none;-webkit-text-fill-color:currentColor;color:#fff;}
body .studio-page .studio-process h3{font-size:36px;line-height:48px;font-weight:700;letter-spacing:0;}
body .studio-page :is(.studio-process,.editorial-values) p{font-size:18px;line-height:28px;letter-spacing:0;}
body .studio-page .studio-thinking{margin-top:160px;padding-block:120px 110px;}
body .studio-page .studio-thinking h2{font-size:clamp(48px,8.333333vw,120px);line-height:1.2;letter-spacing:.02em;max-width:1061px;}
body .studio-page .studio-thinking p{font-size:28px;line-height:40px;max-width:923px;margin-top:80px;}
body .studio-page .editorial-split{margin-top:160px;}
body .studio-page.editorial-main .editorial-split>.editorial-title{font-size:60px;line-height:68px;letter-spacing:.02em;text-transform:none;font-weight:500;}
body .studio-page .editorial-values h3{font-size:32px;line-height:40px;letter-spacing:-.01em;font-weight:700;}
body .studio-page .editorial-values li{padding-left:45px;margin-bottom:48px;}
body .studio-page .studio-belief{margin-top:184px;}
body .studio-page .studio-belief p{font-size:clamp(32px,3.888889vw,56px);line-height:1.214286;letter-spacing:0;max-width:1160px;}
body .studio-page .studio-years .editorial-lead{max-width:731px;}
@media(max-width:760px){
 body .studio-page.editorial-main .editorial-title{font-size:clamp(36px,9vw,64px);line-height:1.08;}
 body .studio-page .editorial-lead{font-size:20px;line-height:28px;margin-top:32px;max-width:100%;}
 body .studio-page .studio-intro-photo{margin-top:56px;}
 body .studio-page :is(.studio-process,.studio-thinking,.editorial-split,.studio-belief){margin-top:96px;}
 body .studio-page .studio-process li,body .studio-page .studio-process li:nth-child(n){width:100%;margin-left:0;margin-top:40px;padding-left:36px;}
 body .studio-page .studio-process h3{font-size:28px;line-height:36px;}
 body .studio-page .studio-thinking{padding-block:64px;}
 body .studio-page .studio-thinking h2{font-size:clamp(30px,8vw,60px);}
 body .studio-page .studio-thinking p{font-size:20px;line-height:28px;margin-top:40px;}
 body .studio-page.editorial-main .editorial-split>.editorial-title{font-size:36px;line-height:44px;}
 body .studio-page .editorial-values h3{font-size:26px;line-height:34px;white-space:normal;}
 body .studio-page .studio-belief p{font-size:30px;line-height:40px;}
}
/* Shared stacked section titles and numbered lists. */
body.editorial-page .editorial-main .editorial-split>h2.editorial-title{line-height:1.2;}
body.editorial-page .editorial-main .editorial-values li{padding-left:44px;margin-bottom:40px;}
body.editorial-page .editorial-main .editorial-values li:last-child{margin-bottom:0;}
body.editorial-page .editorial-main .editorial-values li::before{top:6px;width:28px;text-align:left;font:400 20px/28px Helixa,sans-serif;letter-spacing:0;}
body.editorial-page .studio-page .studio-process li::before{top:10px;width:28px;text-align:left;font:400 20px/28px Helixa,sans-serif;letter-spacing:0;}
@media(max-width:760px){
 body.editorial-page .editorial-main .editorial-values li{padding-left:36px;margin-bottom:32px;}
 body.editorial-page .editorial-main .editorial-values li::before,body.editorial-page .studio-page .studio-process li::before{top:4px;font-size:18px;line-height:26px;}
}
/* Numbers sit at the title's top-left at every breakpoint. */
body.editorial-page .editorial-main .editorial-values li::before,
body.editorial-page .studio-page .studio-process li::before{top:0;left:0;text-align:left;}
body .services-page .services-detail-number{align-self:start;text-align:left;margin-top:0;padding-top:0;}
/* FAQ answers and dividers share the icon's restrained timing. */
.services-faq details{transition:border-color 280ms ease;}
.services-faq details[open]{border-bottom-color:#ffffff30;}
.services-faq summary{transition:color 220ms ease;}
.services-faq summary:hover{color:#e9c79e;}
@supports (interpolate-size:allow-keywords){
 .services-faq{interpolate-size:allow-keywords;}
 .services-faq details::details-content{height:0;opacity:0;overflow:clip;transition:height 360ms cubic-bezier(.22,1,.36,1),opacity 240ms ease,content-visibility 360ms allow-discrete;}
 .services-faq details[open]::details-content{height:auto;opacity:1;}
}
@media(prefers-reduced-motion:reduce){
 .services-faq details,.services-faq summary,.services-faq details::details-content{transition:none;}
}
body .services-page .services-detail-copy{align-self:end;margin-bottom:0;}

.services-faq .faq-item{padding:28px 0 32px;border-bottom:1px solid #ffffff30;transition:border-color 300ms ease;}
.services-faq .faq-question{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font:700 32px/40px Helixa,sans-serif;letter-spacing:-.01em;transition:color 220ms ease;}
.services-faq .faq-question:hover{color:#e9c79e;}
.services-faq .faq-question:focus-visible{outline:2px solid #e9c79e;outline-offset:8px;}
.services-faq .faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 420ms cubic-bezier(.22,1,.36,1),opacity 280ms ease;}
.services-faq .faq-answer-inner{min-height:0;overflow:hidden;}
.services-faq .faq-answer p{font:400 24px/32px Helixa,sans-serif;max-width:1073px;margin:16px 48px 0 0;opacity:.9;}
.services-faq .faq-item[data-open="true"]{border-bottom-color:#ffffff30;}
.services-faq .faq-item[data-open="true"] .faq-answer{grid-template-rows:1fr;opacity:1;}
.services-faq .faq-item[data-open="true"] .faq-toggle-vertical{transform:rotate(90deg);opacity:0;}
@media(max-width:760px){.services-faq .faq-question{font-size:24px;line-height:32px;gap:16px;}.services-faq .faq-answer p{font-size:18px;line-height:28px;margin-right:0;}}
@media(prefers-reduced-motion:reduce){.services-faq .faq-answer,.services-faq .faq-item,.services-faq .faq-question{transition:none;}}

/* Consistent large editorial paragraphs on Services and Studio. */
body .services-page .services-statement,
body .studio-page .studio-belief p{font-family:Helixa,sans-serif!important;font-size:clamp(30px,3.888889vw,56px);font-weight:400;line-height:1.214286;letter-spacing:0;color:rgba(255,255,255,.96);max-width:100%;min-height:0;}
@media(max-width:760px){
 body .services-page .services-statement,body .studio-page .studio-belief p{font-size:clamp(26px,6.8vw,36px);line-height:1.3;}
}
/* Mobile Services: first-line FAQ alignment and calmer paragraph scale. */
@media(max-width:760px){
 body .services-page .services-statement{font-size:24px;line-height:32px;}
 body .services-page .services-faq .faq-question{font-size:22px;line-height:30px;align-items:flex-start;gap:16px;}
 body .services-page .services-faq .faq-toggle-icon{width:20px;height:20px;flex:0 0 20px;align-self:flex-start;margin-top:5px;}
}
/* Fluid page titles preserve authored lines even on narrow phones. */
@media(max-width:760px){
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(9.7vw,68px);line-height:1.2;}
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title .editorial-line-content{white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:inherit;}
}
@media(max-width:760px){
 body .services-page .services-details .services-statement{box-sizing:border-box;margin-inline:0;padding-inline:24px;}
}
/* Contact uses the same mobile stats treatment as Home. */
@media(max-width:760px){
 body .contact-page .contact-reach .stats.page-section{width:calc(100% - 48px);margin-inline:24px;padding:0;gap:12px;}
 body .contact-page .contact-reach .stats article{min-height:88px;padding:20px 24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
 body .contact-page .contact-reach .stats strong,body .contact-page .contact-reach .stats strong *{font-family:'GC Gudlak',sans-serif!important;font-size:32px!important;line-height:48px!important;font-weight:500;letter-spacing:.02em;}
 body .contact-page .contact-reach .stats strong .stat-plus{font-weight:300;}
 body .contact-page .contact-reach .stats article>span{font:400 16px/24px Helixa,sans-serif;color:#483c30;text-align:right;max-width:191px;}
}
/* Orange display titles grow fluidly while keeping explicit line breaks. */
@media(max-width:760px){
 body .studio-page .studio-thinking h2{font-size:min(8.8vw,66px);line-height:1.2;white-space:nowrap;letter-spacing:.01em;}
 body .services-page .services-mix h2{font-size:min(9.5vw,68px);line-height:1.2;white-space:nowrap;letter-spacing:.01em;}
 body.editorial-page .contact-panel .contact-copy h2{font-size:min(10.5vw,76px);line-height:1.16;}
}
/* Shared numbered-list typography for Studio and Contact. */
body.editorial-page :is(.studio-page,.contact-page) .editorial-values h3{font:700 32px/40px Helixa,sans-serif!important;letter-spacing:-.01em;}
body.editorial-page :is(.studio-page,.contact-page) .editorial-values p{font:400 18px/28px Helixa,sans-serif;letter-spacing:0;margin-top:12px;max-width:371px;}
@media(max-width:760px){
 body.editorial-page :is(.studio-page,.contact-page) .editorial-values h3{font-size:26px!important;line-height:34px!important;white-space:normal;}
 body.editorial-page :is(.studio-page,.contact-page) .editorial-values p{max-width:100%;}
}
/* Consistent breathing room for every stacked Contact title. */
body.editorial-page .contact-page.editorial-main h1.editorial-title,
body.editorial-page .contact-page.editorial-main h2.editorial-title,
body.editorial-page .contact-page.editorial-main .editorial-intro h1.editorial-title{line-height:1.2;}
body.editorial-page .contact-page.editorial-main .editorial-title .editorial-line-mask,
body.editorial-page .contact-page.editorial-main .editorial-title .editorial-line-content{line-height:inherit;}
/* Match Home's service numbering. */
body .services-page .services-detail-number{font-size:20px;line-height:28px;font-weight:400;letter-spacing:0;}
@media(max-width:760px){body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(10.4vw,73px);line-height:1.2;}}
/* Display headings share the H1 scale, including image-backed sections. */
@media(max-width:760px){
 body.editorial-page .editorial-main .contact-work h2.editorial-title,
 body.editorial-page .studio-page .studio-process h2.editorial-title,
 body.editorial-page .studio-page .studio-years h2.editorial-title{font-size:min(10.4vw,73px);line-height:1.2;}
 body.editorial-page .editorial-main .contact-work h2.editorial-title .editorial-line-content,
 body.editorial-page .studio-page .studio-process h2.editorial-title .editorial-line-content,
 body.editorial-page .studio-page .studio-years h2.editorial-title .editorial-line-content{white-space:nowrap;line-height:inherit;}
}

/* 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;}
}
/* Gradual tablet-to-phone scaling, preserving the agreed phone gutters. */
@media(max-width:1100px){
 body .editorial-main{--editorial-gutter:clamp(24px,calc(5.7971vw - 19.478px),48px);}
 body .editorial-container{width:calc(100% - 2 * var(--editorial-gutter));margin-inline:auto;}
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(10.4vw,104px);line-height:1.2;}
 body .editorial-main :is(.editorial-lead,.studio-lead){font-size:clamp(20px,calc(2.8986vw + 9.26px),32px);line-height:1.4;}
 body .services-page .services-detail-card{padding-block:clamp(28px,4vw,44px);gap:clamp(24px,3vw,36px);}
 body .services-page .services-detail-heading h2{font-size:clamp(28px,3.6vw,36px);line-height:1.3;}
 body .studio-page .studio-thinking h2,body .services-page .services-mix h2{font-size:min(8.8vw,96px);line-height:1.2;}
}
@media(min-width:761px) and (max-width:1100px){
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:48px;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:16px;}
}
@media(max-width:760px){body .services-details.editorial-container{width:calc(100% - 16px);margin-inline:8px;}body .wide-surface>.editorial-container{width:calc(100% - 48px);margin-inline:24px;}}

/* 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;}
}
/* Shared 744px tablet grid across editorial pages. */
@media(min-width:600px) and (max-width:1100px){
 body .editorial-main{--editorial-gutter:48px;--layout-gutter:48px;}
 body .editorial-container{width:calc(100% - 96px);margin-inline:48px;}
 body .editorial-main .editorial-intro{padding-top:180px;}
 body .editorial-main .editorial-lead{font-size:28px;line-height:36px;max-width:100%;}
 body .wide-surface{width:calc(100% - 32px);margin-inline:16px;box-sizing:border-box;}
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:48px;}
 body .editorial-main .editorial-split{grid-template-columns:1fr;gap:56px;}
 body .editorial-main .editorial-split>h2.editorial-title{font-size:48px;line-height:1.3;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:16px;}
 body .services-page .services-detail-card{grid-template-columns:1fr;padding:40px 48px;gap:28px;}
 body .services-page .services-details .services-statement{padding-inline:48px;font-size:36px;line-height:46px;}
 body .services-page .services-faq .faq-question{font-size:28px;line-height:36px;}
 body .services-page .services-faq .faq-answer p{font-size:20px;line-height:30px;}
 body .studio-page .studio-process li,body .studio-page .studio-process li:nth-child(n){width:100%;margin-left:0;margin-top:48px;}
 body .studio-page .studio-belief p{font-size:36px;line-height:46px;}
 body .studio-page .founder.page-section{width:calc(100% - 96px);margin-inline:48px;display:flex;flex-direction:column;gap:32px;}
 body .studio-page .founder .founder-copy{order:0;width:100%;}
 body .studio-page .founder .founder-photo{order:1;align-self:center;width:min(403px,80%);max-width:403px;}
 body .contact-page .contact-intro{grid-template-columns:1fr;gap:40px;}
 body .contact-page .contact-work-bottom{flex-direction:column;align-items:flex-start;gap:40px;}
 body .contact-page .contact-reach .stats.page-section{width:calc(100% - 96px);margin-inline:48px;display:grid;grid-template-columns:1fr;gap:16px;padding:0;}
 body .contact-page .contact-reach .stats article{min-height:112px;padding:32px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
 body .contact-page .contact-reach .stats strong,body .contact-page .contact-reach .stats strong *{font-size:40px!important;line-height:48px!important;}
 body .contact-page .contact-reach .stats article>span{font-size:20px;line-height:24px;}
}

@media(max-width:599px){body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{padding-top:12px;}}
/* Contact's compact service index stays beside its label, not above it. */
@media(max-width:599px){
 body.editorial-page .contact-page .contact-work .contact-work-bottom ol>li{
  display:grid;grid-template-columns:1.5ch minmax(0,1fr);
  align-items:baseline;column-gap:8px;row-gap:0;
 }
 body.editorial-page .contact-page .contact-work .contact-work-bottom ol>li::before{
  position:static;margin:0;grid-column:1;grid-row:1;
 }
 body.editorial-page .contact-page .contact-work .contact-work-bottom ol>li>a{
  grid-column:2;grid-row:1;min-width:0;
 }
}
/* Figma desktop hero subtext: Helixa Regular, 32/44 at the 1440px frame. */
/* Studio values: match the Contact list rhythm and allow two-line desktop copy. */
@media(min-width:600px) and (max-width:1100px){
 html body .studio-page .studio-belief,
 html body .studio-page .studio-belief+.studio-years{margin-top:120px;margin-bottom:0;}
 html body .studio-page .studio-belief p{margin-block:0;}
}
@media(min-width:600px) and (max-width:1100px){
 html body.editorial-page :is(.studio-page,.contact-page) .editorial-split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;}
 html body.editorial-page :is(.studio-page,.contact-page) .editorial-split>h2.editorial-title{font-size:clamp(32px,4.8vw,48px);}
 html body.editorial-page :is(.studio-page,.contact-page) .editorial-values h3{white-space:normal;font-size:clamp(22px,2.6vw,28px)!important;line-height:1.25!important;}
 html body.editorial-page :is(.studio-page,.contact-page) .editorial-values p{max-width:100%;}
 html body.editorial-page :is(.studio-page,.contact-page) .editorial-values>li:not(:last-child){margin-bottom:48px!important;}
}
/* Keep the collage inset from both viewport edges on small desktops. */
@media(min-width:1101px) and (max-width:1439px){
 body .studio-page .studio-collage{width:calc(100% - 48px);max-width:1392px;margin-inline:auto;}
}
body.editorial-page .studio-page .editorial-values > li:not(:last-child){margin-bottom:80px;}
@media(min-width:1440px){
 body.editorial-page .studio-page .editorial-split{grid-template-columns:minmax(0,1fr) minmax(0,644px);gap:48px;}
 body.editorial-page .studio-page .editorial-values p{max-width:600px;text-wrap:balance;}
}
@media(max-width:760px){
 body.editorial-page .studio-page .editorial-values > li:not(:last-child){margin-bottom:56px;}
}
@media(min-width:1101px){
 html body .services-page .services-intro .editorial-lead{max-width:27.84375em;text-wrap:wrap;}
 html body .studio-page .editorial-intro .editorial-lead{max-width:967px;}
}
@media(min-width:1440px){
 body .contact-page .contact-intro{grid-template-columns:minmax(0,1fr) max-content;gap:48px;}
 body .contact-page .contact-intro .editorial-lead{max-width:740px;text-wrap:wrap;}
 body .contact-page .contact-intro .contact-lead-line{display:block;}
}
body .contact-page .contact-intro aside a{white-space:nowrap;overflow-wrap:normal;word-break:normal;}
