/* One continuous photo in every desktop panel; original mobile photos preserved. */
@media(min-width:1101px){
body.home-modern #top.hero-carousel .revised-hero-grid{min-height:clamp(360px,calc(100svh - 500px),620px);padding-top:16px;padding-bottom:56px}
body.home-modern #top.hero-carousel .revised-hero-photo img,body.home-modern #top.hero-carousel .hero-panel:not(:first-child) .revised-hero-photo img{object-fit:cover;object-position:right center;background:none}
body.home-modern #top.hero-carousel #hero-panel-3 .revised-hero-photo img{object-position:right 60%}
#top.hero-carousel .hero-copy h1,#top.hero-carousel .hero-slide-heading{margin-top:10px;margin-bottom:8px}
#top.hero-carousel .hero-description{min-height:0;margin-bottom:8px}
#top.hero-carousel .hero-panel::before{background:linear-gradient(90deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.6) 28%,rgba(255,255,255,.22) 43%,rgba(255,255,255,0) 53%)}
}
body.home-modern #categories{padding-top:16px;padding-bottom:44px}
body.home-modern #categories .section-head{margin-bottom:14px}
body.home-modern #categories .category-grid{row-gap:12px}
@media(min-width:901px) and (max-width:1279px){body.home-modern #categories .category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){
body.home-modern #top.hero-carousel .revised-hero-grid{display:flex;flex-direction:column;gap:18px;padding:24px 0 0;min-height:0}
#top.hero-carousel .hero-panel::before{content:none}
#top.hero-carousel .hero-copy{flex:1}
body.home-modern #top.hero-carousel .revised-hero-photo{position:relative;min-height:0;height:auto;aspect-ratio:16/9;width:100vw;align-self:center;flex:none}
body.home-modern #top.hero-carousel .revised-hero-photo img,body.home-modern #top.hero-carousel .hero-panel:not(:first-child) .revised-hero-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;background:none}
#top.hero-carousel .hero-tabs{position:relative;left:auto;right:auto;bottom:auto;justify-content:center;gap:0;padding:4px 0 10px}
#top.hero-carousel .hero-tabs button{flex:1;font-size:14px}
body.home-modern #top.hero-carousel .revised-hero-photo figcaption{bottom:8px}
body.home-modern #categories{padding-top:22px;padding-bottom:32px}
}
@media(max-width:480px){#top.hero-carousel .hero-tabs button{font-size:13px}}