/* Open Sans is local, with genuine light-to-bold and italic variable faces. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url("fonts/open-sans-normal-v83.woff") format("woff")}
@font-face{font-family:"Open Sans";font-style:italic;font-weight:300 800;font-display:swap;src:url("fonts/open-sans-italic-v83.woff") format("woff")}
.energy-scroll-scene{position:relative;font-family:"Open Sans",Arial,sans-serif}
.energy-screen{position:relative;display:flex;flex-direction:column;height:100svh;height:100dvh;min-height:100svh;min-height:100dvh}
.energy-screen>.nav{flex-shrink:0;min-height:clamp(92px,11.85svh,128px);padding-inline:clamp(24px,6.25vw,120px)}
.energy-screen .brand{width:155px;flex-basis:155px}
.energy-screen .nav-menu a,.energy-screen .nav-actions a,.energy-screen .theme-toggle{text-transform:none}
.energy-scroll-scene.is-pinned{height:calc(var(--energy-screen-height) + var(--energy-travel))}
.is-pinned>.energy-screen{position:sticky;top:0;height:var(--energy-screen-height)}
/* Full-HD sketch: the bolt leads; three compact lines align with its lower left. */
.energy-hero{--charge:1;position:relative;isolation:isolate;flex:1;min-height:calc(100svh - var(--education-nav-height,128px));min-height:calc(100dvh - var(--education-nav-height,128px));padding-block:0;padding-inline:0}
.energy-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-128px 0 0;background:radial-gradient(ellipse 28% 40% at 43% 65%,rgba(164,214,94,.25),transparent 78%);opacity:calc(.3 + var(--charge) * .7)}
.energy-stage{position:absolute;isolation:isolate;inset:0;width:min(100%,1920px);height:100%;margin-inline:auto;container-type:inline-size}
.energy-copy{position:absolute;z-index:2;right:48.7%;top:53%;width:42%;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.energy-offer{font-size:clamp(24px,min(2.1cqw,4.2svh),44px);font-weight:600;line-height:1.07;letter-spacing:-.045em;color:var(--text);overflow-wrap:normal;max-width:100%}
.energy-offer>span{display:block;white-space:nowrap}
.energy-opening,.energy-generation,.energy-ai{font-size:1em;font-weight:600;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:none;margin:0}
.energy-copy .energy-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;justify-content:flex-start;gap:0;margin-top:20px;padding:12px 18px;min-height:48px;border:1px solid rgba(248,248,248,.65);border-radius:14px;background:rgba(29,29,27,.68);color:#f8f8f8;font-size:13px;font-weight:600;text-align:left;line-height:1.2;max-width:100%;transition:color .2s,border-color .2s,background .2s}
.energy-copy .energy-cta::before{content:"";position:absolute;z-index:0;inset:0;background:#d6ff3f;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,.68,.25,1);pointer-events:none}
.energy-cta-label{position:relative;z-index:1;white-space:nowrap}
/* Dark duplicate follows the same fill edge, keeping text readable throughout the transition. */
.energy-cta-ink{position:absolute;z-index:2;inset:0;display:flex;align-items:center;gap:inherit;padding:inherit;color:#1d1d1b;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .55s cubic-bezier(.22,.68,.25,1);pointer-events:none}
.is-transitioning .energy-cta-ink{clip-path:inset(0)}
.energy-copy .energy-cta:hover{border-color:#d6ff3f;background:rgba(29,29,27,.85)}
.energy-copy .energy-cta.is-transitioning{border-color:#d6ff3f}
.energy-copy .energy-cta.is-transitioning::before{transform:scaleX(1)}
.energy-bolt{position:absolute;z-index:1;left:44%;top:3%;width:28%;height:76%;margin:0;pointer-events:none}
.energy-bolt::before{content:"";position:absolute;z-index:-1;inset:-8% -25%;background:radial-gradient(ellipse,rgba(214,255,63,.22),transparent 70%);opacity:calc(var(--charge) * .85);pointer-events:none}
.energy-bolt::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:5%;background:radial-gradient(ellipse,rgba(214,255,63,.3),transparent 70%);filter:blur(9px);opacity:var(--charge);pointer-events:none}
.energy-bolt img,.energy-bolt canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none}
.energy-bolt canvas{opacity:0}
.has-energy-frame canvas{opacity:1}
.has-energy-frame .energy-bolt-poster{visibility:hidden}
.energy-footer{position:absolute;z-index:2;left:0;right:0;top:84%;display:flex;flex-direction:column;align-items:center;gap:0;padding-inline:var(--pad);text-align:center}
.energy-signature{font-size:clamp(16px,1.25vw,24px);font-weight:300;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.energy-signature span{font-weight:300;font-style:normal;color:#d6ff3f}
.education-info{padding-top:64px}
.education-info .collage-heading h2{max-width:24ch;font-size:clamp(36px,3.45vw,68px);line-height:1.1;letter-spacing:-.05em}
.education-info .collage-heading h2 span{display:block}
.collage-art,.collage-process{--card-surface:#d6ff3f;--content-on:#1d1d1b;--muted-on:#404334}
[data-education-theme="light"] .energy-hero::before{background:radial-gradient(ellipse 28% 40% at 43% 65%,rgba(164,214,94,.18),transparent 78%)}
[data-education-theme="light"] .energy-signature span{color:#466719}
[data-education-theme="light"] .energy-copy .energy-cta{background:rgba(248,248,248,.94);border-color:rgba(29,29,27,.4);color:#1d1d1b}
[data-education-theme="light"] .energy-copy .energy-cta:hover{border-color:#466719;background:#f8f8f8}
[data-education-theme="light"] .energy-bolt::before{background:radial-gradient(ellipse,rgba(164,214,94,.2),transparent 70%)}
/* Compact navigation and lower cards on tablets. */
@media(max-width:1199px){
 .energy-screen>.nav{padding-inline:var(--pad)}
 .education-info .collage-heading h2{font-size:clamp(36px,4.6vw,56px)}
}
/* Portrait screens use a vertical composition rather than shrinking the offer. */
@media(max-width:699px),(max-aspect-ratio:1/1){
 .energy-hero{display:flex;flex-direction:column;padding-block:4px 24px;min-height:calc(100svh - var(--education-nav-height,128px));min-height:calc(100dvh - var(--education-nav-height,128px))}
 .energy-hero::before{background:radial-gradient(ellipse 75% 45% at 50% 75%,rgba(164,214,94,.2),transparent 78%)}
 .energy-stage{position:relative;inset:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;flex:1;min-height:0;width:calc(100% - 32px)}
 .energy-copy{position:relative;grid-row:2;right:auto;top:auto;width:100%;align-items:center;text-align:center}
 .energy-offer{font-size:clamp(22px,3.5vw,40px);line-height:1.08;letter-spacing:-.04em}
 .energy-copy .energy-cta{margin-top:16px;font-size:12px}
 .energy-bolt{position:relative;grid-row:1;left:auto;top:auto;width:100%;height:100%;min-height:0;max-height:min(52svh,650px);align-self:center}
 .energy-bolt::before{inset:-8% 0}
 .energy-footer{position:relative;top:auto;left:auto;right:auto;margin-top:20px;padding-inline:16px}
 .energy-signature{font-size:clamp(16px,2.2vw,24px);max-width:52ch}
 [data-education-theme="light"] .energy-hero::before{background:radial-gradient(ellipse 75% 45% at 50% 75%,rgba(164,214,94,.15),transparent 78%)}
}
@media(max-width:699px){
 .energy-screen>.nav{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:102px;padding:16px;gap:8px 12px}
 .energy-screen .brand{width:clamp(104px,30vw,146px);flex-basis:auto}
 .energy-screen .nav-menu{grid-column:1/-1;grid-row:2;order:0;gap:8px}
 .energy-screen .nav-menu a{font-size:10px;padding-block:8px}
 .energy-screen .nav-actions{justify-content:flex-end;gap:6px;flex-wrap:nowrap}
 .energy-screen .nav-actions .pill{min-height:32px;font-size:9px;padding:6px 8px}
 .energy-screen .nav-actions .theme-toggle{padding-inline:0;border-color:transparent;background:transparent}
 .energy-screen .nav-actions .theme-toggle:hover{color:var(--accent-text,#d6ff3f)}
 .energy-hero{min-height:calc(100svh - var(--education-nav-height,102px));min-height:calc(100dvh - var(--education-nav-height,102px))}
 .energy-offer{font-size:clamp(22px,5.6vw,30px)}
 .energy-bolt{max-height:min(52svh,460px)}
 .energy-signature{font-size:clamp(12px,3.2vw,16px);max-width:30ch}
 .education-info{padding-top:48px}.education-info .collage-heading h2{font-size:clamp(32px,8.2vw,48px)}.education-info .collage-heading h2 span{display:inline}
}
@media(min-width:700px) and (max-height:700px) and (min-aspect-ratio:1001/1000){.energy-footer{top:88%}}
/* On shallow landscape displays, normal flow preserves legibility and access. */
@media(max-height:520px){
 .energy-screen{height:auto}
 .energy-hero{height:360px;min-height:360px;flex:none}
 .energy-copy{top:45%}.energy-offer{font-size:clamp(22px,2.1cqw,28px)}
 .energy-copy .energy-cta{margin-top:14px;min-height:48px}
 .energy-bolt{left:49%;height:80%;top:0}
 .energy-footer{top:auto;bottom:16px}.energy-signature{font-size:14px}
}
@media(max-width:699px) and (max-height:520px),(max-aspect-ratio:1/1) and (max-height:520px){
 .energy-hero{height:470px;min-height:470px}
 .energy-copy{top:auto}.energy-offer{font-size:clamp(22px,5.6vw,30px)}
 .energy-bolt{left:auto;height:100%;top:auto;max-height:260px}
 .energy-footer{bottom:auto}.energy-signature{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.energy-scroll-scene.is-pinned{height:auto}.is-pinned>.energy-screen{position:relative;height:auto}.energy-copy .energy-cta,.energy-copy .energy-cta::before,.energy-cta-ink{transition:none}}