/* Hallmark · macrostructure: split product feature and catalogue · tone: practical industrial · anchor hue: existing blue */
@import url('../../tokens.css');
html,body {overflow-x:clip}
.hero {min-height:0;padding:72px 0 84px;background:var(--navy)}
.hero::after {display:none}
.hero-grid {padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}
.hero h1 {font-size:clamp(2.4rem,4.2vw,3.7rem);max-width:600px;letter-spacing:-.045em}
.hero-copy {font-size:1rem;margin-bottom:24px}
.hero .eyebrow {font-family:var(--font-photo-body);letter-spacing:0;text-transform:none;font-size:.82rem}
.hero-proof {margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-proof div {padding:12px}
.hero-proof strong {font-size:.8rem}
.hero-proof span {font-size:.7rem}
.home-product-feature {margin:0;min-width:0;background:var(--color-photo-paper);color:var(--color-photo-ink);border-radius:4px;overflow:hidden}
.home-product-feature img {width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center}
.home-product-feature figcaption {padding:20px 24px;border-top:1px solid var(--color-photo-rule)}
.home-product-feature strong,.home-product-feature span {display:block}
.home-product-feature span {font-size:.76rem;color:var(--color-photo-muted);margin-top:4px}
#products {padding:80px 0}
#products .eyebrow {display:none}
.product-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.product-card {border-radius:4px;min-height:0;box-shadow:none}
.product-art {height:auto;aspect-ratio:4/3;background:var(--color-photo-paper);overflow:hidden}
.product-art img {width:100%;height:100%;object-fit:contain;object-position:center;transition:none}
.product-card:hover .product-art img {transform:none}
.product-card:hover {transform:none;box-shadow:none;border-color:var(--color-photo-accent)}
.product-card-body {padding:20px 22px 22px;border-top:1px solid var(--color-photo-rule)}
.product-card h3 {font-size:1.13rem;line-height:1.3}
.product-card p {font-size:.86rem;margin-bottom:16px}
.product-card .text-link {font-size:.8rem}
.home-more-ranges {margin-top:40px;padding-top:28px;border-top:1px solid var(--color-photo-rule)}
.home-more-ranges h3 {font-size:1rem}
.home-more-ranges>div {display:flex;gap:12px 32px;flex-wrap:wrap}
.home-more-ranges a {font-size:.86rem;font-weight:700;color:var(--color-photo-accent);white-space:nowrap}
.sample-note {font-size:.76rem;color:var(--color-photo-muted);margin:28px 0 0;max-width:820px}
.btn {white-space:nowrap}
a:focus-visible,button:focus-visible {outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:999px){.hero{padding:44px 0 68px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy-block{max-width:720px}.home-product-feature{width:100%;max-width:680px;justify-self:center}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-proof{max-width:660px}}
@media(max-width:599px){.hero{padding:32px 0 60px}.hero h1{font-size:2.45rem}.hero .eyebrow{font-size:.7rem}.hero-actions{gap:10px}.hero-actions .btn{padding:0 14px;font-size:.84rem}.hero-proof{margin-top:24px}.hero-proof div{padding:10px 8px}.hero-proof strong{font-size:.72rem}.hero-proof span{font-size:.64rem}.home-product-feature figcaption{padding:16px}.product-grid{grid-template-columns:minmax(0,1fr);gap:24px}#products{padding:56px 0}.product-card-body{padding:20px}.home-more-ranges>div{flex-direction:column}.section-head{gap:16px}.section-head h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:599px){.hero .eyebrow,.hero-proof{display:none}.hero h1{margin-top:0;font-size:2.2rem}.hero-copy{line-height:1.6}.hero-grid{gap:24px}}
