/* The hero is composed of real text, independent photographs and CSS rules. */
.native-hero{position:relative;isolation:isolate;overflow:hidden;background:#e8f2f8;color:#101b30;container-type:inline-size;}
.native-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;}
.native-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 31% 30% at 29% 39%,rgba(255,255,255,.89) 0%,rgba(255,255,255,.66) 48%,rgba(255,255,255,0) 100%),linear-gradient(0deg,rgba(244,249,252,.23),transparent 45%);pointer-events:none;}
.hero-stage{position:relative;width:100%;max-width:2200px;margin:auto;aspect-ratio:1672/941;}
.hero-copy{position:absolute;top:16.8%;left:14.7%;width:43%;}
.hero-mark{display:block;width:clamp(104px,7.4vw,162px);height:auto;object-fit:contain;mix-blend-mode:multiply;}
.hero-kicker{font:500 clamp(10px,.91vw,20px)/1.4 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:clamp(22px,1.9vw,42px) 0 14px;color:#353c48;}
.native-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,4.18vw,92px);line-height:.97;font-weight:600;letter-spacing:-.035em;margin:0;color:#0d172c;}
.native-hero h1 span{display:block;white-space:nowrap;}
.hero-rule{display:block;width:clamp(55px,4.45vw,98px);height:2px;background:#bf984e;margin:clamp(21px,1.65vw,36px) 0 clamp(20px,1.45vw,32px);}
.hero-summary{font:400 clamp(14px,1.12vw,24px)/1.55 Manrope,Arial,sans-serif;margin:0;max-width:90%;color:#454c59;}
.hero-collage{position:absolute;inset:0;pointer-events:none;}
.hero-photo{position:absolute;margin:0;box-shadow:0 20px 34px rgba(15,28,42,.27);}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.hero-photo--facade{left:59.3%;top:21.4%;width:28%;height:45.8%;}
.hero-photo--solar{left:42.95%;top:52.8%;width:27.5%;height:30.8%;z-index:2;}
.hero-label{position:absolute;display:flex;align-items:center;gap:18px;font:500 clamp(10px,.88vw,19px)/1 Manrope,Arial,sans-serif;letter-spacing:.25em;writing-mode:vertical-rl;text-transform:uppercase;color:#17243b;}
.hero-label::after{content:"";display:block;width:2px;height:clamp(54px,4.85vw,106px);background:#c8a15d;}
.hero-photo--facade .hero-label{left:calc(100% + 2.1vw);top:21%;}
.hero-photo--solar .hero-label{right:calc(100% + 1.9vw);top:4%;transform:rotate(180deg);}
.hero-values{position:absolute;left:87.1%;top:71.7%;margin:0;padding:0 0 0 1.4vw;list-style:none;border-left:2px solid #bf984e;display:grid;gap:1.3vw;font:500 clamp(9px,.85vw,18px)/1.4 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:#30394d;}
@media(min-width:2200px){.hero-photo--facade .hero-label{left:calc(100% + 46px)}.hero-photo--solar .hero-label{right:calc(100% + 42px)}.hero-values{padding-left:31px;gap:28px}}
@media(max-width:1100px) and (min-width:761px){
 .hero-copy{left:9%;top:14%;width:49%}.native-hero h1{font-size:4.7vw}.hero-kicker{margin-top:22px;font-size:10px}.hero-summary{font-size:14px;max-width:86%}.hero-rule{margin:18px 0}.hero-stage{min-height:570px}.hero-photo--facade{left:61%;width:28%;height:43%}.hero-photo--solar{left:43%;top:57%;width:29%;height:29%}.hero-values{left:86%;top:74%;font-size:9px;letter-spacing:.15em}
}
@media(max-width:760px){
 .hero-stage{aspect-ratio:auto;padding:clamp(132px,24vw,192px) 24px 28px;}
 .native-hero-bg{inset:0 auto auto -52%;width:180%;max-width:none;height:auto;object-fit:contain;object-position:top center;opacity:1;}
 .native-hero::before{background:linear-gradient(180deg,transparent 0,transparent clamp(92px,17vw,132px),rgba(246,250,253,.86) clamp(152px,28vw,218px),rgba(246,250,253,.9) 45%,rgba(246,250,253,.14) 77%,rgba(246,250,253,.82) 100%);}
 .hero-copy{position:relative;inset:auto;width:100%;max-width:560px;margin:0 auto;}
 .hero-mark{width:116px;}
 .hero-kicker{margin:27px 0 16px;font-size:10px;letter-spacing:.18em;}
 .native-hero h1{font-size:clamp(45px,8.3vw,63px);line-height:1.01;}
 .native-hero h1 span{white-space:normal;}
 .hero-rule{width:58px;margin:24px 0 20px;}
 .hero-summary{max-width:430px;font-size:14px;line-height:1.65;}
 .hero-summary br{display:none;}
 .hero-collage{position:relative;inset:auto;width:100%;max-width:560px;height:auto;aspect-ratio:1.08;margin:36px auto 22px;}
 .hero-photo--facade{left:34%;top:0;width:59%;height:70%;}
 .hero-photo--solar{left:6%;top:50%;width:65%;height:44%;}
 .hero-photo--facade .hero-label{left:calc(100% + 12px);top:18%;}
 .hero-photo--solar .hero-label{right:calc(100% + 10px);top:3%;}
 .hero-label{font-size:8px;gap:10px;letter-spacing:.18em;}
 .hero-label::after{height:40px;width:1px;}
 .hero-values{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;border-left:0;border-top:1px solid rgba(176,144,87,.65);padding:18px 0 0;margin:0 auto;max-width:560px;font-size:8px;letter-spacing:.15em;}
}
@media(max-width:360px){.hero-stage{padding-left:18px;padding-right:18px}.native-hero h1{font-size:40px}.hero-kicker{font-size:9px}}

/* V19: keep the four English value labels inside the existing column. */
@media(min-width:761px){.hero-values{font-size:clamp(8px,.65vw,14px);letter-spacing:.08em;gap:1vw;}}