.preview-nav{background:#eee9db;color:#233c31;padding:7px 5.4%;font-size:.85rem}
.preview-nav a:hover,.hero-secondary:hover{text-decoration:underline}
.editorial .hero-copy{padding-block:clamp(54px,7vw,100px)}
.catalog-first .hero{background:#e8e3d4;color:var(--ink);grid-template-columns:1.4fr 1fr}
.catalog-first .hero-copy{padding:38px 8%}
.catalog-first .hero h1{font-size:clamp(3rem,5vw,5.4rem)}
.catalog-first .hero em,.catalog-first .hero-copy>p:nth-of-type(2){color:var(--forest)}
.catalog-first .hero .light{background:var(--forest);color:white}
.catalog-first .hero-photo{max-height:370px}
.project-first .hero{background:#342e27}
.project-first .hero h1{font-size:clamp(3.3rem,5.5vw,6.6rem)}
.project-first .hero-secondary{display:inline-block;margin:12px 0 0 16px;font-size:.9rem}
.comparison{max-width:1260px;margin:auto;padding:65px 5.4%}
.comparison>p{margin:18px 0 30px;max-width:60ch}
.comparison .family-grid a{display:block}
@media(max-width:660px){.catalog-first .hero{grid-template-columns:1fr}.catalog-first .hero-photo{height:160px}.catalog-first .hero-copy{padding:28px 6%}}