/* Services 160:1235. Scoped rules keep other editorial layouts intact. */
body .services-redesign{--service-gutter:clamp(48px,8.333vw,120px);--service-gap:120px;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:240px 0 0;margin-bottom:120px}
body .services-redesign .service-hero h1{font-size:clamp(72px,8.333vw,120px)!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:32px!important;line-height:44px!important;max-width:888px;margin:48px 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:120px}
body .services-redesign .service-overview{display:block;max-width:720px;margin-bottom:48px}
body .services-redesign .service-number{display:block;color:#9b9085;font-size:24px;line-height:32px;margin-bottom:12px}
body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:48px!important;line-height:64px!important;letter-spacing:.02em;margin:0 0 24px!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(146deg,#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:24px!important;line-height:36px!important;margin:0 0 36px!important;text-align:left!important}
body .services-redesign .service-fit{font-size:18px!important;line-height:26px!important;margin:48px 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:16px!important;line-height:24px!important;color:#d3b393;text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin:0 0 16px!important}
body .services-redesign .service-capabilities ul{list-style:none;margin:0;padding:0}
body .services-redesign .service-capabilities li{font-size:20px!important;line-height:32px!important;font-weight:600;padding:4px 0 4px 20px;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:120px}
body .services-redesign .service-support>h2{color:#d3b393;font-size:24px!important;line-height:36px!important;margin:0 0 40px!important;text-align:left!important}
body .services-redesign .service-support-item{margin-bottom:48px}
body .services-redesign .service-support-item h3{margin-bottom:16px!important}
body .services-redesign .service-support-item p{font-size:24px!important;line-height:36px!important;margin:0!important;text-align:left!important}
body .services-redesign .service-promise{margin:160px 16px!important;background:#FF933C;color:#201e1c;border-radius:16px;padding:120px 0!important}
body .services-redesign .service-promise .service-container{width:auto;max-width:1200px;margin-inline:auto;padding-inline:calc(var(--service-gutter) - 16px);box-sizing:content-box}
body .services-redesign .service-promise h2{font-size:clamp(64px,8.333vw,120px)!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:28px!important;line-height:40px!important;margin:56px 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:48px;--service-gap:160px}
 body .services-redesign .service-hero{padding-top:176px;margin-bottom:160px}
 body .services-redesign .service-hero h1{font-size:clamp(56px,9.68vw,90px)!important}
 body .services-redesign .service-hero>p{font-size:28px!important;line-height:40px!important;margin-top:40px!important}
 body .services-redesign .service-overview{grid-template-columns:1fr;gap:32px}
 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:24px}
 body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:40px!important;line-height:1.25!important}
 body .services-redesign .service-support{margin-top:0;margin-bottom:160px}
 body .services-redesign .service-promise{margin-block:160px!important;padding-block:80px!important}
 body .services-redesign .service-promise h2{font-size:clamp(48px,9.68vw,90px)!important}
}
@media(max-width:599px){
 body .services-redesign{--service-gutter:24px;--service-gap:120px}
 body .services-redesign .service-hero{padding-top:144px;margin-bottom:120px}
 body .services-redesign .service-hero h1{font-size:clamp(40px,10.7vw,64px)!important;letter-spacing:-.035em}
 body .services-redesign .service-hero>p{font-size:22px!important;line-height:32px!important;margin-top:32px!important}
 body .services-redesign .service-description h2,body .services-redesign .service-support-item h3{font-size:32px!important;line-height:1.25!important}
 body .services-redesign .service-copy p,body .services-redesign .service-support-item p{font-size:18px!important;line-height:28px!important}
 body .services-redesign .service-fit{font-size:16px!important;line-height:24px!important;margin-top:24px!important}
 body .services-redesign .service-capabilities li{font-size:16px!important;line-height:24px!important;padding-left:14px}
 body .services-redesign .service-capabilities li::before{top:13px;width:4px;height:4px}
 body .services-redesign .service-capabilities ul{column-gap:16px}
 body .services-redesign .service-number{font-size:18px;line-height:24px}
 body .services-redesign .service-support{margin-bottom:120px}
 body .services-redesign .service-support>h2{font-size:20px!important;line-height:28px!important}
 body .services-redesign .service-promise{margin:120px 8px!important;padding-block:64px!important}
 body .services-redesign .service-promise .service-container{padding-inline:16px}
 body .services-redesign .service-promise h2{font-size:clamp(34px,9.7vw,58px)!important}
 body .services-redesign .service-promise p{font-size:22px!important;line-height:32px!important;margin-top:32px!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:120px;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:48px}}
@media(max-width:1023px){body .services-redesign .service-media-row{grid-template-columns:1fr;gap:40px}}
@media(max-width:599px){body .services-redesign .service-media-row{gap:32px}}

/* 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(48px,8.333vw,120px)}
}
/* 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:48px!important}
body .services-redesign .service-support-item h3{margin-bottom:4px!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(22px,1.35vw,25px)!important;line-height:1.5!important;padding-left:22px}
 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;}