/* Homepage rhythm: dark hero / light news / dark about / light purpose / dark business / light subsidiary. */
body[data-page=home] .news-section{position:relative;isolation:isolate;background:#faf7f2;overflow:hidden;border-bottom:0}
body[data-page=home] .news-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/energy-light.png') center/cover no-repeat;opacity:.32}
body[data-page=home] .news-card{background:#ffffffed;border-color:#e6ded3;box-shadow:0 10px 34px #56321608}
body[data-page=home] .about{background:#061a32;color:#f6f7fa;position:relative;isolation:isolate;overflow:hidden}
body[data-page=home] .about::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#061a32 16%,#061a32b8 65%,#061a328c),url('assets/energy-precision.png') center/cover no-repeat;opacity:.45}
body[data-page=home] .about p{color:#bdcbdc}
body[data-page=home] .about .eyebrow{color:#d0a575}
body[data-page=home] .about .company-en{color:#93a6bc}
body[data-page=home] .fund-purpose{background:#f8f6f1;color:#142338}
body[data-page=home] .fund-purpose p{color:#586a7d}
body[data-page=home] .fund-purpose .eyebrow{color:#946e49}
body[data-page=home] .mission-grid article{border-color:#d9cbb9}
body[data-page=home] .fund-business{background:#061a32;color:#f6f7fa}
body[data-page=home] .fund-business p{color:#bdcbdc}
body[data-page=home] .fund-business .eyebrow{color:#d0a575}
body[data-page=home] .fund-business-areas .business-item{border-color:#ffffff2b}
body[data-page=home] .fund-business-areas .num{color:#daa56d}
body[data-page=home] .subsidiary{background:#f8f6f1;color:#142338}
body[data-page=home] .subsidiary p{color:#586a7d}
body[data-page=home] .subsidiary .eyebrow{color:#946e49}
body[data-page=home] .subsidiary-visual{background:#061a32}
@media(max-width:720px){
 body[data-page=home] .news-section::before{background-size:auto 100%;background-position:43% center;opacity:.25}
 body[data-page=home] .about::before{background-position:65% center;opacity:.28}
}

/* Desktop scrolling follows the page layout; keep the mobile cue. */
@media(min-width:721px){body[data-site=agel][data-page=home] .scroll-cue{display:none}}

/* One established business focus, with prospective services in supporting copy. */
.business-focus{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;border-top:1px solid #ffffff2b;padding-top:38px;margin-top:34px}
.business-focus h3{font-size:clamp(26px,2.5vw,36px);line-height:1.4;font-weight:500;margin:0 0 20px;text-wrap:balance}
.business-focus .text-link{font-size:14px;line-height:1.6;min-height:44px}
.business-focus-copy p:last-child{margin-bottom:0}
@media(max-width:720px){.business-focus{grid-template-columns:1fr;gap:28px;padding-top:28px;margin-top:26px}.business-focus h3{font-size:26px}.business-focus .text-link{font-size:14px}}

/* Fit the desktop opening to the live viewport, including the measured header. */
@media(min-width:721px){
 body[data-site=agel][data-page=home] .hero{height:calc(100vh - var(--home-header-height,116px));height:calc(100dvh - var(--home-header-height,116px));min-height:0;max-height:none;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0 0 clamp(20px,4dvh,42px)}
 body[data-site=agel][data-page=home] .slides{height:auto;min-height:0}
 body[data-site=agel][data-page=home] .slide{display:grid;align-items:center}
 body[data-site=agel][data-page=home] .slide-content{top:auto;transform:none;position:relative}
 body[data-site=agel][data-page=home] .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 8% 0 16.7%;width:auto}
 body[data-site=agel][data-page=home] .hero-logo-animated{top:50%;width:min(27.5vw,calc((100dvh - var(--home-header-height,116px) - 100px)*.8))}
 body[data-site=agel][data-page=home] .slide h1{font-size:clamp(30px,min(3.7vw,6dvh),64px)}
 body[data-site=agel][data-page=home] .slide h2.value-title{font-size:clamp(32px,min(4.8vw,7dvh),76px)}
}
@media(min-width:721px) and (max-width:1100px){body[data-site=agel][data-page=home] .hero-bottom{margin-left:11%;margin-right:6%}}
@media(min-width:721px) and (max-height:700px){
 body[data-site=agel][data-page=home] .slide p{font-size:15px;line-height:1.65}
 body[data-site=agel][data-page=home] .slide-overline{font-size:11px;margin-bottom:12px}
 body[data-site=agel][data-page=home] .value-english{font-size:12px;margin-bottom:12px;letter-spacing:1.2px}
 body[data-site=agel][data-page=home] .slide-link{margin-top:10px}
 body[data-site=agel][data-page=home] .slide h1,body[data-site=agel][data-page=home] .slide h2.value-title{margin-bottom:12px}
}
@media(min-width:721px){body[data-site=agel][data-page=home] .slide-shade{background:linear-gradient(0deg,#07182d 0%,#07182d00 25%),linear-gradient(90deg,#07182d 0%,#07182dbb 18%,transparent 49%)}}
