/* Studio 160:1563 and Contact 160:1610. Shared responsive page grid. */
.editorial-page {background:var(--black);color:#fff;}
.editorial-main {--editorial-gutter:max(8.333333vw,calc((100vw - 90rem)/2));overflow:hidden;}
.editorial-container {width:calc(100% - 2 * var(--editorial-gutter));max-width:1440px;margin-inline:auto;}
.editorial-intro {padding-top:15.0625rem;}
.editorial-title {font:700 clamp(3rem,6.666667vw,7.1875rem)/1 Arturm,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0;background:linear-gradient(135deg,var(--beige),#fff 28%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.editorial-lead {font:400 clamp(1.5rem,2.5vw,2.625rem)/1.333333 Arturm,sans-serif;letter-spacing:.02em;color:#fffffff5;margin:5rem 0 0;max-width:1080px;}
.studio-lead {max-width:85%;}
.studio-intro-photo {display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:16px;margin-top:7.5rem;}
.editorial-section {margin-top:15rem;}
.studio-process ol {list-style:none;counter-reset:steps;margin:7.5rem 0 0;padding:0;}
.studio-process li {position:relative;counter-increment:steps;width:34%;padding-left:3.1875rem;margin-top:4.5rem;}
.studio-process li:nth-child(2){margin-left:21.5%;}.studio-process li:nth-child(3){margin-left:43%;}.studio-process li:nth-child(4){margin-left:64%;width:36%;}
.studio-process li::before,.editorial-values li::before {content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:8px;color:var(--grey);opacity:.5;font:400 1.5rem/2rem 'Helixa',sans-serif;letter-spacing:.08em;}
.studio-process h3 {font:500 clamp(2rem,3.888889vw,4rem)/1.142857 Arturm,sans-serif;letter-spacing:.02em;margin:0;background:linear-gradient(135deg,var(--beige),#fff 30%);background-clip:text;color:transparent;}
.studio-process p,.editorial-values p {font:400 1.125rem/1.75rem 'Helixa',sans-serif;margin:1rem 0 0;}
.wide-surface {margin-inline:1rem;border-radius:16px;}
.wide-surface>.editorial-container {width:auto;max-width:none;margin-inline:max(1.5rem,calc(var(--editorial-gutter) - 1rem));}
.studio-thinking {margin-top:15rem;background:var(--orange);color:var(--black);padding-block:8rem 7.5rem;}
.studio-thinking h2 {font:700 clamp(3.75rem,8.333333vw,9rem)/.933333 Arturm,sans-serif;letter-spacing:.04em;text-transform:uppercase;max-width:81%;margin:0;}
.studio-thinking p {font:400 1.5rem/2.25rem 'Helixa',sans-serif;max-width:843px;margin:4rem 0 0;}
.editorial-split {display:grid;grid-template-columns:1.15fr .8fr;gap:12%;align-items:start;}
.editorial-values {list-style:none;counter-reset:steps;margin:0;padding:0;}
.editorial-values li {position:relative;counter-increment:steps;padding-left:3.1875rem;margin-bottom:4rem;}
.editorial-values li:last-child{margin-bottom:0;}
.editorial-values h3 {font:500 clamp(1.625rem,2.5vw,2.5rem)/1.111111 Arturm,sans-serif;letter-spacing:.02em;margin:0;}
.studio-belief {margin-top:15rem;}
.studio-belief p {font:400 clamp(2rem,3.888889vw,4rem)/1.214286 Arturm,sans-serif;letter-spacing:.02em;margin:0;}
.studio-years .editorial-lead {max-width:900px;}
.studio-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:7.5rem 1.5rem 0;}
.studio-photo {position:relative;overflow:hidden;border-radius:16px;aspect-ratio:448/600;}
.studio-photo.wide {grid-column:span 2;aspect-ratio:920/600;}
.studio-photo:nth-child(n+3):nth-child(-n+5){aspect-ratio:1;}
.studio-photo:nth-child(n+8){aspect-ratio:448/560;}
.studio-photo>img {display:block;width:100%;height:100%;object-fit:cover;}
.studio-photo.brand {background:linear-gradient(135deg,var(--beige),white 26%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;}
.studio-photo.brand>img:first-child {width:36.25%;height:36.25%;object-fit:contain;}
.studio-photo.brand>img:last-child {width:60.4%;height:12.5%;object-fit:contain;}
.editorial-page .reveal {opacity:1!important;transform:none!important;}
.editorial-page .clients.page-section {padding-top:15rem;padding-bottom:0;}
.editorial-page .clients .clients-heading {margin-inline:auto;text-align:center;}
.editorial-page .client-row {overflow-x:auto;scrollbar-width:thin;}
.studio-founder {display:grid;grid-template-columns:44% 45%;gap:8%;align-items:center;margin-bottom:10rem;}
.studio-founder figure {position:relative;margin:0;}
.studio-founder-photo {width:100%;height:auto;display:block;max-height:960px;object-fit:contain;}
.studio-founder figcaption {position:absolute;bottom:5%;left:60%;white-space:nowrap;}
.studio-founder figcaption img{display:block;width:150px;height:100px;object-fit:contain;}
.studio-founder figcaption strong{display:block;font:500 1.25rem/1.75rem Arturm,sans-serif;}
.studio-founder figcaption span{display:block;color:var(--grey);font:400 0.875rem/1.25rem 'Helixa',sans-serif;}
.studio-founder .editorial-title{font-size:clamp(3rem,6.666667vw,6rem);}
.studio-founder p {font:300 1.5rem/2.25rem 'Helixa',sans-serif;margin:2.5rem 0 0;}
.studio-founder-link {display:inline-flex;align-items:center;gap:1.5rem;font:500 1.5rem/2.5rem Arturm,sans-serif;margin-top:2.5rem;}
.contact-intro {display:grid;grid-template-columns:65% 1fr;gap:8%;padding-bottom:7.5rem;}
.contact-intro .editorial-lead {max-width:707px;margin-top:3.75rem;}
.contact-intro aside{text-align:right;padding-top:0.625rem;font:400 1.5rem/2.25rem 'Helixa',sans-serif;}
.contact-intro aside p{margin:0 0 0.5rem;}.contact-intro aside a{font-size:1.75rem;color:var(--orange);white-space:nowrap;}
.enquiry-form {background:white;color:var(--black);padding-block:5rem;}
.enquiry-form fieldset{margin:0 0 3rem;border:0;padding:0;}
.enquiry-form legend{font:500 2.25rem/3rem Arturm,sans-serif;margin-bottom:2rem;}
.service-options{display:flex;flex-wrap:wrap;gap:1.5rem;max-width:1020px;}
.service-options label{position:relative;cursor:pointer;}
.service-options input{position:absolute;opacity:0;width:1px;height:1px;}
.service-options span{display:block;border:1px solid var(--grey);border-radius:12px;padding:1rem 1.5rem;font:500 1.5rem/2rem 'Helixa',sans-serif;transition:background .25s,color .25s,border-color .25s;}
.service-options input:checked+span{background:var(--black);color:white;border-color:var(--black);}
.service-options input:focus-visible+span{outline:2px solid var(--orange);outline-offset:4px;}
.service-options label:hover span{border-color:var(--black);}
.enquiry-field{display:block;margin-top:2rem;border-bottom:1px solid #201e1c30;font:400 1.75rem/2.5rem 'Helixa',sans-serif;}
.enquiry-field span{display:block;}
.enquiry-field input,.enquiry-field textarea{display:block;width:100%;font:inherit;color:inherit;border:0;background:transparent;padding:0.5rem 0;resize:vertical;min-height:48px;outline:none;}
.enquiry-field:focus-within{border-bottom-color:var(--black);}
.enquiry-actions{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3.75rem;}
.enquiry-actions p{font-size:1.125rem;line-height:1.75rem;margin:0;}.enquiry-actions small{display:block;margin-top:0.5rem;font-size:0.875rem;color:#655c55;}
.enquiry-actions button{display:flex;align-items:center;gap:0.75rem;white-space:nowrap;padding:1.5rem 2rem;border:0;border-radius:12px;background:var(--black);color:white;font:500 1.25rem/1.5rem Arturm,sans-serif;cursor:pointer;transition:background .25s;}
.enquiry-actions button:hover{background:var(--dark-brown);}.enquiry-actions button:focus-visible{outline:2px solid var(--orange);outline-offset:4px;}
.enquiry-status:empty{display:none;}.enquiry-status{margin:1.5rem 0 0;line-height:1.5;}
.contact-page .editorial-split {margin-top:10rem;}
.contact-work {position:relative;isolation:isolate;overflow:hidden;margin-top:10rem;padding-block:7.5rem;}
.contact-work-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 65%;z-index:-2;pointer-events:none;}
.contact-work::before{content:'';position:absolute;inset:0;background:rgba(32,30,28,.9);z-index:-1;}
.contact-work-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;margin-top:3.5rem;}
.contact-work ol{list-style:none;counter-reset:services;padding:0;margin:0;}
.contact-work li{counter-increment:services;display:flex;align-items:center;gap:1.25rem;margin:1rem 0;font:500 1.75rem/2.25rem Arturm,sans-serif;}
.contact-work li::before{content:counter(services,decimal-leading-zero);color:var(--grey);font:400 1.25rem/2rem 'Helixa',sans-serif;}
.contact-work-bottom p{font-size:1.125rem;line-height:1.75rem;}
.contact-reach{margin-top:11.25rem;margin-bottom:11.25rem;}
.contact-reach>.editorial-title{width:calc(100% - 2 * var(--editorial-gutter));max-width:1147px;margin-inline:auto;text-align:center;}
body .contact-reach .stats.page-section{width:calc(100% - 2 * var(--editorial-gutter));max-width:1440px;margin:3.75rem auto 0;padding-block:0;}
@media(max-width:760px){body .contact-reach .stats.page-section{margin:2.5rem auto 0;}}
.editorial-menu-button{display:none;}
.editorial-menu{padding:2rem;background:var(--black);color:white;width:min(90vw,480px);border:1px solid #ffffff30;border-radius:16px;}
.editorial-menu::backdrop{background:#000b;backdrop-filter:blur(8px);}
.editorial-menu>button{display:block;margin-left:auto;background:none;border:0;color:inherit;font:inherit;cursor:pointer;}
.editorial-menu nav{display:grid;gap:1.5rem;margin:2rem 0;}.editorial-menu nav a{font:500 2.5rem/1.2 Arturm,sans-serif;text-decoration:none;}
@media(min-width:761px){.editorial-header .wordmark,.editorial-header .wordmark img{width:145px;height:30px;}.editorial-header{padding:3rem 3.888889vw;}}
@media(max-width:1100px){.editorial-intro{padding-top:11.25rem;}.editorial-section,.studio-belief,.studio-thinking{margin-top:8.75rem;}.studio-process li{width:45%;}.studio-process li:nth-child(2){margin-left:16%;}.studio-process li:nth-child(3){margin-left:32%;}.studio-process li:nth-child(4){margin-left:48%;width:52%;}.editorial-split{gap:6%;}.contact-intro{grid-template-columns:1fr;gap:2.5rem;}.contact-intro aside{text-align:left;}.studio-founder{grid-template-columns:40% 54%;gap:6%;}.studio-founder figcaption{position:static;white-space:normal;}.studio-founder p{font-size:1.25rem;line-height:2rem;}.enquiry-actions{align-items:flex-start;}.service-options{gap:1rem;}.service-options span{font-size:1.125rem;padding:0.75rem 1.25rem;}.studio-thinking h2{max-width:100%;}}
@media(max-width:760px){
 .editorial-main{--editorial-gutter:1.5rem;}.editorial-intro{padding-top:9.375rem;}.editorial-title{font-size:clamp(2.25rem,9vw,4rem);letter-spacing:.025em;}.editorial-lead{font-size:1.5rem;line-height:1.4;margin-top:2.5rem;max-width:100%;}.studio-intro-photo{margin-top:3.5rem;aspect-ratio:4/3;}.editorial-section,.studio-thinking,.studio-belief{margin-top:6rem;}.studio-process ol{margin-top:3rem;}.studio-process li,.studio-process li:nth-child(n){width:100%;margin:2.5rem 0 0;padding-left:2.5rem;}.studio-process h3{font-size:2.25rem;}.studio-process li::before,.editorial-values li::before{font-size:1.125rem;top:2px;}.wide-surface{margin-inline:0.5rem;}.wide-surface>.editorial-container{margin-inline:1rem;}.studio-thinking{padding-block:4rem;}.studio-thinking h2{font-size:clamp(2.375rem,10vw,4rem);line-height:1;letter-spacing:.02em;}.studio-thinking p{font-size:1.125rem;line-height:1.75rem;margin-top:2.5rem;}.editorial-split{grid-template-columns:1fr;gap:3rem;}.editorial-values li{padding-left:2.5rem;margin-bottom:2.5rem;}.editorial-values h3{font-size:1.75rem;}.studio-belief p{font-size:1.875rem;line-height:1.3;}.desktop-only{display:none;}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin:3.5rem 1rem 0;}.studio-photo.wide{grid-column:span 2;}.studio-photo.brand{aspect-ratio:1;}.editorial-page .clients.page-section{padding-top:6rem;}.editorial-page .clients .clients-heading{text-align:left;}.studio-founder{grid-template-columns:1fr;gap:3.5rem;margin-bottom:6rem;}.studio-founder figure{width:min(100%,400px);margin-inline:auto;}.studio-founder-photo{max-height:560px;}.studio-founder figcaption{margin-top:1rem;}.studio-founder figcaption img{height:72px;width:120px;}.studio-founder .editorial-title{font-size:3rem;}.studio-founder p{font-size:1.125rem;line-height:1.75rem;margin-top:1.75rem;}.studio-founder-link{font-size:1.25rem;}.contact-intro{padding-bottom:4rem;}.contact-intro .editorial-lead{margin-top:2rem;}.contact-intro aside{font-size:1.125rem;}.contact-intro aside a{font-size:1.5rem;}.enquiry-form{padding-block:2.5rem;}.enquiry-form legend{font-size:1.75rem;line-height:2.25rem;}.service-options{gap:0.625rem;}.service-options span{padding:0.625rem 0.75rem;font-size:0.875rem;line-height:1.375rem;border-radius:8px;}.enquiry-field{font-size:1.25rem;line-height:1.75rem;}.enquiry-actions{flex-direction:column;gap:1.5rem;margin-top:2rem;}.enquiry-actions p{font-size:1rem;line-height:1.5rem;}.enquiry-actions button{font-size:1.125rem;padding:1.25rem 1.5rem;}.contact-page .editorial-split,.contact-work{margin-top:6rem;}.contact-work{padding-block:4rem;}.contact-work-bottom{flex-direction:column;align-items:flex-start;margin-top:2rem;gap:1.5rem;}.contact-work li{font-size:1.5rem;}.contact-reach{margin:6rem 0;}.contact-reach>.editorial-title{text-align:left;margin-inline:1.5rem;}.contact-reach .stats{grid-template-columns:1fr;gap:1rem;margin:2.5rem 1.5rem 0;}.editorial-header .site-nav{display:none;}.editorial-menu-button{display:block;background:none;border:0;padding:0.5rem;cursor:pointer;}.editorial-header{padding:1.5rem;}.editorial-menu-button img{display:block;}
}

/* Figma-aligned values, with no hover treatment. */
.studio-page .editorial-values li{margin-bottom:3.75rem;}
.studio-page .editorial-values li:last-child{margin-bottom:0;}
.studio-page .editorial-values li::before{top:0;width:27px;text-align:right;}
.studio-page .editorial-values h3{font-size:2.25rem;line-height:2.5rem;}
.studio-page .editorial-values p{max-width:371px;margin-top:0.75rem;}
@media(min-width:1101px){
 .studio-page .editorial-split{grid-template-columns:minmax(0,719fr) minmax(0,481fr);gap:0;}
 .studio-page .editorial-values h3{white-space:nowrap;}
}
@media(min-width:761px) and (max-width:1100px){
 .studio-page .editorial-split{grid-template-columns:1fr;gap:3rem;}
}
@media(max-width:760px){
 .studio-page .editorial-values h3{font-size:1.75rem;line-height:2rem;}
 .studio-page .editorial-values li{margin-bottom:2.5rem;}
 .studio-page .editorial-values li::before{width:20px;}
}
/* Small tactile details complement the one-time, viewport-triggered reveals. */
@media(prefers-reduced-motion:no-preference) {
 .studio-page .studio-photo>img {transition:transform 900ms cubic-bezier(.16,1,.3,1);}
 @media(hover:hover) and (pointer:fine) {
  .studio-page .studio-photo:not(.brand):hover>img {transform:scale(1.035);}
  .studio-page .studio-photo.brand:hover>img:first-child {transform:rotate(-6deg) scale(1.04);}
 }
}

/* Services — Figma 160:1235. Scoped to leave Home service cards untouched. */
.services-page .services-intro .editorial-title{line-height:1.041667;}
.services-page .services-intro .editorial-line-content{background-image:linear-gradient(315deg,#fff 77.452%,#E9C79E 96.31%);}
.services-page .services-intro .editorial-lead{max-width:935px;margin-top:3.25rem;font-size:clamp(1.5rem,2.5vw,2.25rem);}
.services-details{margin-top:7.5rem;}
.services-detail-list{display:grid;gap:1.5rem;}
.services-detail-card{display:grid;grid-template-columns:minmax(0,572fr) minmax(0,448fr);gap:3.75rem;min-height:300px;padding:3.75rem;background:var(--beige,#E9C79E);color:var(--black);border-radius:16px;scroll-margin-top:9.375rem;}
.services-detail-number{display:block;font:400 1.5rem/2rem 'Helixa',sans-serif;letter-spacing:.08em;color:rgba(120,90,60,.5);}
.services-detail-heading h2{margin:3rem 0 1.25rem;font:500 clamp(2rem,3.333333vw,3rem)/1.166667 Arturm,sans-serif;letter-spacing:.02em;}
.services-detail-heading ul{display:flex;flex-wrap:wrap;gap:0.5rem 0;list-style:none;padding:0;margin:0;font:400 1.25rem/1.5rem 'Helixa',sans-serif;color:var(--dark-brown,#393025);}
.services-detail-heading li+li::before{content:'·';margin-inline:0.625rem;}
.services-detail-copy{font:400 1.5rem/2.25rem 'Helixa',sans-serif;margin:0;}
.services-statement{min-height:220px;padding-block:0.5rem;margin:10rem 0;font:400 clamp(2rem,3.888889vw,3.5rem)/1.214286 Arturm,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.96);}
.services-mix{margin-top:15rem;padding-block:7.5rem;background:var(--orange);color:var(--black);}
.services-mix>.editorial-container{max-width:1440px;margin-inline:auto;width:calc(100% - 2 * max(24px,calc(var(--editorial-gutter) - 16px)));}
.services-mix h2{min-height:256px;padding-block:1rem;margin:0;font:700 clamp(3.5rem,8.333333vw,7.5rem)/.933333 Arturm,sans-serif;letter-spacing:.04em;text-transform:uppercase;}
.services-mix-copy{display:grid;grid-template-columns:minmax(0,611fr) minmax(0,478fr);gap:4.9375rem;margin-top:5rem;font:400 1.5rem/2.25rem 'Helixa',sans-serif;}
.services-mix-copy p{margin:0;}
.services-mix-copy p:last-child{font-weight:500;}
.services-principles{grid-template-columns:minmax(0,719fr) minmax(0,481fr);gap:0;margin-bottom:15rem;}
.services-principles .editorial-values li{margin-bottom:3.75rem;}
.services-principles .editorial-values li:last-child{margin-bottom:0;}
.services-principles .editorial-values li::before{top:0;width:27px;text-align:right;}
.services-principles .editorial-values h3{font-size:2.25rem;line-height:2.5rem;}
.services-principles .editorial-values p{max-width:401px;margin-top:0.75rem;}
@media(max-width:1100px){
 .services-detail-card{padding:2.25rem;gap:2.25rem;grid-template-columns:1fr 1fr;}
 .services-detail-copy{font-size:1.25rem;line-height:1.875rem;}
 .services-detail-heading ul{font-size:1rem;}
 .services-mix{margin-top:8.75rem;padding-block:5rem;}
 .services-mix-copy{gap:2.5rem;}
 .services-principles{grid-template-columns:1fr;gap:3.5rem;margin-bottom:8.75rem;}
}
@media(max-width:760px){
 .services-page .services-intro .editorial-title{font-size:clamp(2rem,8.2vw,3.5rem);}
 .services-page .services-intro .editorial-lead{margin-top:2rem;}
 .services-details{margin-top:4rem;}
 .services-detail-list{gap:1.25rem;}
 .services-detail-card{grid-template-columns:1fr;gap:1.75rem;padding:1.75rem 1.5rem;min-height:0;}
 .services-detail-number{font-size:1.125rem;line-height:1.5rem;}
 .services-detail-heading h2{font-size:1.875rem;line-height:2.25rem;margin-top:1.5rem;margin-bottom:1rem;}
 .services-detail-heading ul{font-size:1rem;line-height:1.5rem;}
 .services-detail-copy{font-size:1.125rem;line-height:1.75rem;}
 .services-statement{min-height:0;margin-block:5rem;font-size:1.875rem;line-height:1.3;}
 .services-mix{margin-top:6rem;padding-block:4rem;}
 .services-mix>.editorial-container{width:calc(100% - 32px);margin-inline:auto;}
 .services-mix h2{font-size:clamp(2rem,8.2vw,3.5rem);line-height:1;min-height:0;}
 .services-mix-copy{grid-template-columns:1fr;gap:1.75rem;margin-top:2.5rem;font-size:1.125rem;line-height:1.75rem;}
 .services-principles{margin-bottom:6rem;}
 .services-principles .editorial-values h3{font-size:1.75rem;line-height:2rem;}
 .services-principles .editorial-values li{margin-bottom:2.5rem;}
 .services-principles .editorial-values li::before{width:20px;}
}

/* Focus draws an accent from left to right. */
.enquiry-form .enquiry-field textarea{overflow:hidden;resize:none;max-height:none;}
.enquiry-form .enquiry-field {position:relative;border-bottom:1px solid #201e1c30;padding-bottom:0.125rem;}
.enquiry-form .enquiry-field + .enquiry-field {margin-top:4rem;}
@media(max-width:760px){.enquiry-form .enquiry-field + .enquiry-field {margin-top:2.75rem;}}
.enquiry-form .enquiry-field::after {
 content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;pointer-events:none;
 background:var(--black);opacity:0;transform:scaleX(0);transform-origin:left center;
 transition:transform 700ms cubic-bezier(.22,.68,.2,1),opacity 350ms ease;
}
.enquiry-form .enquiry-field:focus-within {border-bottom-color:#201e1c30;}
.enquiry-form .enquiry-field:focus-within::after {transform:scaleX(1);opacity:.8;}
.enquiry-form .enquiry-field :is(input,textarea)::placeholder {color:#201e1c;opacity:1;transition:opacity 650ms cubic-bezier(.4,0,.2,1);}
.enquiry-form .enquiry-field :is(input,textarea):focus::placeholder {opacity:.24;}
@media(hover:hover) and (pointer:fine){
 .enquiry-form .enquiry-field:hover :is(input,textarea)::placeholder {opacity:.24;}
}
@media(prefers-reduced-motion:reduce){
 .enquiry-form .enquiry-field::after{transition:none;animation:none!important;}
 .enquiry-form .enquiry-field :is(input,textarea),
 .enquiry-form .enquiry-field :is(input,textarea)::placeholder{transition:none;}
}

.enquiry-celebration{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:2rem;background:var(--black);color:white;overflow:auto;}
.enquiry-celebration::backdrop{background:var(--black);}
.enquiry-celebration canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.celebration-copy{position:relative;max-width:760px;margin:clamp(7.5rem,30vh,22.5rem) auto 3.75rem;text-align:center;}
.celebration-copy h2{font:700 clamp(3rem,6.666667vw,6rem)/1.05 Arturm,sans-serif;letter-spacing:.04em;text-transform:uppercase;margin:0;background:linear-gradient(135deg,var(--beige),#fff 35%);background-clip:text;color:transparent;}
.celebration-copy p{max-width:545px;margin:2rem auto 3rem;font:400 1.5rem/2.25rem Arturm,sans-serif;}
.celebration-home{display:inline-flex;align-items:center;gap:1.5rem;padding-bottom:0.5rem;border-bottom:1px solid var(--orange);text-decoration:none;font:500 1.125rem/2.5rem Arturm,sans-serif;}
.celebration-close{position:relative;z-index:2;display:block;margin-left:auto;border:0;background:none;color:var(--grey);font:400 1rem/1.5rem Arturm,sans-serif;cursor:pointer;}
.celebration-close:focus-visible{outline:2px solid var(--orange);outline-offset:6px;}
.celebration-copy small{display:block;margin:2.25rem auto 0;max-width:440px;color:var(--grey);font-size:0.875rem;line-height:1.375rem;}
@media(prefers-reduced-motion:no-preference){.celebration-copy{animation:celebration-arrive 650ms cubic-bezier(.16,1,.3,1) both;}@keyframes celebration-arrive{from{opacity:0;translate:0 16px;}to{opacity:1;translate:0 0;}}}
@media(max-width:600px){.enquiry-celebration{padding:1.5rem;}.celebration-copy p{font-size:1.25rem;line-height:1.875rem;}}

@media(max-width:599px){
 html body .enquiry-celebration .celebration-copy h2{font-size:clamp(1.5rem,8vw,3rem);white-space:nowrap;letter-spacing:0;}
 html body .enquiry-celebration .celebration-copy>p{width:75vw;max-width:100%;margin-inline:auto;}
}

/* Keep the retained page out of the paint tree while success is in the top layer.
   Visibility preserves its geometry and scroll position for browser Back. */
html body:has(>dialog.enquiry-celebration[open]) > :is(main,footer),
html body:has(>dialog.enquiry-celebration[open]) > :is(main,footer) *{visibility:hidden!important;}
html body dialog.enquiry-celebration{box-sizing:border-box;background:#201e1c;isolation:isolate;}
html body dialog.enquiry-celebration::backdrop{background:#201e1c;}

/* Shared responsive scale. Figma desktop sizes are ceilings, not viewport multipliers.
   Phone <=600, portrait tablet <=900, landscape tablet <=1199, desktop >=1200. */
:root{
 --layout-gutter:clamp(1.25rem,8.333333vw,10rem);
 --layout-width:1440px;
 --type-display:clamp(2.25rem,6.666667vw,6rem);
 --type-lead:clamp(1.25rem,calc(0.875rem + 1.25vw),2rem);
 --space-section:clamp(5rem,16.666667vw,15rem);
 --space-content:clamp(3rem,8.333333vw,7.5rem);
}
@media(min-width:1920px){:root{--layout-gutter:max(10rem,calc((100vw - var(--layout-width))/2));}}
body .editorial-main{--editorial-gutter:var(--layout-gutter);}
body .editorial-container,body.work-page .work-showcase{width:calc(100% - 2 * var(--layout-gutter));max-width:var(--layout-width);margin-inline:auto;}
body .editorial-intro,body.work-page .work-showcase{padding-top:clamp(9rem,16.736111vw,15.0625rem);}
body .editorial-main .editorial-title,body.work-page #work-page-title{font-size:var(--type-display);line-height:1.041667;}
body .editorial-intro .editorial-lead,body .services-page .services-intro .editorial-lead,body.work-page .work-lead{font-size:var(--type-lead);line-height:1.375;max-width:min(100%,919px);}
body .studio-page .studio-lead{max-width:min(100%,904px);}
body.work-page .work-lead{max-width:min(100%,877px);}
body .contact-intro .editorial-lead{max-width:min(100%,707px);}
body .editorial-section,body .studio-thinking,body .studio-belief,body .services-mix{margin-top:var(--space-section);}
body .editorial-intro .editorial-lead,body.work-page .work-lead{margin-top:clamp(2rem,4.166667vw,3.75rem);}
body .studio-intro-photo,body .services-details,body.work-page .work-showcase .projects{margin-top:var(--space-content);}
body .editorial-split>* ,body .contact-intro>*,body .services-detail-card>*,body .contact-top>*{min-width:0;}
body .editorial-values h3,body .studio-page .editorial-values h3,body .services-principles .editorial-values h3{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.111111;white-space:normal;}
body .studio-process h3{font-size:clamp(2rem,3.888889vw,3.5rem);}
body .studio-belief p,body .services-statement{font-size:clamp(1.75rem,3.888889vw,3.5rem);line-height:1.214286;}
body .studio-thinking h2,body .services-mix h2{font-size:clamp(2.5rem,8.333333vw,7.5rem);min-height:0;max-width:100%;}
body .studio-thinking,body .services-mix{padding-block:var(--space-content);}
body .services-mix-copy{margin-top:clamp(2.25rem,5.555556vw,5rem);gap:clamp(2rem,5.486111vw,4.9375rem);}
body .services-statement{min-height:0;margin-block:clamp(5rem,11.111111vw,10rem);}
body .services-detail-card{padding:clamp(1.5rem,4.166667vw,3.75rem);gap:clamp(1.75rem,4.166667vw,3.75rem);min-height:0;}
body .services-detail-heading h2{font-size:clamp(1.75rem,3.333333vw,3rem);margin-top:clamp(1.5rem,3.333333vw,3rem);}
body .services-detail-copy{font-size:clamp(1.125rem,1.666667vw,1.5rem);line-height:1.5;}
body .services-detail-heading ul{font-size:clamp(1rem,1.388889vw,1.25rem);line-height:1.5;}
body .services-principles{margin-bottom:var(--space-section);}
.editorial-title .title-mobile-lines{display:none;}
@media(max-width:600px){
 .editorial-title .title-desktop-lines{display:none;}
 .editorial-title .title-mobile-lines{display:block;}
}
.footer-mobile-break{display:none;}
@media(max-width:600px){.footer-mobile-break{display:block;}}
/* Shared mobile footer rhythm, including the Home-specific stylesheet. */
@media(max-width:600px){
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact{display:flex;flex-direction:column;padding:2.75rem 1.5rem 2.25rem;width:calc(100% - 16px);max-width:none;margin:0 0.5rem 0.5rem;box-sizing:border-box;border-radius:16px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-top{grid-template-columns:1fr;gap:2.75rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-top h2{font-size:2.25rem;line-height:2.75rem;max-width:274px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-top p{font-size:1.125rem;line-height:1.5rem;margin:1.75rem 0 2rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .footer-project-link{font-size:1.25rem;line-height:2rem;width:180px;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details{padding:0;gap:1.125rem;align-items:flex-start;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a{font-size:1.5rem;line-height:2rem;}
 body:is(.home-page,.work-page,.editorial-page) footer.contact-panel#contact .contact-details a:last-child{font-size:1.375rem;}
 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.5rem;font-size:0.875rem;line-height:1.5rem;margin-top:3.5rem;padding:0 0 0.5rem;border-top:0;border-bottom:1px solid currentColor;}
 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-wordmark{order:3;width:100%;height:auto;margin:1.5rem 0 0;}
}
/* Portraits sit on the footer edge; copy never pushes them above it. */
body .studio-founder,body .founder.page-section{align-items:end;margin-bottom:0;padding-bottom:0;overflow:visible;}
body .studio-founder figure,body .founder .founder-photo{align-self:end;margin-bottom:0;overflow:visible;}
body .studio-founder-photo,body .founder .founder-photo>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center bottom;}
body .studio-founder>div{padding-bottom:4rem;}
body.editorial-page:has(.studio-founder) .contact-panel{margin-top:0;}
body .studio-founder figure{max-width:560px;}
body .studio-founder p{font-size:clamp(1.125rem,1.666667vw,1.5rem);line-height:1.5;}
body .studio-founder figcaption{max-width:100%;white-space:normal;}
body .contact-intro{grid-template-columns:minmax(0,707fr) minmax(220px,373fr);gap:clamp(2rem,5vw,4.5rem);padding-bottom:var(--space-content);}
body .contact-intro aside{font-size:clamp(1.125rem,1.666667vw,1.5rem);}
body .contact-intro aside a{font-size:clamp(1.25rem,1.944444vw,1.75rem);overflow-wrap:anywhere;white-space:normal;}
body .enquiry-form{padding-block:clamp(2.5rem,5.555556vw,5rem);}
body .enquiry-form legend{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;}
body .service-options{gap:clamp(0.75rem,1.666667vw,1.5rem);}
body .service-options span{font-size:clamp(1rem,1.666667vw,1.5rem);line-height:1.333333;padding:clamp(0.75rem,1.111111vw,1rem) clamp(1rem,1.666667vw,1.5rem);}
body .enquiry-field{font-size:clamp(1.25rem,2.222222vw,2rem);line-height:1.375;}
body .enquiry-field input,body .enquiry-field textarea{min-width:0;max-width:100%;}
body .enquiry-field+.enquiry-field{margin-top:clamp(2.25rem,4.444444vw,4rem);}
body .contact-page .editorial-split,body .contact-work{margin-top:clamp(5rem,11.111111vw,10rem);}
body .contact-work{padding-block:var(--space-content);}
body .contact-work li{font-size:clamp(1.375rem,1.944444vw,1.75rem);line-height:1.3;}
body .contact-reach{margin-block:clamp(6rem,12.5vw,11.25rem);}
body.work-page .work-showcase .projects{row-gap:var(--space-content);}
body.work-page .work-showcase .work-caption{font-size:clamp(1.25rem,1.944444vw,1.75rem);line-height:1.285714;}
body .site-header,body .site-header.editorial-header{padding-block:clamp(1.5rem,3.333333vw,3rem);}
body .site-header .site-nav,body.work-page .site-header .site-nav{top:calc(clamp(24px,3.333333vw,48px) + 3px);gap:clamp(1.5rem,3.333333vw,3rem);font-size:clamp(1.0625rem,1.388889vw,1.25rem);}
body .editorial-menu{max-height:calc(100dvh - 32px);overflow:auto;}
body .editorial-menu-button{min-width:44px;min-height:44px;}
body .editorial-menu>button{min-height:44px;}
body .contact-panel .contact-top h2{font-size:clamp(2rem,5vw,4.5rem);}
body .contact-panel .contact-top p{font-size:clamp(1.125rem,1.666667vw,1.5rem);}
body .contact-panel .footer-wordmark{margin-top:clamp(3rem,6.944444vw,6.25rem);}
body .contact-panel .footer-bottom,body .contact-panel .footer-bottom nav{flex-wrap:wrap;}
body .contact-panel .footer-bottom nav{gap:0.75rem 1.5rem;}
body .contact-panel a{overflow-wrap:anywhere;}
/* Home: cap oversized desktop details while preserving the WebGL scene. */
body:not(.editorial-page):not(.work-page){--section-gutter:var(--layout-gutter);}
body .hero{--hero-content-gutter:var(--layout-gutter);}
body .hero .hero-intro{font-size:clamp(1.125rem,1.944444vw,1.75rem);}
body .hero .hero-intro span{white-space:normal;}
body .hero-statement h1{font-size:clamp(2.25rem,10vw,9rem);}
body .services-section .services-heading h2{font-size:clamp(2.25rem,10.277778vw,9.25rem);}
body #approach #philosophy-title{font-size:clamp(2.25rem,8.333333vw,7.5rem);}
body #services .service-card h3{font-size:clamp(1.75rem,3.333333vw,3rem);}
body .story-panel blockquote{font-size:clamp(1.375rem,2.5vw,2.25rem);line-height:1.333333;}
body .story-panel{padding:clamp(1.75rem,4.722222vw,4.25rem);}
@media(min-width:901px) and (max-width:1199px){
 body .studio-page .editorial-split,body .services-principles,body .contact-page .editorial-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;}
 body .editorial-split>.editorial-title{font-size:clamp(2.5rem,5vw,3.75rem);}
 body .studio-process li,body .studio-process li:nth-child(n){width:60%;}
 body .studio-process li:nth-child(2){margin-left:13%;}body .studio-process li:nth-child(3){margin-left:26%;}body .studio-process li:nth-child(4){margin-left:40%;}
 body #services .service-card{padding-right:1.5rem;}
 body #services .service-card:nth-child(even){padding-left:1.5rem;padding-right:0;}
 body .services-detail-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
}
@media(max-width:900px){
 :root{--layout-gutter:clamp(1.25rem,5vw,2.75rem);--space-section:clamp(5rem,12vw,6.75rem);}
 body .site-header .site-nav,body.work-page .site-header .site-nav{display:none;}
 body .editorial-menu-button{display:block;background:none;border:0;padding:0.5rem;cursor:pointer;}
 body .editorial-menu-button img{display:block;}
 body .studio-page .editorial-split,body .services-principles,body .contact-page .editorial-split{grid-template-columns:1fr;gap:3rem;}
 body .contact-intro{grid-template-columns:1fr;gap:2rem;}
 body .contact-intro aside{text-align:left;}
 body .studio-process li,body .studio-process li:nth-child(n){width:100%;margin-left:0;}
 body .studio-founder{grid-template-columns:minmax(0,1fr);gap:3rem;}
 body .studio-founder figure{width:min(75%,400px);margin-inline:auto;}
 body .studio-founder figure,body .founder .founder-photo{grid-row:2;}
 body .studio-founder>div,body .founder .founder-copy{grid-row:1;padding-bottom:0;}
 body .studio-founder figcaption{position:absolute;left:auto;right:0;bottom:5%;max-width:65%;}
 body .studio-founder figcaption strong{font-size:1rem;line-height:1.4;}
 body .studio-founder figcaption span{font-size:0.75rem;line-height:1.4;}
 body .studio-founder figcaption img{width:100px;height:60px;}
 body .founder.page-section{grid-template-columns:minmax(0,1fr);gap:3rem;}
 body .founder .founder-photo{width:min(75%,400px);justify-self:center;}
 body .services-detail-card{grid-template-columns:1fr;gap:2rem;}
 body .services-detail-heading h2{margin-top:1.5rem;}
 body .services-mix-copy{grid-template-columns:1fr;gap:1.75rem;}
 body .enquiry-actions,body .contact-work-bottom{flex-direction:column;align-items:flex-start;gap:2rem;}
 body .contact-panel .contact-top{grid-template-columns:1fr;gap:2rem;}
 body .contact-panel .contact-details{align-items:flex-start;}
 body .contact-panel .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;}
 body .contact-panel .footer-bottom nav{justify-content:flex-start;}
 body #services .services-grid{grid-template-columns:1fr;}
 body #services .service-card,body #services .service-card:nth-child(n){padding:2rem 0;border-left:0;border-top:1px solid #37322f;}
 body .hero .hero-details{max-width:42%;}
}
@media(min-width:601px) and (max-width:900px){
 body .contact-reach .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
 body .contact-reach .stats article{padding:1.5rem;min-width:0;}
 body .contact-reach .stats strong{font-size:3rem;}
 body .contact-reach .stats span{font-size:1rem;}
 body .studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
 body .studio-gallery .wide{grid-column:span 2;}
}
@media(max-width:600px){
 :root{--layout-gutter:1.5rem;--type-display:clamp(2rem,8.5vw,3rem);--type-lead:clamp(1.25rem,5.2vw,1.5rem);}
 body .editorial-main{--editorial-gutter:1.5rem;}
 body .wide-surface{width:calc(100% - 16px);margin-inline:0.5rem;box-sizing:border-box;}
 body .wide-surface>.editorial-container{width:calc(100% - 48px);margin-inline:1.5rem;}
 body .services-details.editorial-container{width:calc(100% - 16px);margin-inline:0.5rem;}
 body .services-detail-card{padding-inline:1.5rem;}
 body .services-details .services-statement{margin-inline:1rem;font-size:2rem;line-height:2.5rem;}
 body .studio-gallery{margin-inline:0.5rem;}
 body .contact-reach .stats{width:calc(100% - 16px);margin-inline:0.5rem;}
 body .site-header,body .site-header.editorial-header{padding:1.25rem var(--layout-gutter);}
 body .editorial-intro,body.work-page .work-showcase{padding-top:9rem;}
 body .editorial-main .editorial-title,body .services-page .services-intro .editorial-title{font-size:var(--type-display);letter-spacing:.02em;}
 body.work-page #work-page-title{font-size:clamp(1.75rem,6.8vw,2.5rem);letter-spacing:.02em;}
 body .editorial-intro .editorial-lead,body.work-page .work-lead{margin-top:2rem;}
 body .editorial-values li{padding-left:2.25rem;}
 body .studio-gallery{margin-inline:0.5rem;gap:0.75rem;}
 body .services-detail-heading ul{display:block;}
 body .services-detail-heading li{display:inline;}
 body .services-detail-heading li+li::before{margin-inline:0.375rem;}
 body .service-options{gap:0.625rem;}
 body .service-options span{font-size:1rem;padding:0.75rem 1.125rem;}
 body .enquiry-actions button{width:100%;justify-content:space-between;padding:1.25rem;white-space:normal;}
 body .contact-work li{gap:0.75rem;}
 body .contact-reach .stats{grid-template-columns:1fr;}
 body .contact-panel .footer-bottom{display:grid;grid-template-columns:1fr;}
 body .hero .hero-details{max-width:none;width:min(76%,300px);}
 body .hero .hero-details .button{padding:1rem 1.25rem;min-height:48px;}
 body .hero-statement h1{font-size:clamp(2rem,8.5vw,3.25rem);}
 body .hero .hero-intro{font-size:1.25rem;}
 body .services-section .services-heading h2{font-size:clamp(1.875rem,8.5vw,3.25rem);}
 body #approach #philosophy-title{max-width:100%;font-size:clamp(2rem,8vw,3rem);}
 body .work-showcase .work-item{width:100%;grid-column:1;grid-row:auto;}
 body.work-page .work-showcase .projects{grid-template-columns:1fr;row-gap:3.5rem;}
}
@media(max-height:600px) and (orientation:landscape){
 body .site-header,body .site-header.editorial-header{padding-block:1rem;}
 body .site-header .site-nav,body.work-page .site-header .site-nav{top:19px;}
 body .hero{min-height:560px;}
 body .editorial-menu nav{gap:1rem;margin-block:1.25rem;}
 body .editorial-menu nav a{font-size:1.75rem;}
}

/* Inner-page Figma typography refresh, September 20. */
body .editorial-main .editorial-lead,body.work-page .work-lead{font-family:'Helixa',sans-serif;font-weight:400;letter-spacing:0;line-height:1.375;}
body .studio-page .studio-lead{max-width:min(100%,935px);}
body.work-page .work-lead{max-width:min(100%,760px);}
body .services-page .services-intro .editorial-lead{max-width:min(100%,893px);}
body .contact-intro .editorial-lead{max-width:min(100%,676px);}
body .studio-years .editorial-lead{font-size:var(--type-lead);max-width:785px;}
body .editorial-main .editorial-split>.editorial-title,body .editorial-main .studio-founder .editorial-title{font:500 clamp(2rem,3.888889vw,3.5rem)/1.142857 Arturm,sans-serif;letter-spacing:.02em;text-transform:none;}
body .studio-page .editorial-values h3,body .services-principles .editorial-values h3,body .contact-page .editorial-values h3{font:500 clamp(1.625rem,2.222222vw,2rem)/1.25 'Helixa',sans-serif;letter-spacing:0;white-space:normal;}
body .editorial-values p{margin-top:0.75rem;line-height:1.75rem;}
body .editorial-values li{margin-bottom:3.75rem;}
body .studio-process h3{font:500 clamp(1.75rem,2.777778vw,2.5rem)/1.2 'Helixa',sans-serif;letter-spacing:0;background:none;color:#fff;}
body .studio-belief p,body .services-statement{font-family:'Helixa',sans-serif;letter-spacing:0;}
body .studio-thinking h2,body .services-mix h2{font-size:clamp(2.25rem,6.666667vw,6rem);line-height:1.041667;padding:0;}
body .studio-thinking h2{max-width:750px;}
body .services-mix h2{max-width:979px;}
body .services-mix-copy{margin-top:3.75rem;}
body .services-detail-heading h2{font:500 clamp(1.75rem,2.777778vw,2.5rem)/1.2 'Helixa',sans-serif;letter-spacing:0;margin:3rem 0 0.75rem;}
body .services-detail-heading ul{font-size:1rem;line-height:1.5rem;}
body .services-detail-copy{font-size:clamp(1.125rem,1.388889vw,1.25rem);line-height:1.6;align-self:end;margin-bottom:0;}
body.work-page .work-showcase .work-caption{font:400 clamp(1.375rem,2.222222vw,2rem)/1.25 'Helixa',sans-serif;letter-spacing:0;}
body .contact-work li{font:500 clamp(1.5rem,2.222222vw,2rem)/1.25 'Helixa',sans-serif;letter-spacing:0;}
/* Mobile inner-page titles and the same compact stats used on Home. */
@media(max-width:600px){
 body .editorial-main .editorial-split>h2.editorial-title,
 body .editorial-main .studio-founder h2.editorial-title{font-size:2.25rem;line-height:2.5rem;letter-spacing:.02em;}
 body .editorial-main,body.work-page{--inner-mobile-heading:clamp(36px,10.5vw,56px);}
 body .editorial-main .editorial-title,
 body .editorial-main .studio-thinking h2,
 body .editorial-main .services-mix h2{font-size:var(--inner-mobile-heading);line-height:1.08;letter-spacing:.04em;}
 body.work-page .work-showcase .work-item .project,
 body.home-page .work-slide,
 body.home-page .work-slide-image,
 body .editorial-main .studio-photo,
 body .editorial-main .studio-intro-photo,
 body .editorial-main .contact-work{border-radius:16px;clip-path:inset(0 round 16px);overflow:hidden;}
 body .editorial-main h1.editorial-title,
 body .services-page .services-intro h1.editorial-title,
 body.work-page h1#work-page-title{font-size:var(--inner-mobile-heading);line-height:1.08;letter-spacing:.04em;max-width:100%;}
 body .editorial-main h1 .editorial-line-content,
 body.work-page h1#work-page-title .editorial-line-content{white-space:normal;max-width:100%;}
 body .contact-reach .stats.page-section{width:calc(100% - 16px);max-width:none;margin:2.5rem 0.5rem 0;gap:0.75rem;padding:0;box-sizing:border-box;}
 body .contact-reach .stats article{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;min-height:88px;padding:1.25rem 1.5rem;gap:1rem;}
 body .contact-reach .stats strong{font-size:2.25rem;line-height:3rem;}
 body .contact-reach .stats span{font-size:1rem;line-height:1.5rem;text-align:right;max-width:191px;}
}
@media(max-width:900px){
 body .editorial-values li{margin-bottom:2.5rem;}
 body .services-detail-heading h2{margin-top:1.5rem;}
 body .services-mix-copy{margin-top:2.25rem;}
}
/* Match Home and the overlay header without a size or position jump. */
@media(min-width:601px) and (max-width:1199px){
 body.home-page .work-contact>p{margin:0;}
 body.home-page .work-contact .line-link{margin:0;}
}
body .studio-collage{width:calc(100% - 48px);max-width:1392px;margin:var(--space-content) auto 0;}
body .studio-collage>img{display:block;width:100%;height:auto;object-fit:contain;}
@media(max-width:600px){
 body .studio-collage{width:calc(100% - 16px);}
 body .studio-belief+.studio-years{margin-top:7.5rem;}
 /* Touch screens must not depend on hover to show the founder CTA line. */
 body .studio-founder .studio-founder-link::after,
 body.home-page .founder .founder-copy .line-link::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-5px;width:100%;height:1px;background:#FF933C;opacity:1;transform:scaleX(1);}
 body :is(main,footer) :is(h1,h2,h3,h4,h5,h6){text-align:left;}
 body .clients.page-section .clients-heading{width:100%;max-width:none;margin-inline:0;text-align:left;}
 body .clients.page-section #clients-title,
 body .editorial-main .editorial-title,
 body .contact-reach>.editorial-title{text-align:left;}
 body.editorial-page .clients.page-section .clients-heading{box-sizing:border-box;width:calc(100vw - 48px);margin-left:calc((100% - 100vw)/2 + 1.5rem);}
 body.editorial-page .clients.page-section #clients-title{font-size:3rem;line-height:3.375rem;letter-spacing:.04em;white-space:normal;max-width:100%;margin:0;}
 body.editorial-page .clients .client-rows{width:100vw;max-width:none;margin-top:3rem;margin-inline:calc((100% - 100vw)/2);gap:0.75rem;}
 body.editorial-page .clients .client-row{padding-inline:0;gap:0.75rem;}
 body.editorial-page .clients .client-row>li{width:180px;flex-basis:180px;height:120px;border-radius:8px;}
 body.editorial-page .clients .client-row>li img{max-width:110px;max-height:60px;}
 body .site-header.editorial-header{padding:1.5rem;}
 body .site-header.editorial-header .wordmark,
 body .site-header.editorial-header .wordmark img{width:116px;height:24px;}
 body .site-header.editorial-header .editorial-menu-button{padding:0;width:32px;height:32px;min-width:32px;min-height:32px;}
}

/* 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%);}

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

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

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

/* Consistent large editorial paragraphs on Services and Studio. */
body .services-page .services-statement,
body .studio-page .studio-belief p{font-family:Helixa,sans-serif!important;font-size:clamp(1.875rem,3.888889vw,3.5rem);font-weight:400;line-height:1.214286;letter-spacing:0;color:rgba(255,255,255,.96);max-width:100%;min-height:0;}
@media(max-width:760px){
 body .services-page .services-statement,body .studio-page .studio-belief p{font-size:clamp(1.625rem,6.8vw,2.25rem);line-height:1.3;}
}
/* Mobile Services: first-line FAQ alignment and calmer paragraph scale. */
@media(max-width:760px){
 body .services-page .services-statement{font-size:1.5rem;line-height:2rem;}
 body .services-page .services-faq .faq-question{font-size:1.375rem;line-height:1.875rem;align-items:flex-start;gap:1rem;}
 body .services-page .services-faq .faq-toggle-icon{width:20px;height:20px;flex:0 0 20px;align-self:flex-start;margin-top:0.3125rem;}
}
/* Fluid page titles preserve authored lines even on narrow phones. */
@media(max-width:760px){
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(9.7vw,4.25rem);line-height:1.2;}
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title .editorial-line-content{white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:inherit;}
}
@media(max-width:760px){
 body .services-page .services-details .services-statement{box-sizing:border-box;margin-inline:0;padding-inline:1.5rem;}
}
/* Contact uses the same mobile stats treatment as Home. */
@media(max-width:760px){
 body .contact-page .contact-reach .stats.page-section{width:calc(100% - 48px);margin-inline:1.5rem;padding:0;gap:0.75rem;}
 body .contact-page .contact-reach .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 .contact-page .contact-reach .stats strong,body .contact-page .contact-reach .stats strong *{font-family:'GC Gudlak',sans-serif!important;font-size:2rem!important;line-height:3rem!important;font-weight:500;letter-spacing:.02em;}
 body .contact-page .contact-reach .stats strong .stat-plus{font-weight:300;}
 body .contact-page .contact-reach .stats article>span{font:400 1rem/1.5rem Helixa,sans-serif;color:#393025;text-align:right;max-width:191px;}
}
/* Orange display titles grow fluidly while keeping explicit line breaks. */
@media(max-width:760px){
 body .studio-page .studio-thinking h2{font-size:min(8.8vw,4.125rem);line-height:1.2;white-space:nowrap;letter-spacing:.01em;}
 body .services-page .services-mix h2{font-size:min(9.5vw,4.25rem);line-height:1.2;white-space:nowrap;letter-spacing:.01em;}
 body.editorial-page .contact-panel .contact-copy h2{font-size:min(10.5vw,4.75rem);line-height:1.16;}
}
/* Shared numbered-list typography for Studio and Contact. */
body.editorial-page :is(.studio-page,.contact-page) .editorial-values h3{font:700 2rem/2.5rem Helixa,sans-serif!important;letter-spacing:-.01em;}
body.editorial-page :is(.studio-page,.contact-page) .editorial-values p{font:400 1.125rem/1.75rem Helixa,sans-serif;letter-spacing:0;margin-top:0.75rem;max-width:371px;}
@media(max-width:760px){
 body.editorial-page :is(.studio-page,.contact-page) .editorial-values h3{font-size:1.625rem!important;line-height:2.125rem!important;white-space:normal;}
 body.editorial-page :is(.studio-page,.contact-page) .editorial-values p{max-width:100%;}
}
/* Consistent breathing room for every stacked Contact title. */
body.editorial-page .contact-page.editorial-main h1.editorial-title,
body.editorial-page .contact-page.editorial-main h2.editorial-title,
body.editorial-page .contact-page.editorial-main .editorial-intro h1.editorial-title{line-height:1.2;}
body.editorial-page .contact-page.editorial-main .editorial-title .editorial-line-mask,
body.editorial-page .contact-page.editorial-main .editorial-title .editorial-line-content{line-height:inherit;}
/* Match Home's service numbering. */
body .services-page .services-detail-number{font-size:1.25rem;line-height:1.75rem;font-weight:400;letter-spacing:0;}
@media(max-width:760px){body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(10.4vw,4.5625rem);line-height:1.2;}}
/* Display headings share the H1 scale, including image-backed sections. */
@media(max-width:760px){
 body.editorial-page .editorial-main .contact-work h2.editorial-title,
 body.editorial-page .studio-page .studio-process h2.editorial-title,
 body.editorial-page .studio-page .studio-years h2.editorial-title{font-size:min(10.4vw,4.5625rem);line-height:1.2;}
 body.editorial-page .editorial-main .contact-work h2.editorial-title .editorial-line-content,
 body.editorial-page .studio-page .studio-process h2.editorial-title .editorial-line-content,
 body.editorial-page .studio-page .studio-years h2.editorial-title .editorial-line-content{white-space:nowrap;line-height:inherit;}
}

/* Tablet uses 16px outer gutters and 48px content gutters. */
@media(min-width:761px) and (max-width:1100px){
 :root{--layout-gutter: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;}
}
/* Gradual tablet-to-phone scaling, preserving the agreed phone gutters. */
@media(max-width:1100px){
 body .editorial-main{--editorial-gutter:clamp(1.5rem,calc(5.7971vw - 1.217375rem),3rem);}
 body .editorial-container{width:calc(100% - 2 * var(--editorial-gutter));margin-inline:auto;}
 body.editorial-page .editorial-main .editorial-intro h1.editorial-title{font-size:min(10.4vw,6.5rem);line-height:1.2;}
 body .editorial-main :is(.editorial-lead,.studio-lead){font-size:clamp(1.25rem,calc(2.8986vw + 0.57875rem),2rem);line-height:1.4;}
 body .services-page .services-detail-card{padding-block:clamp(1.75rem,4vw,2.75rem);gap:clamp(1.5rem,3vw,2.25rem);}
 body .services-page .services-detail-heading h2{font-size:clamp(1.75rem,3.6vw,2.25rem);line-height:1.3;}
 body .studio-page .studio-thinking h2,body .services-page .services-mix h2{font-size:min(8.8vw,6rem);line-height:1.2;}
}
@media(min-width:761px) and (max-width:1100px){
 body .wide-surface>.editorial-container{width:calc(100% - 96px);margin-inline:3rem;}
 body .services-details.editorial-container{width:calc(100% - 32px);margin-inline:1rem;}
}
@media(max-width:760px){body .services-details.editorial-container{width:calc(100% - 16px);margin-inline:0.5rem;}body .wide-surface>.editorial-container{width:calc(100% - 48px);margin-inline:1.5rem;}}

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

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

/* Home New 125:719 and mobile 209:757, inspected September 22. Desktop design: 1440px.
   Scoped to Home; existing fonts/assets and interaction components are reused. */
body.editorial-page .studio-page{--home-gap:clamp(6rem,16.666667vw,15rem);--home-display:clamp(42px,10vw,144px);--home-section:clamp(32px,4.166667vw,60px);--grey:#B3A69E;}
body.editorial-page .studio-page :is(.hero-statement #statement-title,.why #why-title,.testimonials #testimonials-title){font-family:'GC Gudlak',sans-serif!important;font-size:var(--home-display);font-weight:700;line-height:1.111111;letter-spacing:.02em;text-align:left;text-transform:uppercase;max-width:100%;margin:0;}
body.editorial-page .studio-page .hero-statement #statement-title{background-image:linear-gradient(315deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-page .why #why-title{background-image:linear-gradient(315deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-page .testimonials #testimonials-title{background-image:linear-gradient(315deg,#fff 71.316%,#d3b393 97.394%);}
body.editorial-page .studio-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-family:'GC Gudlak',sans-serif!important;font-size:var(--home-section);font-weight:500;line-height:1.066667;letter-spacing:.02em;text-transform:none;text-align:left;white-space:normal;margin:0;max-width:100%;}
body.editorial-page .studio-page #work #work-title{background-image:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-page #services #services-title{background-image:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-page .clients #clients-title{background-image:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%);}
body.editorial-page .studio-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.editorial-page .studio-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2),
body.editorial-page .studio-page :is(.work-slide-caption h3,.service-card h3,.why-copy h3,.contact-copy h2) *{font-family:Helixa,sans-serif!important;}
body.editorial-page .studio-page .hero .hero-intro{font-size:clamp(1.375rem,1.944444vw,1.75rem);line-height:1.285714;font-weight:400;letter-spacing:-.01em;}
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-family:'GC Gudlak',sans-serif!important;font-size:3rem;line-height:3rem;letter-spacing:.02em;font-weight:500;}
body.editorial-page .studio-page .stats strong .stat-plus{font-weight:300;}
body.editorial-page .studio-page .stats article>span{font-size:1.25rem;line-height:1.5rem;color:#393025;font-weight:400;}
body.editorial-page .studio-page #work .work-slide-caption{gap:0.5rem;}
body.editorial-page .studio-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.editorial-page .studio-page #work .work-project-services{color:#B3A69E;order:2;margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:350;}
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page #services .service-card ul{font-size:1.125rem;line-height:1.5rem;font-weight:350;color:#B3A69E;margin-top:1rem;}
body.editorial-page .studio-page #services .service-index{font-size:1.25rem;line-height:1.75rem;letter-spacing:0;color:#B3A69E;opacity:.5;}
body.editorial-page .studio-page .why-grid .eyebrow{font-size:1rem;line-height:1.125rem;font-weight:700;letter-spacing:.08em;color:#785a3c;}
body.editorial-page .studio-page .why-copy h3{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.333333;font-weight:700;letter-spacing:0;}
body.editorial-page .studio-page .why-copy p{font-size:1.125rem;line-height:1.75rem;font-weight:400;color:#393025;max-width:280px;}
body.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-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.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{font-size:1.5rem;line-height:1.75rem;font-weight:700;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{font-size:1rem;line-height:1.25rem;font-weight:400;}
body.editorial-page .studio-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.editorial-page .studio-page .founder .founder-copy .line-link{font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:.02em;gap:1rem;top:auto;}
body.editorial-page .studio-page .contact-copy h2{font-size:clamp(2.5rem,5.555556vw,5rem);line-height:1;font-weight:700;letter-spacing:-.03em;}
body.editorial-page .studio-page .contact-copy>p{font-size:1.5rem;line-height:2rem;font-weight:400;max-width:458px;}
body.editorial-page .studio-page .footer-project-link{font-size:1.75rem;line-height:2rem;font-weight:700;border-color:#201e1c;}
body.editorial-page .studio-page .contact-details a{font-weight:700;font-size:1.75rem;line-height:2rem;}
body.editorial-page .studio-page .contact-details a:first-child{font-size:1.875rem;}
body.editorial-page .studio-page .footer-bottom{font-size:1rem;line-height:1.25rem;}
body.editorial-page .studio-page .footer-bottom a{font-weight:700;}
@media(min-width:761px){
 body.editorial-page .studio-page .hero .hero-details{width:335px;max-width:30%;gap:2.25rem;}
 body.editorial-page .studio-page .hero-statement{padding-top:11.25rem;}
 body.editorial-page .studio-page .studio-section{padding-top:10rem;padding-bottom:3.75rem;}
 body.editorial-page .studio-page .stats.page-section{gap:1.875rem;}
 body.editorial-page .studio-page .stats article{min-height:144px;padding:1.5rem 2rem;gap:0.5rem;justify-content:center;}
 body.editorial-page .studio-page #work.page-section{padding-top:20rem;}
 body.editorial-page .studio-page .work-scroll{margin-top:3.75rem;}
 body.editorial-page .studio-page .work-slider-toolbar{margin-top:3rem;}
 body.editorial-page .studio-page #work .work-caption-layer{min-height:80px;}
 body.editorial-page .studio-page .why.page-section{padding-top:20rem;}
 body.editorial-page .studio-page .why .why-grid{margin-top:5.9375rem;gap:1.5rem;}
 body.editorial-page .studio-page .why-grid article{min-height:300px;padding:3rem;}
 body.editorial-page .studio-page .why-contact{margin-top:3rem;}
 body.editorial-page .studio-page #approach.philosophy{margin-top:17rem;padding-block:7.5rem 6.875rem;}
 body.editorial-page .studio-page #approach .philosophy-description{margin-top:3.625rem;}
 body.editorial-page .studio-page #services.page-section{padding-top:15rem;}
 body.editorial-page .studio-page #services .services-grid{margin-top:4.5rem;}
 body.editorial-page .studio-page #services .service-card:nth-child(n){min-height:200px;padding:2.75rem 0 3rem;grid-template-columns:45px minmax(0,1fr);}
 body.editorial-page .studio-page #services .service-card>div{grid-template-columns:minmax(0,617fr) minmax(0,538fr);}
 /* Figma: title x=45/y=180; number x=0/y=184; copy x=662/y=184.
    Preserve the 200px row rhythm and the 16px copy-to-capabilities gap. */
 body.editorial-page .studio-page #services .service-index{padding-top:0.25rem;}
 body.editorial-page .studio-page #services .service-card p{margin-top:0.25rem;}
 body.editorial-page .studio-page .services-contact{margin-top:3.75rem;}
 body.editorial-page .studio-page .testimonials.page-section{padding-top:15rem;}
 body.editorial-page .studio-page .stories-heading{margin-bottom:6.125rem;}
 body.editorial-page .studio-page .stories-carousel .stories-stage .story-panel{flex-basis:min(806px,72vw);padding:4rem 4.25rem;min-height:540px;gap:4rem;}
 body.editorial-page .studio-page .clients.page-section{padding-top:18.25rem;}
 body.editorial-page .studio-page .clients .client-rows{margin-top:4rem;}
 body.editorial-page .studio-page .client-row>li{width:360px;flex-basis:360px;height:240px;border-radius:16px;}
 body.editorial-page .studio-page .founder.page-section{padding-top:15rem;}
 body.editorial-page .studio-page .founder.page-section .founder-copy #founder-title{margin-bottom:3rem;}
 body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:2rem;}
 body.editorial-page .studio-page .contact-panel{border-radius:16px;padding-top:6.75rem;padding-bottom:4.5rem;}
}
@media(max-width:760px){
 body.editorial-page .studio-page .hero a.hero-explore{display:none!important;}
 body.editorial-page .studio-page{--home-display:clamp(38px,10vw,76px);--home-section:clamp(32px,6vw,44px);}
 body.editorial-page .studio-page #about #studio-title.studio-description{max-width:100%;font-size:1.5rem;line-height:2rem;}
 body.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-size:2.25rem;line-height:2.75rem;}
 body.editorial-page .studio-page .stats article>span{font-size:1rem;line-height:1.5rem;}
 body.editorial-page .studio-page .hero .hero-details .button{font-size:1.125rem;padding:1.125rem 1.75rem;}
 body.editorial-page .studio-page .founder.page-section .founder-copy>p:not(.eyebrow){font-size:1.25rem;line-height:1.75rem;max-width:100%;}
 body.editorial-page .studio-page .founder .founder-copy .line-link{font-size:1.25rem;line-height:1.75rem;}
 body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{font-size:1.25rem;line-height:1.75rem;}
 body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{font-size:0.875rem;line-height:1.25rem;}
 body.editorial-page .studio-page .contact-copy>p{font-size:1.25rem;line-height:1.75rem;}
 body.editorial-page .studio-page .contact-details a,body.editorial-page .studio-page .contact-details a:first-child{font-size:1.5rem;line-height:2rem;}
 body.editorial-page .studio-page .footer-project-link{font-size:1.5rem;line-height:2rem;}
 body.editorial-page .studio-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.editorial-page .studio-page #services .service-card h3,
body.editorial-page .studio-page #services .service-card h3 *{font-family:Helixa,sans-serif!important;font-weight:700;}
body.editorial-page .studio-page .founder.page-section .founder-copy #founder-title{margin-bottom:clamp(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.editorial-page .studio-page .clients .client-row>li{width:clamp(142.2px,19.8vw,285.3px);flex:0 0 clamp(142.2px,19.8vw,285.3px);height:auto;aspect-ratio:3/2;}
body.editorial-page .studio-page .clients .client-row>li img{max-width:62%;max-height:50%;}
@media(max-width:760px){
 body.editorial-page .studio-page{--layout-gutter:1.5rem;--section-gutter:1.5rem;--home-gap:7.5rem;--home-section:36px;}
 body.editorial-page .studio-page .page-section{box-sizing:border-box;width:calc(100% - 48px);margin-inline:1.5rem;}
 body.editorial-page .studio-page .hero .hero-details{top:120px;left:24px;width:289px;max-width:calc(100% - 48px);gap:1.5rem;}
 body.editorial-page .studio-page .hero .hero-intro{font-size:1.5rem;line-height:2rem;letter-spacing:0;}
 body.editorial-page .studio-page .hero .hero-details .button{font-size:1.25rem;line-height:1.5rem;height:60px;padding:1.125rem 1.75rem;}
 body.editorial-page .studio-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.editorial-page .studio-page :is(#services #services-title,#work #work-title,.clients #clients-title,.founder .founder-copy #founder-title){font-size:2.25rem;line-height:3rem;}
 body.editorial-page .studio-page .clients #clients-title{max-width:230px;}
 body.editorial-page .studio-page #about.studio-section.page-section{width:100%;margin:0;padding:5rem 1.5rem 3rem;}
 body.editorial-page .studio-page .stats.page-section{width:calc(100% - 48px);margin-inline:1.5rem;padding:0;gap:0.75rem;}
 body.editorial-page .studio-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.editorial-page .studio-page .stats strong,body.editorial-page .studio-page .stats strong *{font-size:2rem;line-height:3rem;}
 body.editorial-page .studio-page #work.page-section,body.editorial-page .studio-page #services.page-section,body.editorial-page .studio-page .why.page-section,body.editorial-page .studio-page .testimonials.page-section,body.editorial-page .studio-page .clients.page-section{padding-top:7.5rem;}
 body.editorial-page .studio-page .work-scroll{margin-top:1.5rem;}
 body.editorial-page .studio-page .work-deck{--project-width:calc(100vw - 52px);gap:0.75rem;}
 body.editorial-page .studio-page .work-slide-image{aspect-ratio:350/400;}
 body.editorial-page .studio-page .work-slider-toolbar{margin-top:1.5rem;}
 body.editorial-page .studio-page #work .work-project-services{white-space:normal;font-size:1rem;line-height:1.5rem;}
 body.editorial-page .studio-page #services .services-grid{margin-top:1.5rem;}
 body.editorial-page .studio-page #services .service-card:nth-child(n){display:block;min-height:0;padding:2rem 0;border-top:0;border-bottom:1px solid #37322f;}
 body.editorial-page .studio-page #services .service-card:first-child{padding-top:0;}
 body.editorial-page .studio-page #services .service-card>div{display:block;}
 body.editorial-page .studio-page #services .service-index{display:block;margin-bottom:0.5rem;font-size:1.25rem;line-height:1.75rem;}
 body.editorial-page .studio-page #services .service-card h3{font-size:2rem;line-height:2.25rem;margin:0 0 0.75rem;}
 body.editorial-page .studio-page #services .service-card p{font-size:1.25rem;line-height:1.75rem;max-width:100%;}
 body.editorial-page .studio-page #services .service-card ul{font-size:1.125rem;line-height:1.5rem;margin-top:0.75rem;}
 body.editorial-page .studio-page .why .why-grid{margin-top:2.5rem;gap:0.75rem;}
 body.editorial-page .studio-page .why-grid .eyebrow{font-size:0.875rem;line-height:1.125rem;}
 body.editorial-page .studio-page .why-copy h3{font-size:2rem;line-height:2.5rem;letter-spacing:-.01em;}
 body.editorial-page .studio-page .why-copy p{font-size:1rem;line-height:1.5rem;}
 body.editorial-page .studio-page #approach.philosophy{width:calc(100% - 16px);margin:7.5rem 0.5rem 0;padding:2.5rem 1.5rem;}
 body.editorial-page .studio-page #approach #philosophy-title{font-size:clamp(2rem,9.95vw,2.5rem);line-height:1.2;letter-spacing:.04em;}
 body.editorial-page .studio-page #approach .philosophy-description{font-size:1.125rem;line-height:1.5rem;margin-top:3rem;width:100%;max-width:100%;}
 body.editorial-page .studio-page .stories-heading{margin-bottom:2.5rem;}
 body.editorial-page .studio-page .stories-carousel .stories-stage .story-panel{flex:0 0 calc(100vw - 34px);width:calc(100vw - 34px);min-height:490px;height:auto;padding:2.25rem 2rem;gap:3rem;}
 body.editorial-page .studio-page .stories-carousel .story-panel blockquote{font-size:1.75rem;line-height:2.25rem;}
 body.editorial-page .studio-page .clients .client-rows{margin-top:2rem;gap:0.75rem;}
 body.editorial-page .studio-page .clients .client-row>li{width:clamp(156.42px,39.006vw,196.02px);flex-basis:clamp(156.42px,39.006vw,196.02px);border-radius:8px;}
 body.editorial-page .studio-page .founder.page-section{padding-top:7.5rem;gap:4.5rem;}
 body.editorial-page .studio-page .founder.page-section .founder-copy #founder-title{margin-bottom:2rem;}
 body.editorial-page .studio-page .founder .founder-photo{width:min(302px,100%);max-width:302px;align-self:flex-start;}
}
/* Compact founder CTA and mobile footer spacing. */
@media(max-width:760px){
 body.editorial-page .studio-page :is(.why-contact,.services-contact).work-contact>p{margin:0;}
 body.editorial-page .studio-page :is(.why-contact,.services-contact).work-contact .line-link{margin-top:0;}
}
body.editorial-page .studio-page .founder.page-section .founder-copy>p:last-of-type{margin-bottom:0;}
body.editorial-page .studio-page .founder .founder-copy .line-link{margin-top:1.5rem;}
@media(max-width:760px){
 body.editorial-page .studio-page footer.contact-panel#contact .contact-top{gap:1.75rem;}
 body.editorial-page .studio-page footer.contact-panel#contact .contact-top p{margin:1.25rem 0 1.5rem;}
 body.editorial-page .studio-page footer.contact-panel#contact .contact-details{gap:0.75rem;}
 body.editorial-page .studio-page footer.contact-panel#contact .footer-bottom{margin-top:2.25rem;}
}
/* Founder caption — Figma 125:762/763 and 209:1203/1204. */
body.editorial-page .studio-page .founder .founder-photo figcaption>span{font-family:Helixa,sans-serif!important;font-size:1.5rem;line-height:1.75rem;font-weight:700;letter-spacing:0;white-space:normal;}
body.editorial-page .studio-page .founder .founder-photo figcaption>small{font-family:Helixa,sans-serif!important;font-size:0.875rem;line-height:1.25rem;font-weight:400;letter-spacing:0;margin-top:0.25rem;}
/* Footer button — updated Figma 242:614. */
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:68px;box-sizing:border-box;padding: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.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link::before,body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link::after{content:none;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link img{width:16px;height:16px;filter:brightness(0) invert(1);transition:transform .25s ease;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:hover{background:#302d2a;transform:none;}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:hover img{transform:translateX(3px);}
body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link:focus-visible{outline:2px solid #201e1c;outline-offset:4px;}
@media(max-width:760px){body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link{min-height:60px;padding:1.125rem 1.75rem;}}
@media(prefers-reduced-motion:reduce){body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link,body.editorial-page .studio-page footer.contact-panel#contact a.footer-project-link img{transition:none;}}
/* Shared section CTA: identical typography, arrow and underline geometry. */
body.editorial-page .studio-page :is(#services,.why) .work-contact>p{margin:0;}
body.editorial-page .studio-page :is(#services,.why) .work-contact .line-link{margin:0;}
body.editorial-page .studio-page :is(#services,.why) .work-contact .line-link img{flex-shrink:0;}
@media(max-width:760px){
}
/* Tighter spacing within the footer invitation. */
body.editorial-page .studio-page footer.contact-panel#contact .contact-copy>p{margin:1.5rem 0 1.75rem;}
@media(max-width:760px){body.editorial-page .studio-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.editorial-page .studio-page .founder .founder-copy .line-link{display:inline-flex;align-items:center;gap:0.75rem;}
 body.editorial-page .studio-page .founder .founder-copy .line-link img{width:20px;height:20px;flex:0 0 20px;}
}
/* Keep client attribution compact across every story. */
body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div{gap:0.125rem;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption>div>span{margin:0;}
body.editorial-page .studio-page .stories-carousel .story-panel figcaption .story-meta{margin:0;}

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;}}

/* Services 160:1235. Scoped rules keep other editorial layouts intact. */
body .services-redesign{--service-gutter:clamp(3rem,8.333vw,7.5rem);--service-gap:7.5rem;padding-bottom:0!important}
body .services-redesign .service-container{width:calc(100% - 2 * var(--service-gutter));max-width:var(--desktop-content-width,1200px);margin-inline:auto;box-sizing:border-box}
body .services-redesign .service-hero{padding:15rem 0 0;margin-bottom:7.5rem}
body .services-redesign .service-hero h1{font-size:clamp(4.5rem,8.333vw,7.5rem)!important;line-height:1.2!important;letter-spacing:-.045em;text-transform:uppercase;margin:0!important;text-align:left!important}
body .services-redesign .service-hero>p{font-size:2rem!important;line-height:2.75rem!important;max-width:888px;margin:3rem 0 0!important;text-align:left!important}
body .services-redesign .service-offering{margin:0 0 var(--service-gap)!important;padding:0!important;scroll-margin-top:7.5rem}
body .services-redesign .service-overview{display:block;max-width:720px;margin-bottom:3rem}
body .services-redesign .service-number{display:block;color:#9b9085;font-size:1.5rem;line-height:2rem;margin-bottom:0.75rem}
body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:3rem!important;line-height:4rem!important;letter-spacing:.02em;margin:0 0 1.5rem!important;text-align:left!important}
body .services-redesign .service-description h2 .editorial-line-content,body .services-redesign .service-support-item h3 .editorial-line-content{background:linear-gradient(135deg,#d3b393 11.441%,#fff 27.923%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body .services-redesign .service-copy p{font-size:1.5rem!important;line-height:2.25rem!important;margin:0 0 2.25rem!important;text-align:left!important}
body .services-redesign .service-fit{font-size:1.125rem!important;line-height:1.625rem!important;margin:3rem 0 0!important;font-weight:700;text-align:left!important}
body .services-redesign .service-fit strong{color:#9b9085}
body .services-redesign .service-capabilities{padding-top:0}
body .services-redesign .service-capabilities h3{font-family:Helixa,sans-serif!important;font-size:1rem!important;line-height:1.5rem!important;color:#d3b393;text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin:0 0 1rem!important}
body .services-redesign .service-capabilities ul{list-style:none;margin:0;padding:0}
body .services-redesign .service-capabilities li{font-size:1.25rem!important;line-height:2rem!important;font-weight:600;padding:0.25rem 0 0.25rem 1.25rem;position:relative}
body .services-redesign .service-capabilities li::before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#d3b393;left:0;top:17px}
body .services-redesign .service-image{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:16px!important;clip-path:inset(0 round 16px)!important}
body .services-redesign .service-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px!important}
body .services-redesign .service-support{margin-top:0;margin-bottom:7.5rem}
body .services-redesign .service-support>h2{color:#d3b393;font-size:1.5rem!important;line-height:2.25rem!important;margin:0 0 2.5rem!important;text-align:left!important}
body .services-redesign .service-support-item{margin-bottom:3rem}
body .services-redesign .service-support-item h3{margin-bottom:1rem!important}
body .services-redesign .service-support-item p{font-size:1.5rem!important;line-height:2.25rem!important;margin:0!important;text-align:left!important}
body .services-redesign .service-promise{margin:10rem 1rem!important;background:#FF933C;color:#201e1c;border-radius:16px;padding:7.5rem 0!important}
body .services-redesign .service-promise .service-container{width:auto;max-width:1200px;margin-inline:auto;padding-inline:calc(var(--service-gutter) - 1rem);box-sizing:content-box}
body .services-redesign .service-promise h2{font-size:clamp(4rem,8.333vw,7.5rem)!important;line-height:1.2!important;letter-spacing:.02em;text-align:left!important;margin:0!important;color:#201e1c!important}
body .services-redesign .service-promise .editorial-line-content{background:none!important;color:#201e1c!important;-webkit-text-fill-color:#201e1c!important}
body .services-redesign .service-promise p{max-width:923px;font-size:1.75rem!important;line-height:2.5rem!important;margin:3.5rem 0 0!important;text-align:left!important}
@media(min-width:1441px){body .services-redesign .service-promise .service-container{padding-inline:0}}
@media(max-width:1023px){
 body .services-redesign{--service-gutter:3rem;--service-gap:10rem}
 body .services-redesign .service-hero{padding-top:11rem;margin-bottom:10rem}
 body .services-redesign .service-hero h1{font-size:clamp(3.5rem,9.68vw,5.625rem)!important}
 body .services-redesign .service-hero>p{font-size:1.75rem!important;line-height:2.5rem!important;margin-top:2.5rem!important}
 body .services-redesign .service-overview{grid-template-columns:1fr;gap:2rem}
 body .services-redesign .service-capabilities{padding-top:0}
 body .services-redesign .service-capabilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
 body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:2.5rem!important;line-height:1.25!important}
 body .services-redesign .service-support{margin-top:0;margin-bottom:10rem}
 body .services-redesign .service-promise{margin-block:10rem!important;padding-block:5rem!important}
 body .services-redesign .service-promise h2{font-size:clamp(3rem,9.68vw,5.625rem)!important}
}
@media(max-width:599px){
 body .services-redesign{--service-gutter:1.5rem;--service-gap:7.5rem}
 body .services-redesign .service-hero{padding-top:9rem;margin-bottom:7.5rem}
 body .services-redesign .service-hero h1{font-size:clamp(2.5rem,10.7vw,4rem)!important;letter-spacing:-.035em}
 body .services-redesign .service-hero>p{font-size:1.375rem!important;line-height:2rem!important;margin-top:2rem!important}
 body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:2rem!important;line-height:1.25!important}
 body .services-redesign .service-copy p,body .services-redesign .service-support-item p{font-size:1.125rem!important;line-height:1.75rem!important}
 body .services-redesign .service-fit{font-size:1rem!important;line-height:1.5rem!important;margin-top:1.5rem!important}
 body .services-redesign .service-capabilities li{font-size:1rem!important;line-height:1.5rem!important;padding-left:0.875rem}
 body .services-redesign .service-capabilities li::before{top:13px;width:4px;height:4px}
 body .services-redesign .service-capabilities ul{column-gap:1rem}
 body .services-redesign .service-number{font-size:1.125rem;line-height:1.5rem}
 body .services-redesign .service-support{margin-bottom:7.5rem}
 body .services-redesign .service-support>h2{font-size:1.25rem!important;line-height:1.75rem!important}
 body .services-redesign .service-promise{margin:7.5rem 0.5rem!important;padding-block:4rem!important}
 body .services-redesign .service-promise .service-container{padding-inline:1rem}
 body .services-redesign .service-promise h2{font-size:clamp(2.125rem,9.7vw,3.625rem)!important}
 body .services-redesign .service-promise p{font-size:1.375rem!important;line-height:2rem!important;margin-top:2rem!important}
}
html body .services-page.services-redesign .service-description h2,html body .services-page.services-redesign .service-support-item h3{font-family:'GC Gudlak',sans-serif!important;text-transform:none!important;font-weight:500}
html body .services-page.services-redesign .service-description h2 *,html body .services-page.services-redesign .service-support-item h3 *{font-family:inherit!important}

body .services-redesign .service-media-row{display:grid;grid-template-columns:minmax(0,720px) minmax(0,360px);gap:7.5rem;align-items:center}
body .services-redesign .service-image img{object-position:center 29%}
body .services-redesign #website-design .service-image img{object-position:center 10%}
body .services-redesign #brand-identity .service-image img{object-position:center 43%}
@media(min-width:1024px) and (max-width:1300px){body .services-redesign .service-media-row{grid-template-columns:minmax(0,1fr) 280px;gap:3rem}}
@media(max-width:1023px){body .services-redesign .service-media-row{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:599px){body .services-redesign .service-media-row{gap:2rem}}

/* Use the same outer content grid as Work, Studio and Contact. */
@media(min-width:1101px){
 html body .services-page.services-redesign .service-container{width:var(--desktop-content-width);max-width:var(--desktop-content-width);margin-inline:auto}
 html body .services-page.services-redesign .service-promise .service-container{width:min(var(--desktop-content-width),100%);max-width:var(--desktop-content-width);padding-inline:0;box-sizing:border-box}
 body .services-redesign .service-media-row{grid-template-columns:minmax(0,3fr) minmax(280px,1.5fr);gap:clamp(3rem,8.333vw,7.5rem)}
}
/* Descriptions follow the image column; copy uses 90% of that measure. */
body .services-redesign .service-copy{width:90%}
body .services-redesign .service-overview{max-width:none;width:100%}
@media(min-width:1024px) and (max-width:1100px){body .services-redesign .service-overview{width:calc(100% - 328px)}}
@media(min-width:1101px){body .services-redesign .service-overview{width:calc((100% - clamp(48px,8.333vw,120px)) * .6666667)}}
html body .services-page.services-redesign .service-support>h2,
html body .services-page.services-redesign .service-support>h2 *{font-family:Helixa,sans-serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
body .services-redesign .service-support>h2{margin-bottom:3rem!important}
body .services-redesign .service-support-item h3{margin-bottom:0.25rem!important}
/* Large-desktop capabilities retain the same rhythm at a more readable scale. */
@media(min-width:1600px){
 body .services-redesign .service-capabilities li{font-size:clamp(1.375rem,1.35vw,1.5625rem)!important;line-height:1.5!important;padding-left:1.375rem}
 body .services-redesign .service-capabilities li::before{top:calc(.75em + 1px)}
}
/* Match Figma's 723.6px artwork inside its 720px brand-image mask.
   The tiny horizontal bleed excludes the source image's edge strips. */
body .services-redesign #brand-identity .service-image img{width:100.5%!important;max-width:none!important;margin-left:-.25%;border-radius:0!important}

/* Capability label: solid colour and bold, including animated text spans. */
html body .services-page.services-redesign .service-capabilities h3,
html body .services-page.services-redesign .service-capabilities h3 *{background:none!important;color:#e9c79e!important;-webkit-text-fill-color:#e9c79e!important;font-weight:700!important;}

/* Services gallery layout — Figma 160:1235, October 5. */
html body .services-gallery-layout .service-overview{display:grid;width:var(--desktop-content-width,calc(100% - 2 * var(--service-gutter)));grid-template-columns:minmax(0,640px) minmax(300px,360px);justify-content:space-between;gap:4rem;align-items:center;margin-bottom:5rem}
html body .services-gallery-layout .service-copy{width:100%;max-width:640px}
html body .services-gallery-layout .service-copy p{margin-bottom:0!important}
html body .services-gallery-layout .service-capabilities{background:#e9c79e;color:#201e1c;border-radius:16px;padding:2.5rem;min-width:0;box-sizing:border-box}
html body .services-gallery-layout .service-capabilities h3,html body .services-gallery-layout .service-capabilities h3 *{color:#785a3c!important;-webkit-text-fill-color:#785a3c!important}
html body .services-gallery-layout .service-capabilities li{font-size:1.25rem!important;line-height:2rem!important;padding-block:0.25rem;color:#201e1c}
html body .services-gallery-layout .service-capabilities li::before{background:#201e1c}
.services-gallery-layout .service-gallery{width:100%;position:relative}
.services-gallery-layout .service-gallery-window{overflow:hidden;width:100%}
.services-gallery-layout .service-gallery-track{display:flex;width:max-content;animation:service-gallery-loop var(--gallery-duration) linear infinite;will-change:transform}
.services-gallery-layout .service-gallery-set{display:flex;gap:1.5rem;padding-right:1.5rem;flex:none}
.services-gallery-layout .service-gallery-card{flex:none;width:720px;aspect-ratio:4/3;border-radius:16px;overflow:hidden}
.services-gallery-layout .service-gallery-card img{display:block;width:100%;height:100%;object-fit:cover}
.services-gallery-layout .service-gallery-window:focus-within .service-gallery-track{animation-play-state:paused}
@media(hover:hover){.services-gallery-layout .service-gallery-window:hover .service-gallery-track{animation-play-state:paused}}
.services-gallery-layout .service-gallery-window:focus-visible{outline:2px solid #ff933c;outline-offset:4px}
@keyframes service-gallery-loop{to{transform:translateX(-50%)}}
@media(max-width:1100px){html body .services-gallery-layout .service-overview{width:calc(100% - 96px);grid-template-columns:minmax(0,1fr) minmax(260px, .8fr);gap:2rem}html body .services-gallery-layout .service-capabilities{padding:1.75rem}html body .services-gallery-layout .service-capabilities ul{display:block}}
@media(max-width:767px){html body .services-gallery-layout .service-overview{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}html body .services-gallery-layout .service-capabilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}html body .services-gallery-layout .service-capabilities li{font-size:1rem!important;line-height:1.5rem!important}}
@media(max-width:1023px){.services-gallery-layout .service-gallery-card{width:72vw;max-width:720px}}
@media(max-width:599px){html body .services-gallery-layout .service-overview{width:calc(100% - 48px)}html body .services-gallery-layout .service-capabilities{padding:1.5rem}.services-gallery-layout .service-gallery-card{width:84vw}.services-gallery-layout .service-gallery-set{gap:1rem;padding-right:1rem}}
@media(max-width:359px){html body .services-gallery-layout .service-capabilities ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.services-gallery-layout .service-gallery-track{animation:none;transform:none;will-change:auto}.services-gallery-layout .service-gallery-set[aria-hidden="true"]{display:none}.services-gallery-layout .service-gallery-window{overflow-x:auto;scroll-snap-type:x proximity}.services-gallery-layout .service-gallery-card{scroll-snap-align:start}}

/* Shared gutters and title-aligned capability cards. */
html body .services-page.services-gallery-layout .service-overview{width:calc(100% - 2 * var(--service-gutter))!important;max-width:var(--desktop-content-width,1600px)!important;margin-inline:auto!important;align-items:start;column-gap:clamp(2rem,5vw,5rem);row-gap:0.75rem}
html body .services-page.services-gallery-layout .service-overview>.service-number{grid-column:1 / -1;margin:0!important;line-height:1.4}
html body .services-page.services-gallery-layout .service-description{min-width:0}
html body .services-page.services-gallery-layout .service-copy p+p{margin-top:1.75rem!important}
html body .services-page.services-gallery-layout .service-capabilities h3,
html body .services-page.services-gallery-layout .service-capabilities h3 *{color:#785A3C!important;-webkit-text-fill-color:#785A3C!important;background:none!important}
html body .services-page.services-gallery-layout .service-capabilities li::before{background:#785A3C!important}
html body .services-page.services-gallery-layout .service-gallery{width:100%;margin-inline:0;max-width:none;padding-inline:0;mask:none!important;-webkit-mask:none!important;clip-path:none!important}
html body .services-page.services-gallery-layout .service-gallery-window{mask:none!important;-webkit-mask:none!important;clip-path:none!important;border-radius:0}
@media(max-width:1100px){html body .services-page.services-gallery-layout{--service-gutter:3rem}}
@media(max-width:767px){html body .services-page.services-gallery-layout .service-capabilities{margin-top:1.25rem}html body .services-page.services-gallery-layout .service-copy p+p{margin-top:1.5rem!important}}
@media(max-width:599px){html body .services-page.services-gallery-layout{--service-gutter:1.5rem}}

@media(max-width:599px){
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout .service-support>h2,
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout .service-support>h2 *{font-size:1.125rem!important;line-height:1.4!important}
}

@media(min-width:768px) and (max-width:1100px) and (orientation:portrait){
 html body .services-page.services-gallery-layout .service-overview{grid-template-columns:minmax(0,1fr);margin-bottom:2.5rem}
 html body .services-page.services-gallery-layout .service-copy{max-width:none}
 html body .services-page.services-gallery-layout .service-capabilities{margin-top:1.25rem;width:100%}
 html body .services-page.services-gallery-layout .service-capabilities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
}

/* Override the legacy full-width mobile overview without insetting the slider. */
@media(max-width:599px){
 html body.editorial-page main.editorial-main.services-page.services-redesign.services-gallery-layout .service-container.service-overview{width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important;margin-inline:1.5rem!important;box-sizing:border-box}
 html body.editorial-page main.services-gallery-layout #more-services-title,
 html body.editorial-page main.services-gallery-layout #more-services-title *{font-size:1.25rem!important;line-height:1.4!important}
}

@media(max-width:599px){
 html body .services-page.services-gallery-layout .service-capabilities ul{grid-template-columns:minmax(0,1fr)}
}

/* More readable descriptions and clearer separation after each gallery. */
html body.editorial-page main.services-page.services-redesign.services-gallery-layout{--service-gap:11rem}
html body.editorial-page main.services-page.services-redesign.services-gallery-layout .service-copy p{font-size:1.625rem!important;line-height:1.5!important}
@media(max-width:1100px){
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout{--service-gap:12rem}
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout .service-copy p{font-size:1.5rem!important}
}
@media(max-width:599px){
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout{--service-gap:9.5rem}
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout .service-copy p{font-size:1.375rem!important;line-height:1.45!important}
}

@media(max-width:599px){
 html body .services-page.services-gallery-layout .service-capabilities li{font-size:1.125rem!important;line-height:1.75rem!important}
 html body .services-page.services-gallery-layout .service-capabilities li::before{top:16px}
}

/* Round individual images, while keeping the gallery edge-to-edge. */
html body .services-page.services-gallery-layout .service-gallery-card,
html body .services-page.services-gallery-layout .service-gallery-card img{
 border-radius:16px!important;
 clip-path:inset(0 round 16px)!important;
}

html body .services-page.services-gallery-layout .service-gallery-card{corner-shape:round!important;}

/* Centered hero copy measure on tablet and every desktop width. */
@media(min-width:600px){
 html body.editorial-page main:is(#top,.editorial-main):is(#top,.editorial-main).services-page.services-redesign.services-gallery-layout .service-hero>p{
  width:100%!important;
  max-width:52ch!important;
  margin-inline:auto!important;
  text-align:center!important;
  text-wrap:balance;
 }
 html body.editorial-page main:is(#top,.editorial-main):is(#top,.editorial-main).services-page.services-redesign.services-gallery-layout .service-hero>p br{display:none!important;}
}

/* Tablet landscape capability boxes: centered bullet dots and extra clearance. */
@media(min-width:600px) and (max-width:1366px) and (orientation:landscape){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities{padding:3rem!important;margin-top:1rem!important;}
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li{position:relative;padding-block:.25rem!important;line-height:2rem!important;}
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li::before{
  top:1.25rem!important;transform:translateY(-50%)!important;margin:0!important;
 }
 html body.editorial-page main.services-page.services-gallery-layout .service-overview{margin-bottom:6rem!important;}
}
@media(min-width:600px) and (max-width:1100px) and (orientation:landscape){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities{padding:2.25rem!important;}
}
@media(min-width:600px) and (max-width:767px) and (orientation:landscape){
 html body.editorial-page main.services-page.services-gallery-layout .service-overview{margin-bottom:3.5rem!important;}
}


/* Tablet portrait capability boxes, including the 744px viewport. */
@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities{
  padding:2.75rem!important;margin-top:2.25rem!important;
 }
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li{
  position:relative;padding-block:.25rem!important;
 }
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li::before{
  top:1rem!important;transform:translateY(-50%)!important;margin:0!important;
 }
 html body.editorial-page main.services-page.services-gallery-layout .service-overview{margin-bottom:4.5rem!important;}
}
@media(min-width:768px) and (max-width:1100px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li{line-height:2rem!important;}
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li::before{top:1.25rem!important;}
}

@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li{
  font-size:1.375rem!important;line-height:1.5!important;
 }
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li::before{
  top:calc(.25rem + .75em)!important;
 }
}
@media(min-width:600px) and (max-width:767px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-gallery-layout .service-capabilities li{font-size:1.125rem!important;}
}

@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-redesign.services-gallery-layout{--service-gap:11rem;}
}

@media(min-width:600px) and (max-width:1100px) and (orientation:portrait){
 html body.editorial-page main.services-page.services-gallery-layout .service-gallery-set{
  gap:1rem;padding-right:1rem;
 }
}
