/* Approved R11 scene, published Energy Field version 9. Font aliases isolate the supplied font files. */
@font-face{font-family:'Noventa Energy DM Sans';font-weight:400;font-display:swap;src:url('assets/energy-field/DMSans-400.ttf')}
@font-face{font-family:'Noventa Energy DM Sans';font-weight:700;font-display:swap;src:url('assets/energy-field/DMSans-700.ttf')}
@font-face{font-family:'Noventa Energy Libre Baskerville';font-weight:400;font-display:swap;src:url('assets/energy-field/LibreBaskerville-400.ttf')}

.hero.hero-full{display:block;padding:0;background:#071A33}
.hero-full .hero-intro-panel{background:var(--soft);color:#052D68}
.hero-full .hero-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px clamp(40px,5vw,80px);align-items:start;width:88%;padding:52px 0 60px;max-width:1200px;margin:0 auto}
.hero-full .hero-copy,.hero-full .hero-description{min-width:0;padding:0}
.hero-full h1{font-size:clamp(34px,4vw,58px);line-height:1.22;letter-spacing:-.025em;inline-size:100%;margin:0;text-align:left}
.hero-full .hero-title-line,.hero-full h1 em{display:block}
.home-page .hero-full .hero-description .lede{inline-size:100%;margin:0 0 28px auto;padding:0;max-width:420px;max-inline-size:420px;font-size:clamp(17px,1.3vw,18px);line-height:1.6;color:inherit}
.hero-full .actions{inline-size:var(--copy-measure,100%);max-inline-size:100%;margin-inline-start:auto;justify-content:flex-end}
.home-page .hero-full .hero-title-line,.home-page .guide-title h2,.home-page .next h2{color:var(--noventa-blue)}
.home-page .hero-full .hero-intro .button,.home-page .next>.button{background:var(--navy);color:#fff}
.home-page .hero-full .hero-intro .button:hover,.home-page .next>.button:hover{background:var(--navy)}
.home-page .hero-full .hero-intro .button:focus-visible,.home-page .next>.button:focus-visible{outline-color:var(--noventa-blue)}

.energy-study{position:relative;max-width:1920px;margin:auto;color:#F4F5F7}
.energy-study .stage{position:relative;aspect-ratio:16/10;background:#071A33 url('assets/energy-field/constellation-poster.png') center/contain no-repeat;overflow:hidden}
.energy-study .stage canvas{display:block;width:100%;height:100%;opacity:0}
.energy-study.ready canvas{opacity:1}
.energy-study .hit{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;border:0;background:transparent;cursor:pointer}
.energy-study .hit:disabled{visibility:hidden}
.energy-study .hit:hover{background:radial-gradient(ellipse,rgba(53,194,210,.035),transparent 70%)}
.energy-study button:focus-visible{outline:2px solid #35C2D2;outline-offset:5px}
.energy-study .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.energy-study .rail{display:none}

@media(max-width:1050px){
  .energy-study .stage{aspect-ratio:800/1450;background-image:url('assets/energy-field/constellation-mobile.png')}
}
@media(max-width:760px){
  .hero-full .hero-intro{grid-template-columns:1fr;gap:28px;padding:40px 0 52px}
}
@media(max-width:700px){
  .hero-full h1{font-size:clamp(38px,9vw,48px)}
}