.service-showcase{padding-block:70px 90px;scroll-margin-top:120px}
.service-showcase-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end;margin-bottom:48px}
.service-showcase-heading h2{max-width:650px;margin:0;font-size:clamp(36px,4.6vw,64px)}
.service-showcase-heading p{max-width:470px;color:var(--muted);margin-bottom:4px}
.service-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
.service-feature{min-width:0;position:relative}
.service-visual{display:block;overflow:hidden;border-radius:8px;background:var(--sand);position:relative;aspect-ratio:4/3}
.service-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.service-visual:focus-visible{outline-offset:6px}
.service-feature-copy{padding:25px 2px 0}
.service-feature h2,.service-feature h3{font-family:var(--heading);font-weight:400;font-size:clamp(29px,2.6vw,39px);line-height:1.15;letter-spacing:-.035em;margin:0 0 15px}
.service-feature-copy p{color:var(--muted);max-width:520px;margin-bottom:20px}
.service-action{display:inline-flex;gap:24px;align-items:center;min-height:44px;font-size:14px;font-weight:600;border-bottom:1px solid var(--line)}
.service-action span{transition:transform .25s}.service-action:hover span{transform:translate(3px,-3px)}
.service-photo-label{display:block;font:11px/1.5 var(--body);color:var(--muted);margin-top:9px}
.service-feature:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center}
.service-feature:first-child .service-feature-copy{padding:0 20px 0 0}
.service-feature:first-child .service-visual{aspect-ratio:5/4}
.service-feature:first-child h2,.service-feature:first-child h3{font-size:clamp(36px,3.6vw,52px)}
.service-collection-full{display:block}.service-collection-full .service-feature{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center;margin-bottom:85px}
.service-collection-full .service-feature:nth-child(even){grid-template-columns:.88fr 1.12fr}
.service-collection-full .service-feature:nth-child(even) .service-figure{order:2}
.service-collection-full .service-feature-copy{padding:0}
.service-collection-full .service-visual{aspect-ratio:5/4}
.service-collection-full h2{font-size:clamp(33px,3.6vw,51px)}
.service-menu{display:flex;gap:12px 24px;flex-wrap:wrap;margin:0 0 55px;padding-block:22px;border-block:1px solid var(--line)}
.service-menu a{font-size:13px;min-height:30px;display:flex;align-items:center;border-bottom:1px solid transparent}.service-menu a:hover{border-color:currentColor}
.service-feature[id]{scroll-margin-top:140px}
.materials-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;padding:65px;background:var(--sand);border-radius:8px;margin-block:20px 80px}
.materials-story figure{min-width:0}.materials-story img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:5px;max-height:530px}
.materials-story h2{font-size:clamp(34px,3.8vw,52px)}.materials-story p{max-width:480px}.materials-story figcaption{font-size:11px;color:var(--muted);margin-top:12px}
.service-next{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-top:32px;margin-top:50px;border-top:1px solid var(--line)}
.service-next p{margin:0;max-width:500px;color:var(--muted)}
.service-detail{grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}.service-detail figure{width:100%;max-width:none}.service-detail figure img{width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:7px}
.page-intro{max-width:1160px}.page-intro>p:last-child{max-width:720px}
.calm-hero-photo{max-width:450px}.calm-hero{gap:7%;grid-template-columns:1fr 1fr}.calm-hero-photo img{box-shadow:0 20px 60px #3c2c2212}
.service-credits{font-size:12px;line-height:1.8;color:var(--muted);max-width:780px;margin:35px 0}.service-credits a{text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-visual:hover img{transform:scale(1.025)}}
@media(max-width:900px){.service-showcase-heading{grid-template-columns:1fr;gap:22px}.service-collection{gap:40px 24px}.service-feature:first-child,.service-collection-full .service-feature,.service-collection-full .service-feature:nth-child(even){gap:5%}.materials-story{padding:35px;gap:6%}.service-feature:first-child .service-feature-copy{padding:0}}
@media(max-width:640px){.service-showcase{padding-block:40px 55px}.service-showcase-heading{margin-bottom:30px}.service-collection,.service-feature:first-child,.service-collection-full .service-feature,.service-collection-full .service-feature:nth-child(even){display:block}.service-feature{margin-bottom:42px}.service-feature:first-child .service-feature-copy,.service-collection-full .service-feature-copy{padding-top:22px}.service-collection-full .service-feature{margin-bottom:48px}.service-feature h2,.service-feature h3,.service-feature:first-child h2,.service-feature:first-child h3{font-size:33px}.service-visual,.service-feature:first-child .service-visual,.service-collection-full .service-visual{aspect-ratio:5/4}.service-feature-copy{padding-top:22px}.service-menu{gap:8px 18px;margin-bottom:35px}.materials-story{display:flex;flex-direction:column;padding:25px;gap:25px;margin-bottom:50px}.materials-story figure{width:100%}.materials-story img{aspect-ratio:4/3;max-height:none}.service-next{align-items:flex-start;flex-direction:column}.service-next .button{font-size:14px}.calm-hero-photo{max-width:360px}.service-detail{display:flex;flex-direction:column;gap:30px}.service-detail figure img{max-height:540px}.service-feature[id]{scroll-margin-top:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-visual img,.service-action span{transition:none!important;transform:none!important}.service-feature,.materials-story{animation:none!important}}
.motion-paused .service-visual img{transition:none;transform:none}

@media(max-width:640px){.page-intro h1{font-size:clamp(36px,10vw,44px);hyphens:none;overflow-wrap:normal}.page-intro{padding-bottom:28px}.service-menu{justify-content:flex-start}}
