/* Photographs lead each service, with the existing studio palette beneath. */
body[data-page=services] .page-intro{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;align-items:end;padding-block:38px 40px;margin-bottom:30px}
body[data-page=services] .page-intro .eyebrow{grid-column:1/-1}
body[data-page=services] .page-intro h1{font-size:clamp(45px,4.5vw,67px);line-height:1.03}
body[data-page=services] .page-intro .intro-copy{font-size:18px;line-height:1.65;margin:0;max-width:480px;padding-bottom:3px}
.services-page .service-card-photo{padding:0;overflow:hidden;min-height:0}
.service-card-image{aspect-ratio:4/3;overflow:hidden;background:var(--peach)}
.service-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.service-card-photo:nth-child(3) .service-card-image img{object-position:center 48%}
.service-card-photo:hover .service-card-image img{transform:scale(1.035)}
.service-card-body{padding:25px 27px 29px;display:flex;flex:1;flex-direction:column}
.services-page .card-top{margin-bottom:21px}
.services-page .card-top svg{width:32px;height:32px}
.services-page .card-top>span{font-size:30px}
.services-page .service-card h3{font-size:clamp(28px,2.6vw,36px);max-width:none;margin-bottom:16px}
.services-page .service-card p{margin-bottom:24px;line-height:1.65}
.services-connected-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(35px,5vw,75px);align-items:stretch}
.services-story-photo{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:90px 24px 24px 24px;min-height:600px}
.services-story-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.services-story-photo figcaption{position:absolute;bottom:24px;left:24px;right:24px;padding:20px 24px;border-radius:15px;background:var(--yellow);color:var(--ink);font:700 clamp(29px,2.8vw,39px)/1.07 var(--serif);letter-spacing:-.04em}
.services-connected-copy{padding-block:12px}
.services-connected-copy h2{font-size:clamp(36px,3.6vw,52px)}
.services-connected-copy .body-lead{font-size:17px;margin-top:22px}
.services-benefits{margin-top:29px;display:grid;gap:22px}
.services-benefits article{border-top:1px solid #074e4740;padding-top:20px}
.services-benefits .feature-label{font-size:10px;margin-bottom:10px}
.services-benefits h3{font:700 27px/1.1 var(--serif);letter-spacing:-.025em;margin-bottom:9px}
.services-benefits p{font-size:15px;line-height:1.65;color:var(--muted)}
@media(max-width:1100px){body[data-page=services] .page-intro{column-gap:35px}.service-card-body{padding:23px 22px 26px}.services-story-photo{min-height:660px}}
@media(max-width:900px){body[data-page=services] .page-intro{grid-template-columns:1fr;gap:0}body[data-page=services] .page-intro .intro-copy{margin-top:22px;max-width:640px}.services-page .service-cards{grid-template-columns:1fr;gap:22px}.services-page .service-card-photo{display:grid;grid-template-columns:42% 1fr}.service-card-image{aspect-ratio:auto;min-height:310px}.service-card-body{padding:26px}.services-page .service-card h3{font-size:34px}.services-connected-grid{grid-template-columns:1fr;gap:30px}.services-story-photo{min-height:0;height:440px;border-top-left-radius:70px}.services-story-photo img{object-position:center 35%}.services-connected-copy{padding:0}.services-connected-copy h2{font-size:43px}.services-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.services-benefits h3{font-size:25px}}
@media(max-width:600px){body[data-page=services] .page-intro{padding-block:30px}body[data-page=services] .page-intro h1{font-size:clamp(40px,9.2vw,55px)}body[data-page=services] .page-intro .intro-copy{font-size:17px;margin-top:18px}.services-page .service-card-photo{display:flex}.service-card-image{aspect-ratio:4/3;min-height:0}.service-card-body{padding:24px}.services-page .service-card h3{font-size:33px}.services-page .card-top{margin-bottom:17px}.services-story-photo{height:450px}.services-story-photo figcaption{bottom:18px;left:18px;right:18px;padding:19px;font-size:29px}.services-connected-copy h2{font-size:38px}.services-benefits{grid-template-columns:1fr;gap:22px}.services-benefits h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.service-card-image img{transition:none}.service-card-photo:hover .service-card-image img{transform:none}}
