.home-feature { max-width:1440px; margin:auto; padding:24px 64px 48px; }
.feature-main { display:grid; grid-template-columns:.92fr 1.08fr; gap:60px; align-items:center; }
.feature-copy { padding:24px 0; min-width:0; }
.feature-copy .eyebrow { color:#a23f28; margin-bottom:22px; }
.feature-copy .eyebrow span { font-size:23px; vertical-align:middle; margin-right:7px; }
.feature-copy h1 { font-size:clamp(38px,4.25vw,65px); line-height:1.09; margin:0 0 24px; text-wrap:balance; }
.feature-description { max-width:550px; font-size:15px; line-height:1.85; color:var(--muted); }
.feature-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:26px; }
.feature-video { font-size:13px; padding:12px 0; border-bottom:1px solid var(--line); }
.feature-video span { font-size:22px; vertical-align:middle; margin-right:5px; }
.feature-photo { position:relative; display:block; aspect-ratio:1.25; overflow:hidden; border-radius:24px 96px 24px 24px; background:#e6ddcd; }
.feature-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 47%; transition:transform .6s ease; }
.feature-photo:hover img { transform:scale(1.035); }
.feature-photo-note { position:absolute; bottom:20px; left:20px; right:20px; width:fit-content; padding:11px 16px; border-radius:24px; background:#fffaf0f0; color:#214b3e; font-size:12px; font-weight:650; }
.feature-photo-note span { margin-left:12px; color:#b4472d; }
.feature-suggestions { margin-top:32px; border-top:1px solid var(--line); padding-top:20px; }
.feature-suggestions-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:15px; }
.feature-suggestions-heading h2 { font-size:23px; letter-spacing:-.025em; margin:0; }
.feature-suggestions-heading>a { font-size:12px; text-decoration:underline; text-underline-offset:4px; white-space:nowrap; }
.feature-suggestion-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.feature-suggestion { display:flex; gap:14px; align-items:center; min-width:0; padding:10px; border-radius:12px; background:#eee9de; transition:background .2s ease; }
.feature-suggestion:hover { background:#e5dfd0; }
.feature-suggestion img { width:74px; height:78px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.feature-suggestion>span { min-width:0; }
.feature-suggestion strong { font-size:16px; font-family:var(--serif); display:block; font-weight:550; line-height:1.25; }
.feature-suggestion small { display:block; font-size:10px; line-height:1.5; color:var(--muted); margin-top:5px; }
.feature-suggestion .suggestion-arrow { margin-left:auto; font-size:19px; color:#a23f28; }
.editorial-photo:has(img[src*='/story.webp']) img { object-position:46% 53%; }
@media(max-width:1100px) { .home-feature { padding:24px 32px 40px; } .feature-main { gap:30px; } .feature-photo { aspect-ratio:1; } .feature-suggestion { gap:10px; } .feature-suggestion small { display:none; } .feature-suggestion img { width:60px; height:70px; } }
@media(max-width:760px) { .home-feature { padding:16px 22px 32px; } .feature-main { grid-template-columns:1fr; gap:22px; } .feature-copy { padding:5px 0 0; } .feature-copy h1 { font-size:40px; max-width:560px; margin-bottom:16px; } .feature-copy .eyebrow { margin-bottom:14px; font-size:10px; } .feature-description { font-size:14px; line-height:1.7; } .feature-actions { gap:16px; margin-top:18px; } .feature-photo { aspect-ratio:1.25; border-radius:18px 65px 18px 18px; } .feature-suggestions { margin-top:24px; } .feature-suggestions-heading { align-items:flex-start; } .feature-suggestions-heading h2 { font-size:22px; } .feature-suggestions-heading>a { max-width:105px; white-space:normal; font-size:11px; text-align:right; } .feature-suggestion-grid { grid-template-columns:1fr; gap:10px; } .feature-suggestion { padding:9px; gap:15px; } .feature-suggestion img { width:66px; height:64px; } .feature-suggestion small { display:block; } .feature-suggestion strong { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .feature-photo img,.feature-suggestion { transition:none; } }