/* Clear service entry, persistent wayfinding and readable detail pages. */
.service-front{padding:160px var(--pad) 80px;display:grid;grid-template-columns:1.08fr 1fr;gap:7vw;align-items:center;min-height:85svh;background:#0c0d0f}
.service-front h1{font-size:clamp(42px,4.7vw,76px);line-height:1.04;letter-spacing:-.055em;margin:25px 0 30px;text-wrap:balance}
.service-front-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#b9bdc2;max-width:530px}
.service-front .pill{margin-top:30px;font-size:14px}
.service-front-work{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.service-front-example{display:block;position:relative;min-width:0;overflow:hidden;background:#171a20;border:1px solid #ffffff21}
.service-front-example img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .5s}
.service-front-example.example-hrq{grid-column:1/-1}
.example-hrq img{aspect-ratio:1.85;object-fit:contain;padding:14px;background:#242031}
.service-front-example>span{display:grid;gap:9px;padding:18px}
.service-front-example small{font-size:12px;color:#b9bdc2}
.service-front-example strong{font-weight:500;font-size:21px;letter-spacing:-.035em;display:flex;justify-content:space-between;gap:10px}
.service-front-example b{font-weight:400;color:#ff9e8b}
.service-front-example:hover{border-color:#ffffff70}
.service-front-example:hover img{transform:scale(1.018)}
.service-front-work>p{grid-column:1/-1;font-size:12px;color:#a9afb7;line-height:1.6}
.service-jump{position:sticky;top:88px;z-index:15;background:#101214f5;backdrop-filter:blur(16px);border-block:1px solid #ffffff22;flex-wrap:nowrap;overflow:auto;padding:16px var(--pad);margin-bottom:0;scrollbar-width:thin;scrollbar-color:#545a61 transparent}
.service-jump a{flex-shrink:0;font-size:14px;white-space:nowrap}
.service-jump a[aria-current="location"]{background:#f3efe8;color:#141619;border-color:#f3efe8}
.service-chapter{scroll-margin-top:105px}
.service-heading{align-self:start;position:sticky;top:190px}
.service-body{min-width:0}
.service-heading .text-link,.scope-detail ul{font-size:16px}
.scope-note{font-size:14px;line-height:1.8;border-left:2px solid #ff806978;padding-left:18px}
.scope-detail summary{min-height:44px}
.service-proof small{font-size:12px}.service-proof em{font-size:14px}
.service-proof img{width:100%;aspect-ratio:1.7;object-fit:cover;max-height:none}
.service-proof a[href*="hrq"] img,.service-proof a[href*="jbb"] img{object-fit:contain;background:#242031;padding:10px}
.archive .filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.archive .filters button{min-height:44px;font-size:14px;display:inline-flex;gap:14px;align-items:center}
.archive .filter-count{font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}
.filter-status{font-size:14px;margin-block:18px 32px}
.project-caption span,.project-line,.curation-caption p,.curation-line{font-size:14px}
.case-meta{line-height:1.7}.case-story .split-copy{gap:40px}.case-story p{font-size:17px;line-height:1.85}
.case-gallery .gallery-button{min-width:0}.case-gallery .gallery-button>span{font-size:14px;line-height:1.6;white-space:normal;text-align:left}
.credits{line-height:1.75}.credits a{font-size:14px;text-underline-offset:5px}
.notes p{max-width:760px;font-size:17px;line-height:1.85}
.notes h2:not(:first-child){margin-top:48px}
.contact-location{font-size:14px!important}.preview-notice p,.optional,.service-choice>p,.field-help,.field-error{font-size:13px}
.consultation-panel label,.service-choice legend,.service-choice label>span{font-size:14px}
.service-choice label>span{min-height:44px;display:flex;align-items:center}
.consultation-panel form input,.consultation-panel form select,.consultation-panel form textarea{font-size:16px}
.consultation-panel label:has(input:focus-visible),.consultation-panel label:has(textarea:focus-visible){color:#ffd5cb}
.intro-copy,.studio-story>div p,.studio-experience>div>p:not(.eyebrow){text-wrap:pretty}
.menu-toggle:focus-visible,.film-toggle:focus-visible{outline:2px solid #ff9e8b;outline-offset:4px}
.header nav:not(.open){overscroll-behavior:contain}
@media(min-width:651px) and (max-width:1000px){.service-front{grid-template-columns:1fr;gap:45px;padding-top:145px}.service-front-copy{max-width:720px}.service-front h1{font-size:64px}.service-front-work{grid-template-columns:1.6fr 1fr 1fr;gap:12px}.service-front-example.example-hrq{grid-column:auto}.service-front-example img{height:200px;aspect-ratio:auto}.service-front-example strong{font-size:18px}.service-front-example>span{padding:14px}.service-heading{position:static}}
@media(max-width:650px){
 .service-front{padding:125px var(--pad) 42px;grid-template-columns:1fr;gap:38px;min-height:0}
 .service-front h1{font-size:clamp(39px,10.5vw,56px);margin-block:22px}.service-front-copy>p:not(.eyebrow){font-size:16px}
 .service-front .pill{margin-top:24px}.service-front-work{gap:12px}.service-front-example>span{padding:14px}.service-front-example strong{font-size:19px}
 .service-jump{top:76px;padding:12px var(--pad);gap:8px}.service-jump a{font-size:14px;padding:11px 15px}
 .service-heading{position:static}.service-chapter{scroll-margin-top:93px;gap:22px}
 .service-heading h2{font-size:clamp(32px,9vw,42px);text-wrap:balance}.service-statement{font-size:16px;line-height:1.8}
 .service-proof img{height:auto}.service-proof a>span{padding:14px}.service-proof strong{font-size:22px}
 .service-proof small{font-size:12px;line-height:1.5}.service-proof em{font-size:14px}
 .editorial-intro .intro-copy,.working-agreement>div>p,.studio-story>div p,.studio-experience>div>p:not(.eyebrow),.studio-people article>p:not(.eyebrow){font-size:16px}
 .solution-intro>p:not(.eyebrow),.solution-detail>p,.curation-heading>div:last-child>p,.curation-heading>p,.studio-claim>p:not(.eyebrow),.studio-working article>p{font-size:16px}
 .solution-links a,.continuum-section .text-link{font-size:14px}.solution-accordion small{font-size:12px}
 .curation-grid{grid-template-columns:1fr 1fr}.curation-card{grid-column:auto}.curation-feature{grid-column:1/-1}
 .curation-caption p,.curation-line,.curation-card:not(.curation-feature) .curation-line{font-size:13px}
 .case-story p,.notes p{font-size:16px}.case-story .split-copy{gap:26px}
 .consultation-panel{padding:20px 16px}.preview-notice{padding:15px}.service-choice label>span{font-size:14px;padding:11px 13px}
 .footer-bottom small,.provenance-note{font-size:13px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.service-front-example img{transition:none}.service-front-example:hover img{transform:none}}