:root{--black:#25292c;--white:#fafbfc;--ice:#e7e9ea;--accent:#77858e;--gray:#555f65;--line:#d5dadd}
.hero-band,.hero{background:var(--white);color:var(--black)}
.hero-copy p,.hero p,.hero-note span,.hero-card span{color:var(--gray)}
.hero-copy .hero-subtitle{color:var(--black)}
.hero-note,.hero-card{border-left:1px solid var(--line)}
.button,.button.primary{background:var(--black);color:var(--white);border:1px solid var(--black)}
.button:hover{background:#424b51;color:var(--white);border-color:#424b51}
.brand-the,.brand b{color:var(--black)}
.eyebrow,.contact-box small{color:var(--gray)}
.foot-brand span{color:var(--white)}
.services-carousel{background:var(--ice);color:var(--black)}
.services-carousel .carousel-card{background:var(--white);color:var(--black);border-color:var(--line)}
.services-carousel .card-copy p{color:var(--gray)}
.services-carousel .carousel-btn{color:var(--black);border-color:var(--accent)}
.carousel-btn:hover,.card-number{background:var(--black);color:var(--white)}
.equipment-head,.process,.step{background:var(--ice)}
.equipment-head p,.step p{color:var(--gray)}
.steps{background:var(--line)}
.faq{background:var(--ice);color:var(--black)}
.faq article{background:var(--white);border-top:1px solid var(--accent)}
.faq p{color:var(--gray)}
@media(hover:hover) and (pointer:fine){
 html,body,body *{cursor:url('/assets/white-room-cursor.png') 18 7,auto}
 a,button,[role="button"],a *,button *{cursor:url('/assets/white-room-cursor.png') 18 7,pointer}
 input,textarea,[contenteditable="true"]{cursor:text}
 select{cursor:url('/assets/white-room-cursor.png') 18 7,pointer}
}

/* Let the symbol lead the header and footer. */
.brand .brand-name,.brand>span{font-size:.76rem;letter-spacing:.045em}
.foot-brand>div{font-size:.72rem;letter-spacing:.045em;white-space:nowrap}
.brand img[src$="white-room-symbol.svg"]{width:86px;height:auto}
.footer-mark{width:90px;height:auto}
.editorial-page-hero{width:100%;background:var(--ice);overflow:hidden}
.editorial-page-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;max-height:720px;object-position:center 58%}
@media(max-width:760px){
.brand .brand-name,.brand>span{font-size:.7rem}
.foot-brand>div{font-size:.68rem}
.brand img[src$="white-room-symbol.svg"]{width:78px}
.editorial-page-hero img{max-height:none;aspect-ratio:16/9;object-fit:contain}
}