/* Home New 125:719 — post-hero typography and section composition, September 17. */
body .hero-statement .hero-statement-inner h1 {font-size:clamp(24px,10.277778vw,148px);line-height:.945946;}
body .stats.page-section {padding-block:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
body .stats article {box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:160px;background:#E9C79E;border-radius:16px;padding:28px 36px;gap:4px;}
body .stats strong {font:400 60px/72px Arturm,sans-serif;letter-spacing:0;color:#201e1c;}
body .stats span {font:400 18px/24px 'Helixa',sans-serif;color:#483c30;max-width:none;}
body #work.page-section {padding-top:320px;padding-bottom:0;}
body .clients.page-section {padding-top:320px;padding-bottom:0;}
body .clients .clients-heading {text-align:left;margin:0;}
body .clients #clients-title,body .testimonials #testimonials-title,body .founder.page-section .founder-copy #founder-title {font:700 clamp(48px,6.666667vw,96px)/1 Arturm,sans-serif;letter-spacing:.04em;text-align:left;text-transform:uppercase;margin:0;white-space:normal;background:linear-gradient(-65deg,#fff 77.452%,#E9C79E 96.31%);background-clip:text;-webkit-background-clip:text;color:transparent;}
body .clients .client-rows {margin-top:96px;gap:24px;}
body .clients .client-row {gap:24px;}
body .clients .client-row>li {width:360px;flex:0 0 360px;height:240px;border-radius:16px;background:#E9C79E;}
body .services-section.page-section {padding-top:320px;padding-bottom:0;}
body .services-section .services-heading h2 {font:700 clamp(44px,10.277778vw,148px)/.945946 Arturm,sans-serif;letter-spacing:.04em;}
body .services-grid {margin-top:120px;}
body .service-card h3 {font:500 clamp(28px,3.333333vw,48px)/1.25 Arturm,sans-serif;letter-spacing:.02em;}
body .service-card p {font:300 24px/36px 'Helixa',sans-serif;}
body .service-card ul {font:400 16px/24px 'Helixa',sans-serif;}
body .services-contact {margin-top:152px;}
body .work-contact {font:400 36px/44px Arturm,sans-serif;}
body .philosophy {margin:160px var(--section-gutter) 0;padding:120px;min-height:640px;border-radius:16px;box-sizing:border-box;}
body .philosophy h2 {max-width:913px;font:400 72px/80px Arturm,sans-serif;letter-spacing:.02em;margin:36px 0 0;}
body .why.page-section {padding-top:320px;padding-bottom:0;}
body .why #why-title {font:700 clamp(44px,10.277778vw,148px)/.945946 Arturm,sans-serif;letter-spacing:.04em;max-width:916px;margin:0 auto;background:linear-gradient(-59deg,#fff 66.284%,#E9C79E 86.316%);background-clip:text;-webkit-background-clip:text;color:transparent;}
body .why .why-grid {margin-top:120px;gap:24px;}
body .why-grid h3 {font-family:Arturm,sans-serif;font-weight:500;letter-spacing:.02em;}
body .why-grid article {background:#E9C79E;border-radius:16px;}
body .why-contact {margin-top:80px;}
body .testimonials.page-section {padding-top:320px;padding-bottom:0;}
.stories-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:80px;}
.story-count {font:400 24px/32px 'Helixa',sans-serif;letter-spacing:.08em;color:#E9C79E;opacity:.5;white-space:nowrap;}
.stories-layout {display:grid;grid-template-columns:minmax(0,800fr) minmax(0,376fr);gap:24px;}
.stories-stage {min-width:0;}
.story-panel {box-sizing:border-box;margin:0;background:#fff;color:#201e1c;border-radius:16px;padding:72px 68px;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;gap:52px;}
.story-panel[hidden],.story-choice[hidden] {display:none;}
.story-panel blockquote {margin:0;max-width:609px;font:400 36px/48px 'Helixa',sans-serif;}
.story-panel figcaption,.story-choice {display:flex;align-items:center;gap:16px;}
.story-panel figcaption>img,.story-choice>img {width:60px;height:60px;object-fit:contain;flex:none;}
.story-panel figcaption span,.story-choice span {display:block;font:500 24px/28px 'Helixa',sans-serif;}
.story-panel figcaption small,.story-choice small {display:block;margin-top:4px;font:400 16px/20px 'Helixa',sans-serif;}
.story-choices {display:flex;flex-direction:column;gap:25px;}
.story-choice {flex:1;min-height:170px;padding:32px 48px;border:0;border-radius:16px;background:#E9C79E;color:#201e1c;text-align:left;cursor:pointer;transition:background 180ms ease;}
.story-choice:hover {background:#E9C79E;}
.story-choice:focus-visible,.stories-stage:focus-visible {outline:2px solid #FF933C;outline-offset:5px;}
@media(prefers-reduced-motion:no-preference){.story-panel:not([hidden]){animation:story-appear 240ms ease;}@keyframes story-appear{from{opacity:.3}to{opacity:1}}}
body .founder.page-section {padding-top:320px;}
body .founder .founder-copy {padding-top:60px;}
body .founder.page-section .founder-copy #founder-title {margin:0 0 46px;}
body .founder.page-section .founder-copy>p:not(.eyebrow) {font:300 24px/36px 'Helixa',sans-serif;max-width:540px;margin-bottom:36px;}
body .founder .founder-copy .line-link {margin-top:32px;}
body .contact-panel {border-radius:16px;}
@media(min-width:761px) and (max-width:1200px){
 body #work.page-section,body .clients.page-section,body .services-section.page-section,body .why.page-section,body .testimonials.page-section,body .founder.page-section {padding-top:clamp(160px,22.222vw,320px);}
 body .philosophy {padding:8.333vw;min-height:0;}body .philosophy h2{font-size:5vw;line-height:1.111111;}
 .story-panel{padding:40px;min-height:480px;}.story-panel blockquote{font-size:28px;line-height:1.333333;}.story-choice{padding:24px;min-height:140px;}.story-choice span{font-size:18px;}.story-choice small{font-size:13px;}.story-choice>img{width:40px;height:40px;}
 body .founder.page-section .founder-copy>p:not(.eyebrow){font-size:20px;line-height:1.5;}
}
@media(max-width:760px){
 body #work.page-section,body .clients.page-section,body .services-section.page-section,body .why.page-section,body .testimonials.page-section,body .founder.page-section {padding-top:96px;}
 body .stats.page-section{grid-template-columns:1fr;gap:16px;}body .stats article{grid-template-columns:100px 1fr;align-items:center;padding:24px;gap:20px;}body .stats strong{font-size:52px;line-height:1;}
 body .clients .client-rows{margin-top:48px;}body .clients .client-row>li{width:240px;flex-basis:240px;height:160px;}
 body .services-grid,body .why .why-grid{margin-top:64px;}body .service-card p{font-size:18px;line-height:28px;}body .service-card ul{font-size:14px;}body .work-contact{font-size:24px;line-height:32px;}body .services-contact{margin-top:64px;}
 body .philosophy{margin-top:96px;padding:48px 24px;min-height:0;}body .philosophy h2{font-size:36px;line-height:40px;max-width:100%;}
 .stories-heading{margin-bottom:48px;}.story-count{font-size:16px;}.stories-layout{grid-template-columns:1fr;}.story-panel{padding:32px 24px;min-height:0;gap:40px;}.story-panel blockquote{font-size:24px;line-height:32px;}.story-panel figcaption span,.story-choice span{font-size:18px;}.story-panel figcaption small,.story-choice small{font-size:14px;}.story-choice{min-height:100px;padding:20px 24px;}.story-choices{gap:12px;}
 body .founder .founder-copy{padding-top:0;}body .founder.page-section .founder-copy>p:not(.eyebrow){font-size:18px;line-height:28px;}
}

/* Philosophy 153:262 — updated 720px panel and bold three-line statement. */
body #approach.philosophy {min-height:720px;padding:128px 120px 120px;background:#FF933C;border-radius:16px;}
body #approach #philosophy-title {max-width:754px;margin:0;font:700 96px/100px Arturm,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#201e1c;opacity:1;background:none;-webkit-text-fill-color:currentColor;}
body #approach .philosophy-description {max-width:892px;margin:90px 0 0;font:400 24px/36px 'Helixa',sans-serif;letter-spacing:0;color:#201e1c;}
@media(min-width:761px) and (max-width:1439px){
 body #approach.philosophy {min-height:50vw;padding:8.888889vw 8.333333vw 8.333333vw;}
 body #approach #philosophy-title {font-size:6.666667vw;line-height:1.041667;}
 body #approach .philosophy-description {margin-top:6.25vw;font-size:clamp(18px,1.666667vw,24px);line-height:1.5;}
}
@media(max-width:760px){
 body #approach.philosophy {min-height:0;padding:48px 24px;}
 body #approach #philosophy-title {font-size:clamp(26px,6.5vw,48px);line-height:1.041667;letter-spacing:.025em;}
 body #approach .philosophy-description {margin-top:40px;font-size:18px;line-height:28px;}
}

/* Fit real container widths; preserve authored lines without clipping or orphan punctuation. */
body :is(#statement-title,#services-title,#why-title,#work-title,#clients-title,#testimonials-title,#founder-title,#philosophy-title) {white-space:nowrap;overflow:visible;overflow-wrap:normal;word-break:normal;min-width:0;height:auto;}
body #about.studio-section.page-section {width:auto;margin-inline:var(--section-gutter);padding:clamp(72px,11.111111vw,160px) 0 80px;}
body #about #studio-title.studio-description {width:100%;max-width:100%;font-size:clamp(24px,3.333333vw,48px);line-height:1.25;white-space:normal;overflow-wrap:normal;}
body .why .center-heading {width:100%;max-width:916px;}
@media(max-width:760px){body #about.studio-section.page-section{padding-block:72px 64px;}body #about #studio-title.studio-description{font-size:clamp(22px,5.5vw,32px);}}


/* The studio introduction keeps the four authored desktop lines. */
@media(min-width:761px){body #about #studio-title.studio-description{white-space:nowrap;overflow-wrap:normal;word-break:normal;}}
@media(max-width:760px){.desktop-copy-break{display:none;}body #about #studio-title.studio-description{white-space:normal;}}

/* Figma vertical rhythm at 1440px; interpolate continuously on smaller desktops. */
:root {--page-gap:clamp(160px,22.222222vw,320px);--gap-160:clamp(80px,11.111111vw,160px);--gap-120:clamp(64px,8.333333vw,120px);--gap-80:clamp(48px,5.555556vw,80px);}
body #work.page-section,body .clients.page-section,body .services-section.page-section,body .founder.page-section {padding-top:var(--page-gap);padding-bottom:0;}
body .why.page-section {padding-top:clamp(120px,16.666667vw,240px);padding-bottom:0;}
body .testimonials.page-section {padding-top:clamp(130px,18.125vw,261px);padding-bottom:0;}
body #about.studio-section.page-section {padding-top:var(--gap-160);padding-bottom:var(--gap-80);}
body .work-scroll {margin-top:clamp(40px,4.722222vw,68px);}
body .work-caption-layer {min-height:0;height:82px;}
body .clients .client-rows {margin-top:clamp(48px,6.666667vw,96px);}
body .services-grid,body .why .why-grid {margin-top:var(--gap-120);}
body .services-contact {margin-top:clamp(76px,10.555556vw,152px);}
body #approach.philosophy {margin-top:var(--page-gap);margin-bottom:0;}
body .why-contact {margin-top:var(--gap-80);}
.stories-heading {margin-bottom:var(--gap-80);}
body .founder + .contact-panel {margin-top:0;}
@media(max-width:760px){
 :root{--page-gap:96px;--gap-160:72px;--gap-120:64px;--gap-80:48px;}
 body .why.page-section,body .testimonials.page-section{padding-top:96px;}
 body .work-caption-layer{height:auto;min-height:130px;}
 body #approach.philosophy{margin-top:96px;}
}

/* Exact Home New gradient angles/stops; one background across each title. */
body #statement-title,body #services-title {background-image:linear-gradient(-37.16540322034332deg,#fff 65.297%,#E9C79E 86.97%);}
body .why #why-title {background-image:linear-gradient(-52.678841619238256deg,#fff 65.297%,#E9C79E 86.97%);}
body #work #work-title {background-image:linear-gradient(-66.0128895077109deg,#fff 77.452%,#E9C79E 96.31%);}
body .clients #clients-title {background-image:linear-gradient(-64.85067406279347deg,#fff 77.452%,#E9C79E 96.31%);}
body .testimonials #testimonials-title {background-image:linear-gradient(-70.15688671056978deg,#fff 77.452%,#E9C79E 96.31%);}
body .founder.page-section .founder-copy #founder-title {background-image:linear-gradient(-57.685854489960235deg,#fff 77.452%,#E9C79E 96.31%);}
body :is(#statement-title,#services-title,#why-title,#work-title,#clients-title,#testimonials-title,#founder-title) {background-size:100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}

/* Consistent motion: brief response, soft settling, no perpetual animation. */
@media(prefers-reduced-motion:no-preference){
 :root{--site-ease:cubic-bezier(.22,1,.36,1);}
 body :is(.page-section,.philosophy,.contact-panel){--motion-ease:var(--site-ease);--motion-reveal:900ms;--card-hover-duration:420ms;--card-hover-ease:var(--site-ease);}
 body [data-reveal]{transition-timing-function:var(--site-ease);}
 body :is(.work-heading,.stories-heading) [data-reveal],body .stories-layout[data-reveal]{transition:opacity 900ms var(--site-ease),transform 900ms var(--site-ease);--reveal-travel:16px;}
 body .service-card[data-reveal],body .founder-photo[data-reveal]{transition:opacity 900ms var(--site-ease),transform 900ms var(--site-ease);}
 body .site-nav a,body .contact-details a,body .footer-bottom a{transition:color 280ms ease,opacity 280ms ease;}
 body .button{transition:background-color 300ms ease,color 300ms ease,scale 240ms var(--site-ease);}
 body :is(.line-link,.footer-project-link) img{transition:transform 400ms var(--site-ease);}
 body .line-link::after{transition:right 400ms var(--site-ease),transform 400ms var(--site-ease);}
 body .work-slide{transition:opacity 420ms var(--site-ease);}
 body .work-slide-caption{transition:opacity 320ms ease;}
 body .story-choice{transition:background-color 320ms ease,box-shadow 320ms ease;}
 body .story-panel:not([hidden]){animation:story-appear 420ms ease both;}
 body .motion-line>span{transition-timing-function:var(--site-ease);transition-duration:900ms;}
}
@media(prefers-reduced-motion:reduce){
 body :is(.work-heading,.stories-heading) [data-reveal],body .stories-layout[data-reveal]{transition:none;transform:none;opacity:1;}
}

/* Client choices: white interaction state and a light cascading entrance. */
body .story-choice:is(:hover,:focus-visible){background-color:#fff;}
@media(prefers-reduced-motion:no-preference){
 .stories-layout.is-visible .story-choice:not([hidden]){animation:story-choice-arrive 700ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--story-order,0)*90ms);}
 @keyframes story-choice-arrive{from{opacity:0;translate:0 22px;rotate:1deg;}to{opacity:1;translate:0 0;rotate:0deg;}}
 body .story-choice{transition:background-color 320ms ease,box-shadow 320ms ease;}
}

/* Repeatable scroll response replaces the click-triggered entrance on client choices. */
body .stories-layout.is-visible .story-choice:not([hidden]){animation:none;}
@media(prefers-reduced-motion:reduce){body .story-choice{translate:none!important;rotate:none!important;}}

/* Fixed card geometry: only the inner content responds to scrolling. */
body .story-choices{display:grid;grid-template-rows:repeat(3,minmax(170px,1fr));gap:24px;}
body .story-choice{translate:none;rotate:none;transform:none;}
.story-choice>img{translate:0 var(--story-shift,0px);rotate:var(--story-turn,0deg);}
.story-choice>div{translate:0 var(--story-shift,0px);}
@media(min-width:761px){
 .stories-stage{display:grid;}
 .stories-stage .story-panel{grid-area:1/1;min-width:0;}
 .stories-stage .story-panel[hidden]{display:flex;visibility:hidden;pointer-events:none;}
}
@media(max-width:760px){body .story-choices{grid-template-rows:repeat(3,minmax(100px,1fr));gap:16px;}}
@media(prefers-reduced-motion:reduce){.story-choice>img,.story-choice>div{translate:none;rotate:none;}}

/* Both columns share one stretched grid row and identical outside edges. */
@media(min-width:761px){
 body .stories-layout{align-items:stretch;}
 body .stories-layout>.stories-stage,body .stories-layout>.story-choices{align-self:stretch;margin-block:0;padding-block:0;min-height:0;}
 body .stories-stage .story-panel{height:100%;box-sizing:border-box;margin:0;}
 body .story-choices{grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;}
 body .story-choices .story-choice{height:100%;min-height:0;margin:0;box-sizing:border-box;align-self:stretch;translate:none!important;rotate:none!important;transform:none!important;animation:none!important;}
}

/* Three-slot vertical picker; native overflow preserves page-scroll boundaries. */
body .stories-layout>.story-choices.story-picker{position:relative;display:flex;flex-direction:column;gap:24px;height:100%;min-height:0;max-height:100%;padding:var(--picker-padding,190px) 0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;perspective:1000px;}
.story-picker::-webkit-scrollbar{display:none;}
body .story-choices.story-picker .story-choice{display:flex;flex:0 0 var(--picker-card-height,170px);height:var(--picker-card-height,170px);min-height:0;scroll-snap-align:center;transform:rotateX(var(--picker-turn,0deg)) scale(var(--picker-scale,1))!important;transform-origin:center;backface-visibility:hidden;animation:none!important;}
body .story-picker .story-choice>img,body .story-picker .story-choice>div{translate:none;rotate:none;}
body .story-picker .story-choice[aria-pressed="true"]{background:#fff;}
@media(min-width:761px){body .stories-layout{position:relative;}body .stories-layout>.story-picker{position:absolute;right:0;top:0;bottom:0;width:calc((100% - 24px)*376/1176);}body .stories-layout>.stories-stage{grid-column:1;}}
@media(max-width:760px){body .stories-layout>.story-choices.story-picker{height:348px;max-height:348px;}body .story-choices.story-picker .story-choice{padding:16px 24px;}}
@media(prefers-reduced-motion:reduce){body .story-choices.story-picker .story-choice{transform:none!important;}}

/* Keep country names intact beneath each company. */
body .story-panel figcaption .story-country,body .story-choice .story-country{display:inline;font:inherit;letter-spacing:inherit;white-space:nowrap;}

/* Client identity: three intact lines, scaled to the available card width. */
body .story-choice{container-type:inline-size;padding-inline:clamp(20px,3.333333vw,48px);}
body .story-choice>div{min-width:0;flex:1;}
body .story-choice>div>span{white-space:nowrap;font-size:clamp(14px,7cqi,24px);line-height:1.2;}
body .story-choice>div>small{white-space:nowrap;font-size:clamp(11px,4.7cqi,16px);line-height:1.5;}
body .story-choice>img{width:clamp(36px,18cqi,60px);height:clamp(36px,18cqi,60px);}

/* Keep the picker out of intrinsic row sizing; its viewport follows the quote. */
@media(min-width:761px){
 body .stories-layout>.story-choices.story-picker{position:absolute;inset:0 0 0 auto;width:calc((100% - 24px)*.3197278912);height:100%;max-height:100%;}
}

/* Flat, consistent card surfaces — motion comes from vertical scrolling alone. */
body .stories-layout>.story-choices.story-picker{perspective:none;}
body .story-choices.story-picker .story-choice{transform:none!important;scale:none;rotate:none!important;translate:none!important;backface-visibility:visible;transition:background-color 320ms ease;}

/* Show the separator when both parts fit; only narrow identities stack. */
body .story-panel figcaption .story-meta span,body .story-choice .story-meta span {display:inline;font:inherit;letter-spacing:inherit;white-space:nowrap;}
body .story-meta{white-space:normal;}
body .story-panel figcaption>div{min-width:0;flex:1;}
body .story-meta.is-stacked .story-separator{display:none;}
body .story-panel figcaption .story-meta.is-stacked .story-country,body .story-choice .story-meta.is-stacked .story-country{display:block;}

/* Main quote identity keeps the original two-line layout at every width. */
body .story-panel figcaption>div>span,body .story-panel figcaption .story-meta{white-space:nowrap;}
body .story-panel figcaption .story-meta .story-separator,body .story-panel figcaption .story-meta .story-country{display:inline;}

/* Picker typography stays readable; wrapping, rather than shrinking, handles space. */
body .story-choice{container-type:normal;}
body .story-choice>div>span{font-size:24px;line-height:28px;white-space:normal;overflow-wrap:normal;}
body .story-choice>div>small{font-size:16px;line-height:24px;white-space:normal;}
body .story-choice>img{width:60px;height:60px;flex:0 0 60px;}
body .story-choice .story-meta .story-country{white-space:nowrap;}
body .story-choice .story-meta .story-company{white-space:normal;}
@media(max-width:760px){
 body .story-choice>div>span{font-size:18px;line-height:24px;}
 body .story-choice>div>small{font-size:14px;line-height:20px;}
 body .story-choice>img{width:44px;height:44px;flex-basis:44px;}
}

/* Responsive identity cards: use available space before reducing type size. */
body .stories-layout>.story-choices.story-picker{container-type:inline-size;}
body .story-choices.story-picker .story-choice{padding:20px clamp(16px,6cqi,32px);gap:clamp(12px,4cqi,20px);align-items:center;}
body .story-choice>img{width:clamp(40px,15cqi,60px);height:clamp(40px,15cqi,60px);flex-basis:clamp(40px,15cqi,60px);}
body .story-choice>div{min-width:0;}
body .story-choice>div>span{font-size:24px;line-height:1.2;text-wrap:balance;}
body .story-choice>div>small{margin-top:8px;font-size:16px;line-height:1.4;}
@container(max-width:340px){
 body .story-choice>div>span{font-size:20px;}
 body .story-choices.story-picker .story-choice{padding:16px;gap:12px;}
}
@container(max-width:280px){
 body .story-choice>div>span{font-size:18px;}
 body .story-choice>div>small{font-size:14px;}
 body .story-choice>img{width:36px;height:36px;flex-basis:36px;}
}
@media(max-width:760px){body .stories-layout>.story-choices.story-picker{height:480px;max-height:480px;}}

/* Only quote content fades; the white card stays still and opaque. */
body .stories-stage .story-panel:not([hidden]){animation:none;}

/* Full card surfaces can fade beyond the edges without a clipping line or mask. */
body .stories-layout>.story-choices.story-picker{display:block;padding:0;overflow:visible;scroll-snap-type:none;mask:none;-webkit-mask:none;}
body .story-choices.story-picker .story-choice{position:absolute;top:0;left:0;width:100%;margin:0;}

/* More horizontal breathing room, without squeezing the identity typography. */
body .story-choices.story-picker .story-choice{padding-inline:clamp(24px,9cqi,48px);gap:clamp(16px,5cqi,28px);cursor:pointer;user-select:none;}
body .story-choices.story-picker.is-dragging,body .story-choices.story-picker.is-dragging .story-choice{cursor:grabbing;}
body .story-choices.story-picker .story-choice img{-webkit-user-drag:none;}
@container(max-width:340px){body .story-choices.story-picker .story-choice{padding-inline:20px;gap:14px;}}

/* Latest hero copy and footer line from Home New. */
body .hero .hero-intro{color:#201e1c;}
body .contact-panel .footer-project-link{border-bottom-color:#fff;}
body .story-choices.story-picker .story-choice>img,body .story-choices.story-picker .story-choice>div{transition:opacity 320ms ease;}
body .story-choices.story-picker .story-choice[aria-pressed="true"]>img,body .story-choices.story-picker .story-choice[aria-pressed="true"]>div{opacity:1;}
@media(prefers-reduced-motion:reduce){body .story-choices.story-picker .story-choice>img,body .story-choices.story-picker .story-choice>div{transition:none;}}

/* Hover enlarges the card without changing its selected or resting colour. */
body .story-choices.story-picker .story-choice{scale:1;transform-origin:center;transition:translate 360ms cubic-bezier(.22,1,.36,1);}
body .story-choices.story-picker .story-choice:is(:hover,:focus-visible){background-color:#E9C79E;}
body .story-choices.story-picker .story-choice[aria-pressed="true"]{background-color:#fff;}
@media(hover:hover) and (pointer:fine){body .story-choices.story-picker:not(.is-dragging) .story-choice:hover{scale:1;translate:none!important;}}
@media(prefers-reduced-motion:reduce){body .story-choices.story-picker .story-choice{transition:none;}}

@media(min-width:761px) and (max-width:1100px){body .stats article{padding-inline:24px;}}
@media(max-width:760px){body .stats article{display:flex;align-items:flex-start;gap:4px;padding:24px;min-height:144px;}body .stats strong{font-size:52px;line-height:64px;}}



/* Card hover changes colour only, including the selected story. */
body .story-choices.story-picker .story-choice,
body .story-choices.story-picker:not(.is-dragging) .story-choice:hover{scale:none!important;translate:none!important;transition:background-color 320ms ease;}
body .story-choices.story-picker .story-choice:hover,
body .story-choices.story-picker .story-choice[aria-pressed="true"]:hover{background-color:#E9C79E;}


/* Restore the stats hover; allow the lifted rounded edge to remain visible. */
body .stats.page-section{overflow:visible;clip-path:none;}
@media(hover:hover){body .stats article:hover{background-color:#fff;}}

/* Reserve paint space around the 2px hover lift without moving the card row. */
body .stats.page-section{position:relative;z-index:6;padding-block:8px;margin-top:-8px;margin-bottom:-8px;overflow:visible;}
body .stats article{clip-path:none;mask:none;-webkit-mask:none;}

/* Six services, three paired rows — Home New, September 17. */
body .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body .services-grid .service-card{box-sizing:border-box;padding-bottom:80px;}
body .services-grid .service-card:nth-child(n+3){padding-top:80px;}
body .services-grid .service-card:nth-last-child(-n+2){padding-bottom:52px;}
body .services-contact{margin-top:80px;}
@media(max-width:1100px) and (min-width:761px){
 body .services-grid .service-card{padding-bottom:56px;}
 body .services-grid .service-card:nth-child(n+3){padding-top:56px;}
 body .services-grid .service-card:nth-last-child(-n+2){padding-bottom:32px;}
 body .services-grid .service-card p{font-size:20px;line-height:30px;}
}
@media(max-width:760px){
 body .services-grid{grid-template-columns:minmax(0,1fr);}
 body .services-grid .service-card:nth-child(n){padding:32px 0;border-left:0;}
 body .services-grid .service-card p{font-size:18px;line-height:28px;}
 body .services-grid .service-card ul{font-size:14px;line-height:22px;}
 body .services-contact{margin-top:48px;}
}

/* Latest Figma section boundaries after the expanded Services grid. */
body .founder.page-section{padding-top:clamp(130px,17.986111vw,259px);}
body .services-contact{margin-top:var(--gap-80);}
@media(max-width:760px){body .founder.page-section{padding-top:var(--page-gap);}}

/* Extend the Philosophy heading fluidly on large desktops; preserve authored lines and spacing. */
@media(min-width:1441px){
 body #approach #philosophy-title{width:100%;max-width:clamp(754px,52.361111vw,1257px);font-size:clamp(96px,6.666667vw,160px);line-height:1.041667;}
}

/* Statement and introduction share the page edges and scale to their authored lines. */
@media(min-width:761px){
 body .hero-statement{padding-inline:var(--section-gutter);}
 body .hero-statement .hero-statement-inner{width:100%;max-width:none;}
 body #statement-title,body #about #studio-title{width:100%;max-width:none;}
}

/* Give project captions more breathing room below the image. */
body .work-slider-toolbar{margin-top:clamp(32px,3.333333vw,48px);}
body .work-caption-layer{height:auto;min-height:clamp(120px,10vw,160px);}
body .work-slide-caption{padding-right:0;box-sizing:border-box;}
body .work-slide-caption .eyebrow{margin-bottom:18px;}

@media(max-width:760px){body .work-caption-layer{min-height:180px;}body .work-slide-caption{padding-right:0;}}

body .hero-statement{box-sizing:border-box;width:100%;}

/* Reordered Home New: Work → Services → Philosophy → Why → Stories → Clients → Founder. */
body .why.page-section,body .testimonials.page-section{padding-top:var(--page-gap);}
body .founder.page-section{padding-top:clamp(120px,16.666667vw,240px);}
@media(max-width:760px){body .founder.page-section{padding-top:var(--page-gap);}}

/* Latest client headline from Home New 172:709. */
body .clients .clients-heading{width:100%;max-width:1028px;margin-inline:auto;text-align:center;}
body .clients #clients-title{font:700 clamp(32px,10.277778vw,148px)/.945946 Arturm,sans-serif;letter-spacing:.04em;text-align:center;white-space:nowrap;background-image:linear-gradient(-42.884676411904366deg,#fff 65.297%,#E9C79E 86.97%);}
body .clients .client-rows{margin-top:var(--gap-120);}
@media(max-width:760px){body .clients #clients-title{font-size:clamp(28px,8.5vw,64px);line-height:1;letter-spacing:.02em;}}

/* Hero CTA expands rightward; the label and left edge stay anchored. */
body .hero .hero-details .button{justify-content:flex-start;gap:12px;transition:gap 320ms cubic-bezier(.22,1,.36,1),background-color 320ms ease;}
body .hero .hero-details .button:is(:hover,:focus-visible){transform:none;translate:none;scale:none;gap:18px;}
body .hero .hero-details .button img{flex-shrink:0;}
@media(prefers-reduced-motion:reduce){body .hero .hero-details .button{transition:none;}}

/* The selected story remains unchanged on hover. */
body .story-choices.story-picker .story-choice[aria-pressed="true"]:hover{background-color:#fff;cursor:default;}
body .story-choices.story-picker.is-dragging .story-choice[aria-pressed="true"]:hover{cursor:grabbing;}

/* Text entrances replay only after leaving the viewport, without moving layout. */
@media(prefers-reduced-motion:no-preference){
 body [data-repeat-text]{--reveal-travel:12px;--motion-reveal:560ms;}
 body [data-repeat-text] .motion-line>span{transition-duration:560ms;transition-timing-function:cubic-bezier(.22,1,.36,1);}
}

@media(prefers-reduced-motion:no-preference){
 body [data-repeat-text].reveal-pending:not(.is-visible) .motion-line>span{transform:translateY(65%);}
 body [data-repeat-text].is-visible .motion-line:nth-child(2)>span{transition-delay:40ms;}
 body [data-repeat-text].is-visible .motion-line:nth-child(3)>span{transition-delay:80ms;}
 body [data-repeat-text].is-visible .motion-line:nth-child(4)>span{transition-delay:120ms;}
 body [data-repeat-text].is-visible .motion-line:nth-child(n+5)>span{transition-delay:160ms;}
}

/* Hold the scene behind the page until the incoming content fully covers it. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 html.motion-enabled .hero-scroll{padding-bottom:var(--hero-cover-extension,0px);margin-bottom:calc(-1 * var(--hero-cover-extension,0px));}
 html.motion-enabled .hero-scroll>.hero{position:sticky;top:0;z-index:0;}
 body .hero-statement{position:relative;z-index:5;background:#201E1C;margin-top:20vh;}
}

/* One motion layer per heading prevents competing translations during scroll. */
@media(prefers-reduced-motion:no-preference){
 body [data-repeat-text][data-masked][data-reveal]{
  transform:none!important;translate:none!important;scale:none!important;
  opacity:1!important;transition:none!important;
 }
 body [data-repeat-text][data-masked] .motion-line>span{
  transform:translate3d(0,0,0);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  transition:transform 620ms cubic-bezier(.2,.75,.25,1),opacity 460ms ease;
 }
 body [data-repeat-text][data-masked].reveal-pending:not(.is-visible) .motion-line>span{
  transform:translate3d(0,45%,0);opacity:0;transition-delay:0ms;
 }
 body [data-repeat-text][data-masked].is-visible .motion-line:nth-child(2)>span{transition-delay:40ms;}
 body [data-repeat-text][data-masked].is-visible .motion-line:nth-child(3)>span{transition-delay:80ms;}
 body [data-repeat-text][data-masked].is-visible .motion-line:nth-child(4)>span{transition-delay:120ms;}
 body [data-repeat-text][data-masked].is-visible .motion-line:nth-child(n+5)>span{transition-delay:160ms;}
 /* Keep the Philosophy title from inheriting a second scale from its panel. */
 body .philosophy[data-reveal]{transform:none!important;scale:none!important;translate:none!important;}
}