/* Match the inner-page hero scale to the Services page. */
.catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero{min-height:350px;box-sizing:border-box}
.catalog-hero,.projects-hero,.contact-hero{display:flex;align-items:center;padding:52px 0 72px}
.catalog-hero .wrap,.projects-hero .wrap,.contact-hero .wrap{margin:0 auto}
.catalog-hero .eyebrow,.projects-hero .eyebrow,.contact-hero .eyebrow,.pro-hero .eyebrow,.show-hero .eyebrow{font-size:10px;line-height:1.4;letter-spacing:.17em;margin:0 0 12px}
.catalog-hero h1,.projects-hero h1,.contact-hero h1,.pro-hero h1,.show-hero h1{font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.045em;max-width:650px;margin:0}
.catalog-hero p:not(.eyebrow),.projects-hero p:not(.eyebrow),.contact-hero p:not(.eyebrow),.pro-hero p:not(.eyebrow),.show-hero p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:410px;margin:17px 0 22px}
.pro-hero .wrap{padding:52px 0 72px}
.show-hero{grid-template-columns:1fr 1fr}
.show-hero-copy{padding:52px clamp(34px,5vw,72px)}
.show-hero .button,.pro-hero .button{min-height:48px}
@media(max-width:900px){.catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero{min-height:340px}.catalog-hero,.projects-hero,.contact-hero{padding:52px 0 67px}.pro-hero .wrap{padding:52px 0 67px}.show-hero-copy{padding:52px 35px 67px}}
@media(max-width:650px){.catalog-hero,.projects-hero,.contact-hero{min-height:0;padding:55px 0 64px}.catalog-hero h1,.projects-hero h1,.contact-hero h1,.pro-hero h1,.show-hero h1{font-size:34px}.catalog-hero p:not(.eyebrow),.projects-hero p:not(.eyebrow),.contact-hero p:not(.eyebrow),.pro-hero p:not(.eyebrow),.show-hero p:not(.eyebrow){font-size:14px;margin:15px 0 20px}.pro-hero{min-height:0;padding-top:150px}.pro-hero::before,.pro-hero::after{height:150px}.pro-hero .wrap{padding:28px 0 65px}.show-hero{display:flex;flex-direction:column;min-height:0;background:#151515}.show-hero-image{height:150px;min-height:150px}.show-hero-copy{padding:28px 16px 65px}}
@media(min-width:651px) and (max-width:800px){.show-hero{display:grid;grid-template-columns:1fr 1fr;min-height:340px}.show-hero-image{min-height:340px}.show-hero-copy{padding:35px 24px}}

/* Unified inner-page hero: same size on Products, Projects, Services, Professionals, Showroom and Contact. */
.catalog-page .catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero,.services-hero{height:420px!important;min-height:420px!important;box-sizing:border-box!important;overflow:hidden}
.catalog-page .catalog-hero,.projects-hero,.contact-hero{display:flex!important;align-items:center!important;padding:0!important}
.pro-hero .wrap,.services-hero-content{padding:0!important}
.show-hero-copy{padding-top:0!important;padding-bottom:0!important}
.catalog-page .catalog-hero h1,.projects-hero h1,.contact-hero h1,.pro-hero h1,.show-hero h1,.services-hero h1{font-size:56px!important;line-height:1.07!important;letter-spacing:-.045em!important}
@media(max-width:900px){
.catalog-page .catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero,.services-hero{height:auto!important;min-height:380px!important}
.catalog-page .catalog-hero h1,.projects-hero h1,.contact-hero h1,.pro-hero h1,.show-hero h1,.services-hero h1{font-size:44px!important}
}
@media(max-width:650px){
.catalog-page .catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero,.services-hero{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;height:auto!important;min-height:340px!important;padding:48px 0!important}
.catalog-page .catalog-hero h1,.projects-hero h1,.contact-hero h1,.pro-hero h1,.show-hero h1,.services-hero h1{font-size:34px!important}
.services-hero-image{inset:0!important;height:auto!important}
.services-hero-image:before{background:linear-gradient(90deg,rgba(15,15,14,.9),rgba(15,15,14,.55))!important}
.services-hero-content{background:transparent!important}
.pro-hero::before,.pro-hero::after{inset:0!important;height:auto!important}
.pro-hero::after{background:linear-gradient(90deg,rgba(24,24,22,.92),rgba(24,24,22,.55))!important}
.pro-hero .wrap{background:transparent!important}
.show-hero-image{position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;background-size:cover!important;background-position:center!important}
.show-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,21,21,.92),rgba(21,21,21,.55))}
.show-hero-copy{position:relative;z-index:1;padding:0 16px!important}
}

/* Photo backgrounds for the Projects and Contact heroes, styled like the Products hero. */
.projects-hero,.contact-hero{position:relative;color:#fff;background-color:#151515!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.projects-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28)),url('assets/projects-hero.webp')!important}
.contact-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28)),url('assets/venthermo-modern-insert.webp')!important}
.projects-hero p:not(.eyebrow),.contact-hero p:not(.eyebrow){color:#e5e1dc!important}
@media(max-width:650px){
.projects-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55)),url('assets/projects-hero.webp')!important}
.contact-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55)),url('assets/venthermo-modern-insert.webp')!important}
}

/* Professionals hero: its own photo, so it no longer repeats the homepage hero. */
.pro-hero::before{background-image:url('assets/professionals-library-hero.webp')!important;background-position:center!important}

/* Projects hero: wide Trimline room-divider interior, mirrored so the fireplace sits on the right, away from the text. */
.projects-hero{background-image:none!important}
.projects-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url('assets/trimline/gas/images/trimline-83-room-divider-0.jpg') center 38%/cover no-repeat;transform:scaleX(-1)}
.projects-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.45) 45%,rgba(0,0,0,.12))}
.projects-hero .wrap{position:relative;z-index:1}
@media(max-width:650px){
.projects-hero{background-image:none!important}
.projects-hero::before{background-position:20% center}
.projects-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55))}
}

/* Wide screens: let every inner-page hero grow with the viewport so photos are not over-cropped. */
@media(min-width:901px){
.catalog-page .catalog-hero,.projects-hero,.contact-hero,.pro-hero,.show-hero,.services-hero{height:clamp(420px,27vw,540px)!important;min-height:clamp(420px,27vw,540px)!important}
}

/* One consistent look on desktop: every hero photo full-width, text on the left, same shade. */
@media(min-width:651px){
:root{--hero-shade:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.12) 78%)}
.catalog-page .catalog-hero{background:var(--hero-shade),url('assets/products-hero-modern-fireplace-v2.webp') center/cover no-repeat!important}
.contact-hero{background-image:var(--hero-shade),url('assets/venthermo-modern-insert.webp')!important}
.projects-hero::after{background:var(--hero-shade)!important}
.services-hero-image:before{background:var(--hero-shade)!important}
.pro-hero::before{inset:0!important}
.pro-hero::after{background:var(--hero-shade)!important}
.show-hero{position:relative!important;display:flex!important;align-items:center!important}
.show-hero-image{position:absolute!important;inset:0!important;height:auto!important;min-height:0!important;background-size:cover!important;background-position:center!important}
.show-hero-image::after{content:"";position:absolute;inset:0;background:var(--hero-shade)}
.show-hero-copy{position:relative;z-index:1;width:var(--wrap);margin:0 auto;padding:0!important}
.show-hero-copy p:not(.eyebrow){color:#e5e1dc!important}
}

/* Category pages have their own intro: keep the general catalogue hero hidden there. */
body.category-view-bio .catalog-hero,body.category-view-wood .catalog-hero,body.category-view-gas .catalog-hero,body.category-view-electric .catalog-hero,body.category-view-stove .catalog-hero,body.category-view-cassettes .catalog-hero,body.category-view-design .catalog-hero,body.category-view-outdoor .catalog-hero{display:none!important}