/* Final shared responsive contract. Loaded after page styles on every route.
   Mobile reference: 402px; large desktop reference: 1440px. */
:root{
 --fluid-display:clamp(48px,calc(-20.571429px + 11.428571vw),144px);
 --fluid-section:clamp(36px,calc(21.714286px + 2.380952vw),56px);
 --fluid-inner:clamp(56px,calc(27.428571px + 4.761905vw),96px);
 --fluid-copy:clamp(20px,calc(15.35px + 1.156vw),32px);
 --fluid-cta:clamp(20px,calc(18.45px + .385vw),24px);
}
/* Client Stories: horizontal cards, preserving authored quote content. */
body .stories-carousel .stories-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;}
body .stories-carousel .stories-controls{margin:0;flex-shrink:0;}
body .stories-controls button img{width:24px;height:24px;}
body .stories-controls [data-story-prev] img{transform:rotate(180deg);}
body .stories-carousel .stories-layout{display:block;height:auto;}
body .stories-carousel .stories-stage{display:flex;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100vw;margin-inline:calc((100% - 100vw)/2);padding:0 var(--section-gutter,8.333333vw);scroll-padding-inline:var(--section-gutter,8.333333vw);box-sizing:border-box;gap:24px;align-items:stretch;}
body .stories-carousel .stories-stage::-webkit-scrollbar{display:none;}
body .stories-carousel .stories-stage .story-panel{flex:0 0 min(800px,72vw);height:auto;min-height:520px;display:flex;visibility:visible;grid-area:auto;padding:clamp(32px,5vw,72px);gap:64px;background:#E9C79E;scroll-snap-align:start;animation:none;transition:background-color 350ms ease;}
body .stories-carousel .story-panel.is-active{background:#fff;}
body .stories-carousel .story-panel> *{filter:none;}
body .stories-carousel .stories-stage .story-panel{transition:background-color 950ms cubic-bezier(.22,1,.36,1);}
body .stories-carousel .story-panel.is-active> *{filter:none;}
body .stories-carousel .story-panel blockquote{font-size:clamp(26px,2.222222vw,32px);line-height:1.375;max-width:543px;}
body .stories-carousel .stories-stage .story-panel{flex-basis:min(806px,72vw);min-height:540px;}
body .stories-carousel .story-panel figcaption>div>span{font-size:20px;line-height:28px;}
body .stories-carousel .story-panel figcaption .story-meta{font-size:14px;line-height:20px;}
body .stories-cursor{background:#201e1c;}
/* Translucent navigation surfaces reveal a softly blurred backdrop.
   Keep opaque backgrounds above as the fallback for unsupported browsers. */
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
 body .work-cursor{background:rgb(32 30 28 / 80%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
 body .stories-cursor{background:rgb(32 30 28 / 80%);}
}
body .stories-cursor img{filter:brightness(0) invert(1);}
body .stories-cursor span{color:#fff;}
body .stories-stage.is-dragging{user-select:none;}
@media(hover:hover) and (pointer:fine){body .stories-stage.has-arrow-cursor,body .stories-stage.has-arrow-cursor *{cursor:none!important;}}
body .stories-carousel .story-panel figcaption>div>span,body .stories-carousel .story-panel figcaption .story-meta{white-space:normal;}
@media(max-width:600px){
 body .stories-carousel .stories-heading{flex-wrap:wrap;}
 body .stories-carousel .stories-stage{gap:12px;padding-inline:8px;scroll-padding-inline:8px;}
 body .stories-carousel .stories-stage .story-panel{flex-basis:calc(100vw - 34px);padding:40px 28px;min-height:490px;gap:48px;}
}
@media(prefers-reduced-motion:reduce){body .stories-carousel .story-panel,body .stories-carousel .story-panel>*{transition:none;}}
/* Alignment is a site-wide design rule, independent of page specificity. */
/* Captions share a content-sized grid cell, so wrapped text never clips. */
body.home-page #work .work-caption-layer{display:grid;min-height:0;}
body.home-page #work .work-slide-caption{position:relative;inset:auto;grid-area:1/1;width:100%;min-width:0;}
body.home-page #work .work-slide-caption[aria-hidden="true"]{pointer-events:none;}
body.home-page #work .work-slide-caption .eyebrow{font-size:clamp(14px,1.111111vw,16px);line-height:18px;margin:0 0 16px;padding-right:0;}
body.home-page #work .work-slide-caption h3{font:400 clamp(24px,2.222222vw,32px)/1.25 'Helixa',sans-serif;letter-spacing:0;max-width:100%;white-space:normal;overflow-wrap:break-word;}
body :is(main,footer) :is(h1,h2,h3,h4,h5,h6){text-align:left!important;}
body :is(.center-heading,.clients-heading,.stories-heading,.services-heading,.work-heading){text-align:left;justify-items:start;}
body .clients.page-section .clients-heading{margin-inline:0;}
/* Keep swipe/keyboard scrolling, without painting a track over the artwork. */
body .clients .client-row{scrollbar-width:none;}
body .clients .client-row::-webkit-scrollbar{display:none;}
/* Match the content grid, not a narrower centered heading box. */
body .contact-reach>.editorial-title{width:calc(100% - 2 * var(--editorial-gutter));max-width:var(--layout-width);margin-inline:auto;}
body.home-page .hero-statement #statement-title,
body.home-page #services #services-title,
body.home-page .why #why-title,
body .clients.page-section #clients-title{font-size:var(--fluid-display);line-height:.972222;letter-spacing:.04em;white-space:normal;overflow-wrap:normal;max-width:100%;height:auto;text-align:left;}
body.home-page #work #work-title,
body.home-page .testimonials #testimonials-title,
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title,
body .editorial-main .editorial-split>h2.editorial-title,
body .editorial-main .studio-founder h2.editorial-title{font-size:var(--fluid-section);line-height:1.111112;letter-spacing:.02em;white-space:normal;}
body .editorial-main h1.editorial-title,
body .editorial-main .services-intro h1.editorial-title,
body.work-page h1#work-page-title{font-size:var(--fluid-inner);line-height:1.041667;letter-spacing:.04em;}
body .editorial-main .editorial-lead,body.work-page .work-lead{font-size:var(--fluid-copy);line-height:1.375;}
body main .motion-line,body main .motion-line>span{max-width:100%;white-space:normal;overflow-wrap:normal;}
body.home-page .work-contact{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:12px 24px;text-align:left;font-size:var(--fluid-cta);line-height:1.4;}
body.home-page .work-contact>p,
body.home-page .work-contact .line-link{font-family:'Helixa',sans-serif;font-size:var(--fluid-cta);line-height:1.4;}
body.home-page .work-contact>p{margin:0;}
body.home-page .work-contact .line-link{display:inline-flex;align-items:center;gap:12px;padding:0 0 8px;margin:0;width:max-content;min-width:0;max-width:100%;}
body.home-page .work-contact .line-link img{width:1em;height:1em;}
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy{min-width:0;max-width:100%;width:100%;container-type:normal;}
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy>p:not(.eyebrow){width:100%;max-width:100%;white-space:normal;overflow-wrap:break-word;}
body .clients.page-section .clients-heading{min-width:0;width:100%;max-width:100%;text-align:left;}
body .founder .founder-photo figcaption{width:270px;max-width:calc(100vw - 48px);}
body .founder .founder-photo figcaption>span{white-space:nowrap;}
@media(min-width:601px) and (max-width:1199px){
 body.editorial-page .founder.page-section{width:calc(100% - 2 * clamp(24px,4vw,48px));margin-inline:clamp(24px,4vw,48px);}
}
@media(max-width:600px){
 body.editorial-page .founder.page-section{width:calc(100% - 48px);margin-inline:24px;}
}
/* Studio reuses Home's founder proportions and copy rhythm. */
body .studio-founder{grid-template-columns:454px minmax(0,1fr);gap:12%;}
body .studio-founder>div{min-width:0;}
body .studio-founder figcaption{width:270px;max-width:none;}
body .studio-founder figcaption strong{white-space:nowrap;}
body .studio-founder>div>p{width:100%;max-width:100%;white-space:normal;overflow-wrap:break-word;}
body .studio-founder .editorial-title{margin:0 0 56px;}
body .studio-founder p{font:300 clamp(20px,1.666667vw,24px)/1.5 'Helixa',sans-serif;margin:0 0 36px;max-width:540px;}
body .studio-founder .studio-founder-link{position:relative;margin-top:48px;padding-bottom:8px;border-bottom:1px solid #FF933C;}
body .studio-founder .studio-founder-link::after{display:none;}
@media(max-width:1199px){
 body .studio-founder{grid-template-columns:minmax(0,1fr);gap:48px;}
 body .studio-founder>div{grid-row:1;padding-bottom:0;}
 body .studio-founder figure{grid-row:2;width:min(454px,75%);margin-inline:0;justify-self:start;}
 body .studio-founder .editorial-title{margin-bottom:36px;}
 body .studio-founder .studio-founder-link{margin-top:28px;}
}
@media(min-width:601px) and (max-width:1199px){
 body.home-page{--section-gutter:clamp(24px,4vw,48px);}
 body.home-page .page-section{box-sizing:border-box;width:calc(100% - 2 * var(--section-gutter));max-width:none;margin-inline:var(--section-gutter);}
 body:is(.home-page,.editorial-page) .founder.page-section{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;padding-top:120px;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy{grid-column:1;grid-row:1;padding:0;justify-self:stretch;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-photo{grid-column:1;grid-row:2;width:min(454px,75%);max-width:100%;justify-self:start;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-photo figcaption{left:auto;right:0;top:auto;bottom:6%;max-width:65%;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy>p:not(.eyebrow){font-size:clamp(20px,2vw,24px);line-height:1.5;}
 body.home-page .why-grid article{min-width:0;}
 body.home-page .why-grid .why-copy{max-width:100%;}
 body .clients .client-rows{width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);margin-top:48px;gap:16px;}
 body .clients .client-row{gap:16px;padding-inline:0;}
 body .clients .client-row>li{width:clamp(180px,25vw,280px);flex-basis:clamp(180px,25vw,280px);height:clamp(120px,16.666vw,187px);border-radius:12px;}
 body .clients .client-row>li img{max-width:65%;max-height:50%;}
}
@media(max-width:600px){
 body .studio-founder .editorial-title{margin-bottom:24px;}
 body .studio-founder p{font-size:20px;line-height:28px;margin-bottom:28px;}
 body .studio-founder figure{width:min(302px,100%);max-width:302px;}
 body .studio-founder figcaption{left:88px;right:auto;bottom:48px;max-width:none;width:min(239px,calc(100vw - 128px));}
 body .studio-founder .studio-founder-link{font-size:20px;line-height:32px;gap:8px;margin-top:8px;}
 body.home-page .work-contact{flex-direction:column;gap:4px;align-items:flex-start;}
 body.home-page .hero-statement #statement-title,
 body.home-page #services #services-title,
 body.home-page .why #why-title,
 body .clients.page-section #clients-title{font-size:clamp(36px,11.94vw,48px);line-height:1.041667;}
 body .editorial-main h1.editorial-title,
 body .editorial-main .services-intro h1.editorial-title,
 body.work-page h1#work-page-title{font-size:clamp(32px,10.5vw,56px);}
}
/* Matching inner display titles retain the Figma 96/100 ratio. */
body .editorial-main .editorial-title{line-height:1.041667;}
body .studio-thinking h2,body .services-mix h2{line-height:1.041667;}
body.home-page #work .work-slide-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-content:start;}
body.home-page #work .work-slide-caption .eyebrow{grid-column:1;grid-row:1;}
body.home-page #work .work-project-services{grid-column:2;grid-row:1;margin:0;color:#a5968c;text-align:right;font:400 16px/24px 'Helixa',sans-serif;}
body.home-page #work .work-slide-caption h3{grid-column:1/-1;grid-row:2;}
@media(max-width:760px){
 body.home-page #work .work-slide-caption{grid-template-columns:minmax(0,1fr);}
 body.home-page #work .work-project-services{grid-column:1;grid-row:3;text-align:left;font-size:14px;line-height:22px;margin-top:12px;}
}