.hero{min-height:100svh;padding:24px clamp(22px,4vw,64px) 28px;display:flex;flex-direction:column}
.hero:after{width:540px;height:540px;right:-240px;top:-260px;bottom:auto}
.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(330px,.78fr) minmax(530px,1.22fr);gap:clamp(30px,5vw,80px);align-items:end;flex:1;padding-top:28px}
.hero-copy{max-width:660px;margin-top:0;padding-bottom:clamp(18px,4vh,50px)}
.hero h1{font-size:clamp(4rem,7.7vw,8.2rem);margin:16px 0 22px}
.intro{max-width:540px;font-size:clamp(1rem,1.4vw,1.25rem)}
.hero-products{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:min(68vh,660px);min-height:430px}
.hero-product{position:relative;overflow:hidden;border-radius:20px;background:var(--paper);color:var(--ink);text-decoration:none;isolation:isolate}
.hero-product-featured{grid-row:1 / 3}
.hero-product img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.hero-product:hover img{transform:scale(1.025)}
.hero-product:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(9,25,20,.88));z-index:1}
.hero-rank{position:absolute;top:14px;left:14px;z-index:2;padding:6px 9px;border-radius:99px;background:var(--lime);font-size:.68rem;font-weight:700;letter-spacing:.06em}
.hero-product-copy{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:var(--paper);display:grid}
.hero-product-copy b{font:400 clamp(1.5rem,2vw,2.3rem)/1 "DM Serif Display",serif}
.hero-product-copy small{margin-top:5px;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:700;color:#d8e3dc}

@media(max-width:1000px){.hero{min-height:auto}.hero-layout{grid-template-columns:1fr;padding-top:50px}.hero-copy{padding:0}.hero-products{height:440px;min-height:0}}
@media(max-width:620px){.hero{min-height:100svh;padding:20px 16px 16px}.hero-layout{gap:22px;padding-top:32px;align-content:space-between}.hero h1{font-size:clamp(3.25rem,16.5vw,4.5rem);margin:10px 0 12px}.intro{font-size:.98rem;line-height:1.4;margin-bottom:0}.nav-links{gap:16px}.hero-actions{margin-top:15px;flex-direction:row}.hero-actions .text-link{display:none}.button{padding:11px 16px;font-size:.85rem}.hero-products{height:38svh;min-height:260px;grid-template-columns:1.15fr 1fr;gap:7px}.hero-product{border-radius:13px}.hero-rank{top:8px;left:8px;padding:4px 7px;font-size:.57rem}.hero-product-copy{left:10px;right:8px;bottom:9px}.hero-product-copy b{font-size:clamp(1.05rem,5vw,1.4rem)}.hero-product-copy small{font-size:.5rem;line-height:1.25}}
@media(max-height:720px) and (min-width:1001px){.hero h1{font-size:clamp(3.4rem,6.7vw,6.5rem);margin:10px 0 14px}.hero-products{height:76vh;min-height:390px}.hero-copy{padding-bottom:15px}.hero-actions{margin-top:14px}}