.service-page-eyebrow{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:600;color:var(--wine);margin:0 0 22px}
.service-hero{height:var(--inner-hero-height);min-height:var(--inner-hero-min-height)}
.service-hero .hero-copy{justify-content:flex-end;padding:150px var(--gutter) 74px;color:#fff;max-width:1320px}
.service-hero .service-page-eyebrow{color:#fff;margin-bottom:24px}
.service-hero h1{font-family:var(--heading);font-weight:200;font-size:clamp(42px,4.8vw,76px)!important;line-height:1.13!important;letter-spacing:-.025em;margin:0 0 24px;padding:0;max-width:900px}
.service-hero-lead{font-size:var(--body-copy-size);line-height:var(--body-copy-line);max-width:760px;margin:0;color:rgba(255,255,255,.92)}
.service-hero .architecture{object-position:center 56%}
.service-hero .hero-art:after{background:linear-gradient(90deg,rgba(1,1,20,.8) 0%,rgba(1,1,20,.43) 48%,rgba(1,1,20,.12) 100%)}

.service-intro{display:block}
.service-intro-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:clamp(40px,5vw,90px);width:100%}
.service-intro-image{position:relative;align-self:stretch;margin:0;width:100%;min-height:0;overflow:hidden;background:var(--grey)}
.service-intro-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.7,.2,1)}
.service-intro-image:hover img{transform:scale(1.035)}
.service-intro-content{align-self:center;max-width:680px}
.service-intro-content h2{margin-bottom:30px}
.service-page h2{font-family:var(--heading);font-weight:200;font-size:clamp(36px,4vw,64px);line-height:1.13;letter-spacing:-.025em;margin:0}
.service-page h2 em{font-family:inherit;font-weight:inherit}
.service-intro-copy{max-width:830px;color:var(--charcoal);font-size:var(--body-copy-size);line-height:var(--body-copy-line)}
.service-intro-copy p{margin:0 0 24px}.service-intro-copy p:last-child{margin-bottom:0}
.service-answer{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--ink);font-family:var(--sans);font-weight:500}

.service-scope{display:block;border-top:1px solid var(--line)}
.service-scope-heading{display:block;margin-bottom:42px}
.service-scope-heading p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);max-width:720px;margin:24px 0 0}
.service-grid{display:block}
.service-item{display:block;border-bottom:1px solid var(--line)}
.service-item:last-child{border-bottom:0}
.service-item summary{list-style:none;display:flex;align-items:center;gap:28px;padding:30px 0;cursor:pointer}
.service-item summary::-webkit-details-marker{display:none}
.service-item h3{font-family:var(--heading);font-weight:200;font-size:clamp(26px,2.35vw,34px);line-height:1.18;letter-spacing:-.025em;margin:0;color:var(--ink)}
.service-item .expand-icon{margin-left:auto}
.service-item-body{width:min(100%,760px);padding:0 0 30px 24px;margin:0 0 0 auto}
.service-item p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);margin:0 0 0 auto;max-width:680px;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}

.service-method{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(50px,7vw,120px);align-items:center;border-top:1px solid var(--line)}
.service-method-image{height:clamp(430px,43vw,650px);margin:0;overflow:hidden;border-top-right-radius:clamp(70px,8vw,140px)}
.service-method-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.service-method-content h2{margin-bottom:32px}
.service-method-content>p:not(.service-page-eyebrow){font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);margin:0 0 22px}

.service-audience{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(55px,8vw,150px);align-items:end;border-top:1px solid var(--line)}
.service-audience-list{width:min(100%,650px);justify-self:end;border-top:1px solid var(--line)}
.service-audience-list p{display:flex;align-items:center;min-height:64px;margin:0;border-bottom:1px solid var(--line);font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal)}
.service-audience-list p:before{content:'';width:4px;height:4px;background:var(--wine);border-radius:50%;margin-right:16px;opacity:.8}

.service-faq{display:block;border-top:1px solid var(--line)}
.service-faq-heading{display:block;text-align:center;margin:0 auto 44px;max-width:820px}
.service-faq-heading .service-page-eyebrow{justify-content:center}
.service-faq-heading>p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);max-width:620px;margin:24px auto 0}
.service-faq-list{width:min(100%,980px);margin:0 auto;border-top:1px solid var(--line)}
.service-faq-list details{border-bottom:1px solid var(--line)}
.service-faq-list summary{list-style:none;display:flex;align-items:center;gap:24px;padding:25px 0;cursor:pointer}
.service-faq-list summary::-webkit-details-marker{display:none}
.service-faq-list h3{font-family:var(--sans);font-size:var(--body-copy-size);line-height:1.6;font-weight:500;letter-spacing:0;margin:0}
.service-faq-list .expand-icon{margin-left:auto}
.service-faq-answer{padding:0 55px 26px 0;max-width:820px}
.service-faq-answer p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);margin:0}

.service-page .manifesto h2 em{color:var(--lace)}
.nav-practices-list li a{display:block;padding:0;border:0!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.nav-practices-list li a:after{display:none!important}

@media(max-width:900px){
 .service-method,.service-audience{grid-template-columns:1fr;gap:42px}
 .service-intro-layout{grid-template-columns:1fr;gap:30px}
 .service-intro-image{height:420px}
 .service-faq-heading{max-width:720px}
 .service-faq-list{margin-left:auto;margin-right:auto}
 .service-method-image{height:480px}
}
@media(max-width:760px){
 .service-hero{height:56svh;min-height:var(--inner-hero-min-height)}
 .service-hero .hero-copy{padding:130px var(--gutter) 72px}
 .service-hero h1{font-size:clamp(34px,9vw,50px)!important;line-height:1.13!important}
 .service-hero-lead{font-size:16px;line-height:1.7}
 .service-hero .architecture{object-position:58% center}
 .service-hero .hero-art:after{background:linear-gradient(180deg,rgba(1,1,20,.5),rgba(1,1,20,.18) 35%,rgba(1,1,20,.8))}
 .service-page h2{font-size:clamp(30px,8.5vw,42px)}
 .service-intro,.service-method,.service-audience,.service-scope,.service-faq{padding-top:54px;padding-bottom:54px}
 .service-intro-image{height:330px}
 .service-scope-heading{margin-bottom:28px}
 .service-scope-heading p{margin-top:20px}
 .service-item summary{gap:16px;padding:23px 0}
 .service-item h3{font-size:24px}
 .service-item p{font-size:16px}
 .service-item-body{width:100%;margin:0;padding:0 0 24px 18px}
 .service-method-image{height:340px;border-top-right-radius:70px}
 .service-audience-list{width:100%;justify-self:stretch}
 .service-faq-list h3{font-size:16px;padding-right:8px}
 .service-faq-list summary{gap:12px;padding:22px 0}
 .service-faq-answer{padding-right:36px}
}
@media(prefers-reduced-motion:reduce){.service-intro-image img{transition:none}.service-intro-image:hover img{transform:none}}


