.essentials .section{padding-block:clamp(44px,4.5vw,64px)}
.essentials .hero{background:linear-gradient(115deg,#fff,#f3f7fc);color:var(--ink);border-bottom:1px solid var(--line)}
.essentials .hero-grid{min-height:420px;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center;padding-block:52px}
.essentials .hero-copy{padding:0}
.essentials .hero h1{font-size:clamp(36px,4vw,56px);line-height:1.3;letter-spacing:-.035em}
.essentials .hero .lead{font-size:16px;line-height:1.8;margin-top:22px;max-width:500px;color:var(--muted)}
.essentials .hero .eyebrow{color:var(--accent)}
.essentials .hero .eyebrow:before{background:var(--accent)}
.essentials .hero-photo{margin:0;border-radius:10px;box-shadow:0 16px 38px #18345212}
.essentials .hero-photo img{min-height:0;height:auto;aspect-ratio:3/2;object-fit:cover}
.essentials .hero-photo:after{display:none}
.essentials .hero-photo figcaption{right:14px;bottom:14px}
.essentials .hero .btn.lime{background:var(--accent);color:#fff}
.essentials .hero .btn.lime:hover{background:#174abc}
.essentials .hero .btn.outline{border-color:#bdcad9}
.essentials .page-hero{padding-block:40px 44px;background:#f8fafc;border-bottom:1px solid var(--line)}
.essentials .page-hero h1{font-size:clamp(34px,4vw,56px)}
.essentials .compact-page-hero{padding-block:30px 34px}
.essentials .compact-page-hero>.wrap{display:block}
.essentials .compact-page-hero .eyebrow{font-size:.875rem;letter-spacing:0;margin-bottom:12px}
.essentials .compact-page-hero h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.3;letter-spacing:-.02em}
.essentials .compact-page-hero .compact-page-lead{max-width:48rem;margin:12px 0 0;font-size:1rem;line-height:1.75;color:var(--muted)}
.essentials .breadcrumb{margin-bottom:20px;font-size:14px}
.essentials .eyebrow{font-size:14px;margin-bottom:16px}
.essentials h2{font-size:clamp(27px,2.7vw,38px)}
.essentials h3{font-size:21px}
.essentials .actions{margin-top:24px}
.core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.core-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.core-card>div{padding:24px}
.core-card img{height:200px;object-fit:cover}
.core-card figure{position:relative}
.core-card figcaption{position:absolute;bottom:12px;right:12px;font-size:12px;background:#152123cc;color:white;padding:3px 8px}
.core-card h2{font-size:24px}
.core-card p:not(.eyebrow){margin-block:16px 22px;max-width:36em}
.manufacturing-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.essentials .full-photo img{height:360px;object-fit:cover}
.core-points{padding:0;list-style:none;margin-top:28px}
.core-points li{border-top:1px solid var(--line);padding-block:16px}
.essentials .three-cols{margin-top:32px}
.essentials .feature h3{margin-bottom:12px}
.essentials .service-list p{font-size:16px}
.essentials .service-list li{padding-block:20px}
.compact-development{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center}
.development-line{display:flex;flex-wrap:wrap;gap:16px 32px;padding:0;list-style:decimal inside;margin:0;font-weight:600}
.essentials .note{font-size:14px;margin-top:24px}
.essentials .product-copy h2{font-size:30px}
.essentials .product-card img{height:300px}
.essentials .quote-banner .actions{margin:0}
.gallery-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;margin-bottom:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:110px}
.essentials .gallery-entry h2{font-size:24px}.gallery-entry p{margin-top:8px;font-size:16px}.gallery-entry .text-link{flex-shrink:0}
@media(max-width:650px){.gallery-entry{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:1000px){.core-grid{gap:20px}.core-card img{height:180px}.core-card>div{padding:22px}.manufacturing-overview,.compact-development{grid-template-columns:1fr}.essentials .hero-grid{gap:28px}.essentials .hero h1{font-size:clamp(34px,4vw,44px)}}
@media(max-width:760px){.essentials .hero-grid{grid-template-columns:1fr;min-height:0;gap:30px;padding-block:34px}.essentials .hero-photo{max-height:none}.essentials .hero-photo img{aspect-ratio:16/9}.essentials .hero h1{font-size:clamp(34px,6vw,46px)}}
@media(max-width:700px){.core-grid{grid-template-columns:1fr}.core-card img{height:230px}.essentials .full-photo img{height:300px}.essentials .quote-banner{gap:25px}.essentials .product-duo{grid-template-columns:1fr}}
@media(max-width:550px){.essentials .compact-page-hero{padding-block:24px 28px}}
