/* Design B / Blue Horizon V9 — three editorial rotating headlines and clean no-metrics solar photograph */
.bh8-hero{height:clamp(520px, 40vw, 610px);min-height:520px;position:relative;overflow:hidden;background-image:url('img/avaersa-clean-energy-hero-no-metrics-v9.webp');background-position:center center;background-size:100% 100%;background-repeat:no-repeat;isolation:isolate;}
.bh8-hero .tm-hero-photo{display:none!important;}
/* Cover the pre-rendered wording in the selected reference image, so genuine HTML wording can rotate. */
.bh8-hero .tm-hero-cut{z-index:0;clip-path:polygon(0 0,56% 0,36.5% 100%,0 100%);background:linear-gradient(115deg,#fff 0%,#fbfdff 65%,#edf6fd 100%);opacity:1;}
.bh8-hero:after{display:none!important;}
.bh8-hero .tm-hero-inner{height:100%;min-height:0;padding:34px 0 36px;align-items:center;z-index:2;position:relative;pointer-events:none;}
.bh8-hero .tm-hero-content{width:48%;max-width:630px;pointer-events:auto;position:relative;z-index:5;}
.bh8-hero .tm-eyebrow{margin-bottom:24px;font-size:.66rem;}
.bh8-hero .tm-hero-content h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.05rem,3.15vw,3.27rem);letter-spacing:-.046em;line-height:1.13;min-height:3.35em;margin:0 0 18px;max-width:100%;text-wrap:balance;color:#072c58;}
.bh8-hero .tm-hero-content h1 em{color:#085ed5;font-style:italic;}
.bh8-hero .tm-hero-content>p{font-size:clamp(.77rem,1.06vw,1rem);line-height:1.53;max-width:530px;min-height:3.15em;margin:0 0 22px;color:#365c83;}
.bh8-hero .tm-hero-buttons{margin:0 0 25px;display:flex;gap:11px;flex-wrap:wrap;}
.bh8-hero .tm-button{font-size:.8rem;padding:12px 16px;}
.bh8-hero .tm-benefits{margin-top:0;gap:0;flex-wrap:wrap;}
.bh8-hero .tm-benefits span{font-size:.69rem;white-space:nowrap;}
.bh8-dynamic{transition:opacity 310ms ease,transform 310ms ease;}
.bh8-hero.bh8-is-changing .bh8-dynamic{opacity:0;transform:translateY(12px);}
.bh8-slider-controls{display:flex;align-items:center;gap:9px;margin-top:21px;position:relative;z-index:5;}
.bh8-dot{border:0;appearance:none;border-radius:30px;background:#b5cbe2;width:10px;height:10px;padding:0;cursor:pointer;transition:all 230ms ease;}
.bh8-dot.is-active{background:#075cb6;width:27px;}
.bh8-dot:hover,.bh8-dot:focus-visible{outline:2px solid #1260bb;outline-offset:3px;}
.bh8-slider-label{font-size:.67rem;font-weight:800;letter-spacing:.09em;color:#57779b;margin-left:8px;font-variant-numeric:tabular-nums;}
.bh8-pause{border:1px solid #cadaec;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;cursor:pointer;background:#f5faff;color:#0c5aab;margin-left:5px;}
.bh8-pause:hover,.bh8-pause:focus-visible{background:#e4f2ff;outline:2px solid #1260bb;outline-offset:2px;}
.bh8-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;border:0;}
/* Opaque, real HTML stat cards cover the text baked into the reference scene, including its incorrect 5 GW example. */
.bh8-hero .tm-metric.bh8-metric{z-index:4;position:absolute;transform:none;box-sizing:border-box;background:linear-gradient(145deg,#e7f3fd 0%,#f3f9ff 100%);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 25px rgba(9,49,98,.17);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:18px;padding:16px 18px 13px;min-height:133px;width:16.2%;}
.bh8-hero .tm-metric.bh8-metric.top{top:8.1%;left:67.8%;right:auto;bottom:auto;}
.bh8-hero .tm-metric.bh8-metric.mid{top:37.9%;left:46.9%;right:auto;bottom:auto;}
.bh8-hero .tm-metric.bh8-metric.bottom{top:59.5%;left:79.7%;right:auto;bottom:auto;width:17.5%;}
.bh8-hero .tm-metric.bh8-metric svg{width:24px;height:24px;color:#38af45;margin-bottom:6px;}
.bh8-hero .tm-metric.bh8-metric strong{font-size:clamp(1.35rem,2vw,2.14rem);line-height:1.12;color:#092c56;}
.bh8-hero .tm-metric.bh8-metric span{font-size:clamp(.53rem,.75vw,.83rem);color:#435f80;font-weight:650;line-height:1.4;}
@media(min-width:1550px){.bh8-hero{height:610px;}}
@media(max-width:1180px) and (min-width:781px){
.bh8-hero{height:520px;min-height:520px;}
.bh8-hero .tm-hero-content{width:47%;}
.bh8-hero .tm-hero-content h1{font-size:clamp(1.8rem,3.15vw,2.6rem);}
.bh8-hero .tm-benefits span{font-size:.59rem;padding:0 9px;}
.bh8-hero .tm-metric.bh8-metric{min-height:110px;padding:10px 13px;width:17%;}
.bh8-hero .tm-metric.bh8-metric.mid{left:46%;}
.bh8-hero .tm-metric.bh8-metric.bottom{width:18%;left:79%;}
}
@media(max-width:780px){
.bh8-hero{height:auto;min-height:720px;display:flex;flex-direction:column;justify-content:flex-start;background-image:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(253,254,255,.97) 48%,rgba(255,255,255,.0) 68%),url('img/avaersa-clean-energy-mobile-v9.webp');background-size:100% 100%,cover;background-position:center,78% bottom;background-repeat:no-repeat;background-color:#f6fbff;}
.bh8-hero .tm-hero-cut{display:none!important;}
.bh8-hero .tm-hero-inner{display:block;min-height:0;height:auto;padding:27px 0 300px;}
.bh8-hero .tm-hero-content{width:100%;max-width:100%;}
.bh8-hero .tm-eyebrow{margin-bottom:13px;}
.bh8-hero .tm-hero-content h1{font-size:clamp(1.95rem,6.6vw,3.1rem);min-height:0;line-height:1.1;margin-bottom:14px;max-width:660px;}
.bh8-hero .tm-hero-content>p{font-size:.9rem;min-height:0;max-width:600px;margin-bottom:17px;}
.bh8-hero .tm-hero-buttons{margin-bottom:16px;}
.bh8-hero .tm-benefits{gap:4px;}
.bh8-hero .tm-benefits span{font-size:.68rem;padding:0 9px 0 0;border:0;}
.bh8-slider-controls{margin-top:12px;}
.bh8-hero .tm-metric.bh8-metric{min-height:75px;padding:7px 9px 6px;border-radius:12px;width:26%;}
.bh8-hero .tm-metric.bh8-metric.top{top:auto;bottom:164px;left:9%;}
.bh8-hero .tm-metric.bh8-metric.mid{top:auto;bottom:49px;left:41%;}
.bh8-hero .tm-metric.bh8-metric.bottom{top:auto;bottom:159px;left:72%;width:25%;}
.bh8-hero .tm-metric.bh8-metric svg{width:17px;height:17px;margin:0 0 3px;}
.bh8-hero .tm-metric.bh8-metric strong{font-size:clamp(1.02rem,3.7vw,1.4rem);}
.bh8-hero .tm-metric.bh8-metric span{font-size:clamp(.53rem,1.5vw,.67rem);}
}
@media(max-width:485px){
.bh8-hero{min-height:740px;background-size:100% 100%,cover;background-position:center,72% center;}
.bh8-hero .tm-hero-inner{padding:30px 0 290px;}
.bh8-hero .tm-hero-content h1{font-size:clamp(1.93rem,8.5vw,2.52rem);}
.bh8-hero .tm-hero-content>p{font-size:.83rem;}
.bh8-hero .tm-button{padding:9px 12px;font-size:.73rem;}
.bh8-hero .tm-benefits span{font-size:.56rem;padding-right:6px;}
.bh8-hero .tm-metric.bh8-metric.top{left:5%;bottom:157px;width:27%;}
.bh8-hero .tm-metric.bh8-metric.mid{left:38%;bottom:43px;width:28%;}
.bh8-hero .tm-metric.bh8-metric.bottom{left:71%;bottom:153px;width:27%;}
}
@media(prefers-reduced-motion:reduce){.bh8-dynamic,.bh8-dot{transition:none!important;}}

/* V9 refinements */
.bh8-hero .tm-metric{display:none!important;}
.bh8-hero .tm-hero-content h1 em{font-weight:700;color:#115edc;}
.bh8-hero .tm-hero-content{max-width:600px;}
@media (min-width:781px){
  .bh8-hero .tm-hero-content h1{font-size:clamp(1.86rem,2.95vw,3.05rem);min-height:3.35em;}
  .bh8-hero .tm-hero-content>p{min-height:4.4em;}
}
@media (max-width:780px){
  .bh8-hero .tm-hero-content h1{min-height:0;}
  .bh8-hero .tm-hero-content>p{min-height:0;}
  .bh8-hero{background-position:center,center bottom;background-size:100% 100%,cover;}
}