@media(min-width:651px){
 .announcement{padding-block:5px}
 .header-inner{padding-block:12px}
 .brand-lockup .logo{width:230px}
 .brand-tagline{font-size:8px}
 #category-nav{padding-block:5px!important}
 #category-nav a{min-height:32px}
 .hero{padding-block:20px;align-items:stretch;gap:32px;min-height:0}
 .inspiration-mosaic{height:clamp(280px,calc(100svh - 225px),570px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
 .hero-copy{padding:0;align-self:center;min-width:0;max-width:480px}
 .hero-copy h1{font-size:clamp(32px,3.9vw,64px);line-height:1.12}
 .hero-copy>.eyebrow{margin-bottom:18px;font-size:11px}
 .hero-copy>p:not(.eyebrow){max-width:440px;font-size:18px;margin-top:22px;line-height:1.5;text-wrap:pretty}
 .hero-choices{max-width:420px;width:100%;gap:10px;margin-top:24px}
 .hero-choices a{min-height:46px;font-size:15px;padding:11px 16px}
 .text-cta{font-size:13px;margin-top:18px}
 .hero-category>span{bottom:14px;left:15px;right:15px}
 .hero-category b{font-size:clamp(18px,1.6vw,25px)}
 .hero-category small{font-size:12px}
}
@media(min-width:651px) and (max-height:760px){
 .hero-copy h1{font-size:clamp(30px,3.1vw,46px)}
 .hero-copy>p:not(.eyebrow){font-size:15px;margin-top:12px}
 .hero-choices{margin-top:12px;gap:5px}
 .hero-choices a{min-height:36px;padding:7px 12px;font-size:13px}
 .hero-copy>.eyebrow{margin-bottom:10px;font-size:10px}
 .text-cta{margin-top:10px;font-size:11px}
 .hero-category small{font-size:11px}
}
@media(min-width:651px) and (max-width:1000px){
 .hero{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px}
 .hero-category small{display:none}
 .hero-category>span{left:10px;right:10px;bottom:12px}
 .hero-category b{font-size:16px}
 .hero-category i{width:24px;height:24px}
 .hero-copy>p:not(.eyebrow){font-size:15px;margin-top:16px}
 .hero-choices{margin-top:16px;gap:7px}
 .hero-choices a{font-size:13px;padding:9px 12px;min-height:40px}
}