.service-hero-inner{grid-template-columns:1.05fr 1fr;gap:44px}
.service-hero-photo{position:relative;min-width:0;margin:0}
.service-hero-photo>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:8px}
.service-hero-photo figcaption{font:11px/1.8 var(--detail);margin-top:10px;color:#fff}
.service-hero .service-hero-photo .mascot{position:absolute;left:-28px;bottom:32px;right:auto;top:auto;width:76px;height:76px;border:3px solid var(--orange)}
.service-hero .service-hero-photo .mascot img{width:56px;height:62px}
.photo-process{padding-top:64px;padding-bottom:64px;border-bottom:1px solid var(--line)}
.photo-process h2,.photo-comparison h2{font-size:32px;line-height:1.65;margin:14px 0 18px}
.photo-intro{max-width:760px;font:15px/2 var(--detail);color:var(--muted)}
.process-phases{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none;margin:27px 0 32px;font:13px/1.8 var(--detail)}
.process-phases li{background:var(--navy);color:white;border-radius:50px;padding:9px 20px}.process-phases span{color:#e6c27a;margin-right:8px}
.photo-steps{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px;list-style:none;padding:0;margin:0}
.photo-step{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.photo-step figure{margin:0;position:relative;background:#edf0f3}
.photo-step img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:center}
.photo-step figcaption{font:11px/1.7 var(--detail);padding:9px 19px;color:var(--muted);border-bottom:1px solid var(--line);background:#fff}
.photo-step-copy{padding:23px 26px 27px}
.photo-step h3{display:flex;align-items:center;gap:15px;font-size:23px;line-height:1.5;margin:0 0 16px}
.step-badge{flex-shrink:0;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font:700 17px/1 var(--detail);color:var(--navy);background:var(--orange)}
.photo-step-copy>p{font:14px/2 var(--detail);color:var(--muted)}
.photo-step .step-purpose{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;color:var(--navy)}
.step-purpose strong{display:block;color:var(--brown);font-size:11px;margin-bottom:3px;letter-spacing:.06em}
.process-note{margin-top:30px;padding:20px 24px;background:#f3f5f7;border-left:3px solid var(--orange);font:13px/2 var(--detail)}
.photo-comparison{padding-block:64px;border-bottom:1px solid var(--line)}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:27px}.comparison-grid figure{margin:0;position:relative}
.comparison-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.comparison-grid figcaption{font:14px/1.8 var(--detail);margin-top:12px;color:var(--navy)}
.comparison-grid strong{display:inline-block;margin-right:10px;font:700 11px/1.5 var(--detail);letter-spacing:.12em;background:var(--navy);color:#fff;padding:5px 12px;border-radius:3px}
.comparison-grid .after strong{background:var(--orange);color:var(--navy)}
.photo-source-note{font:12px/1.9 var(--detail);color:var(--muted);margin-top:17px}
@media(max-width:800px){.service-hero-inner{grid-template-columns:1fr;gap:28px}.service-hero-photo>img{aspect-ratio:1.85}.service-hero .service-hero-photo .mascot{left:auto;right:12px;bottom:40px}.photo-steps{gap:24px 18px}.photo-step-copy{padding:20px}.photo-step h3{font-size:21px}.photo-process h2,.photo-comparison h2{font-size:27px}}
@media(max-width:580px){.service-hero-inner{display:grid}.service-hero h1{padding-right:0}.service-hero .eyebrow{padding-right:0}.service-hero-photo>img{width:100%;height:auto}.photo-process,.photo-comparison{padding-block:42px}.photo-steps,.comparison-grid{grid-template-columns:1fr}.photo-step-copy{padding:21px}.photo-intro{font-size:14px}.photo-process h2,.photo-comparison h2{font-size:25px}.process-phases{gap:8px}.process-phases li{padding:7px 11px;font-size:11px}.photo-step img{aspect-ratio:1.75}.photo-step h3{font-size:22px}.comparison-grid{gap:25px}.process-note{padding:18px}.step-badge{width:39px;height:39px}}