.inner-hero{padding:56px 0 72px;background:linear-gradient(135deg,#f3f7f7,#fff 70%);border-bottom:1px solid var(--line)}
.inner-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.inner-hero h1{font-size:clamp(34px,4.1vw,60px);line-height:1.12;max-width:24ch;margin:18px 0 24px;letter-spacing:-.025em}
.inner-hero .lead{font-size:18px;max-width:65ch;line-height:1.7}
.inner-hero .breadcrumb{margin-bottom:34px;text-transform:capitalize}
.page-visual{background:#fff;border:1px solid #dce5e8;border-radius:12px;padding:16px}
.page-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.content-section{padding:72px 0;border-bottom:1px solid #e5ecef}
.content-section.tinted{background:#f3f6f7}
.content-section-heading{max-width:830px;margin-bottom:30px}
.content-section-heading h2{font-size:clamp(28px,3.1vw,44px);line-height:1.2;margin:14px 0 18px;letter-spacing:-.02em}
.section-intro p{line-height:1.8;max-width:75ch;color:#4c5d6c}
.content-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.content-card-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.content-card{background:white;border:1px solid #dce5e8;border-radius:12px;overflow:hidden;min-width:0}
.content-card-body{padding:27px}
.content-card h3{font-size:23px;line-height:1.3;margin:0 0 13px}
.content-card p{font-size:15px;line-height:1.75;color:#4c5d6c;margin:0 0 15px}
.content-card .button{font-size:13px;padding:12px 14px;white-space:normal}
.card-visual{background:#fff;border-bottom:1px solid #e5ecef;padding:14px}
.card-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.text-link{display:inline-block;color:#006d5b;font-weight:600;margin-top:8px;text-underline-offset:5px}
.section-visual{max-width:760px;margin:24px 0}
.section-visual img{width:100%;height:auto;max-height:430px;object-fit:contain;background:#fff;border-radius:12px}
@media(max-width:1000px){.inner-hero-grid{grid-template-columns:1fr;gap:32px}.inner-hero-grid .hero-media,.page-visual{max-width:720px}.content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.inner-hero{padding:28px 0 44px}.inner-hero h1{font-size:35px}.inner-hero .lead{font-size:16px}.inner-hero .breadcrumb{margin-bottom:25px;font-size:12px}.content-section{padding:46px 0}.content-card-grid,.content-card-grid.two-up{grid-template-columns:1fr}.content-card-body{padding:23px}.content-card h3{font-size:22px}.inner-hero .actions{align-items:stretch}.inner-hero .button{width:100%;justify-content:space-between}}
