@layer page{
/* Phase 08 — provenance-safe Energy visual system. No external image requests. */
.energy-visual-moment{position:relative;margin:0;overflow:hidden;background:#0b0f11;isolation:isolate}
.energy-visual-moment img{display:block;width:100%;height:auto;object-fit:cover}
.energy-visual-moment--film{max-width:var(--layout-max);margin:0 auto;background:#0b0f11}
.energy-visual-moment--film img{aspect-ratio:16/9;max-height:min(72vh,760px);object-fit:cover;filter:saturate(.82) contrast(1.04) brightness(.9)}
.energy-visual-moment--film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,7,8,.08),rgba(4,7,8,.28)),linear-gradient(90deg,rgba(232,106,43,.10),transparent 34%)}
.energy-position::after{content:"";position:absolute;right:-12vw;bottom:-16vw;width:42vw;height:42vw;border:1px solid rgba(17,21,22,.08);border-radius:50%;pointer-events:none}
.energy-trade::before,.energy-core::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent)}
.energy-family-list,.energy-core-list{position:relative;z-index:1}
.energy-family-row,.energy-core-row{position:relative}
.energy-family-row::before,.energy-core-row::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--color-accent);transition:width .28s ease}
.energy-family-row:hover::before,.energy-family-row:focus-visible::before,.energy-core-row:hover::before,.energy-core-row:focus-visible::before{width:100%}
.energy-flow-list{position:relative}
.energy-flow-list::before{content:"";position:absolute;left:54px;top:31px;bottom:31px;width:1px;background:linear-gradient(var(--color-accent),rgba(17,21,22,.14));pointer-events:none}
.energy-flow-list .energy-flow-row>span{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#f7f3eb;border:1px solid rgba(17,21,22,.24);font-size:17px}
.energy-context{min-height:720px}
.energy-visual-moment--operations{width:min(430px,34vw);aspect-ratio:4/5;margin:-64px max(32px,calc((100vw - var(--layout-max))/2)) 0 auto;border:12px solid #e8e2d8;box-shadow:0 24px 70px rgba(17,21,22,.18);background:#d9d2c7}
.energy-visual-moment--operations img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.energy-rfq{margin-top:-74px;padding-top:clamp(150px,14vw,220px)}
@media(max-width:1050px){
  .energy-visual-moment--film{margin-left:0;margin-right:0}
  .energy-visual-moment--operations{width:min(390px,48vw);margin-top:-46px}
  .energy-rfq{margin-top:-54px;padding-top:clamp(136px,15vw,190px)}
}
@media(max-width:700px){
  .energy-visual-moment--film img{max-height:none}
  .energy-flow-list::before{left:22px;top:24px;bottom:24px}
  .energy-flow-list .energy-flow-row>span{width:44px;height:44px}
  .energy-visual-moment--operations{width:calc(100% - 40px);max-width:420px;margin:-28px 20px 0 auto;border-width:8px}
  .energy-rfq{margin-top:-34px;padding-top:118px}
}
@media(prefers-reduced-motion:reduce){.energy-family-row::before,.energy-core-row::before{transition:none}}
}