@import url('/energy/case.css');
:root{--ink:#17242e;--paper:#f6f4ed;--yellow:#efc39a;--muted:#62717a;--line:#17242e26;color-scheme:light}
.case-header{background:#f6f4edf5}.brand{font-size:16px}.hero{padding:70px 0 70px 5%;grid-template-columns:.92fr 1.12fr;gap:20px;min-height:700px;align-items:center}.hero-copy{position:relative;z-index:1;padding-right:15px}.hero h1{font-size:clamp(52px,6.6vw,100px);letter-spacing:-.065em;line-height:1.02}.hero h1 em{background:transparent;color:#9a6442}.hero .lead{font-size:18px;max-width:31ch;margin-bottom:12px}.pill{min-height:52px;padding:17px 24px;gap:32px;font-size:15px;transition:background .2s,transform .2s}.pill:hover{background:#365361;transform:translateY(-2px)}.pill span{font-size:20px}.eyebrow{font-size:11px;letter-spacing:1.7px;line-height:1.6}.hero .eyebrow{max-width:35ch}
.cinema-case .hero-art.cinema{position:relative;min-height:520px;height:560px;width:100%;border-radius:240px 0 0 240px;background:radial-gradient(ellipse at 70% 40%,#526771,#2e444f 55%,#243b47);isolation:isolate;overflow:hidden;box-shadow:none}
.cinema-case .hero-art .world{inset:10px -15% 45px -17%;width:auto;height:auto}.cinema-case .hero-art .scene-tools{top:24px;bottom:auto;left:auto;right:5%}.scene-caption{position:absolute;bottom:30px;right:5%;left:150px;margin:0;color:#d3ddd6;font-size:11px;text-align:right;line-height:1.5}.cinema-case .hero-art .loading{background:#2e444f}.cinema-case .hero-art .error{left:15%;right:15%;font-size:15px;top:35%}.facts{background:#eeeae0}.facts small{font-size:10px;color:#5c666c}.facts strong{font-size:14px}.intro-grid{gap:9%}.intro-grid .large{max-width:590px}.privacy-note{border-left:2px solid #b17c50;padding-left:20px;margin-top:30px;color:#58636b;font-size:14px}.section{padding-block:95px}h2{font-size:clamp(38px,4.8vw,70px)}.section-top{align-items:center;gap:10%;margin-bottom:35px}.section-top h2{flex:1;margin-bottom:0}.section-lead{max-width:330px;font-size:17px;flex:1;color:#c7d3d5;margin:0}.dark .tabs button{font-size:14px;min-height:58px}.tabs button span{font-size:10px;margin-right:12px;letter-spacing:.07em}.tabs button{transition:color .2s,border-color .2s}.detail-no{display:block;color:#946341;font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:30px}.three h3{font-size:26px}.three p{color:#56636c}.closing{background:#e7c6a5}.closing em{color:#825a3f}.closing p{font-size:18px}.closing footer{margin-top:75px}.closing footer .brand{font-size:13px}.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}
.screen-summary{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12%;padding:35px 0 30px;border-top:1px solid #ffffff30}.screen-summary .eyebrow{margin:0 0 15px;color:#adbec1}.screen-summary h3{font-size:32px;line-height:1.15;margin:0;max-width:22ch;letter-spacing:-.035em}.screen-summary>p{font-size:16px;color:#c7d3d5;line-height:1.65;margin:0;max-width:48ch}.screen-main{position:relative;display:block;width:100%;border:7px solid #091319;border-radius:15px;padding:0;overflow:hidden;background:#090c0e;cursor:zoom-in;box-shadow:0 25px 50px #0003}.screen-main img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.screen-zoom-mark{position:absolute;bottom:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#edf2f5ee;color:var(--ink);font-size:23px;transition:background .2s,transform .2s}.screen-main:hover .screen-zoom-mark{transform:scale(1.08);background:#fff}.screen-main:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.screen-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 30px}.screen-bottom p{color:#adbec1;font-size:12px;margin:0;line-height:1.6}.screen-arrows{display:flex;gap:8px;flex:none}.screen-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:var(--paper);font-size:22px}.screen-arrows button:hover{background:#ffffff20}.screen-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.screen-thumb{min-width:0;padding:0;border:1px solid #ffffff35;border-radius:10px;background:transparent;overflow:hidden;color:var(--paper);text-align:left;transition:border-color .2s,background .2s}.screen-thumb[aria-pressed=true]{border-color:var(--yellow);background:#ffffff0b;box-shadow:0 0 0 1px var(--yellow)}.screen-thumb:hover{border-color:#fff}.screen-thumb img{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:contain;background:#080b0e}.screen-thumb>span{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 15px;font-size:14px;font-weight:600}.screen-thumb small{font-size:10px;margin:0;color:#a6b9bd;font-weight:400}.screen-thumb[aria-pressed=true] small{color:var(--yellow)}
#screen-dialog{padding:0;border:1px solid #66777e;border-radius:14px;background:#101d26;color:var(--paper);width:min(1400px,96vw);max-width:96vw;max-height:94svh;overflow:auto;box-shadow:0 30px 100px #0008}#screen-dialog::backdrop{background:#071019e8;backdrop-filter:blur(7px)}.screen-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#101d26;padding:12px 20px}.screen-dialog-head p{margin:0;font-size:15px}.screen-dialog-head button{min-height:44px;border:1px solid #ffffff70;border-radius:24px;padding:10px 18px;background:transparent;color:inherit;font-size:14px}.screen-dialog-head button:hover{background:#ffffff20}#screen-expanded{display:block;width:100%;height:auto;max-height:calc(94svh - 72px);object-fit:contain;background:#080b0e}
@media(min-width:1500px){.hero{min-height:780px}.cinema-case .hero-art.cinema{height:650px}}
@media(max-width:1000px){.case-header nav{display:none}.hero{grid-template-columns:1fr 1fr;padding-top:50px;padding-bottom:50px}.hero h1{font-size:64px}.hero .lead{font-size:16px}.cinema-case .hero-art.cinema{height:500px;min-height:500px}.section-top{gap:35px}.scene-caption{font-size:10px}.screen-thumbnails{gap:12px}.screen-thumb>span{font-size:13px;gap:8px;padding-inline:10px}.screen-summary{gap:6%}}
@media(max-width:700px){html{scroll-padding-top:132px}.case-header{height:68px;padding-left:5%;padding-right:calc(5% + 116px);gap:10px}.case-header .brand{font-size:14px;white-space:nowrap}.case-header>a:last-child{font-size:11px}.hero{grid-template-columns:1fr;padding:48px 0 0;gap:25px;overflow:visible}.hero-copy{padding:0 5%}.hero h1{font-size:clamp(52px,12vw,78px);margin-bottom:22px}.hero .lead{font-size:17px;max-width:38ch}.hero .eyebrow{margin-bottom:24px}.hero .pill{margin-top:10px}.cinema-case .hero-art.cinema{height:420px;min-height:420px;border-radius:150px 0 0 0;margin:0;width:100%;max-width:none}.cinema-case .hero-art .world{inset:0 -8% 35px -8%}.cinema-case .hero-art .scene-tools{top:auto;bottom:20px;left:5%;right:auto}.scene-caption{bottom:24px;max-width:160px;margin-left:auto}.facts{padding-block:25px;gap:20px}.facts div{display:block}.facts small{margin-bottom:8px}.facts strong{font-size:14px}.section{padding-block:65px}.section h2{font-size:clamp(35px,8vw,52px)}.section-top{display:block}.section-lead{max-width:42ch;margin-top:24px;font-size:16px}.intro-grid{gap:10px}.intro-grid .large{font-size:22px}.privacy-note{font-size:13px}.three{gap:25px}.detail-no{margin-bottom:22px}.three h3{font-size:25px}.closing footer{gap:15px;font-size:12px}.closing footer .brand{font-size:12px}.closing .pill{font-size:14px;gap:25px}.screen-summary{grid-template-columns:1fr;gap:20px;padding-top:28px}.screen-summary h3{font-size:28px}.screen-summary>p{font-size:15px}.screen-main{border-width:4px;border-radius:10px}.screen-zoom-mark{width:44px;height:44px;right:9px;bottom:9px;font-size:20px}.screen-bottom{gap:12px;margin-block:16px 24px}.screen-bottom p{font-size:11px;max-width:26ch}.screen-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screen-thumb>span{font-size:13px;min-height:48px;padding:10px 12px}.screen-dialog-head{padding:10px 12px}.screen-dialog-head p{font-size:13px}.screen-dialog-head button{font-size:12px}}
@media(max-width:360px){.case-header>a:last-child{display:none}.hero h1{font-size:50px}.cinema-case .hero-art.cinema{height:360px;min-height:360px}.screen-thumb>span{font-size:12px;gap:8px;padding-inline:9px}.screen-bottom p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.pill:hover,.screen-main:hover .screen-zoom-mark{transform:none}}