:root{color-scheme:dark;--amber:#ffbd78;--orange:#ed833d;--paper:#fff2e6;--muted:#ceb8a9;--deep:#1b100d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--paper);font-family:Arial,sans-serif;line-height:1.7}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.skipEnergy{position:fixed;z-index:100;top:-80px;left:15px;padding:10px 20px;background:#ffe0b8;color:#30190e}.skipEnergy:focus{top:15px}.energyHeader{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 6vw;background:linear-gradient(#1b100d90,transparent)}.energyBrand{text-decoration:none;font:32px/1 Georgia,serif}.energyBrand span{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.24em;margin-top:9px;color:#ffd5ad}.energyHeader nav{display:flex;gap:24px}.energyHeader nav a{font-size:14px;text-decoration:none;border-bottom:1px solid transparent}.energyHeader nav a:hover{border-bottom-color:var(--amber)}.energyHero{position:relative;min-height:740px;height:100svh;overflow:hidden;background:#392015}.heroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#160b08d9 0%,#25120899 45%,transparent 100%),linear-gradient(0deg,#1b100d 0%,transparent 40%)}.sunGlow{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,#ff9f2c24,transparent 55%);animation:sunBreath 8s ease-in-out infinite alternate;pointer-events:none}@keyframes sunBreath{to{opacity:.3;transform:scale(1.1)}}.heroEnergyCopy{position:absolute;top:27%;left:8%;right:8%;max-width:850px}.eyebrow{font-size:13px;letter-spacing:.2em;color:var(--amber);margin:0 0 22px}h1,h2,h3{font-weight:normal}h1{font:clamp(50px,6.8vw,100px)/1.05 Georgia,serif;margin:0 0 28px;letter-spacing:-.025em}h1 em{color:#ffd0a1;font-weight:normal}h2{font:clamp(32px,4vw,56px)/1.15 Georgia,serif;margin:0 0 30px;letter-spacing:-.02em}h3{font:29px/1.2 Georgia,serif;margin:0 0 18px}.heroEnergyCopy>p:not(.eyebrow){font-size:20px;max-width:510px;color:#f1d8c4}.heroExplore{display:inline-block;text-decoration:none;border-bottom:1px solid #ffc585;padding:14px 0;margin-top:12px;font-size:16px}.heroBottom{position:absolute;bottom:32px;left:8%;right:8%;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.15em}.imageLabel{color:#d3bda8}.introEnergy,.areasEnergy,.energyBridge,.evaluationEnergy{padding:100px 8vw}.introEnergy{background:#1b100d}.twoColumn{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:40px}.twoColumn p{margin-top:0}.lead{font:26px/1.5 Georgia,serif;color:#ffe2c3}.quiet{color:#bda291;font-size:14px}p{font-size:17px;color:var(--muted)}.areasEnergy{background:#24150f}.sectionHeading{max-width:800px}.energyCards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.energyCard{color:inherit;text-decoration:none;background:#1a100c;border:1px solid #7a482b50;overflow:hidden;transition:transform .3s,border-color .3s}.energyCard:hover{transform:translateY(-5px);border-color:#d79155}.energyCard img{aspect-ratio:16/9;width:100%;object-fit:cover}.energyCard>div{padding:28px 32px}.cardIndex{font-size:13px;letter-spacing:.2em;color:var(--orange);display:block;margin-bottom:20px}.energyCard h3{font-size:33px}.energyCard p{margin-bottom:10px;font-size:17px;color:#e8cdbb}.energyCard small{font-size:13px;color:#b69b8b;line-height:1.6;display:block}.cardLink{display:inline-block;margin-top:25px;padding-bottom:7px;border-bottom:1px solid #c38349;font-size:14px;color:#ffd3a1}.energyCard:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.energyCard:last-child img{height:100%;aspect-ratio:auto}.energyCard:last-child>div{align-self:center}.energyBridge{background:radial-gradient(ellipse at left top,#5a2a1550,#1b100d 65%)}.energyFlow{list-style:none;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:12px;padding:0;margin:50px 0 14px}.energyFlow li{position:relative;padding:22px 18px;background:#352014;border-top:2px solid #f1a665;overflow:hidden}.energyFlow li:after{content:'';position:absolute;bottom:0;left:-60%;height:2px;width:60%;background:linear-gradient(90deg,transparent,#ffd2a0);animation:energyTravel 4s linear infinite}.energyFlow li:nth-child(2):after{animation-delay:.6s}.energyFlow li:nth-child(3):after{animation-delay:1.2s}.energyFlow li:nth-child(4):after{animation-delay:1.8s}.energyFlow li:nth-child(5):after{animation-delay:2.4s}@keyframes energyTravel{to{left:110%}}.energyFlow small{display:block;color:#d68b4d;font-size:12px;margin-bottom:16px}.energyFlow span{font-size:16px;color:#ffdfbd;line-height:1.3;display:block}.flowCaption{font-size:13px;color:#b29482}.evaluationEnergy{background:#2b170e}.evaluationEnergy>p:not(.eyebrow){max-width:850px}.energyContact{padding:100px 8vw;text-align:center;background:radial-gradient(ellipse at bottom,#71331b,#1b100d 70%)}.contactActions{display:flex;flex-direction:column;align-items:center;gap:17px;margin:38px 0 25px}.inquiryEnergy,.returnEnergy{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:245px;min-height:55px;padding:15px 28px;border-radius:40px;text-decoration:none;font-size:16px}.inquiryEnergy{background:#ffc18c;color:#30170c;border:1px solid #ffc18c;font-weight:600}.inquiryEnergy:hover{background:#ffdeb6}.returnEnergy{border:1px solid #daa27090;background:#2d160d60;color:#ffdfc1}.energyReturn{font-size:14px;color:#d4ae90;text-underline-offset:6px}.energyFooter{text-align:center;padding:35px 20px;background:#140c09;color:#cbae98;font-size:14px}.energyFooter span{font-size:12px;color:#9c7f6d}.detailHero{height:65svh;min-height:490px;position:relative;background:#3b2011;overflow:hidden}.detailHeroCopy{position:absolute;left:8%;right:8%;bottom:70px}.breadcrumb{font-size:14px;color:#ffd2a5;text-decoration:none;display:inline-block;margin-bottom:28px}.detailHero h1{font-size:clamp(46px,6vw,85px);max-width:1100px}.detailHeroCopy p{font-size:20px;color:#edcdb3;max-width:600px}.detailContent{max-width:1240px;margin:auto;padding:85px 8vw}.detailContent>h2{margin-top:65px}.detailContent>p{max-width:900px}.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.infoGrid article{border-top:1px solid #aa693c80;padding-top:24px}.infoGrid h3{font-size:26px}.infoGrid p{font-size:16px}.editorialImage{margin:0 auto 80px;max-width:1150px;padding:0 5vw}.editorialImage img{width:100%;max-height:550px;object-fit:cover}.editorialImage figcaption{font-size:12px;color:#a48976;margin-top:12px}.relatedEnergy{padding:40px 8vw 65px;background:#28180f}.relatedEnergy>div{display:flex;flex-wrap:wrap;gap:15px}.relatedEnergy a{border:1px solid #92572f;padding:10px 18px;border-radius:30px;text-decoration:none;font-size:14px}.textLink{display:inline-block;color:#ffc18c;text-underline-offset:6px;margin-top:10px}.partnerLinks{display:flex;gap:30px;flex-wrap:wrap}.modelTabs{display:flex;gap:10px;margin-top:45px}.modelTabs button{border:1px solid #a76536;background:transparent;color:#f6d2b4;padding:12px 30px;cursor:pointer;border-radius:30px}.modelTabs button[aria-selected=true]{background:#f6b27c;color:#30170c}.modelPanel{padding:35px;background:#2b1a11;margin-top:20px;border:1px solid #71472f}.modelPanel small{font-size:12px;letter-spacing:.18em;color:var(--amber)}.modelPanel h2{margin-top:15px}.reveal{opacity:1}.motionReady .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.motionReady .reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}@media(max-width:760px){.energyHeader{padding:22px 6vw}.energyBrand{font-size:26px}.energyHeader nav{gap:15px}.energyHeader nav a{font-size:12px}.energyHero{min-height:760px}.heroEnergyCopy{top:25%;left:7%;right:7%}h1{font-size:clamp(43px,10vw,70px)}.heroEnergyCopy>p:not(.eyebrow){font-size:18px}.heroImage{object-position:65% center}.heroShade{background:linear-gradient(90deg,#160b08d9,#25120860),linear-gradient(0deg,#1b100d,transparent 60%)}.heroBottom{left:7%;right:7%;flex-direction:column;gap:6px}.introEnergy,.areasEnergy,.energyBridge,.evaluationEnergy,.energyContact{padding:65px 7vw}.twoColumn{grid-template-columns:1fr;gap:20px}.lead{font-size:24px}.energyCards{grid-template-columns:1fr;gap:25px}.energyCard:last-child{grid-column:auto;display:block}.energyCard:last-child img{aspect-ratio:16/9;height:auto}.energyCard>div{padding:25px}.energyFlow{grid-auto-flow:row;grid-template-columns:1fr 1fr;gap:10px}.energyFlow li{padding:18px 15px}.energyFlow span{font-size:15px}.infoGrid{grid-template-columns:1fr;gap:18px}.detailHero{height:65svh;min-height:500px}.detailHeroCopy{left:7%;right:7%;bottom:40px}.detailHero h1{font-size:clamp(40px,10vw,60px)}.detailContent{padding:60px 7vw}.modelTabs button{padding:11px 23px}.modelPanel{padding:25px}.energyContact h2{font-size:34px}.inquiryEnergy,.returnEnergy{width:min(100%,310px)}p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motionReady .reveal{opacity:1;transform:none}}
/* Ambient energy and maritime motion */
#energyWaveCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}.energyTouchHint{position:absolute;left:8%;bottom:83px;color:#ffe1ba;font-size:14px;letter-spacing:.04em}.maritimeEnergy,.fuelJourney{padding:85px 8vw;background:#21120d}.maritimeHeading{max-width:880px}.maritimeScene{position:relative;aspect-ratio:16/9;overflow:hidden;margin-top:35px;background:#46230e;border:1px solid #8b542e}.maritimeBackdrop{width:100%;height:100%;object-fit:cover;animation:seaDrift 18s ease-in-out infinite alternate}.tankerVoyage{position:absolute;left:0;bottom:17%;width:57%;animation:tankerSail 24s ease-in-out infinite alternate}.tankerVessel{width:100%;animation:tankerFloat 5s ease-in-out infinite;filter:drop-shadow(0 12px 8px #16090060)}@keyframes tankerSail{from{transform:translateX(8%)}to{transform:translateX(64%)}}@keyframes tankerFloat{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(5px) rotate(.3deg)}}@keyframes seaDrift{to{transform:scale(1.035) translateY(-.4%)}}.motionToggle{position:absolute;right:16px;top:16px;border:1px solid #ffc17b80;background:#23120dde;color:#ffe4c7;padding:10px 15px;border-radius:25px;font-size:14px;cursor:pointer}.maritimeScene.isPaused *{animation-play-state:paused}.maritimeCaption{position:absolute;bottom:16px;left:24px;margin:0;color:#ffe4c6;letter-spacing:.15em;font-size:12px;background:#241209a0;padding:8px 12px}.sceneNote{font-size:12px;color:#b89b85}.marineCopy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:35px}.marineCopy h3{font-size:28px}.fuelJourney>p{max-width:900px}.fuelDestinations{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.fuelDestinations article{padding:24px;background:#342015;border-top:1px solid #e69b59}.energyCard img{transition:transform 1s ease}.energyCard:hover img{transform:scale(1.025)}@media(max-width:760px){.energyTouchHint{left:7%;bottom:104px;right:7%}.maritimeEnergy,.fuelJourney{padding:60px 7vw}.marineCopy,.fuelDestinations{grid-template-columns:1fr;gap:20px}.maritimeScene{aspect-ratio:4/3}.tankerVoyage{width:73%;bottom:23%;animation-name:tankerSailMobile}.motionToggle{font-size:12px;right:10px;top:10px;padding:8px 12px}.maritimeCaption{left:10px;bottom:10px;font-size:10px;letter-spacing:.08em;padding:7px}@keyframes tankerSailMobile{from{transform:translateX(0)}to{transform:translateX(30%)}}}@media(prefers-reduced-motion:reduce){#energyWaveCanvas,.energyTouchHint,.motionToggle{display:none}.tankerVoyage{transform:translateX(15%)}.maritimeScene *{animation:none!important}}
/* Revised maritime scene: integrated waterline and restrained surface motion. */
.maritimeScene .maritimeBackdrop{animation:none;transform:none}.maritimeWater{position:absolute;inset:0;background:url('energy-assets/energy-maritime-real.jpg') center/cover no-repeat;mask-image:linear-gradient(transparent 56%,#000 72%);-webkit-mask-image:linear-gradient(transparent 56%,#000 72%);transform:scale(1.008);animation:waterSurfaceSway 9s ease-in-out infinite alternate;pointer-events:none}@keyframes waterSurfaceSway{0%{transform:scale(1.008) translate(-.6px,0);filter:brightness(.99)}100%{transform:scale(1.008) translate(.6px,.8px);filter:brightness(1.025)}}.maritimeScene.isPaused .maritimeWater{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.maritimeWater{animation:none!important;transform:none}}