/* Energy: lead with the official Imari film and the scope of the actual business. */
.energy-evidence .energy-cover{height:600px;min-height:0;max-height:none}
.energy-evidence .energy-cover-lead{font-size:22px}
.energy-evidence .energy-film-case{background:#172722;padding-block:82px}
.energy-film-case .facility-header h2{font:clamp(30px,3.5vw,48px)/1.6 var(--serif);margin-top:20px}
.energy-film-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:6%;margin-top:48px;align-items:start}
.energy-official-film{position:relative;aspect-ratio:16/9;background:#0b120f}
.energy-official-film button{position:relative;display:block;width:100%;height:100%;border:0;padding:0;overflow:hidden;cursor:pointer;background:#0b120f;color:#fff}
.energy-official-film button>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.energy-official-film button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#07160d99)}
.energy-official-film button:hover>img{transform:scale(1.025)}
.energy-official-film button:focus-visible{outline:3px solid #edf2cd;outline-offset:5px}
.energy-film-play{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:18px;text-shadow:0 1px 12px #000}
.energy-film-play>span:first-child{display:grid;place-items:center;width:82px;height:82px;border:1px solid #ffffffc9;border-radius:50%;background:#13251d80;backdrop-filter:blur(4px);font-size:22px;padding-left:4px}
.energy-film-stamp{position:absolute;z-index:1;bottom:24px;left:28px;font-size:18px;letter-spacing:.06em}
.energy-official-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.energy-film-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;font-size:16px;color:#bdc8c0;line-height:1.8}
.energy-film-caption .text-link{font-size:16px;padding:0;border:0;gap:15px;flex-shrink:0}
.energy-film-place{font-size:16px;color:#b5c4b9;line-height:1.8}
.energy-film-facts h3{font:26px/1.8 var(--serif);margin-top:8px}
.energy-film-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:26px 0 30px}
.energy-film-facts dl>div{border-top:1px solid #697c6b;padding-top:16px}
.energy-film-facts dt{font-size:16px;color:#b5c4b9}
.energy-film-facts dd{font:clamp(60px,6vw,86px)/1.3 Georgia,serif;margin:5px 0 0;white-space:nowrap}
.energy-film-facts dd span{font:21px/1.3 var(--sans);margin-left:10px}
.energy-film-facts>p:last-child{font-size:18px;line-height:2;color:#e2e7e3}
.energy-film-case .energy-case-history{margin-top:42px;padding-top:14px}
.energy-film-case .energy-case-history .text-link{width:fit-content;gap:30px}
.energy-evidence .energy-work{padding-block:105px}
.energy-evidence .energy-work-grid{grid-template-columns:.9fr 1.1fr;gap:10%}
.energy-work-scope{position:sticky;top:calc(var(--header) + 40px);padding:34px 0;border-top:2px solid #1d3028}
.energy-scope-label{font-size:16px;color:#5e6e61}
.energy-scope-title{font:clamp(40px,4.5vw,64px)/1.5 var(--serif);margin-top:24px}
.energy-work-scope>p:nth-child(3){font-size:18px;line-height:2.2;margin-top:25px;color:#556157}
.energy-scope-route{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px;border-top:1px solid #cbd1c7;padding-top:23px;font-size:16px;line-height:2}
.energy-scope-route i{font-style:normal;color:#829077}
.energy-explainer{padding-block:88px;background:#f4f4ee}
.energy-explainer-head{max-width:900px}
.energy-explainer-head h2{font:clamp(30px,3.1vw,44px)/1.7 var(--serif);margin-top:20px}
.energy-explainer-head>p:last-child{font-size:18px;line-height:2;margin-top:24px;color:#4d584f}
.energy-explainer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;margin-top:42px}
.energy-explainer .energy-model{padding:0 0 24px;margin:0}
.energy-explainer .energy-model-labels{font-size:16px;margin-top:16px}
.energy-explainer .energy-model figcaption{font-size:16px;margin-top:20px}
.energy-charge-notes article{display:grid;grid-template-columns:35px 1fr;gap:18px;border-top:1px solid #bcc6b8;padding-block:26px}
.energy-charge-notes article:last-child{padding-bottom:0}
.energy-charge-direction{font:32px/1.2 var(--sans);color:#5c7454}
.energy-charge-notes article>div>p:first-child{font-size:16px;color:#5d7056}
.energy-charge-notes h3{font:24px/1.7 var(--serif);margin-top:10px}
.energy-charge-notes article>div>p:last-child{font-size:18px;line-height:2;margin-top:16px;color:#4d584f}
@media(max-width:1050px){.energy-film-layout{gap:4%;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.energy-film-facts dd{font-size:67px}.energy-film-facts dd span{font-size:19px;margin-left:6px}.energy-explainer-grid{grid-template-columns:1fr 1fr;gap:5%}.energy-evidence .energy-work-grid{gap:6%}.energy-film-caption{display:block}.energy-film-caption .text-link{display:flex;width:fit-content;margin-top:8px}.energy-scope-route{gap:7px}}
@media(max-width:760px){
.energy-evidence .energy-cover{height:570px;min-height:0;padding-block:35px 24px}
.energy-evidence .energy-cover-lead{font-size:18px;line-height:2}.energy-evidence .energy-cover-lead br{display:block}
.energy-evidence .energy-film-case{padding-block:48px}
.energy-film-case .facility-header h2{font-size:clamp(25px,7vw,32px);margin-top:18px}
.energy-film-case .facility-header>p{font-size:18px}
.energy-film-layout{display:block;margin-top:30px}
.energy-film-play{gap:10px;font-size:16px}.energy-film-play>span:first-child{width:58px;height:58px;font-size:18px}
.energy-film-stamp{display:none}.energy-film-caption{font-size:16px;margin-top:14px}
.energy-film-facts{margin-top:32px}.energy-film-facts h3{font-size:25px}
.energy-film-facts dl{margin-block:22px;gap:30px}.energy-film-facts dd{font-size:78px}.energy-film-facts dd span{font-size:24px;margin-left:10px}
.energy-film-case .energy-case-history{margin-top:30px}
.energy-evidence .energy-work{padding-block:58px}
.energy-evidence .energy-work-grid{display:block;margin-top:32px}
.energy-work-scope{position:static;padding-block:22px 0}.energy-scope-title{font-size:40px;margin-top:15px}
.energy-work-scope>p:nth-child(3){margin-top:16px}.energy-scope-route{margin-top:23px;padding-top:18px}
.energy-explainer{padding-block:55px}.energy-explainer-head h2{font-size:27px}.energy-explainer-head br{display:none}
.energy-explainer-grid{display:block;margin-top:30px}.energy-explainer .energy-model figcaption{padding-inline:12px}
.energy-charge-notes{margin-top:30px}.energy-charge-notes article{gap:10px;grid-template-columns:28px 1fr}.energy-charge-notes h3{font-size:23px}
}
@media(max-height:720px) and (min-width:761px){.energy-work-scope{position:static}.energy-evidence .energy-cover{height:470px}}
@media(prefers-reduced-motion:reduce){.energy-official-film button>img{transition:none}.energy-official-film button:hover>img{transform:none}}

/* Individual process illustrations: a consistent technical drawing for each task. */
.energy-process-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid #b6c2b6;border-bottom:1px solid #b6c2b6}
.energy-process-route a{display:flex;align-items:center;gap:13px;font-size:18px;line-height:1.7;padding:22px 18px;border-left:1px solid #d5dcd2}
.energy-process-route a:first-child{border-left:0}
.energy-process-route a>span{font:18px/1.5 Georgia,serif;color:#65795d}
.energy-process-route a>i{margin-left:auto;font-style:normal;color:#65795d}
.energy-process-route a:hover{background:#f2f4ed}
.energy-illustrated-process{list-style:none;margin:25px 0 0;padding:0}
.energy-illustrated-process>li{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:9%;padding-block:62px;border-bottom:1px solid #d8ded4;scroll-margin-top:calc(var(--header) + 24px)}
.energy-illustrated-process>li:nth-child(even){grid-template-columns:1fr 1.12fr}
.energy-illustrated-process>li:nth-child(even) .energy-process-art{grid-column:2;grid-row:1}
.energy-illustrated-process>li:nth-child(even) .energy-process-copy{grid-column:1;grid-row:1}
.energy-process-art{min-width:0;margin:0}
.energy-process-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.energy-process-art figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;border-top:1px solid #d8ded4;padding-top:17px;margin-top:8px;font-size:16px;line-height:1.9;color:#52664d}
.energy-process-art figcaption span{position:relative;padding-left:13px}
.energy-process-art figcaption span:before{content:'';position:absolute;left:0;top:.77em;width:4px;height:4px;background:#b09246}
.energy-process-number{font:clamp(42px,4vw,58px)/1.2 Georgia,serif;color:#8b9a80}
.energy-process-copy h3{font:clamp(25px,2.35vw,34px)/1.7 var(--serif);margin-top:20px;letter-spacing:.015em}
.energy-process-copy h3+p{font-size:18px;line-height:2.15;color:#4d584f;margin-top:23px}
.energy-process-note{font-size:16px;line-height:1.9;color:#64705e;margin-top:24px}
@media(max-width:1050px){.energy-process-route a{padding:18px 10px;font-size:16px;gap:8px}.energy-illustrated-process>li{gap:5%;padding-block:45px}.energy-process-copy h3{font-size:27px}}
@media(max-width:760px){
.energy-process-route{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}
.energy-process-route a{font-size:16px;padding:15px 10px;gap:8px}
.energy-process-route a:nth-child(3){border-left:0}.energy-process-route a:nth-child(n+3){border-top:1px solid #d5dcd2}
.energy-process-route a>span{font-size:16px}
.energy-illustrated-process{margin-top:5px}
.energy-illustrated-process>li,.energy-illustrated-process>li:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-block:33px}
.energy-process-copy{order:-1}.energy-process-number{font-size:38px}
.energy-process-copy h3{font-size:25px;margin-top:13px;line-height:1.7}
.energy-process-copy h3+p{margin-top:17px;line-height:2}
.energy-process-art figcaption{gap:6px 15px;padding-top:14px;font-size:16px}
.energy-process-note{margin-top:20px}
}
@media(max-width:359px){.energy-process-route a{padding:13px 7px;gap:6px}.energy-process-route a>i{display:none}.energy-process-copy h3{font-size:23px}}
@media(max-width:760px){
.energy-illustrated-process>li{gap:0}
.energy-process-copy{display:contents}
.energy-process-number{order:0}
.energy-process-copy h3{order:1}
.energy-process-art{order:2;margin-top:23px}
.energy-process-copy h3+p{order:3;margin-top:24px}
}
.energy-explainer .energy-model{background:#fff}
.energy-explainer .energy-model-labels{margin-top:0}
.energy-explainer .energy-model figcaption{padding-inline:15px}
.energy-explainer .energy-model img{aspect-ratio:2.2;object-fit:cover;object-position:center}
/* The developed project can be held by MISAKI or sold to another company. */
.energy-process-art .energy-ownership-flow{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:0;padding-top:0;margin-top:8px;text-align:center}
.energy-ownership-flow>span{padding-left:0}
.energy-ownership-flow>span:before{display:none}
.energy-ownership-origin,.energy-ownership-arrows{grid-column:1/-1}
.energy-ownership-origin{font-size:18px;color:#344c38}
.energy-ownership-flow .energy-ownership-arrows{display:flex;justify-content:space-around;font-size:27px;line-height:1.5;color:#829471}
.energy-ownership-arrows i{font-style:normal}
.energy-ownership-option{border:1px solid #aeba9f;background:#f4f6ef;padding:13px 8px!important;font-size:18px;color:#344c38}
@media(max-width:760px){.energy-process-art .energy-ownership-flow{gap:0 12px}.energy-ownership-option{font-size:18px;padding-block:11px!important}}

/* Portrait storage diagram: exact HTML labels and directional flow arrows. */
.energy-explainer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.energy-explainer .energy-model-vertical{max-width:470px;width:100%;justify-self:center;padding:0;background:#fff}
.energy-flow-canvas{position:relative}
.energy-explainer .energy-model-vertical img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.energy-flow-grid-label,.energy-flow-battery-label{position:absolute;left:0;width:100%;text-align:center;color:#294e39;font-size:22px;line-height:1.5;margin:0}
.energy-flow-grid-label{top:5%}.energy-flow-grid-label span{display:block;font-size:16px;margin-top:4px;color:#586959}
.energy-flow-battery-label{top:91%}
.energy-flow-arrows{position:absolute;inset:45% 10% 40%;display:grid;grid-template-columns:1fr 1fr;gap:12%}
.energy-flow-arrows>div{display:grid;grid-template-columns:1fr 22px;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px}
.energy-flow-arrows span{font-size:22px;align-self:end;line-height:1.5}.energy-flow-arrows small{font-size:16px;align-self:start;line-height:1.6;white-space:nowrap}
.energy-flow-arrows i{grid-column:2;grid-row:1/3;position:relative;display:block;width:2px;height:100%;min-height:45px;background:currentColor;justify-self:center}
.energy-flow-arrows i:after{content:'';position:absolute;width:12px;height:12px;left:-5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}
.energy-flow-charge{color:#456c4c}.energy-flow-charge i:after{bottom:0;transform:rotate(45deg)}
.energy-flow-discharge{color:#8d6b24}.energy-flow-discharge i:after{top:0;transform:rotate(225deg)}
.energy-explainer .energy-model-vertical figcaption{margin:0;padding:16px 16px 20px;border-top:1px solid #e3e7dc;line-height:1.8;text-align:center;color:#586959}
.energy-charge-notes article:last-child .energy-charge-direction,.energy-charge-notes article:last-child>div>p:first-child{color:#8d6b24}
.energy-market-visual{margin:24px 0 22px}
.energy-market-visual>div{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:white}
.energy-market-visual img{display:block;width:100%;height:100%;object-fit:contain}
.energy-market-visual.is-official img{width:76%;height:auto}
.energy-market-visual figcaption{font-size:16px;line-height:1.7;color:#68725f;margin-top:12px}
.energy-market-operator{margin-top:22px;padding-top:18px;border-top:1px solid #d8ded4}
.energy-market-operator>span{display:block;font-size:16px;color:#68725f;margin-bottom:8px}
.energy-market-operator .text-link{font-size:16px;line-height:1.8;align-items:start;gap:12px;border:0;padding:0}
.energy-market-operator small{display:block;font-size:16px;color:#68725f;line-height:1.8;margin-top:8px}
@media(max-width:1050px) and (min-width:761px){.energy-flow-arrows{inset-inline:7%;gap:7%}.energy-flow-arrows>div{grid-template-columns:1fr 14px;column-gap:4px}.energy-flow-arrows span{font-size:20px}.energy-flow-arrows small{font-size:16px;white-space:normal}}
@media(max-width:760px){.energy-explainer .energy-model-vertical{margin-inline:auto;max-width:400px}.energy-market-visual{max-width:440px}.energy-flow-grid-label,.energy-flow-battery-label{font-size:20px}.energy-flow-arrows{inset-inline:7%;gap:8%}.energy-flow-arrows>div{grid-template-columns:1fr 15px;column-gap:5px}.energy-flow-arrows span{font-size:20px}.energy-flow-arrows small{font-size:16px;white-space:normal}.energy-ownership-option{font-size:16px}}

.energy-market-grid .energy-market-visual+p{font-size:18px;line-height:2;margin-bottom:28px}
.energy-market-grid .energy-market-operator{width:100%;min-height:0;margin-top:auto}
@media(min-width:761px){.energy-explainer .energy-model-vertical{max-width:420px}.energy-charge-notes{max-width:520px}}

@media(max-width:760px){.energy-market-grid .energy-market-operator{min-height:0}.energy-market-grid .energy-market-visual+p{margin-bottom:20px}}

.energy-ownership-option{word-break:keep-all;overflow-wrap:normal}

/* Official operator identities, shown without links or logo alterations. */
.energy-market-visual{width:100%}
.energy-market-visual.is-official img[src$=".svg"]{width:94%;height:auto}
.energy-market-operator-name{font-size:16px;line-height:1.8;margin:0}

/* Share row heights so the operator divider aligns despite wrapped names. */
@media(min-width:761px){
.energy-market-grid{grid-template-rows:repeat(6,auto);row-gap:0}
.energy-market-grid article{display:grid;grid-row:span 6;grid-template-rows:subgrid;align-items:start}
.energy-market-grid .energy-market-operator{margin-top:0;align-self:stretch}
}

.energy-official-film video{display:block;width:100%;height:100%;object-fit:contain;background:#0b120f}

/* Give the actual film the full content width, with compact facts underneath. */
.energy-film-layout{display:block}
.energy-film-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.45fr);gap:36px;align-items:start;margin-top:30px;padding-top:28px;border-top:1px solid #697c6b}
.energy-film-facts h3{font-size:24px;margin-top:6px}
.energy-film-facts dl{gap:22px;margin:0}
.energy-film-facts dl>div{border-top:0;padding-top:0}
.energy-film-facts dd{font:400 48px/1.3 var(--sans);font-variant-numeric:tabular-nums;margin-top:8px}
.energy-film-facts dd span{font:18px/1.3 var(--sans);margin-left:7px}
.energy-film-facts>p:last-child{margin:0;font-size:18px;line-height:1.9}
@media(max-width:1100px){
.energy-film-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 36px}
.energy-film-facts>p:last-child{grid-column:1/-1}
}
@media(max-width:600px){
.energy-film-facts{grid-template-columns:1fr;gap:24px;margin-top:22px;padding-top:22px}
.energy-film-facts h3{font-size:23px}
.energy-film-facts dl{max-width:340px;gap:30px}
.energy-film-facts dd{font-size:44px}
.energy-film-facts dd span{font-size:18px}
}

/* The opening photograph reaches the top, matching the real-estate page. */
html:has(.energy-evidence){scroll-padding-top:24px}
body:has(.energy-evidence) .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;color:#fff;text-shadow:0 1px 8px #0008}
body:has(.energy-evidence) .site-header .brand{background:url('../media/misaki-wordmark-white.svg') center / contain no-repeat}
body:has(.energy-evidence) .site-header .brand img{visibility:hidden}
body:has(.energy-evidence) .site-header .desktop-nav>a:after{background:currentColor}
body:has(.energy-evidence) .site-header .header-contact{border-color:#ffffff80}
body:has(.energy-evidence) .site-header .header-contact:hover{background:#ffffff20}
body:has(.energy-evidence) .mobile-menu{background:#172722;color:#f4f4ed;text-shadow:none}
body:has(.energy-evidence) .mobile-menu .text-link{border-color:#ffffff30}
.energy-evidence .energy-cover{height:100svh;min-height:540px;padding-block:calc(var(--header) + 42px) 32px}
.energy-evidence .energy-cover:after{background:linear-gradient(180deg,rgba(7,19,13,.7),rgba(7,19,13,.45) 45%,rgba(7,19,13,.12) 68%,rgba(7,19,13,.7))}
.energy-illustrated-process>li{scroll-margin-top:0}
.energy-cover-lead>span,.energy-charge-notes h3>span{display:inline-block}

/* Keep the complete 16:9 film within a comfortable viewing height. */
.energy-evidence .energy-film-case{padding-block:60px}
.energy-film-layout{max-width:960px;margin:32px auto 0}
.energy-official-film{width:min(100%,calc(60svh * 16 / 9));margin-inline:auto}
.energy-official-film video:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(min-width:761px) and (max-width:1000px){
 .energy-market-grid{display:block;margin-top:40px}
 .energy-market-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;column-gap:40px;padding-block:30px 36px}
 .energy-market-number{grid-column:1;grid-row:1}
 .energy-market-role{grid-column:1;grid-row:2}
 .energy-market-grid h3{grid-column:1;grid-row:3;margin-bottom:0}
 .energy-market-visual{grid-column:1;grid-row:4/6;margin:16px 0 0}
 .energy-market-visual>div{aspect-ratio:2.5}
 .energy-market-grid .energy-market-visual+p{grid-column:2;grid-row:1/5;margin:0 0 24px}
 .energy-market-grid .energy-market-operator{grid-column:2;grid-row:5}
}
@media(max-width:760px){
 .energy-evidence .energy-cover{padding-block:calc(var(--header) + 36px) 26px}
 .energy-evidence .energy-film-case{padding-block:40px}
 .energy-film-layout{margin-top:28px}
}