/* Home 125:719, September 20. Desktop reference 1440px; fluid type below it.
   Scoped to Home so shared editorial components retain their own design. */
body.home-page{--home-display:clamp(36px,10vw,144px);--home-heading:clamp(32px,3.888889vw,56px);--home-gap:clamp(6rem,16.666667vw,15rem);}
body.home-page .hero-statement .hero-statement-inner h1,
body.home-page #services .services-heading h2,
body.home-page .hero-statement #statement-title,
body.home-page .why #why-title,
body.home-page .clients #clients-title{font:700 var(--home-display)/.972222 Arturm,sans-serif;letter-spacing:.04em;text-align:left;max-width:100%;margin:0;}
body.home-page .hero-statement-inner,
body.home-page .services-heading,
body.home-page .clients .clients-heading{text-align:left;}
body.home-page .hero-statement{padding-top:clamp(6rem,12.5vw,11.25rem);}
body.home-page .studio-section{padding-top:clamp(4.5rem,13.888889vw,12.5rem);padding-bottom:clamp(3rem,5.555556vw,5rem);}
body.home-page .studio-section #studio-title.studio-description{max-width:min(100%,1080px);margin-left:0;font:300 clamp(1.625rem,3.333333vw,3rem)/1.166667 'Helixa',sans-serif;letter-spacing:0;}
body.home-page #about #studio-title.studio-description{white-space:normal;overflow-wrap:normal;word-break:normal;max-width:min(100%,1080px);}
body.home-page .studio-description .desktop-copy-break{display:none;}
body.home-page .why .center-heading,body.home-page .clients .clients-heading{width:100%;max-width:none;margin-inline:0;text-align:left;}
body:is(.home-page,.editorial-page) .founder .founder-copy{min-width:0;width:100%;}
body:is(.home-page,.editorial-page) .founder .founder-copy>p{width:100%;white-space:normal;overflow-wrap:break-word;}
body.home-page .why #why-title,body.home-page .clients #clients-title{white-space:normal;}
@media(min-width:901px) and (max-height:850px){
 body.home-page .clients.page-section{padding-top:clamp(6rem,20vh,10.625rem);}
}
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:var(--home-gap);padding-bottom:0;}
body.home-page #work .work-heading h2,
body.home-page .testimonials #testimonials-title,
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title{font:500 var(--home-heading)/1.142857 Arturm,sans-serif;letter-spacing:.02em;text-transform:none;text-align:left;margin:0;}
body.home-page .work-scroll{margin-top:clamp(2.5rem,4.166667vw,3.75rem);}
body.home-page .work-slide-caption .eyebrow{font:500 1rem/1.125rem 'Helixa',sans-serif;letter-spacing:.08em;margin-bottom:0.75rem;}
body.home-page #services .services-grid{position:relative;margin-top:clamp(4rem,5.555556vw,5rem);}
/* One continuous divider, independent of the individual card reveal animations. */
body.home-page #services .services-grid::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#37322f;pointer-events:none;}
body.home-page #services .service-card{display:flex;flex-direction:column;gap:0.875rem;padding:1rem 3rem 2.5rem 0;border-top:0;}
body.home-page #services .service-card:nth-child(even){padding-left:clamp(2rem,8.541667vw,7.6875rem);padding-right:0;border-left:0;}
body.home-page #services .service-card:nth-child(n+3){padding-top:4.25rem;border-top:1px solid #37322f;}
body.home-page #services .service-index{font:400 1.25rem/1.75rem 'Helixa',sans-serif;letter-spacing:.04em;padding:0;}
body.home-page #services .service-card h3{font:500 clamp(1.75rem,2.777778vw,2.5rem)/1.2 'Helixa',sans-serif;letter-spacing:0;margin:0 0 0.875rem;}
body.home-page #services .service-card p{font:300 clamp(1.125rem,1.388889vw,1.25rem)/1.6 'Helixa',sans-serif;max-width:360px;}
body.home-page #services .service-card ul{font:400 1rem/1.5rem 'Helixa',sans-serif;margin-top:1rem;}
body.home-page .work-contact{--cta-font:clamp(1.25rem,calc(1.07125rem + .4762vw),1.5rem);}
body.home-page .work-contact>p{margin:0;}
body.home-page .services-contact{margin-top:3.75rem;}
body.home-page .why-contact{margin-top:3.75rem;}
body.home-page #approach.philosophy{margin-top:var(--home-gap);padding-block:clamp(4rem,8.333333vw,7.5rem);min-height:0;}
body.home-page #approach #philosophy-title{font:700 clamp(2rem,6.666667vw,6rem)/1.041667 Arturm,sans-serif;letter-spacing:.04em;width:100%;max-width:750px;margin:0;}
body.home-page #approach .philosophy-description{font:400 clamp(1.125rem,1.666667vw,1.5rem)/1.5 'Helixa',sans-serif;max-width:892px;margin:3.75rem 0 0;}
body.home-page .why .why-grid{margin-top:5rem;gap:1.5rem;}
body.home-page .why-grid h3{font:500 clamp(1.625rem,2.777778vw,2.5rem)/1.2 'Helixa',sans-serif;letter-spacing:0;}
body.home-page .why-grid .why-copy p{font:400 1.125rem/1.75rem 'Helixa',sans-serif;}
body.home-page .stories-heading{margin-bottom:3.75rem;}
body.home-page .story-panel blockquote{font:400 clamp(1.375rem,2.222222vw,2rem)/1.375 'Helixa',sans-serif;}
body.home-page .clients .client-rows{margin-top:5rem;}
body:is(.home-page,.editorial-page) .founder.page-section{padding-top:clamp(6rem,13.888889vw,12.5rem);}
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy>p:not(.eyebrow){font:300 clamp(1.125rem,1.666667vw,1.5rem)/1.5 'Helixa',sans-serif;max-width:540px;margin:0 0 2.25rem;}
body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title{margin-bottom:3.5rem;}
body:is(.home-page,.editorial-page) .founder .founder-copy .line-link{margin-top:3rem;}
@media(max-width:900px){
 body.home-page #services .services-grid::before{display:none;}
 body.home-page #services .service-card:nth-child(n){padding:2rem 0;border-left:0;border-top:1px solid #37322f;}
 body.home-page .why .why-grid,body.home-page .clients .client-rows{margin-top:3rem;}
 body:is(.home-page,.editorial-page) .founder.page-section .founder-copy #founder-title{margin-bottom:2.25rem;}
}
@media(max-width:600px){
 body.home-page{--home-display:clamp(30px,8.5vw,51px);--home-heading:clamp(30px,8vw,42px);}
 body.home-page .stories-heading{margin-bottom:2.25rem;}
 body.home-page #approach .philosophy-description{margin-top:2rem;}
 body:is(.home-page,.editorial-page) .founder .founder-copy .line-link{margin-top:1.75rem;}
}
body.home-page .work-slide-caption h3{font:400 clamp(1.375rem,2.5vw,2.25rem)/1.222222 'Helixa',sans-serif;letter-spacing:0;}

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

/* 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:1.5rem;}
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:1.5rem;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(2rem,5vw,4.5rem);gap:4rem;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(1.625rem,2.222222vw,2rem);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:1.25rem;line-height:1.75rem;}
body .stories-carousel .story-panel figcaption .story-meta{font-size:0.875rem;line-height:1.25rem;}
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:0.75rem;padding-inline:0.5rem;scroll-padding-inline:0.5rem;}
 body .stories-carousel .stories-stage .story-panel{flex-basis:calc(100vw - 34px);padding:2.5rem 1.75rem;min-height:490px;gap:3rem;}
}
@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(0.875rem,1.111111vw,1rem);line-height:1.125rem;margin:0 0 1rem;padding-right:0;}
body.home-page #work .work-slide-caption h3{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>p{margin:0;}
body.home-page .work-contact .line-link{margin:0;}
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(1.5rem,4vw,3rem);}
}
@media(max-width:600px){
 body.editorial-page .founder.page-section{width:calc(100% - 48px);margin-inline:1.5rem;}
}
/* 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 3.5rem;}
body .studio-founder p{font:300 clamp(1.25rem,1.666667vw,1.5rem)/1.5 'Helixa',sans-serif;margin:0 0 2.25rem;max-width:540px;}
body .studio-founder .studio-founder-link{position:relative;margin-top:3rem;padding-bottom:0.5rem;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:3rem;}
 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:2.25rem;}
 body .studio-founder .studio-founder-link{margin-top:1.75rem;}
}
@media(min-width:601px) and (max-width:1199px){
 body.home-page{--section-gutter:clamp(1.5rem,4vw,3rem);}
 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:3rem;padding-top:7.5rem;}
 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(1.25rem,2vw,1.5rem);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:3rem;gap:1rem;}
 body .clients .client-row{gap:1rem;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:1.5rem;}
 body .studio-founder p{font-size:1.25rem;line-height:1.75rem;margin-bottom:1.75rem;}
 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:1.25rem;line-height:2rem;gap:0.5rem;margin-top:0.5rem;}
 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(2.25rem,11.94vw,3rem);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(2rem,10.5vw,3.5rem);}
}
/* 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:1.5rem;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:#B3A69E;text-align:right;font:400 1rem/1.5rem 'Helixa',sans-serif;}
body.home-page #work .work-slide-caption h3{grid-column:1/-1;grid-row:2;font:400 clamp(1.5rem,2.222222vw,2rem)/1.25 'Helixa',sans-serif;letter-spacing:0;}
@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;margin-top:0.75rem;font-size:0.875rem;line-height:1.375rem;}
}

/* Figma 125:719 / 218:575. Reference desktop width: 1440px. */
/* Override legacy font shorthands without replacing logos or image lettering. */
@font-face{font-family:'GC Gudlak';src:url('/immutable/10ed289602a3c107/assets/fonts/gc-gudlak/GCGudlak-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'GC Gudlak';src:url('/immutable/ce0865608c635e01/assets/fonts/gc-gudlak/GCGudlak-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'GC Gudlak';src:url('/immutable/3b0fe0850924bd6c/assets/fonts/gc-gudlak/GCGudlak-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'GC Gudlak';src:url('/immutable/e5e06f547e282510/assets/fonts/gc-gudlak/GCGudlak-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'GC Gudlak';src:url('/immutable/690fa60fde2369e3/assets/fonts/gc-gudlak/GCGudlak-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/eeed4e9b4e60acdc/assets/fonts/helixa/Helixa-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/656b920957c926c3/assets/fonts/helixa/Helixa-ThinItalic.woff2') format('woff2');font-weight:100;font-style:italic;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/f3b94805de4640d1/assets/fonts/helixa/Helixa-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/66fc9ae9dff92c9e/assets/fonts/helixa/Helixa-LightItalic.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/4e9404be80279cd1/assets/fonts/helixa/Helixa-Book.woff2') format('woff2');font-weight:350;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/351c03506caab442/assets/fonts/helixa/Helixa-BookItalic.woff2') format('woff2');font-weight:350;font-style:italic;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/dcb2ec43698a71cd/assets/fonts/helixa/Helixa-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/7579e103a85a394a/assets/fonts/helixa/Helixa-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/0bd01382546478a0/assets/fonts/helixa/Helixa-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/60e8fd4ae8f74c03/assets/fonts/helixa/Helixa-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/f32316895d44b95e/assets/fonts/helixa/Helixa-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:Helixa;src:url('/immutable/06c6e38ac213725d/assets/fonts/helixa/Helixa-BlackItalic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap;}
html body,body *,body *::before,body *::after{font-family:Helixa,sans-serif!important;}
/* Keep existing sizes, tracking, line heights and weights. Include animated
   line wrappers so they cannot fall back to the global body family. */
body :is(h1,h2,[role=heading],.editorial-title,.menu-primary a),
body :is(h1,h2,[role=heading],.editorial-title,.menu-primary a) *{font-family:'GC Gudlak',sans-serif!important;}
/* Copy and card titles use Helixa; display headings retain GC Gudlak. */
body :is(p,blockquote,figcaption,label,legend,input,textarea,select,button,dt,dd,h3,h4,h5,h6,.work-caption,.services-detail-heading h2),
body :is(p,blockquote,figcaption,label,legend,input,textarea,select,button,dt,dd,h3,h4,h5,h6,.work-caption,.services-detail-heading h2) *{font-family:Helixa,sans-serif!important;}
:root{--fluid-display:clamp(48px,10vw,144px);--fluid-section:clamp(36px,4.166667vw,60px);}
/* Shared display-title rhythm across all inner pages; preserve type sizing. */
body .editorial-main .editorial-title,
body .editorial-main h1.editorial-title,
body .editorial-main .services-intro h1.editorial-title,
body .editorial-main .editorial-split>h2.editorial-title,
body.work-page h1#work-page-title{line-height:.9;}
/* Home 125:732: 36/44 Light, 1002px copy measure at 1440px. */
body.home-page #about #studio-title.studio-description{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.222222;font-weight:300;letter-spacing:0;max-width:min(100%,1002px);opacity:.96;}
body .site-header .site-nav,body.work-page .site-header .site-nav{display:none;}
body .site-header.editorial-header .editorial-menu-button{display:grid;place-items:center;margin-left:auto;width:64px;height:64px;min-width:64px;min-height:64px;box-sizing:border-box;background:linear-gradient(#27241f,#27241f) padding-box,linear-gradient(135deg,#6c5942 8%,#E9C79E 48%,#6c5942 74%,#302c26) border-box;border:1px solid transparent;border-radius:12px;padding:0;cursor:pointer;color:white;box-shadow:none;}
body .editorial-menu-button .menu-glyph::before{content:none;}
body .editorial-menu-button .menu-glyph>span{left:0;width:32px;}
body dialog.editorial-menu#site-mobile-menu{inset:36px 36px auto auto;width:440px;height:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 72px);margin:0;padding:4.5rem 2.9375rem 3rem;border:1px solid #6c5942;border-radius:16px;background:rgb(32 30 28 / 90%);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform-origin:top right;overflow:auto;}
body #site-mobile-menu .menu-top>a{display:none;}
body .site-header .editorial-menu-button[aria-expanded=true]{visibility:hidden;}
body #site-mobile-menu .menu-top button{left:var(--close-x);right:auto;top:var(--close-y);color:#fff;width:64px;height:64px;box-sizing:border-box;padding:0;border:1px solid transparent;border-radius:12px;background:linear-gradient(#27241f,#27241f) padding-box,linear-gradient(135deg,#6c5942 8%,#E9C79E 48%,#6c5942 74%,#302c26) border-box;transform:none;transition:none;}
body #site-mobile-menu .menu-top button:active{transform:none;}
body #site-mobile-menu .menu-glyph>span{left:0;width:32px;}
body #site-mobile-menu[data-closing=true] .menu-glyph{opacity:1;}
body dialog.editorial-menu#site-mobile-menu{border-color:#6c5942;}
body .editorial-menu-button{box-shadow:none;}
body #site-mobile-menu[open] .menu-glyph{animation:none;}
/* Poltab's cap outlines extend beyond its tight line box. Expand the reveal
   mask, not the line spacing, so the letter tops and bottoms stay intact. */
body main .motion-line{display:flow-root;overflow:visible;clip-path:inset(-.16em -.08em);padding:0;margin:0;}
body main .motion-line>span,body main .editorial-line-content{padding-block:.16em;margin-block:-.16em;}
body main .editorial-line-mask{display:flow-root;overflow:visible;clip-path:inset(-.16em -.08em);padding:0;margin:0;}
body main .copy-word-mask{padding-block:.12em;margin-block:-.12em;}
body #site-mobile-menu nav.menu-primary{gap:1.5rem;margin:0;}
body #site-mobile-menu nav.menu-primary a{font-size:3rem;line-height:1.25;font-weight:500;letter-spacing:.04em;}
body #site-mobile-menu nav.menu-primary a{transition:color 360ms ease,translate 500ms cubic-bezier(.22,1,.36,1);}
body #site-mobile-menu nav.menu-primary a:is(:focus-visible,[aria-current=page]){color:#E9C79E;}
@media(hover:hover) and (pointer:fine){body #site-mobile-menu nav.menu-primary a:hover{color:#E9C79E;translate:6px 0;}}
@media(prefers-reduced-motion:reduce){body #site-mobile-menu nav.menu-primary a{transition:none;}body #site-mobile-menu nav.menu-primary a:hover{translate:none;}}
body #site-mobile-menu nav.menu-social{gap:0.75rem;margin:7rem 0 0;}
body #site-mobile-menu nav.menu-social a{font-size:1.125rem;line-height:1.5rem;font-weight:400;}
body #site-mobile-menu nav.menu-social a{transition:color 240ms ease;}
body #site-mobile-menu nav.menu-social a:is(:hover,:focus-visible){color:#E9C79E;}
@media(prefers-reduced-motion:reduce){body #site-mobile-menu nav.menu-social a{transition:none;}}
/* Animate the surface while the control stays pinned in place. */
body #site-mobile-menu[open]{z-index:1000;animation:menu-surface-enter 560ms cubic-bezier(.22,1,.36,1) both;box-shadow:none;}
@keyframes menu-surface-enter{from{background-color:rgb(32 30 28 / 0%);border-color:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);}to{background-color:rgb(32 30 28 / 90%);border-color:#6c5942;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}}
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);font-weight:700;line-height:.9;letter-spacing:0;}
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{font-size:var(--fluid-section);font-weight:500;line-height:1.066667;letter-spacing:-.01em;}
body.home-page #services .services-grid{display:block;margin-top:3rem;}
body.home-page #services .services-grid{border-bottom:1px solid #37322f;}
body.home-page #services .services-grid::before,body.home-page #services .service-card::before,body.home-page #services .service-card::after{content:none;}
body.home-page #services .service-card:nth-child(n){display:grid;grid-template-columns:49px minmax(0,1fr);gap:0;min-height:226px;padding:3.75rem 0 3rem;border:0;border-top:1px solid #37322f;border-radius:0;box-sizing:border-box;}
body.home-page #services .service-index{font-size:1.25rem;line-height:1.75rem;font-weight:400;letter-spacing:0.05rem;opacity:.5;margin:0;padding:0;align-self:start;}
body.home-page #services .service-card>div{display:grid;grid-template-columns:minmax(0,613fr) minmax(0,538fr);column-gap:0;align-content:start;}
body.home-page #services .service-card h3{grid-column:1;grid-row:1/3;font-size:clamp(1.625rem,2.777778vw,2.5rem);line-height:1.2;font-weight:500;letter-spacing:-.01em;margin:0;padding-right:1.5rem;align-self:start;}
body.home-page #services .service-card p{grid-column:2;font-size:clamp(1.125rem,1.527778vw,1.375rem);line-height:1.454545;font-weight:300;max-width:391px;margin:0;}
body.home-page #services .service-card ul{grid-column:2;font-size:1rem;line-height:1.5rem;font-weight:400;margin:1rem 0 0;display:flex;flex-wrap:wrap;}
body.home-page .why-copy h3{font-size:clamp(1.625rem,2.222222vw,2rem);line-height:1.25;font-weight:500;}
body.home-page .why-copy p{font-size:1.125rem;line-height:1.75rem;}
body.home-page #approach #philosophy-title{font-size:clamp(2.5rem,8.333333vw,7.5rem);font-weight:800;line-height:.9;letter-spacing:0;max-width:100%;}
body .stories-carousel .story-panel blockquote{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;font-weight:400;letter-spacing:0;max-width:580px;}
body .stories-carousel .story-panel figcaption{gap:1rem;}
body .stories-carousel .story-panel figcaption>div{display:flex;flex-direction:column;gap:0.25rem;}
@media(min-width:761px){
 body .stories-carousel .stories-stage .story-panel{padding:4rem 4.25rem;gap:4rem;min-height:540px;}
 body .stories-carousel .story-panel blockquote{margin:0;}
 body .stories-carousel .story-panel figcaption{margin-top:auto;}
 body .stories-carousel .story-panel figcaption>img{width:60px;height:60px;flex-shrink:0;object-fit:contain;}
}
body .stories-carousel .story-panel figcaption>div>span{font-size:1.5rem;line-height:1.75rem;font-weight:600;}
body .stories-carousel .story-panel figcaption .story-meta{font-size:1rem;line-height:1.25rem;font-weight:400;}
body.home-page #work .work-slide-caption{display:flex;flex-direction:column;gap:1rem;}
body.home-page #work .work-slide-caption h3{margin:0;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.111111;font-weight:400;letter-spacing:0;}
body.home-page #work .work-project-services{position:static;order:2;text-align:left;margin:0;font-size:1rem;line-height:1.5rem;}
@media(max-width:760px){
 body dialog.editorial-menu#site-mobile-menu{inset:16px 16px auto auto;max-height:calc(100dvh - 32px);padding:4.5rem 1.9375rem 2.5rem;}
 body #site-mobile-menu nav.menu-primary a{font-size:clamp(2.25rem,8vw,3rem);line-height:1.25;}
 body #site-mobile-menu nav.menu-social{margin-top:clamp(3rem,15vh,8.5rem);}
 body.home-page #services .service-card:nth-child(n){min-height:0;padding:2rem 0;grid-template-columns:36px minmax(0,1fr);}
 body.home-page #services .service-card>div{grid-template-columns:minmax(0,1fr);gap:1rem;}
 body.home-page #services .service-card h3{grid-column:1;grid-row:auto;padding:0;}
 body.home-page #services .service-card :is(p,ul){grid-column:1;margin:0;}
}
@media(prefers-reduced-motion:reduce){body #site-mobile-menu[open]{animation:none;}}
/* One bordered surface grows left/down from the original 64px toggle. */
body .site-header.editorial-header .editorial-menu-button{width:50px;height:48px;min-width:50px;min-height:48px;border-radius:8px;background:linear-gradient(#201e1c,#201e1c) padding-box,linear-gradient(159deg,#6c5942 0%,#E9C79E 24.5192%,#32271a 100%) border-box;}
body .editorial-menu-button .menu-glyph>span,body #site-mobile-menu .menu-glyph>span{left:4px;width:24px;}
body .editorial-menu-button .menu-glyph>span:first-child{transform:translateY(-3.5px);}
body .editorial-menu-button .menu-glyph>span:last-child{transform:translateY(3.5px);}
body dialog.editorial-menu#site-mobile-menu{--menu-width:min(440px,calc(100vw - 48px));inset:var(--panel-top,24px) var(--panel-right,24px) auto auto;width:var(--menu-width);height:680px;max-height:calc(100dvh - var(--panel-top,24px) - 16px);padding:0;overflow:hidden;box-sizing:border-box;border:1px solid transparent;background:linear-gradient(rgb(32 30 28 / 94%),rgb(32 30 28 / 94%)) padding-box,linear-gradient(135deg,#6c5942 8%,#E9C79E 48%,#6c5942 74%,#302c26) border-box;animation:none;}
body #site-mobile-menu .menu-top button{left:auto;right:var(--control-right,-1px);top:var(--control-top,-1px);background:none;border:0;width:50px;height:48px;border-radius:0;}
body #site-mobile-menu nav.menu-primary{width:calc(var(--menu-width) - 96px);margin:4.5rem 2.9375rem 0;}
body #site-mobile-menu nav.menu-social{width:calc(var(--menu-width) - 96px);margin:7rem 2.9375rem 3rem;}
@media(max-height:760px){body #site-mobile-menu nav.menu-primary{gap:1rem;}body #site-mobile-menu nav.menu-social{margin-top:2.5rem;}body dialog.editorial-menu#site-mobile-menu{overflow-y:auto;}body #site-mobile-menu nav.menu-primary a{font-size:2.5rem;line-height:2.875rem;}}
/* Expand the gradient paint bounds too, not only the reveal masks. */
body :is(#statement-title,#services-title,#why-title,#clients-title,#testimonials-title,#founder-title,#philosophy-title,.editorial-title){padding-block:.16em;margin-block:-.16em;overflow:visible;}
body :is(.clients-heading,.services-heading,.center-heading){display:flow-root;}
@property --stroke-angle{syntax:'<angle>';inherits:false;initial-value:159deg;}
/* Compact service rows below desktop without changing type or column layout. */
@media(min-width:761px) and (max-width:1199px){
 body.home-page .why .why-grid article{padding:1.75rem 2rem;min-height:240px;height:auto;grid-template-rows:auto 1fr;}
 body.home-page .why .why-grid article .eyebrow{margin-bottom:1.25rem;}
 body.home-page .why .why-grid article .why-copy{align-self:start;}
 body.home-page .why .why-grid article .why-copy h3{margin-top:0;margin-bottom:0.75rem;}
 body.home-page .why .why-grid article .why-copy p{margin:0;}
 body.home-page .why .why-grid article .why-art{top:28px;right:32px;width:min(26%,200px);height:auto;aspect-ratio:1;}
}
@media(min-width:761px) and (max-width:1199px){
 body.home-page #services .service-card:nth-child(n){min-height:0;padding-block:2rem;}
}
@media(max-width:760px){
 body.home-page #services .service-card:nth-child(n){min-height:0;padding-block:1.5rem;}
}
/* Authored three-line desktop copy; retain natural wrapping on larger screens. */
@media(min-width:1024px) and (max-width:1599px){
 body.home-page #about #studio-title.studio-description{max-width:100%;}
 body.home-page #studio-title .desktop-intro-line{display:block;white-space:nowrap;}
}
/* Explicit Figma weights: numeric heading, light suffix, and bold actions. */
body.home-page .hero .hero-explore{display:inline-flex;align-items:center;gap:1rem;font-family:Helixa,sans-serif!important;font-size:1.125rem;line-height:1.5rem;font-weight:400;letter-spacing:0;font-synthesis:none;}
body.home-page .hero .hero-explore .scroll-cue{position:static;inset:auto;display:block;flex:0 0 16px;width:16px;height:24px;margin:0;transform:none;translate:none;}
body.home-page .hero .hero-details .button,body.home-page .hero .hero-details .button span{font-family:Helixa,sans-serif!important;font-weight:700;font-size:1.25rem;line-height:1.5rem;letter-spacing:.02em;}
body.home-page #services .services-contact{margin-top:3.75rem;justify-content:flex-start;gap:1rem;font-size:1.5rem;line-height:2rem;letter-spacing:0;}
body.home-page #services .services-contact p{font-weight:400;margin:0;}
body.home-page #services .services-contact .line-link{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:0;gap:0.75rem;padding-bottom:0.25rem;}
body.home-page #services .services-contact .line-link img{width:20px;height:20px;}
@media(max-width:760px){body.home-page #services .services-contact{margin-top:2rem;align-items:flex-start;text-align:left;}}
body .contact-panel .footer-project-link,body .contact-panel .footer-project-link span{font-family:Helixa,sans-serif!important;font-weight:700;font-size:1.75rem;line-height:2rem;letter-spacing:0;}
body .contact-panel .contact-copy h2,body .contact-panel .contact-copy h2 *{font-family:Helixa,sans-serif!important;font-weight:700;line-height:1;letter-spacing:-.03em;}
body .stats strong,body .stats strong span{font-family:'GC Gudlak',sans-serif!important;font-size:3rem;line-height:3rem;letter-spacing:.02em;color:#201e1c;}
body.home-page .stats article{gap:0.5rem;}
body .stats strong{display:block;font-weight:500;}
body.home-page .stats article>strong,body.home-page .stats article>span{margin-block:0;}
body .stats strong .stat-value{font-weight:500;}
body .stats strong .stat-plus{font-weight:300;}
/* Number spans must not pick up mobile label typography. */
body.home-page .stats strong .stat-value,body.home-page .stats strong .stat-plus{font-size:inherit;line-height:inherit;letter-spacing:inherit;max-width:none;text-align:left;}
@media(max-width:760px){body.home-page .stats strong{font-size:3rem;line-height:3rem;}}
body .stats article>span{font-family:Helixa,sans-serif!important;font-size:1.25rem;line-height:1.5rem;font-weight:400;letter-spacing:0;}
body .founder .founder-copy .line-link,body .founder .founder-copy .line-link span{font-family:Helixa,sans-serif!important;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:.02em;}
body .contact-details a,body .contact-details a span{font-family:Helixa,sans-serif!important;font-weight:700;line-height:2rem;letter-spacing:0;}
@media(min-width:600px) and (max-width:1100px){
 html body footer.contact-panel#contact .footer-wordmark{margin-top:4rem!important;margin-bottom:3rem!important;}
}
body .contact-details a:first-child{font-size:clamp(1.25rem,2.083333vw,1.875rem);}
body .contact-details a:last-child{font-size:clamp(1.25rem,1.944444vw,1.75rem);}
body.home-page #services .service-card h3 *{font-family:Helixa,sans-serif!important;font-weight:inherit;}
/* Updated Home 125:719 typography, measured at the 1440px design width. */
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{line-height:1.111111;letter-spacing:.02em;}
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{letter-spacing:.02em;}
body.home-page #about #studio-title.studio-description,body.home-page #about #studio-title.studio-description *{font-family:Helixa,sans-serif!important;}
body.home-page #about #studio-title.studio-description{font-size:clamp(1.5rem,2.222222vw,2rem);font-weight:350;line-height:1.25;letter-spacing:-.01em;max-width:min(100%,841px);}
body.home-page #services .service-card h3,body.home-page #work .work-slide-caption h3{font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:400;line-height:1.333333;letter-spacing:.04em;}
body.home-page #services .service-card p{font-size:clamp(1.125rem,1.666667vw,1.5rem);font-weight:350;line-height:1.333333;letter-spacing:.01em;max-width:400px;}
body.home-page #services .service-card ul,body.home-page #work .work-project-services{font-size:1.125rem;line-height:1.5rem;font-weight:350;letter-spacing:0;}
body.home-page #services .service-index{letter-spacing:0;}
body.home-page .why-copy h3{letter-spacing:.04em;}
body.home-page .why-grid .eyebrow{font-size:1rem;line-height:1.125rem;font-weight:700;letter-spacing:.08em;}
body.home-page #approach #philosophy-title{font-weight:700;line-height:1.2;letter-spacing:.02em;}
body .stories-carousel .story-panel figcaption>div>span{font-weight:700;}
body #site-mobile-menu nav.menu-social a{letter-spacing:0;}
@media(max-height:760px){body #site-mobile-menu nav.menu-primary a{line-height:1.25;}}
@keyframes stroke-shine{to{--stroke-angle:519deg;}}
body .site-header.editorial-header .editorial-menu-button,body dialog.editorial-menu#site-mobile-menu{background:linear-gradient(rgb(32 30 28 / 90%),rgb(32 30 28 / 90%)) padding-box,linear-gradient(var(--stroke-angle),#655640 0%,#8c7659 18%,#c7ae87 32%,#8c7659 48%,#655640 68%,#443a2e 85%,#655640 100%) border-box;animation:stroke-shine 12s linear infinite;}
@media(prefers-reduced-motion:reduce){body .site-header.editorial-header .editorial-menu-button,body dialog.editorial-menu#site-mobile-menu{animation:none;}}
@media(max-width:760px){
 body .site-header.editorial-header .editorial-menu-button,body #site-mobile-menu .menu-top button{width:44px;height:44px;min-width:44px;min-height:44px;}
 body .editorial-menu-button .menu-glyph>span,body #site-mobile-menu .menu-glyph>span{width:22px;left:5px;}
 body dialog.editorial-menu#site-mobile-menu{--menu-width:calc(100vw - 16px);inset:8px 8px auto auto;width:var(--menu-width);max-width:none;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;}
 body #site-mobile-menu nav.menu-primary,body #site-mobile-menu nav.menu-social{width:calc(var(--menu-width) - 64px);margin-inline:1.9375rem;}
 body #site-mobile-menu nav.menu-social{margin-bottom:1.5rem;}
}
/* Tablet menu stays a compact desktop-style panel. */
@media(min-width:600px) and (max-width:1100px){
 body dialog.editorial-menu#site-mobile-menu{--menu-width:50vw;width:var(--menu-width);max-width:none;inset:16px 16px auto auto;height:min(680px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;}
 body #site-mobile-menu nav.menu-primary,body #site-mobile-menu nav.menu-social{width:auto;margin-inline:2rem;}
 body #site-mobile-menu nav.menu-primary{margin-top:4.5rem;}
 body #site-mobile-menu nav.menu-primary a{font-size:clamp(1.75rem,4.2vw,2.75rem);line-height:1.3;}
 body #site-mobile-menu nav.menu-social{margin-top:4rem;margin-bottom:2rem;}
 body #site-mobile-menu nav.menu-social a{font-size:1.125rem;line-height:1.75rem;}
}
@media(min-width:600px) and (max-width:1100px){
 body dialog.editorial-menu#site-mobile-menu{height:auto;min-height:0;padding-bottom:0;}
 body #site-mobile-menu nav.menu-social{margin-bottom:2rem;}
}
/* Top-aligned mobile navigation; compact socials retain comfortable tap areas. */
@media(max-width:599px){
 body dialog.editorial-menu#site-mobile-menu[open]{
  display:flex;flex-direction:column;
  padding-top:5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));
 }
 body #site-mobile-menu nav.menu-primary{
  flex-shrink:0;margin-top:0;margin-bottom:0;gap:1.5rem;
 }
 body #site-mobile-menu nav.menu-social{
  flex-shrink:0;margin-top:2rem;margin-bottom:0;gap:0;
 }
 body #site-mobile-menu nav.menu-social a{
  display:flex;align-items:center;min-height:44px;padding-block:0.5rem;
  box-sizing:border-box;
 }
}
/* Keep the animated gradient out of the translucent interior. */
body .site-header.editorial-header .editorial-menu-button{position:relative;}
body .site-header.editorial-header .editorial-menu-button,
body dialog.editorial-menu#site-mobile-menu{
 background:rgb(32 30 28 / 80%);border-color:#6c5942;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){
 body .site-header.editorial-header .editorial-menu-button,
 body dialog.editorial-menu#site-mobile-menu{border:0;}
 body .site-header.editorial-header .editorial-menu-button::before,
 body dialog.editorial-menu#site-mobile-menu::before{
  content:'';position:absolute;inset:0;padding:0.0625rem;border-radius:inherit;z-index:2;
  background:linear-gradient(var(--stroke-angle),#655640 0%,#8c7659 18%,#c7ae87 32%,#8c7659 48%,#655640 68%,#443a2e 85%,#655640 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:stroke-shine 12s linear infinite;pointer-events:none;
 }
 @media(prefers-reduced-motion:reduce){
  body .site-header.editorial-header .editorial-menu-button::before,
  body dialog.editorial-menu#site-mobile-menu::before{animation:none;}
 }
}
/* A little more room at the menu's left and bottom edges. */
body #site-mobile-menu nav.menu-primary,
body #site-mobile-menu nav.menu-social{
 margin-left:3.4375rem;width:calc(var(--menu-width) - 104px);
}
body #site-mobile-menu nav.menu-social{margin-bottom:3.5rem;}
@media(min-width:600px) and (max-width:1100px){
 body #site-mobile-menu nav.menu-primary,
 body #site-mobile-menu nav.menu-social{margin-left:2.5rem;width:auto;}
 body #site-mobile-menu nav.menu-social{margin-bottom:2.5rem;}
}
@media(max-width:599px){
 body #site-mobile-menu nav.menu-primary,
 body #site-mobile-menu nav.menu-social{margin-left:2.4375rem;width:calc(var(--menu-width) - 72px);}
 body dialog.editorial-menu#site-mobile-menu[open]{padding-bottom:calc(max(1.5rem,env(safe-area-inset-bottom)) + 0.5rem);}
 body #site-mobile-menu nav.menu-social{margin-bottom:0;}
}
/* Menu panel only; hamburger and slider circles retain 80% glass. */
body dialog.editorial-menu#site-mobile-menu{background:rgb(32 30 28 / 90%);}

#hero-preloader{position:fixed;inset:0;min-height:100dvh;z-index:2147483647;background:#201e1c;color:#fff;pointer-events:auto;touch-action:none;overscroll-behavior:none;}
html:is(.intro-pending,.intro-handoff),
html:is(.intro-pending,.intro-handoff) body{overflow:hidden!important;overscroll-behavior:none;}
html:is(.intro-pending,.intro-handoff) .hero-statement,
html:is(.intro-pending,.intro-handoff) main> :not(.hero-scroll){visibility:hidden!important;}
#hero-preloader img{position:absolute;display:block;left:50%;margin-left:0;transform:translateX(-50%);object-fit:contain;}
#hero-preloader .preloader-mark{width:47.854px;height:47.8529px;top:calc(50% - 71.92645px);}
#hero-preloader .preloader-label{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;font:700 1rem/1.5rem Helixa,sans-serif;letter-spacing:0.01rem;}
.preloader-dots span{display:inline-block;animation:preloader-dot 1200ms ease-in-out infinite;}
.preloader-dots span:nth-child(2){animation-delay:140ms;}.preloader-dots span:nth-child(3){animation-delay:280ms;}
@keyframes preloader-dot{0%,70%,100%{opacity:.25;transform:translateY(0);}35%{opacity:1;transform:translateY(-2px);}}
html.intro-handoff .hero-model{pointer-events:none;}
@media(prefers-reduced-motion:reduce){.preloader-dots span{animation:none;}}

html.home-intro-complete #hero-preloader{display:none!important;}

/* 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(6rem,16.666667vw,15rem);--home-display:clamp(42px,10vw,144px);--home-section:clamp(32px,4.166667vw,60px);--grey:#B3A69E;}
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(315deg,#fff 71.316%,#d3b393 97.394%);}
body.home-page .why #why-title{background-image:linear-gradient(315deg,#fff 71.316%,#d3b393 97.394%);}
body.home-page .testimonials #testimonials-title{background-image:linear-gradient(315deg,#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(135deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page #services #services-title{background-image:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page .clients #clients-title{background-image:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%);}
body.home-page .founder .founder-copy #founder-title{background-image:linear-gradient(135deg,#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(1.375rem,1.944444vw,1.75rem);line-height:1.285714;font-weight:400;letter-spacing:-.01em;}
body.home-page .hero .hero-details .button{font-size:1.25rem;line-height:1.5rem;font-weight:700;letter-spacing:.02em;padding:1.5rem 2rem;gap:1rem;}
body.home-page #about #studio-title.studio-description{font-size:clamp(1.5rem,2.222222vw,2rem);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:3rem;line-height:3rem;letter-spacing:.02em;font-weight:500;}
body.home-page .stats strong .stat-plus{font-weight:300;}
body.home-page .stats article>span{font-size:1.25rem;line-height:1.5rem;color:#393025;font-weight:400;}
body.home-page #work .work-slide-caption{gap:0.5rem;}
body.home-page #work .work-slide-caption h3{opacity:.96;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.333333;font-weight:700;letter-spacing:-.01em;}
body.home-page #work .work-project-services{color:#B3A69E;order:2;margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:350;}
body.home-page #services .service-card h3{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.home-page #services .service-card p{font-size:clamp(1.25rem,1.666667vw,1.5rem);line-height:1.333333;font-weight:350;letter-spacing:.01em;max-width:400px;}
body.home-page #services .service-card ul{font-size:1.125rem;line-height:1.5rem;font-weight:350;color:#B3A69E;margin-top:1rem;}
body.home-page #services .service-index{font-size:1.25rem;line-height:1.75rem;letter-spacing:0;color:#B3A69E;opacity:.5;}
body.home-page .why-grid .eyebrow{font-size:1rem;line-height:1.125rem;font-weight:700;letter-spacing:.08em;color:#785a3c;}
body.home-page .why-copy h3{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.home-page .why-copy p{font-size:1.125rem;line-height:1.75rem;font-weight:400;color:#393025;max-width:280px;}
body.home-page #approach #philosophy-title{font-family:'GC Gudlak',sans-serif!important;font-size:clamp(2.375rem,8.333333vw,7.5rem);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(1.25rem,1.944444vw,1.75rem);line-height:1.428571;font-weight:400;max-width:923px;letter-spacing:0;}
body.home-page .stories-carousel .story-panel blockquote{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;font-weight:400;max-width:580px;}
body.home-page .stories-carousel .story-panel figcaption>div>span{font-size:1.5rem;line-height:1.75rem;font-weight:700;}
body.home-page .stories-carousel .story-panel figcaption .story-meta{font-size:1rem;line-height:1.25rem;font-weight:400;}
body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:1.5rem;line-height:2rem;font-weight:350;letter-spacing:0;max-width:449px;margin-bottom:2rem;}
body.home-page .founder .founder-copy .line-link{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:.02em;gap:1rem;top:auto;}
body.home-page .contact-copy h2{font-size:clamp(2.5rem,5.555556vw,5rem);line-height:1;font-weight:700;letter-spacing:-.03em;}
body.home-page .contact-copy>p{font-size:1.5rem;line-height:2rem;font-weight:400;max-width:458px;}
body.home-page .footer-project-link{font-size:1.75rem;line-height:2rem;font-weight:700;border-color:#201e1c;}
body.home-page .contact-details a{font-weight:700;font-size:1.75rem;line-height:2rem;}
body.home-page .contact-details a:first-child{font-size:1.875rem;}
body.home-page .footer-bottom{font-size:1rem;line-height:1.25rem;}
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:2.25rem;}
 body.home-page .hero-statement{padding-top:11.25rem;}
 body.home-page .studio-section{padding-top:10rem;padding-bottom:3.75rem;}
 body.home-page .stats.page-section{gap:1.875rem;}
 body.home-page .stats article{min-height:144px;padding:1.5rem 2rem;gap:0.5rem;justify-content:center;}
 body.home-page #work.page-section{padding-top:20rem;}
 body.home-page .work-scroll{margin-top:3.75rem;}
 body.home-page .work-slider-toolbar{margin-top:3rem;}
 body.home-page #work .work-caption-layer{min-height:80px;}
 body.home-page .why.page-section{padding-top:20rem;}
 body.home-page .why .why-grid{margin-top:5.9375rem;gap:1.5rem;}
 body.home-page .why-grid article{min-height:300px;padding:3rem;}
 body.home-page .why-contact{margin-top:3rem;}
 body.home-page #approach.philosophy{margin-top:17rem;padding-block:7.5rem 6.875rem;}
 body.home-page #approach .philosophy-description{margin-top:3.625rem;}
 body.home-page #services.page-section{padding-top:15rem;}
 body.home-page #services .services-grid{margin-top:4.5rem;}
 body.home-page #services .service-card:nth-child(n){min-height:200px;padding:2.75rem 0 3rem;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:0.25rem;}
 body.home-page #services .service-card p{margin-top:0.25rem;}
 body.home-page .services-contact{margin-top:3.75rem;}
 body.home-page .testimonials.page-section{padding-top:15rem;}
 body.home-page .stories-heading{margin-bottom:6.125rem;}
 body.home-page .stories-carousel .stories-stage .story-panel{flex-basis:min(806px,72vw);padding:4rem 4.25rem;min-height:540px;gap:4rem;}
 body.home-page .clients.page-section{padding-top:18.25rem;}
 body.home-page .clients .client-rows{margin-top:4rem;}
 body.home-page .client-row>li{width:360px;flex-basis:360px;height:240px;border-radius:16px;}
 body.home-page .founder.page-section{padding-top:15rem;}
 body.home-page .founder.page-section .founder-copy #founder-title{margin-bottom:3rem;}
 body.home-page .founder .founder-copy .line-link{margin-top:2rem;}
 body.home-page .contact-panel{border-radius:16px;padding-top:6.75rem;padding-bottom:4.5rem;}
}
@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:1.5rem;line-height:2rem;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:2.25rem;line-height:2.75rem;}
 body.home-page .stats article>span{font-size:1rem;line-height:1.5rem;}
 body.home-page .hero .hero-details .button{font-size:1.125rem;padding:1.125rem 1.75rem;}
 body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:1.25rem;line-height:1.75rem;max-width:100%;}
 body.home-page .founder .founder-copy .line-link{font-size:1.25rem;line-height:1.75rem;}
 body.home-page .stories-carousel .story-panel figcaption>div>span{font-size:1.25rem;line-height:1.75rem;}
 body.home-page .stories-carousel .story-panel figcaption .story-meta{font-size:0.875rem;line-height:1.25rem;}
 body.home-page .contact-copy>p{font-size:1.25rem;line-height:1.75rem;}
 body.home-page .contact-details a,body.home-page .contact-details a:first-child{font-size:1.5rem;line-height:2rem;}
 body.home-page .footer-project-link{font-size:1.5rem;line-height:2rem;}
 body.home-page #work .work-slide-caption h3{font-size:1.5rem;line-height:1.875rem;}
}
/* 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(2rem,3.333333vw,3rem)!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:1.5rem;--section-gutter:1.5rem;--home-gap:7.5rem;--home-section:36px;}
 body.home-page .page-section{box-sizing:border-box;width:calc(100% - 48px);margin-inline:1.5rem;}
 body.home-page .hero .hero-details{top:120px;left:24px;width:289px;max-width:calc(100% - 48px);gap:1.5rem;}
 body.home-page .hero .hero-intro{font-size:1.5rem;line-height:2rem;letter-spacing:0;}
 body.home-page .hero .hero-details .button{font-size:1.25rem;line-height:1.5rem;height:60px;padding:1.125rem 1.75rem;}
 body.home-page :is(.hero-statement #statement-title,.why #why-title,.testimonials #testimonials-title){font-size:clamp(2.75rem,13.93vw,3.5rem);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:2.25rem;line-height:3rem;}
 body.home-page .clients #clients-title{max-width:230px;}
 body.home-page #about.studio-section.page-section{width:100%;margin:0;padding:5rem 1.5rem 3rem;}
 body.home-page .stats.page-section{width:calc(100% - 48px);margin-inline:1.5rem;padding:0;gap:0.75rem;}
 body.home-page .stats article{min-height:88px;padding:1.25rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.75rem;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:2rem;line-height:3rem;}
 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:7.5rem;}
 body.home-page .work-scroll{margin-top:1.5rem;}
 body.home-page .work-deck{--project-width:calc(100vw - 52px);gap:0.75rem;}
 body.home-page .work-slide-image{aspect-ratio:350/400;}
 body.home-page .work-slider-toolbar{margin-top:1.5rem;}
 body.home-page #work .work-project-services{white-space:normal;font-size:1rem;line-height:1.5rem;}
 body.home-page #services .services-grid{margin-top:1.5rem;}
 body.home-page #services .service-card:nth-child(n){display:block;min-height:0;padding:2rem 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:0.5rem;font-size:1.25rem;line-height:1.75rem;}
 body.home-page #services .service-card h3{font-size:2rem;line-height:2.25rem;margin:0 0 0.75rem;}
 body.home-page #services .service-card p{font-size:1.25rem;line-height:1.75rem;max-width:100%;}
 body.home-page #services .service-card ul{font-size:1.125rem;line-height:1.5rem;margin-top:0.75rem;}
 body.home-page .why .why-grid{margin-top:2.5rem;gap:0.75rem;}
 body.home-page .why-grid .eyebrow{font-size:0.875rem;line-height:1.125rem;}
 body.home-page .why-copy h3{font-size:2rem;line-height:2.5rem;letter-spacing:-.01em;}
 body.home-page .why-copy p{font-size:1rem;line-height:1.5rem;}
 body.home-page #approach.philosophy{width:calc(100% - 16px);margin:7.5rem 0.5rem 0;padding:2.5rem 1.5rem;}
 body.home-page #approach #philosophy-title{font-size:clamp(2rem,9.95vw,2.5rem);line-height:1.2;letter-spacing:.04em;}
 body.home-page #approach .philosophy-description{font-size:1.125rem;line-height:1.5rem;margin-top:3rem;width:100%;max-width:100%;}
 body.home-page .stories-heading{margin-bottom:2.5rem;}
 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:2.25rem 2rem;gap:3rem;}
 body.home-page .stories-carousel .story-panel blockquote{font-size:1.75rem;line-height:2.25rem;}
 body.home-page .clients .client-rows{margin-top:2rem;gap:0.75rem;}
 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:7.5rem;gap:4.5rem;}
 body.home-page .founder.page-section .founder-copy #founder-title{margin-bottom:2rem;}
 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>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:1.5rem;}
@media(max-width:760px){
 body.home-page footer.contact-panel#contact .contact-top{gap:1.75rem;}
 body.home-page footer.contact-panel#contact .contact-top p{margin:1.25rem 0 1.5rem;}
 body.home-page footer.contact-panel#contact .contact-details{gap:0.75rem;}
 body.home-page footer.contact-panel#contact .footer-bottom{margin-top:2.25rem;}
}
/* 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:1.5rem;line-height:1.75rem;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:0.875rem;line-height:1.25rem;font-weight:400;letter-spacing:0;margin-top:0.25rem;}
/* 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:1.375rem 2rem;gap:1rem;border:0;border-radius:12px;background:#201e1c;color:#fff;font:700 1.25rem/1.5rem 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:1.125rem 1.75rem;}}
@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>p{margin:0;}
body.home-page :is(#services,.why) .work-contact .line-link{margin:0;}
body.home-page :is(#services,.why) .work-contact .line-link img{flex-shrink:0;}
@media(max-width:760px){
}
/* Tighter spacing within the footer invitation. */
body.home-page footer.contact-panel#contact .contact-copy>p{margin:1.5rem 0 1.75rem;}
@media(max-width:760px){body.home-page footer.contact-panel#contact .contact-copy>p{margin:1rem 0 1.25rem;}}
/* 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:0.75rem;}
 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:0.125rem;}
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,2.75rem);line-height:1.2;letter-spacing:.02em;}
 body.home-page .contact-panel .contact-copy h2{font-size:min(10.5vw,4.75rem);line-height:1.16;}
}
@media(max-width:760px){body.home-page .hero-statement .hero-statement-inner h1#statement-title{font-size:min(10.4vw,4.5625rem);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:3rem;}
 body.home-page{--section-gutter:3rem;}
 body .editorial-main{--editorial-gutter:3rem;}
 body .editorial-container,body.work-page .work-showcase{width:calc(100% - 96px);margin-inline:3rem;}
 body.home-page .page-section{width:calc(100% - 96px);margin-inline:3rem;box-sizing:border-box;}
 body .wide-surface,body.home-page #approach.philosophy{width:calc(100% - 32px);margin-inline:1rem;box-sizing:border-box;}
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:3rem;}
 body.home-page #approach.philosophy{padding-inline:3rem;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:1rem;}
 body .services-page .services-detail-card{padding-inline:3rem;}
 body .services-page .services-details .services-statement{padding-inline:3rem;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:1rem;padding-inline:3rem;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:2.5rem;order:0;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details{padding:0;align-items:flex-start;gap:1.125rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-wordmark{order:1;display:block;width:100%;height:auto;margin:2.5rem 0 1.5rem;}
 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:0.75rem;margin:0;padding:1.5rem 0 0;border-top:1px solid #201e1c;border-bottom:0;font-size:0.875rem;line-height:1.25rem;}
 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 1rem 1rem;padding:3.5rem 3rem 3rem;box-sizing:border-box;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy h2{font-size:clamp(3.5rem,10.75vw,5rem);line-height:1.12;max-width:560px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-copy p{font-size:1.5rem;line-height:2rem;max-width:458px;margin:1.5rem 0 2rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a{font-size:1.875rem;line-height:2rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a:last-child{font-size:1.75rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{font-size:1rem;}
}

/* Home tablet reference is 744px wide; keep this distinct from phones. */
@media(min-width:600px) and (max-width:1100px){
 body.home-page{--section-gutter:3rem;--layout-gutter:3rem;--home-section:48px;}
 body.home-page .page-section{width:calc(100% - 96px);margin-inline:3rem;box-sizing:border-box;}
 body.home-page .hero .hero-intro{font-size:1.75rem;line-height:2.25rem;max-width:335px;}
 body.home-page .hero-statement{padding:7.5rem 3rem 0;}
 body.home-page .hero-statement .hero-statement-inner h1#statement-title{font-size:clamp(3.75rem,10.4vw,6rem);line-height:1.2;white-space:nowrap;}
 body.home-page #about.studio-section.page-section{padding:7.5rem 0 5rem;}
 body.home-page #about #studio-title.studio-description{font-size:2rem;line-height:2.5rem;}
 body.home-page .stats.page-section{display:grid;grid-template-columns:1fr;gap:1rem;padding:0;}
 body.home-page .stats article{min-height:112px;padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
 body.home-page .stats strong,body.home-page .stats strong *{font-size:2.5rem;line-height:3rem;}
 body.home-page .stats article>span{font-size:1.25rem;line-height:1.5rem;max-width:280px;}
 body.home-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-size:3rem;line-height:1.3;}
 body.home-page .why .why-grid{grid-template-columns:1fr;gap:1.5rem;}
 body.home-page .why-grid article{min-height:280px;padding:2.25rem;}
 body.home-page .why-grid .why-copy{max-width:52%;}
 body.home-page .why-grid .why-copy h3{font-size:2.25rem;line-height:3rem;}
 body.home-page .why-grid .why-copy p{font-size:1.125rem;line-height:1.75rem;}
 body.home-page #approach.philosophy{width:calc(100% - 32px);margin-inline:1rem;padding:5rem 3.75rem;}
 body.home-page #approach #philosophy-title{font-size:clamp(3rem,9.67vw,5rem);line-height:1.25;letter-spacing:.02em;}
 body.home-page #approach .philosophy-description{font-size:1.5rem;line-height:2rem;max-width:522px;margin-top:5rem;}
 body.home-page #services .service-card{display:block;padding-block:2rem;}
 body.home-page #services .service-index{display:block;margin-bottom:1rem;}
 body.home-page #services .service-card h3{font-size:2.25rem;line-height:3rem;}
 body.home-page #services .service-card p{font-size:1.5rem;line-height:2rem;}
 body.home-page #services .service-card ul{font-size:1.25rem;line-height:1.75rem;margin-top:1rem;}
 body.home-page .founder.page-section{display:flex;flex-direction:column;gap:2rem;padding-top:10rem;}
 body.home-page .founder .founder-copy{order:0;width:100%;}
 body.home-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:1.5rem;line-height:2rem;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:1.75rem;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:1rem;box-sizing:border-box;}

@media(max-width:599px){body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-bottom{padding-top:0.75rem;}}
@media(min-width:600px) and (max-width:1100px){
 body.home-page #about.studio-section.page-section{width:calc(100% - 96px);margin-inline:3rem;padding:7.5rem 0 5rem;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;}
}

body :is(.studio-page,.home-page) {--home-section:clamp(36px,4.166667vw,60px);}
@media(min-width:600px) and (max-width:1100px){
 html body .founder.page-section{row-gap:5rem;}
 html body .founder.page-section .founder-copy{width:100%;max-width:none;}
 html body .founder.page-section .founder-copy>p:not(.eyebrow){width:100%;max-width:none;}
}
body.home-page .founder .founder-copy .line-link,body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:2.25rem;}
@media(max-width:760px){body.home-page .founder .founder-copy .line-link,body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:2rem;}}

/* Home update: alignment only; original typography, spacing and card styles remain. */
html body.home-page main#top #work .work-heading{
 justify-content:center!important;text-align:center!important;
}
html body.home-page main#top :is(#work-title,#services-title),
html body.home-page main#top :is(#work-title,#services-title) :is(span,.motion-line,.title-word-mask,.title-word){
 text-align:center!important;margin-inline:auto!important;justify-content:center!important;justify-items:center!important;
}
html body.home-page main#top #services.home-expertise .expertise-row,
html body.home-page main#top #services.home-expertise .expertise-row p{
 text-align:center!important;
}
html body.home-page main#top #services.home-expertise .expertise-row h3{
 justify-items:center!important;text-align:center!important;
}
html body.home-page main#top #services.home-expertise .expertise-row h3 .expertise-title-regular{
 margin-inline:auto!important;justify-self:center!important;transform-origin:center!important;
}
html body.home-page main#top #work .work-slider-toolbar{
 margin-inline:auto!important;justify-content:center!important;
}
html body.home-page main#top #work .work-caption-layer,
html body.home-page main#top #work .work-slide-caption,
html body.home-page main#top #work .work-slide-caption :is(h3,p,a){text-align:center!important;}
html body.home-page main#top #home-trust h2#home-trust-title,
html body.home-page main#top #home-trust h2#home-trust-title :is(span,.motion-line,.title-word-mask,.title-word){
 text-align:center!important;
}

/* Keep the Figma paragraph lines across desktop and tablet; fit to their container. */
@media(min-width:600px){
 html body.home-page main#top #about,
 html body.home-page main#top section.home-belief.page-section{
  container-type:inline-size;
 }
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p{
  font-size:min(var(--large-reading-size),4.8cqw)!important;
  line-height:1.1718!important;
  width:100%!important;max-width:100%!important;
  white-space:nowrap!important;text-wrap:wrap;
 }
 html body.home-page main#top #about #studio-title .intro-line-break{
  display:inline!important;
 }
 html body.home-page main#top #about #studio-title .intro-line-break br{
  display:block!important;
 }
 html body.home-page main#top #about #studio-title .home-mobile-copy-break,
 html body.home-page main#top section.home-belief.page-section .home-mobile-copy-break{
  display:none!important;
 }
 html body.home-page main#top section.home-belief.page-section p[data-scroll-copy]>span{
  display:block!important;white-space:nowrap!important;
 }
}
/* One continuous desktop size curve, including the previously larger 1440px layout. */
@media(min-width:1101px){
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p{
  font-size:min(clamp(2.1rem,calc(3.3vw - 0.25rem),3.71rem),4.8cqw)!important;
 }
}

/* One owner for every Home invitation, including its text, arrow and underline. */
html body.home-page main#top .question-link{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;
 font-family:Helixa,sans-serif!important;font-size:var(--invitation-question-size)!important;
 line-height:1.333333!important;column-gap:.75rem!important;row-gap:.75rem!important;
 text-align:center!important;
}
html body.home-page main#top .question-link>:is(span,p){
 display:block!important;font:400 var(--invitation-question-size)/1.333333 Helixa,sans-serif!important;
 letter-spacing:0!important;line-height:1.333333!important;
 margin:0!important;padding:0!important;position:relative;top:-.125rem;
 align-self:center!important;text-align:center!important;
}
html body.home-page main#top :is(#about,#home-trust,.why) .question-link>a.line-link{
 display:inline-flex!important;align-items:center!important;align-self:center!important;
 font:900 var(--invitation-link-size)/1.333333 Helixa,sans-serif!important;letter-spacing:.04em!important;
 min-height:0!important;height:auto!important;
 margin:0!important;padding:0!important;position:relative!important;top:auto!important;
 width:max-content!important;max-width:100%!important;gap:.75em!important;text-align:center!important;
}
html body.home-page main#top :is(#about,#home-trust,.why) .question-link>a.line-link::after{
 top:auto!important;bottom:calc(-.25em - .125rem)!important;
}
html body.home-page main#top :is(#about,#home-trust,.why) .question-link>a.line-link img{
 width:var(--invitation-arrow-size)!important;height:var(--invitation-arrow-size)!important;
 min-width:var(--invitation-arrow-size)!important;max-width:var(--invitation-arrow-size)!important;
 flex:0 0 var(--invitation-arrow-size)!important;
}
@media(min-width:1600px){html body.home-page main#top .question-link{column-gap:.7rem!important;}}
@media(max-width:599px){
 html body.home-page main#top :is(#about,#home-trust,.why) .question-link{display:flex!important;margin:2rem auto 0!important;padding:0!important;justify-content:center!important;}
 html body.home-page main#top .question-link>:is(span,p){display:none!important;}
}

/* Hero copy/button use one continuous rhythm rather than the 1366px padding switch. */
@media(min-width:600px){
 html body.home-page main#top .hero .hero-details{
  gap:clamp(1.25rem,calc(1.25vw + .25rem),1.75rem)!important;
 }
 html body.home-page main#top .hero .hero-details p.hero-intro{
  margin-block:0!important;padding-block:0!important;line-height:1.333333!important;
 }
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{
  --hero-button-padding:clamp(1.125rem,calc(2.5vw - .75rem),1.5rem);
  font:700 var(--black-button-font-size,18px)/24px Helixa,sans-serif!important;letter-spacing:.1px!important;
  padding:var(--hero-button-padding) 1.5rem var(--hero-button-padding) 1.75rem!important;
  min-height:calc(1.5rem + var(--hero-button-padding) + var(--hero-button-padding))!important;
  height:auto!important;margin-top:0!important;border-radius:.75rem!important;
 }
}

/* Work capabilities follow the service listing; project names keep their own scale. */
@media(min-width:600px){
 html body.home-page main#top #work .work-project-services{font-size:1.125rem!important;}
 html body.home-page main#top #work .work-slider-toolbar{margin-top:2rem!important;}
 html body.home-page main#top .why-grid .why-copy{container-type:inline-size;}
 html body.home-page main#top .why-grid .why-copy p{font-size:min(clamp(1rem,1.15vw,1.25rem),5cqw)!important;}
 html body.home-page main#top .why-grid .why-desktop-copy-line{display:block;white-space:nowrap;}
}
@media(min-width:600px) and (max-width:760px){
 html body.home-page main#top #work .work-project-services{font-size:1rem!important;}
}
@media(min-width:761px) and (max-width:1600px){
 html body.home-page main#top #work .work-project-services{font-size:var(--compact-copy)!important;}
}
@media(min-width:1601px){
 html body.home-page main#top #work .work-project-services{font-size:clamp(1rem,1.125vw,1.3125rem)!important;}
}

/* Preserve the authored Figma break before and after the title animation wraps it. */
html body.home-page main#top .stories-heading #testimonials-title,
html body.home-page main#top .stories-heading #testimonials-title :is(.motion-line,.motion-line>span,.title-word-mask,.title-word){
 white-space:nowrap!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
}

/* Client-slider heading shares Home's centered section-title alignment. */
html body.home-page main#top .clients-heading{
 justify-content:center!important;
 text-align:center!important;
}
html body.home-page main#top #clients-title,
html body.home-page main#top #clients-title :is(span,.motion-line,.title-word-mask,.title-word){
 text-align:center!important;
 margin-inline:auto!important;
 justify-content:center!important;
 justify-items:center!important;
}

/* Card titles stay fixed on large desktops, slightly below the Figma size. */
@media(min-width:1600px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:1.875rem!important;}
}

.home-mobile-title-break{display:none;}
@media(max-width:599px){
 .home-mobile-title-break{display:block;}
 html body.home-page main#top :is(#home-trust-title,#work-title,#clients-title),
 html body.home-page main#top :is(#home-trust-title,#work-title,#clients-title) :is(.motion-line,.motion-line>span,.title-word-mask,.title-word){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;}
}

/* Trusted uses the shared section-H2 typography, including its title gradient. */
html body.home-page main#top #home-trust h2#home-trust-title{
 font-family:'GC Gudlak',sans-serif!important;
 font-size:var(--section-h2-size,2.25rem)!important;
 font-weight:500!important;
 line-height:1.25!important;
 letter-spacing:.02em!important;
 background:var(--title-gradient)!important;
 background-clip:text!important;
 -webkit-background-clip:text!important;
 color:transparent!important;
 -webkit-text-fill-color:transparent!important;
}
@media(max-width:599px){
 html body.home-page main#top :is(#services,#work,#home-trust,.clients,.founder) h2:is(#services-title,#work-title,#home-trust-title,#clients-title,#founder-title){
  font-size:1.75rem!important;
  line-height:1.25!important;
 }
}

/* One title treatment for Trusted and the other Home section headings. */
html body.home-page main#top :is(#home-trust,#work,#services,.clients) h2:is(#home-trust-title,#work-title,#services-title,#clients-title){
 font-family:'GC Gudlak',sans-serif!important;
 font-size:var(--section-h2-size,2.25rem)!important;
 font-weight:500!important;
 line-height:1.25!important;
 letter-spacing:.02em!important;
 background:var(--title-gradient)!important;
 background-clip:text!important;
 -webkit-background-clip:text!important;
 color:transparent!important;
 -webkit-text-fill-color:transparent!important;
}
html body.home-page main#top :is(#home-trust,#work,#services,.clients) h2:is(#home-trust-title,#work-title,#services-title,#clients-title) :is(.motion-line,.motion-line>span,.title-word-mask,.title-word){
 font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;
}
@media(max-width:599px){
 html body.home-page main#top :is(#home-trust,#work,#services,.clients) h2:is(#home-trust-title,#work-title,#services-title,#clients-title){font-size:1.75rem!important;}
}

@media(min-width:1024px) and (max-width:1599px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.5rem,5.8cqw,2.5rem) - .125rem)!important;}
}
@media(max-width:1023px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.625rem,2.222222vw,2rem) - .125rem)!important;}
}
@media(max-width:599px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:1.875rem!important;}
}

/* Bring the card titles slightly closer to their labels. */
html body.home-page main#top .why-grid .why-copy h3{margin-top:-.25rem!important;}

/* Slightly tighter spacing between the four cards. */
html body.home-page main#top .why .why-grid{gap:1rem!important;}

/* Slightly smaller orange-panel description on mobile. */
@media(max-width:599px){
 html body.home-page main#top #approach.philosophy .philosophy-description{font-size:1.125rem!important;line-height:1.4!important;width:95%!important;max-width:95%!important;}
}

@media(max-width:599px){
 html body.home-page main#top #founder.founder.page-section .founder-copy h2#founder-title{
  font-size:1.75rem!important;
  line-height:1.25!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy h2#founder-title :is(span,.motion-line,.title-word-mask,.title-word){font-size:inherit!important;line-height:inherit!important;}
}

@media(max-width:599px){
 html body.home-page main#top #founder.founder.page-section .founder-copy>p:not(.eyebrow){
  width:98%!important;
  max-width:98%!important;
 }
}

/* Bring the founder CTA underline two pixels closer to its text. */
html body.home-page main#top #founder .founder-copy>a.line-link::after{
 bottom:-.25em!important;
}

/* Center the founder copy and CTA on mobile; portrait placement stays unchanged. */
@media(max-width:599px){
 html body.home-page main#top #founder.founder.page-section .founder-copy{ text-align:center!important; }
 html body.home-page main#top #founder.founder.page-section .founder-copy :is(h2#founder-title,p,h2#founder-title span){text-align:center!important;margin-inline:auto!important;}
 html body.home-page main#top #founder.founder.page-section .founder-copy>a.line-link{display:flex!important;width:fit-content!important;margin-inline:auto!important;justify-content:center!important;}
}

/* One mobile line-button style, shared by invitations and the founder. */
@media(max-width:599px){
 html body.home-page main#top :is(#about,#home-trust,#founder,.why) :is(.question-link,.founder-copy)>a.line-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:900 1rem/1.75rem Helixa,sans-serif!important;
  letter-spacing:.04rem!important;text-transform:uppercase!important;
  width:max-content!important;max-width:100%!important;min-height:0!important;height:auto!important;
  margin-inline:auto!important;padding:0 0 .375rem!important;gap:1rem!important;position:relative!important;top:auto!important;
 }
 html body.home-page main#top :is(#about,#home-trust,#founder,.why) :is(.question-link,.founder-copy)>a.line-link::after{
  top:auto!important;bottom:0!important;height:1px!important;background:#ff933c!important;
 }
 html body.home-page main#top :is(#about,#home-trust,#founder,.why) :is(.question-link,.founder-copy)>a.line-link img{
  width:1.5rem!important;height:1.5rem!important;min-width:1.5rem!important;max-width:1.5rem!important;flex:0 0 1.5rem!important;
 }
}

/* Keep restored mobile links clear of the block above them. */
@media(max-width:599px){
 html body.home-page main#top #home-trust .intro-studio-link.question-link,
 html body.home-page main#top .why .why-contact.question-link{
  margin-top:1rem!important;
 }
}

/* Actual internal spacing cannot collapse against the preceding card block. */
@media(max-width:599px){
 html body.home-page main#top #hero-statement #home-trust .intro-studio-link.question-link,
 html body.home-page main#top #hero-statement #about .intro-studio-link.question-link,
 html body.home-page main#top section.why.page-section:has(#why-title) .why-contact.work-contact.question-link{
  margin-top:0!important;
  padding-top:3rem!important;
  position:static!important;
 }
}

/* Tablet portrait hero copy and CTA share the artwork's horizontal center. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top .hero .hero-details{
  left:40px!important;right:40px!important;width:auto!important;max-width:none!important;
  align-items:center!important;text-align:center!important;gap:1.75rem!important;
 }
 html body.home-page main#top .hero .hero-details p.hero-intro{
  margin-inline:auto!important;text-align:center!important;white-space:nowrap!important;
 }
 html body.home-page main#top .hero .hero-details p.hero-intro *{text-align:inherit!important;}
 html body.home-page main#top .hero .hero-details .hero-mobile-copy-break{display:block!important;}
 html body.home-page main#top .hero .hero-details .button.artocea-cta{margin-inline:auto!important;align-self:center!important;}
}

@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{
  padding-top:1.375rem!important;
  padding-bottom:1.375rem!important;
  min-height:4.25rem!important;
 }
}

@media(max-width:599px){
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{
  padding-left:1.625rem!important;
  padding-right:1.375rem!important;
 }
}

/* Tablet reading copy: four pixels larger with five percent more leading. */
@media(min-width:600px) and (max-width:1100px){
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p{
  font-size:calc(min(var(--large-reading-size),4.8cqw) + .25rem)!important;
  line-height:1.23039!important;
 }
}

/* Tablet portrait uses the same authored section-heading breaks as mobile. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top :is(#home-trust-title,#work-title,#clients-title) :is(.home-mobile-title-break,.trust-mobile-break){display:block!important;}
 html body.home-page main#top :is(#home-trust-title,#work-title,#clients-title),
 html body.home-page main#top :is(#home-trust-title,#work-title,#clients-title) :is(.motion-line,.motion-line>span,.title-word-mask,.title-word){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;}
}

/* Four card titles are six pixels larger on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.625rem,2.222222vw,2rem) + .25rem)!important;}
}
@media(min-width:1024px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.5rem,5.8cqw,2.5rem) + .25rem)!important;}
}

/* Tablet portrait work project titles: four pixels larger. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #work .work-slide-caption h3{font-size:calc(clamp(1.53125rem,calc(.90625rem + 1.25vw),2rem) + .25rem)!important;max-width:85%!important;margin-inline:auto!important;}
}

/* Tablet portrait invitations and founder CTA grow together by ten percent. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top{
  --invitation-question-size:clamp(1.299375rem,calc(1.6270837vw - .165rem),1.7875rem);
  --invitation-link-size:clamp(.928125rem,1.03125vw,1.2375rem);
  --invitation-arrow-size:clamp(1.299375rem,calc(1.16875vw + .2475rem),1.65rem);
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy>a.line-link{font-size:var(--invitation-link-size)!important;}
}

/* Center the complete Home founder section on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section{justify-items:center;align-items:center;}
 html body.home-page main#top #founder.founder.page-section .founder-photo{margin-inline:auto!important;align-self:center!important;justify-self:center!important;}
 html body.home-page main#top #founder.founder.page-section .founder-copy{text-align:center!important;}
 html body.home-page main#top #founder.founder.page-section .founder-copy :is(h2,p){text-align:center!important;margin-inline:auto!important;}
 html body.home-page main#top #founder.founder.page-section .founder-copy>a.line-link{margin-inline:auto!important;}
 html body.home-page main#top #founder.founder.page-section .founder-copy>p:not(.eyebrow){font-size:1.5rem!important;}
}
@media(min-width:1024px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section .founder-copy>p:not(.eyebrow){font-size:calc(clamp(1.125rem,3.7cqw,1.875rem) + .25rem)!important;}
}

/* Give the Services heading more breathing room on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #services #services-title{
  margin-top:0!important;
  line-height:1.3!important;
 }
 html body.home-page main#top #services #services-title :is(span,.motion-line,.title-word-mask,.title-word){line-height:inherit!important;}
}

/* Keep every animated founder-title line centered on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section .founder-copy #founder-title,
 html body.home-page main#top #founder.founder.page-section .founder-copy #founder-title :is(span,.motion-line,.title-word-mask,.title-word){
  text-align:center!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy #founder-title{
  width:100%!important;max-width:100%!important;margin-inline:auto!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy #founder-title .motion-line{
  display:block!important;width:100%!important;margin-inline:auto!important;
 }
}

/* Slightly narrower centered founder reading copy on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section .founder-copy>p:not(.eyebrow){
  width:90%!important;max-width:90%!important;margin-inline:auto!important;
  white-space:normal!important;overflow-wrap:break-word!important;
 }
}

@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section .founder-copy #founder-title :is(.motion-line,.title-word-mask){
  width:100%!important;text-align:center!important;justify-content:center!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy .founder-copy-break{display:none!important;}
}

/* Center the reveal surface itself, rather than only its text alignment. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top #founder.founder.page-section .founder-copy h2#founder-title .motion-line{
  display:flex!important;justify-content:center!important;align-items:center!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy h2#founder-title .title-word-mask{
  display:block!important;width:fit-content!important;max-width:100%!important;margin-inline:auto!important;
 }
 html body.home-page main#top #founder.founder.page-section .founder-copy h2#founder-title .title-word{
  display:block!important;text-align:center!important;
 }
}

/* Put the requested extra gap on the section, independent of heading margins. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top>section#services.home-expertise.page-section{
  padding-top:18rem!important;
 }
}
@media(min-width:600px) and (max-width:760px) and (orientation:portrait){
 html body.home-page main#top>section#services.home-expertise.page-section{
  padding-top:8.5rem!important;
 }
}

/* Extra clearance below the Home client marquee on tablet portrait. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.home-page main#top .clients .client-rows.figma-client-rows{
  padding-bottom:1rem!important;
 }
}

/* Large desktops: increase the current card-title size by another 10%. */
@media(min-width:1600px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.5rem,5.8cqw,2.5rem) * 1.386)!important;}
}

/* Large desktops: enlarge only the pen and lens artwork by 10%. */
@media(min-width:1600px){
 html body.home-page main#top .why-grid :is(.why-art--senior,.why-art--details){width:calc(clamp(120px,32cqw,220px) * 1.1)!important;height:calc(clamp(120px,32cqw,220px) * 1.1)!important;}
}

/* All desktops: artwork sits inward with aligned centers across card rows. */
@media(min-width:1101px){
 html body.home-page main#top .why-grid .why-art{right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .1)!important;}
 html body.home-page main#top .why-grid .why-art--startup{right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .15)!important;}
 html body.home-page main#top .why-grid .why-art img{left:0!important;width:100%!important;}
}
/* Compensate for the pen and lens enlargement on large desktops. */
@media(min-width:1600px){
 html body.home-page main#top .why-grid :is(.why-art--senior,.why-art--details){right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .05)!important;}
}

/* 1920px and wider: shift all four artworks another 5% inward. */
@media(min-width:1920px){
 html body.home-page main#top .why-grid .why-art{right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .15)!important;}
 html body.home-page main#top .why-grid .why-art--startup{right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .2)!important;}
 html body.home-page main#top .why-grid :is(.why-art--senior,.why-art--details){right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .1)!important;}
}

/* 1440px cards: intermediate proportions with bottom-aligned reading copy. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .why .why-grid>article{aspect-ratio:2.25;height:auto!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr)!important;align-content:stretch!important;}
 html body.home-page main#top .why .why-grid>article .why-copy{align-self:end!important;}
}

/* 1440px cards: another 5% on titles and a small description increase. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc((clamp(1.5rem,5.8cqw,2.5rem) - .125rem) * 1.157625 + 2px)!important;}
 html body.home-page main#top .why-grid .why-copy p{font-size:calc(min(clamp(1rem,1.15vw,1.25rem),5cqw) + 1px)!important;}
}

/* 1440px cards: enlarge artwork 5%, retaining the existing horizontal centers. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .why-grid .why-art{width:calc(clamp(120px,32cqw,220px) * 1.05)!important;height:calc(clamp(120px,32cqw,220px) * 1.05)!important;right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .075)!important;}
 html body.home-page main#top .why-grid .why-art--startup{right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .125)!important;}
}

/* 1440px cards: pen and lens gain another 5%, keeping their centers aligned. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .why-grid :is(.why-art--senior,.why-art--details){width:calc(clamp(120px,32cqw,220px) * 1.1025)!important;height:calc(clamp(120px,32cqw,220px) * 1.1025)!important;right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .04875)!important;}
}

/* 1440px work-slider project titles: 4px smaller, retaining their existing style. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top #work .work-slide-caption h3{font-size:calc(clamp(1.53125rem,calc(.90625rem + 1.25vw),2rem) - 4px)!important;}
 html body.home-page main#top #work .work-slide-caption h3 a{font-size:inherit!important;}
}

/* 1440px stats: narrower row with a little more inner padding. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top #home-trust .home-trust-cards{width:82.8%!important;margin-inline:auto!important;}
 html body.home-page main#top #home-trust .home-trust-cards article{padding:2.25rem 2.25rem 1.75rem 2rem!important;}
}

/* 1440px Home hero: reduce the complete button by 5%. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .hero .hero-details .button.artocea-cta{scale:.95!important;transform-origin:left center;}
}

/* 1440px hero: slightly smaller description and more room above the CTA. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .hero .hero-details p.hero-intro{font-size:calc(var(--hero-copy-size,28px) - 2px)!important;}
}

/* Preserve the authored two-line hero description at every viewport. */
html body.home-page main#top .hero .hero-details .hero-mobile-copy-break{display:block!important;}
html body.home-page main#top .hero .hero-details p.hero-intro{white-space:nowrap!important;text-wrap:initial!important;}
@media(min-width:1101px){
 html body.home-page main#top .hero .hero-details{width:400px!important;max-width:calc(100vw - 96px)!important;}
}
@media(max-width:599px){
 html body.home-page main#top .hero .hero-details{container-type:inline-size;}
 html body.home-page main#top .hero .hero-details p.hero-intro{font-size:min(var(--hero-copy-size,24px),6.5cqw)!important;}
}

/* Slightly more breathing room between the two hero-description lines. */
html body.home-page main#top .hero .hero-details p.hero-intro{line-height:var(--hero-copy-leading,2rem)!important;}

/* 1600px desktop range: more room between hero copy and its button. */
@media(min-width:1600px) and (max-width:1919px){
}

/* 1600px desktop range: reduce the hero description by 1px. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top .hero .hero-details p.hero-intro{font-size:calc(var(--hero-copy-size,28px) - 1px)!important;}
}

/* 1600px desktop range: shorten the card box rather than its content padding. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top .why .why-grid>article{box-sizing:border-box!important;height:calc(clamp(270px,21vw,336px) - 12px)!important;min-height:0!important;aspect-ratio:auto!important;padding-block:clamp(1.75rem,3vw,3rem)!important;grid-template-rows:auto minmax(0,1fr)!important;align-content:stretch!important;}
 html body.home-page main#top .why .why-grid>article .why-copy{align-self:end!important;}
}

/* 1600px desktop range: service listing titles 4px smaller. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top #services.home-expertise .expertise-row h3{font-size:calc(clamp(2.75rem,7.4cqw,7rem) - 4px)!important;}
 html body.home-page main#top #services.home-expertise .expertise-row h3>span{font-size:inherit!important;}
}

/* 1600px desktop range: shrink the testimonial card stage by 10%. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top .stories-stack-section .stories-stage{width:min(729px,55.8vw,81svh)!important;margin-inline:auto!important;}
}

/* Other desktop sizes: a little more space above the Home hero button. */
@media(min-width:1101px) and (max-width:1439px),(min-width:1920px){
}

/* Desktop hero spacing is controlled by the copy/button flex gap. */
@media(min-width:1101px){
 html body.home-page main#top .hero .hero-details.hero-details{row-gap:3rem!important;}
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{margin-top:0!important;}
}

/* 1440px and 1600px desktop ranges: reduce the hero button gap by 4px. */
@media(min-width:1440px) and (max-width:1919px){
 html body.home-page main#top .hero .hero-details.hero-details{row-gap:2.75rem!important;}
}

/* 1440px desktop range: tighten the hero button gap another 2px. */
@media(min-width:1440px) and (max-width:1599px){
 html body.home-page main#top .hero .hero-details.hero-details{row-gap:2.625rem!important;}
}

/* 1280px desktop range: smaller hero copy and a tighter button gap. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .hero .hero-details p.hero-intro{font-size:calc(var(--hero-copy-size,28px) - 2px)!important;}
 html body.home-page main#top .hero .hero-details.hero-details{row-gap:2.75rem!important;}
}

/* 1280px desktop range: reduce hero-button side padding by 4px. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{padding-left:1.5rem!important;padding-right:1.25rem!important;padding-top:1.3125rem!important;padding-bottom:1.3125rem!important;min-height:66px!important;height:66px!important;box-sizing:border-box!important;}
}

/* 1280px desktop range: reduce the complete hero button by 5%. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{scale:.95!important;transform-origin:left center;}
}

/* 1280px desktop range: more breathing room between stats and their labels. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top #home-trust .home-trust-cards article{gap:.5rem!important;}
}

/* 1280px desktop range: a slightly narrower, centered stats row. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top #home-trust .home-trust-cards{width:95%!important;margin-inline:auto!important;}
}

/* 1280px stats: slightly tighter label text. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top #home-trust .home-trust-cards article>span{line-height:1.3!important;letter-spacing:0!important;}
}

/* 1280px stats: a little more breathing room at the top and left. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top #home-trust .home-trust-cards article{padding-top:2.25rem!important;padding-left:1.75rem!important;}
}

/* 1920px and wider: reduce stats-card padding by another 4px on each side. */
@media(min-width:1920px){
 html body.home-page main#top #home-trust .home-trust-cards article{padding:1.5rem 2.25rem 1.5rem 2rem!important;min-height:0!important;height:160px!important;box-sizing:border-box!important;}
}

/* 1600px desktop range: compact stats cards with a reduced left inset. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top #home-trust .home-trust-cards article{height:160px!important;min-height:0!important;box-sizing:border-box!important;padding-left:2rem!important;}
}

/* 1600px desktop range: slightly smaller stats-card subtext. */
@media(min-width:1600px) and (max-width:1919px){
 html body.home-page main#top #home-trust .home-trust-cards article>span{font-size:1.3125rem!important;}
}

/* 1280px desktop range: slightly smaller work-slider project titles. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top #work .work-slide-caption h3{font-size:calc(clamp(1.53125rem,calc(.90625rem + 1.25vw),2rem) - 1px)!important;}
 html body.home-page main#top #work .work-slide-caption h3 a{font-size:inherit!important;}
}

/* 1280px desktop range: four-card titles 4px larger. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .why-grid .why-copy h3{font-size:calc(clamp(1.5rem,5.8cqw,2.5rem) - .125rem + 4px)!important;}
}

/* 1280px desktop range: four-card descriptions 2px larger. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .why-grid .why-copy p{font-size:calc(min(clamp(1rem,1.15vw,1.25rem),5cqw) + 2px)!important;}
}

/* 1280px desktop range: four-card tags 1px larger. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .why-grid .eyebrow{font-size:calc(clamp(.8125rem,1.1vw,1.125rem) + 1px)!important;}
}

/* 1280px desktop range: shorter card boxes with bottom-aligned reading copy. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .why .why-grid>article{height:calc(clamp(270px,21vw,336px) - 8px)!important;min-height:0!important;aspect-ratio:auto!important;box-sizing:border-box!important;grid-template-rows:auto minmax(0,1fr)!important;align-content:stretch!important;}
 html body.home-page main#top .why .why-grid>article .why-copy{align-self:end!important;}
}

/* 1280px desktop range: enlarge pen and lens by 5% while retaining their centers. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .why-grid :is(.why-art--senior,.why-art--details){width:calc(clamp(120px,32cqw,220px) * 1.05)!important;height:calc(clamp(120px,32cqw,220px) * 1.05)!important;right:calc(clamp(20px,3cqw,36px) + clamp(120px,32cqw,220px) * .075)!important;}
}

/* 1280px desktop range: testimonial cards 5% smaller. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .stories-stack-section .stories-stage{width:min(769.5px,58.9vw,85.5svh)!important;margin-inline:auto!important;}
}

/* 1280px desktop range: larger client cards with tighter gaps and corners. */
@media(min-width:1280px) and (max-width:1439px){
 html body.home-page main#top .clients .figma-client-rows{gap:1rem!important;}
 html body.home-page main#top .clients .figma-client-rows .client-row{gap:1rem!important;}
 html body.home-page main#top .clients .figma-client-rows .client-row>li{width:calc(clamp(180px,calc(120px + 12.5vw),360px) * 1.1)!important;flex-basis:calc(clamp(180px,calc(120px + 12.5vw),360px) * 1.1)!important;height:auto!important;aspect-ratio:3/2;border-radius:12px!important;}
}
@media(min-width:1280px) and (max-width:1366px) and (orientation:landscape){
 html body.home-page main#top .clients .figma-client-rows .client-row>li{width:calc(clamp(180px,calc(120px + 12.5vw),360px) * .825)!important;flex-basis:calc(clamp(180px,calc(120px + 12.5vw),360px) * .825)!important;}
}

/* Hero CTA follows the shared footer dimensions at every breakpoint. */
html body.home-page main#top .hero .hero-details .button.artocea-cta.artocea-cta{
 padding:0 24px 0 28px!important;height:68px!important;min-height:68px!important;scale:none!important;
}
/* Keep the portrait-tablet card treatment through the intermediate tablet range. */
@media(min-width:600px) and (max-width:1279px){
 html body.home-page main#top .why .why-grid{grid-template-columns:1fr!important;gap:1.5rem!important;}
 html body.home-page main#top .why .why-grid>article{display:block!important;height:auto!important;min-height:280px!important;padding:2.25rem!important;}
 html body.home-page main#top .why-grid .eyebrow{font-size:1rem!important;line-height:1.125rem!important;}
 html body.home-page main#top .why-grid .why-copy{width:calc(100% - 220px)!important;max-width:none!important;margin-top:4.5rem!important;}
 html body.home-page main#top .why-grid .why-copy h3{font-size:2.25rem!important;line-height:1.25!important;}
 html body.home-page main#top .why-grid .why-copy p{font-size:1.125rem!important;line-height:1.55!important;}
 html body.home-page main#top .why-grid .why-copy p .why-desktop-copy-line{display:inline!important;white-space:normal!important;}
 html body.home-page main#top .why-grid .why-art{top:36px!important;right:24px!important;bottom:auto!important;width:200px!important;height:200px!important;}
}
/* The gap below services is owned by the following panel track. */
@media(min-width:1101px){
 html body.home-page main#top>.panel-reading-track:has(>#approach){margin-top:7.5rem!important;}
}