/* Scope: /energy-products/#energy-families only. One approved, uncropped scene. */
.energy-atlas{--atlas-paper:#f3f1ea;--atlas-ink:#092f29;background:var(--atlas-paper);color:var(--atlas-ink);scroll-margin-top:110px}
.energy-atlas__inner{position:relative;max-width:1600px;margin:0 auto;isolation:isolate}
.energy-atlas__header{position:relative;z-index:5;padding:36px 3.3% 25px;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}
.energy-atlas__header a{pointer-events:auto}
.energy-portfolio .energy-atlas__eyebrow{font-size:12px;line-height:1.4;letter-spacing:.13em;color:var(--atlas-ink);margin-bottom:13px}
.energy-portfolio .energy-atlas h2{font-family:Arial,"Noto Sans SC",sans-serif;font-size:clamp(30px,3.1vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.045em;color:var(--atlas-ink)}
.energy-portfolio .energy-atlas__intro{font-size:clamp(13px,1.12vw,18px);line-height:1.5;color:var(--atlas-ink);margin-top:6px}
.energy-atlas__catalog{display:inline-flex;flex-shrink:0;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;white-space:nowrap}
.energy-atlas__scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#456659 transparent}
.energy-atlas__scroll:focus-visible{outline:2px solid #a17017;outline-offset:-3px}
.energy-atlas__scene{position:relative;width:100%;aspect-ratio:1672/941;min-width:1000px}
.energy-atlas__environment{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.energy-atlas__leaders{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.energy-atlas__leaders path{stroke:#fff;stroke-width:1;fill:none;filter:drop-shadow(0 1px 1px #0007)}
.energy-atlas__leaders circle{fill:var(--atlas-ink);stroke:var(--atlas-paper);stroke-width:1}
.energy-atlas__spot{position:absolute;z-index:3;font-size:clamp(12px,.94vw,16px);line-height:1.3;color:var(--atlas-ink)}
.energy-atlas__spot[open]{z-index:6}
.energy-atlas__spot summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 9px;font:inherit;font-weight:600;border-radius:4px;white-space:nowrap;background:#fffffff5;box-shadow:0 2px 14px #1029201c;transition:background .18s,color .18s}
.energy-atlas__spot summary::-webkit-details-marker{display:none}
.energy-atlas__spot summary:hover,.energy-atlas__spot[open] summary{background:var(--atlas-ink);color:#fff}
.energy-atlas__spot summary:focus-visible{outline:2px solid #a17017;outline-offset:4px}
.energy-atlas__number{font-variant-numeric:tabular-nums}
.energy-atlas__arrow{font-weight:400}
.energy-atlas__spot--1{left:2.6%;top:13.6%}
.energy-atlas__spot--2{left:46%;top:88%}
.energy-atlas__spot--3{right:3%;top:7%}
.energy-atlas__spot--4{left:2.6%;top:90%}
.energy-atlas__spot--5{right:1.5%;top:78%}
.energy-atlas__spot--6{left:45%;top:5%}
.energy-atlas__spot--7{left:16.5%;top:4%}
.energy-atlas__detail{position:absolute;top:100%;left:0;width:260px;background:#fff;padding:16px;border-radius:0 4px 4px 4px;box-shadow:0 12px 28px #18392b15;white-space:normal}
.energy-portfolio .energy-atlas__detail h3{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;margin:0 0 6px;color:var(--atlas-ink)}
.energy-portfolio .energy-atlas__detail p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.energy-portfolio .energy-atlas__detail a{font-size:12px;line-height:1.4;min-height:36px;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:3px;color:#0b583c}
.energy-atlas__spot--3 .energy-atlas__detail,.energy-atlas__spot--5 .energy-atlas__detail{left:auto;right:0}
.energy-atlas__spot--2 .energy-atlas__detail,.energy-atlas__spot--4 .energy-atlas__detail,.energy-atlas__spot--5 .energy-atlas__detail{top:auto;bottom:100%;border-radius:4px 4px 0 4px}
.energy-atlas__footer{position:relative;z-index:2;padding:22px 3.3% 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.04em;pointer-events:none}
.energy-atlas__footer>span:first-child{letter-spacing:.16em}
.energy-atlas__mobile-hint{display:none}
@media(max-width:1100px){
 .energy-atlas__header{align-items:flex-start}
 .energy-portfolio .energy-atlas__intro{max-width:430px}
 .energy-atlas__catalog{font-size:12px}
 .energy-atlas__detail{width:225px;padding:12px}
 .energy-atlas__spot summary{gap:5px;padding-inline:6px}
}
@media(max-width:999px){
 .energy-atlas__header{padding:34px 24px 24px}
 .energy-portfolio .energy-atlas h2{font-size:clamp(30px,5vw,42px)}
 .energy-atlas__footer{position:relative;inset:auto;padding:20px 24px 28px;font-size:10px}
 .energy-atlas__mobile-hint{display:inline}
 .energy-atlas__desktop-hint{display:none}
 .energy-atlas__spot{font-size:13px}
 .energy-atlas__spot summary{min-height:44px}
}
@media(max-width:600px){
 .energy-atlas__header{display:block;padding:30px 20px 24px}
 .energy-portfolio .energy-atlas__eyebrow{font-size:10px;margin-bottom:12px}
 .energy-portfolio .energy-atlas__intro{font-size:14px;max-width:340px;margin-top:10px}
 .energy-atlas__catalog{margin-top:12px;font-size:13px}
 .energy-atlas__footer{padding:12px 20px 24px;align-items:flex-start;flex-direction:column;gap:8px}
}
/* Fit the whole photograph and its coordinate-based annotations on phones. */
@media(max-width:767px){
 .energy-atlas__scene{min-width:0;container-type:inline-size}
 .energy-atlas__spot{font-size:.94cqw}
 .energy-atlas__spot summary{min-height:2.77778cqw;gap:.55556cqw;padding:.48611cqw .625cqw;border-radius:.27778cqw}
 .energy-atlas__detail{width:min(225px,calc(100vw - 32px));padding:12px}
 .energy-atlas__mobile-hint{display:none}
 .energy-atlas__desktop-hint{display:inline}
}
@media(prefers-reduced-motion:reduce){.energy-atlas__spot summary{transition:none}}