.kbbh-has-quartz .kbbhq-feature{background:#fff}
.kbbhq-main{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:center;padding-block:64px}
.kbbhq-main>figure{margin:0;min-width:0}
.kbbhq-photo-inner{position:relative}
.kbbhq-photo-inner>img{display:block;width:100%;height:auto}
.kbbhq-photo figcaption{font-size:11px;line-height:1.5;color:var(--muted);padding-top:10px}
.kbbhq-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.kbbhq-callout{position:absolute;background:#fff;color:var(--blue);font-size:clamp(12px,1vw,15px);font-weight:700;line-height:1.25;padding:8px 12px;white-space:nowrap}
.kbbhq-callout--overlay{left:55%;top:26%}
.kbbhq-callout--existing{left:6%;top:74%}
.kbbhq-copy{min-width:0;padding-bottom:16px}
.kbbhq-copy .kbbd-eyebrow{font-size:15px;line-height:1.5;color:var(--blue);font-weight:700;max-width:470px;margin:0 0 24px}
.kbbhq-copy .kbbd-eyebrow::before{background:var(--orange)}
.kbbd .kbbhq-copy h2{font-size:clamp(34px,3.05vw,52px);line-height:1.14;letter-spacing:-.04em;color:var(--blue);text-wrap:initial;margin:0 0 26px}
.kbbhq-copy .kbbhq-intro{font-size:18px;line-height:1.7;margin:0 0 28px;max-width:565px}
.kbbhq-copy .kbbd-button{min-height:54px;padding-inline:28px}
.kbbhq-copy .kbbhq-contact{margin:20px 0 0}
.kbbhq-contact .kbbd-text-link{font-size:16px}
.kbbhq-measure{display:block;position:relative;height:11px;margin:40px 0 0 15px;border-top:1px solid var(--orange);background:repeating-linear-gradient(90deg,var(--orange) 0 1px,transparent 1px 14px);max-width:430px}
.kbbhq-measure::before{content:'';position:absolute;width:13px;height:13px;border:2px solid var(--orange);border-radius:50%;left:-15px;top:-7px;background:#fff}
.kbbhq-benefits{padding-block:30px}
.kbbhq-benefits>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:28px;margin-block:0}
.kbbhq-benefits li{display:flex;align-items:center;gap:21px;min-width:0;margin:0}
.kbbhq-benefits li+li{border-left:1px solid #ffffff60;padding-left:28px}
.kbbhq-benefits svg{width:62px;height:62px;flex-shrink:0;color:var(--orange)}
.kbbd .kbbhq-benefits h3{color:#fff;font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:0 0 6px}
.kbbhq-benefits p{color:#fff;font-size:14px;line-height:1.6;margin:0}
.kbbh-has-quartz .kbbh-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.kbbhq-main{gap:32px}.kbbhq-copy .kbbhq-intro{font-size:16px}.kbbhq-benefits li{gap:14px}.kbbhq-benefits svg{width:46px;height:46px}.kbbhq-benefits li+li{padding-left:20px}.kbbd .kbbhq-benefits h3{font-size:16px}}
@media(max-width:900px){.kbbhq-main{grid-template-columns:1fr;padding-block:40px;gap:30px}.kbbhq-copy{order:-1;padding:0}.kbbd .kbbhq-copy h2{font-size:clamp(34px,5.8vw,46px)}.kbbhq-copy .kbbd-eyebrow{max-width:none;margin-bottom:20px}.kbbhq-copy .kbbhq-intro{max-width:650px}.kbbhq-measure{margin-top:28px}.kbbhq-photo{max-width:720px}.kbbhq-benefits>ul{grid-template-columns:1fr;gap:0}.kbbhq-benefits li{padding:18px 0;gap:22px}.kbbhq-benefits li+li{border-left:0;border-top:1px solid #ffffff50;padding-left:0}.kbbhq-benefits{padding-block:12px}.kbbhq-benefits svg{width:54px;height:54px}.kbbd .kbbhq-benefits h3{font-size:18px}.kbbhq-benefits p{font-size:15px}.kbbh-has-quartz .kbbh-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.kbbhq-copy .kbbd-button{display:flex;width:100%;padding-inline:16px}.kbbhq-callout{font-size:11px;padding:6px 8px}.kbbhq-contact .kbbd-text-link{font-size:15px}.kbbhq-copy .kbbd-eyebrow{font-size:13px}.kbbhq-measure{max-width:90%}}
/* Keep the four accessory cards consistent on narrow phones. */
@media(max-width:539.98px){
 .kbbh-has-quartz .kbbh-category-grid{grid-template-columns:minmax(0,1fr)}
 .kbbh-has-quartz .kbbh-category{grid-column:auto}
 .kbbh-has-quartz .kbbh-category>div{aspect-ratio:16/9}
 .kbbh-has-quartz .kbbh-category--taps img{object-position:center 30%}
}