/* Compact editorial hero: connected copy, useful actions, full photographic frame. */
.hero{width:calc(100% - var(--page-gutter)*2);max-width:1440px;margin:0 auto;padding:42px 0 56px;min-height:0;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,4vw,64px);align-items:center}
.hero-copy{padding:22px 0;min-width:0}
.hero .eyebrow{font-size:11px;letter-spacing:1.8px;line-height:1.6}
.hero h1{font-size:clamp(48px,4.5vw,74px);line-height:1.06;letter-spacing:-2.8px;margin:22px 0 24px}
.hero h1 em{display:inline-block}
.hero-description{font-size:16px;line-height:1.8;max-width:450px;color:var(--muted)}
.hero-actions{display:flex;flex-direction:row;align-items:center;gap:28px;margin-top:28px;flex-wrap:wrap}
.hero-actions .button{font-size:14px;min-height:54px;padding:15px 23px;gap:30px}
.hero-actions .text-button{font-size:14px;min-height:44px;padding:10px 0}
.hero-actions .icon{width:20px;height:20px}
.hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:510px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);gap:16px}
.hero-features a{display:flex;align-items:center;gap:11px;min-height:44px;font-size:12px;line-height:1.6;color:var(--muted)}
.hero-features .icon{width:23px;height:23px;color:var(--wine)}
.hero-features strong{color:var(--ink);font-weight:500}
.hero-features a:hover strong{text-decoration:underline;text-underline-offset:4px}
.hero-art{height:540px;width:100%;margin:0;border-radius:12px;background:var(--paper);isolation:isolate;overflow:hidden;min-width:0}
.hero-art:before{display:none}
.hero-still{position:absolute;inset:-4% 0 auto;right:auto;bottom:auto;width:100%;height:108%;max-width:100%;object-fit:cover;object-position:50% 50%;transform-origin:center;will-change:auto}
@media(prefers-reduced-motion:no-preference){.hero-features.intro{animation-delay:.35s}}
@media(min-width:1600px){.hero-copy{padding:22px 0}.hero-art{height:540px}}
@media(min-width:921px) and (max-width:1100px){.hero{gap:32px;padding-top:32px;padding-bottom:40px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-art{height:500px}.hero-description{font-size:15px}.hero-actions{gap:22px}.hero-actions .button{padding:15px 18px;gap:20px;font-size:13px}.hero-actions .text-button{font-size:13px}.hero-features{gap:10px;margin-top:28px;padding-top:20px}.hero-features a{gap:8px;font-size:11px}.hero-features .icon{width:20px;height:20px}}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:32px;padding:38px 0 44px;max-width:720px}.hero-copy{padding:0}.hero h1{font-size:clamp(48px,7.6vw,65px);margin:20px 0 20px;letter-spacing:-2.5px}.hero-description{max-width:530px;font-size:16px}.hero-features{max-width:540px;margin-top:28px;padding-top:20px}.hero-art{height:auto;aspect-ratio:5/4;max-height:540px}.hero-actions{margin-top:24px}.hero-features a{font-size:12px}.hero-still{width:100%;height:108%;right:auto;bottom:auto}}
@media(max-width:580px){.hero{width:calc(100% - 48px);padding:30px 0 34px;gap:26px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hero h1{font-size:clamp(40px,10.7vw,58px);letter-spacing:-1.9px;line-height:1.08;margin:18px 0}.hero-description{font-size:14px;line-height:1.8}.hero-actions{gap:22px;margin-top:22px}.hero-actions .button{padding:14px 17px;gap:18px;min-height:50px;font-size:12px}.hero-actions .text-button{font-size:12px;min-height:44px}.hero-features{margin-top:25px;padding-top:19px;gap:10px}.hero-features a{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6}.hero-features .icon{width:21px;height:21px}.hero-art{border-radius:9px;aspect-ratio:6/5;max-height:none}.hero-still{inset:-4% 0 auto;max-width:100%;height:108%;object-position:50% 50%}}
@media(max-width:360px){.hero-actions{gap:12px}.hero-actions .button{padding:13px 14px;gap:12px}.hero-actions .text-button{font-size:11px}.hero h1{letter-spacing:-1.6px}}
@media(prefers-reduced-motion:reduce){.hero-still{transform:none!important}}

@media(min-width:721px) and (max-width:920px){
 .hero{gap:28px;padding-top:32px;padding-bottom:40px}
 .hero-copy{padding:0}
 .hero h1{font-size:43px;letter-spacing:-1.9px;margin:20px 0}
 .hero-description{font-size:14px;line-height:1.8}
 .hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}
 .hero-actions .button{font-size:13px;padding:14px 18px;min-height:50px;gap:22px}
 .hero-actions .text-button{font-size:13px;min-height:40px}
 .hero-features{margin-top:24px;padding-top:18px;gap:12px}
 .hero-features a{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}
 .hero-features .icon{width:20px;height:20px}
 .hero-art{height:520px}
}