/* A product-led field guide inside the established Campo abierto identity. */
.interior-benefits .interior-mast{min-height:340px}
.interior-benefits .interior-hero{max-width:1160px}
.interior-benefits .interior-index-links{gap:4px 20px}
.benefit-guide-intro{max-width:1288px;margin:auto;padding:36px 5vw;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.interior-benefits .benefit-guide-intro h2{font-size:30px;max-width:21ch}
.benefit-product{--benefit-accent:var(--nutri-deep);--benefit-rule:#c7d1c8;background:#fff;padding:40px max(5vw,calc((100vw - 1160px)/2));color:var(--ink)}
.benefit-product-nutri{background:var(--nutri-pale)}
.benefit-product-dcomp{--benefit-accent:var(--dcomp-deep);--benefit-rule:#dbcaab;background:var(--dcomp-pale)}
.benefit-product-heat{--benefit-accent:var(--lime);--benefit-rule:#49614d;--focus:var(--lime);background:var(--ink);color:#fff}
.benefit-product-pit{background:var(--pale)}
.benefit-product-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--benefit-rule)}
.interior-benefits .benefit-product-heading h2{font-size:clamp(32px,3.7vw,46px);line-height:1.1;max-width:none;color:var(--benefit-accent)}
.interior-benefits .benefit-product-heading .benefit-tagline{font-size:24px;line-height:1.35;font-weight:500;max-width:38ch;letter-spacing:-.02em}
.benefit-product-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
.benefit-visual{margin:0;min-width:0}
.benefit-visual a{display:block;overflow:hidden;border-radius:14px}
.benefit-visual img{display:block;width:100%;height:auto}
.benefit-visual figcaption{font-size:12px;line-height:1.4;text-align:center;margin-top:8px;color:var(--benefit-accent)}
.benefit-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.benefit-photo-pair img{aspect-ratio:3/4;object-fit:cover;object-position:center}
.benefit-product-dcomp .benefit-photo-pair img{aspect-ratio:3/5}
.benefit-photo-pair .root-photo-tag{max-width:calc(100% - 24px);font-size:12px;padding:6px 8px}
.benefit-single img{aspect-ratio:4/3;object-fit:cover}
.benefit-product-bloom .benefit-single img{object-position:50% 30%}
.benefit-product-pit .benefit-single img{object-position:50% 62%}
.interior-benefits .benefit-summary{font-size:16px;line-height:1.6;max-width:65ch}
.benefit-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:24px 0 20px}
.benefit-features>div{border-top:1px solid var(--benefit-rule);padding-top:12px}
.benefit-features>div:last-child:nth-child(odd){grid-column:1/-1}
.benefit-features dt{font-size:16px;font-weight:600;line-height:1.35;color:var(--benefit-accent)}
.benefit-features dd{margin:6px 0 0;font-size:14px;line-height:1.55}
.interior-benefits .benefit-product .text-button{color:var(--benefit-accent);min-height:44px;font-size:15px;gap:24px}
.interior-benefits .benefit-product .text-button:hover{color:var(--benefit-accent);text-decoration:underline}
.benefit-product-heat :focus-visible{outline-color:var(--lime)}
.interior-benefits main>.closing{background:var(--ink);color:#fff;padding-block:40px}
.interior-benefits .closing h2{color:var(--lime)}
.interior-benefits .closing .button{background:var(--lime);color:var(--ink)}
@media(min-width:761px) and (max-width:1000px){
 .benefit-product-heading,.benefit-product-body{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .benefit-features{gap:16px}
 .interior-benefits .benefit-product-heading .benefit-tagline{font-size:21px}
}
@media(max-width:760px){
 html:has(.interior-benefits){scroll-padding-top:176px}
 .interior-benefits .interior-mast{min-height:320px}
 .interior-benefits .interior-index-links{gap:0 16px}
 .benefit-guide-intro{grid-template-columns:1fr;gap:16px;padding:28px 24px}
 .interior-benefits .benefit-guide-intro h2{font-size:28px;max-width:22ch}
 .benefit-product{padding:28px 24px}
 .benefit-product-heading{grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding-bottom:20px}
 .interior-benefits .benefit-product-heading h2{font-size:36px}
 .interior-benefits .benefit-product-heading .benefit-tagline{font-size:21px;max-width:30ch}
 .benefit-product-body{grid-template-columns:1fr;gap:24px}
 .benefit-visual{width:100%;max-width:480px;justify-self:center}
 .benefit-features{gap:16px;margin-top:20px}
 .benefit-features dt{font-size:15px}
 .benefit-product .root-photo-tag{padding:6px 8px;font-size:12px}
 .interior-benefits main>.closing{padding:32px 24px}
}
@media(max-width:380px){.benefit-features{grid-template-columns:1fr}.interior-benefits .benefit-product-heading h2{font-size:32px}}