/* Atlasant Blueprint independent static handoff. All fonts and artwork are local. */
@font-face { font-family:Montserrat; src:url("../fonts/Montserrat-400.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:Montserrat; src:url("../fonts/Montserrat-500.ttf") format("truetype"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:Montserrat; src:url("../fonts/Montserrat-600.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:Montserrat; src:url("../fonts/Montserrat-700.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:Montserrat; src:url("../fonts/Montserrat-800.ttf") format("truetype"); font-style:normal; font-weight:800; font-display:swap; }
:root { --navy:#07172F; --cobalt:#0A3D91; --sky:#74C6FF; --ice:#F2F6FA; --petrol:#073F4A; --energy-gold:#C29639; --blush:#F4E7E4; --care-gold:#B9914C; --care-ink:#4A2E39; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:#f7f9fc; color:#0a1c36; font-family:"Montserrat",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:#51aeef; color:#07172f; }
a { color:inherit; text-decoration:none; }
a:focus-visible, summary:focus-visible { outline:2px solid #2b9bef; outline-offset:5px; }
section[id], footer[id] { scroll-margin-top:84px; }
.shell { width:min(100% - 8vw, 1390px); margin-inline:auto; }
.section-pad { padding:clamp(88px,10vw,156px) 0; }
.eyebrow { display:flex; align-items:center; gap:16px; margin:0 0 34px; color:#8daed0; font-size:12px; font-weight:700; letter-spacing:.2em; line-height:1.5; }
.eyebrow-ink { color:#326390; }
.section-number { color:#1e88e5; font-size:14px; letter-spacing:0; }
.display-title { margin:0; font-size:clamp(3.2rem,5.2vw,6rem); font-weight:700; line-height:1.08; letter-spacing:-.062em; }
.display-title em { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.065em; }
.arrow { display:inline-block; width:22px; height:22px; flex:none; transition:transform .25s ease; }
a:hover .arrow { transform:translateX(5px); }
.text-link { display:inline-flex; align-items:center; gap:20px; padding:0 0 10px; border-bottom:1px solid #1d426b; color:#0a3d91; font-size:14px; font-weight:700; }
.text-link-light { color:#fff; border-color:#9bb5d3; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:58px; padding:16px 22px; font-size:14px; font-weight:700; transition:background .25s,color .25s,transform .25s; }
.button:hover { transform:translateY(-3px); }
.button-light { background:#f6f8fc; color:#07172f; }
.button-light:hover { background:#cce9ff; }
.button-dark { background:#0a3d91; color:#fff; }
.button-dark:hover { background:#1262be; }

.site-header { position:sticky; top:0; z-index:40; height:84px; background:#07172f; color:#fff; border-bottom:1px solid #ffffff1c; }
.header-inner { display:flex; align-items:center; height:100%; }
.brand { display:inline-flex; align-items:center; gap:12px; flex:none; color:#fff; }
.desktop-nav { display:flex; align-items:center; gap:clamp(24px,3.5vw,56px); margin-left:auto; }
.desktop-nav a { padding:31px 0; color:#b9cce0; font-size:13px; font-weight:600; transition:color .2s; }
.desktop-nav a:hover { color:#fff; }
.language-switch { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:none; margin-left:clamp(20px,3.5vw,52px); color:#7095b7; font-size:11px; font-weight:800; letter-spacing:.07em; }
.language-switch button { padding:8px 3px; color:#8aa8c2; background:transparent; border:0; font:inherit; cursor:pointer; transition:color .2s; }
.language-switch button:hover,.language-switch button[aria-pressed="true"] { color:#fff; }
.language-switch button[aria-pressed="true"] { border-bottom:1px solid #68baff; }
.language-switch button:focus-visible { outline:2px solid #8ad0ff; outline-offset:3px; }
.header-contact { display:inline-flex; align-items:center; gap:24px; margin-left:clamp(25px,4vw,70px); padding:12px 0 12px 24px; border-left:1px solid #ffffff39; font-size:13px; font-weight:700; }
.header-contact .arrow { width:19px; }
.mobile-nav { display:none; }

.hero { position:relative; isolation:isolate; min-height:min(790px,calc(100svh - 84px)); overflow:hidden; color:#fff; background:#06162c; }
.hero-image { z-index:-3; object-fit:cover; object-position:center; animation:hero-reveal 1.3s ease-out both; }
.hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#06162be8 0%,#06162bd0 34%,#06162b64 68%,#06162b12 100%),linear-gradient(0deg,#06162b88,transparent 32%); }
.hero-inner { position:relative; min-height:inherit; display:flex; flex-direction:column; justify-content:space-between; padding-block:clamp(76px,9vh,122px) 37px; }
.hero-content { max-width:820px; animation:content-rise .9s .15s ease both; }
.hero-eyebrow { color:#c1dcf7; margin-bottom:34px; }
.eyebrow-line { display:inline-block; width:34px; height:1px; background:#39aafc; }
.hero h1 { margin:0; font-size:clamp(4.1rem,7.6vw,8.4rem); font-weight:700; line-height:.99; letter-spacing:-.072em; text-wrap:balance; }
.hero h1 > span:last-child { color:#74c6ff; }
.hero-lead { max-width:610px; margin:34px 0 38px; color:#d5e4f1; font-size:clamp(1rem,1.28vw,1.2rem); line-height:1.75; font-weight:400; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:30px; }
.hero-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; color:#bbd0e4; font-size:11px; font-weight:600; letter-spacing:.17em; }
.hero-bottom i { display:inline-block; width:24px; height:1px; margin:0 10px 3px; background:#7ea1c6; }
.hero-scroll { display:flex; align-items:center; gap:15px; }
.scroll-line { width:54px; height:1px; background:#b5d3ed; }
.hero-index { position:absolute; right:3.8vw; bottom:23%; color:#e8f5ff7a; font-size:12px; letter-spacing:.22em; writing-mode:vertical-rl; }
@keyframes hero-reveal { from { opacity:.65; transform:scale(1.05); } to { opacity:1; transform:scale(1); } }
@keyframes content-rise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }

.opening { background:#f2f6fa; }
.opening-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(50px,8vw,160px); align-items:end; }
.opening-copy { max-width:540px; padding-bottom:5px; }
.opening-copy p { margin:0 0 24px; color:#52647b; font-size:16px; line-height:1.8; }
.opening-copy .opening-statement { color:#102a4b; font-size:clamp(1.35rem,1.9vw,2rem); font-weight:600; line-height:1.55; letter-spacing:-.035em; }
.opening-copy .text-link { margin-top:10px; }

.portfolio { background:#fff; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:65px; margin-bottom:55px; }
.section-heading > p { max-width:320px; margin:0 0 7px; color:#63738a; font-size:15px; line-height:1.7; }
.venture-grid { display:grid; grid-template-columns:1.08fr .92fr; grid-template-rows:repeat(2,minmax(360px,1fr)); gap:16px; }
.venture { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-width:0; overflow:hidden; padding:clamp(25px,3vw,44px); transition:transform .3s ease, box-shadow .3s ease; }
.venture:hover { transform:translateY(-4px); box-shadow:0 24px 45px #0a1c361a; }
.venture-care { grid-row:span 2; min-height:736px; color:#fff; background:radial-gradient(circle at 78% 70%,#2a69ae 0%,transparent 37%),linear-gradient(145deg,#0a3d91 0%,#0a2348 67%,#06172e); }
.venture-energy { color:#092c57; background:radial-gradient(circle at 90% 30%,#9cd9ff 0%,transparent 40%),linear-gradient(135deg,#e5f5ff,#c8eaff); }
.venture-foods { color:#182a40; background:radial-gradient(circle at 84% 75%,#cbd5dd 0%,transparent 38%),linear-gradient(135deg,#eff2f5,#dce3e9); }
.venture-top,.venture-foot { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; font-weight:700; letter-spacing:.13em; }
.venture-top { border-bottom:1px solid currentColor; padding-bottom:20px; }
.venture-top { border-color:#ffffff70; }
.venture-energy .venture-top,.venture-foods .venture-top { border-color:#12395d45; }
.venture-foot { opacity:.76; }
.venture-body { position:relative; z-index:1; padding-block:30px; }
.venture-monogram { position:absolute; z-index:-1; right:-1%; bottom:-12%; font-size:clamp(240px,26vw,440px); font-weight:800; line-height:.8; opacity:.075; letter-spacing:-.16em; pointer-events:none; }
.venture-energy .venture-monogram,.venture-foods .venture-monogram { font-size:clamp(190px,20vw,320px); right:1%; opacity:.08; }
.venture-kicker { margin:0 0 14px; font-size:11px; font-weight:700; letter-spacing:.18em; }
.venture h3 { margin:0; font-size:clamp(3.2rem,5.1vw,6.4rem); line-height:1.03; letter-spacing:-.07em; font-weight:700; }
.venture-energy h3,.venture-foods h3 { font-size:clamp(2.9rem,4vw,5rem); }
.venture-period { color:#58beff; }
.venture-care .venture-body > p:not(.venture-kicker) { margin-top:12px; }
.venture-body > p:not(.venture-kicker) { max-width:410px; margin:24px 0 0; font-size:16px; line-height:1.65; }
.venture-link { display:inline-flex; align-items:center; gap:16px; margin-top:22px; border-bottom:1px solid currentColor; padding-bottom:6px; font-size:13px; font-weight:700; }
.venture-link .arrow { width:18px; height:18px; }

.principles { background:#071b37; color:#fff; }
.principles-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(80px,10vw,190px); }
.principles .display-title { color:#fff; }
.principles .display-title em { color:#70bbf1; }
.principles-list { border-top:1px solid #ffffff36; }
.principle { display:grid; grid-template-columns:60px 1fr; gap:20px; padding:30px 0; border-bottom:1px solid #ffffff36; }
.principle > span { color:#5fb7f8; font-size:13px; font-weight:700; }
.principle h3 { margin:0 0 9px; font-size:20px; letter-spacing:-.035em; }
.principle p { max-width:480px; margin:0; color:#b1c7dc; font-size:15px; line-height:1.7; }

.partners { background:#f2f6fa; }
.partners-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(80px,11vw,180px); align-items:center; }
.partners-copy { max-width:575px; margin:30px 0 32px; color:#53647a; font-size:16px; line-height:1.8; }
.partner-panel { padding:44px; border:1px solid #bed0e1; background:#fff; box-shadow:30px 30px 0 #e1ebf4; }
.panel-label { display:block; margin-bottom:25px; color:#3c6b9b; font-size:11px; font-weight:700; letter-spacing:.16em; }
.partner-panel > div { display:flex; align-items:center; gap:30px; border-top:1px solid #d6e2ed; padding:24px 0; }
.partner-panel > div span { color:#1e88e5; font-size:13px; font-weight:700; }
.partner-panel strong { font-size:20px; font-weight:600; letter-spacing:-.04em; }
.partner-panel > p { margin:8px 0 0; color:#63748a; font-size:14px; line-height:1.6; }

.footer { background:#06152a; color:#fff; }
.footer-main { display:flex; justify-content:space-between; gap:60px; padding:78px 0 100px; }
.footer-main p { margin:28px 0 0; color:#a8bfd4; font-size:15px; }
.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.footer-contact > span { margin-bottom:8px; color:#71b7ed; font-size:11px; font-weight:700; letter-spacing:.16em; }
.footer-contact a { display:inline-flex; align-items:center; gap:16px; padding-bottom:7px; border-bottom:1px solid #ffffff50; font-size:15px; font-weight:600; }
.footer-contact .arrow { width:17px; height:17px; }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding:27px 0; border-top:1px solid #ffffff2c; color:#9ab0c7; font-size:12px; }
.footer-bottom a { color:#fff; }

@media (max-width:1000px) {
  .hero h1 { font-size:clamp(4rem,8vw,6.5rem); }
  .opening-grid,.principles-grid,.partners-grid { gap:50px; }
  .venture-grid { grid-template-columns:1fr 1fr; }
  .venture-care { min-height:680px; }
  .venture h3 { font-size:clamp(2.8rem,5vw,4.5rem); }
  .venture-energy h3,.venture-foods h3 { font-size:clamp(2.5rem,4.2vw,3.6rem); }
}
@media (max-width:900px) {
  .shell { width:min(100% - 40px,1390px); }
  .site-header { height:72px; }
  section[id],footer[id] { scroll-margin-top:72px; }
  .desktop-nav,.header-contact { display:none; }
  .site-header .language-switch { margin-left:auto; margin-right:20px; }
  .mobile-nav { display:block; margin-left:auto; position:relative; }
  .site-header .mobile-nav { margin-left:0; }
  .mobile-nav summary { display:flex; flex-direction:column; justify-content:center; gap:6px; width:38px; height:38px; cursor:pointer; list-style:none; }
  .mobile-nav summary::-webkit-details-marker { display:none; }
  .mobile-nav summary span { width:25px; height:2px; background:#fff; }
  .mobile-nav nav { position:absolute; right:-20px; top:53px; display:flex; flex-direction:column; min-width:230px; padding:18px 24px; background:#0a2347; border:1px solid #ffffff24; box-shadow:0 22px 50px #0005; }
  .mobile-nav nav a { padding:13px 0; font-size:15px; }
  .hero { min-height:calc(100svh - 72px); max-height:none; }
  .hero-image { object-position:64% center; }
  .hero-shade { background:linear-gradient(90deg,#06162bef 0%,#06162bc9 55%,#06162b75 100%),linear-gradient(0deg,#06162b88,transparent 55%); }
  .hero-inner { padding-block:88px 26px; }
  .hero h1 { font-size:clamp(3.9rem,12vw,6.2rem); }
  .hero-lead { margin:28px 0 30px; }
  .hero-bottom { font-size:10px; }
  .hero-scroll,.hero-index { display:none; }
  .opening-grid,.principles-grid,.partners-grid { grid-template-columns:1fr; gap:42px; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:22px; }
  .venture-grid { grid-template-columns:1fr; grid-template-rows:none; }
  .venture,.venture-care { grid-row:auto; min-height:470px; }
  .venture-energy,.venture-foods { min-height:440px; }
  .venture h3,.venture-energy h3,.venture-foods h3 { font-size:clamp(3.3rem,10vw,5rem); }
  .venture-care h3 { font-size:clamp(3rem,8.6vw,5rem); }
  .venture-monogram { font-size:320px; }
  .partner-panel { box-shadow:15px 15px 0 #e1ebf4; }
  .footer-main { flex-direction:column; padding:70px 0; }
}
@media (max-width:500px) {
  .section-pad { padding:80px 0; }
  .hero-inner { padding-top:80px; }
  .hero h1 { font-size:clamp(3.4rem,12.4vw,4.7rem); letter-spacing:-.065em; }
  .hero-eyebrow { margin-bottom:28px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:26px; }
  .hero-bottom { line-height:1.6; }
  .display-title { font-size:clamp(3rem,11vw,4.4rem); }
  .venture { padding:25px; }
  .venture-top,.venture-foot { font-size:9px; letter-spacing:.09em; }
  .venture h3,.venture-energy h3,.venture-foods h3 { font-size:clamp(3rem,12vw,4.2rem); }
  .venture-care h3 { font-size:clamp(2.6rem,10.5vw,3.6rem); }
  .venture-body > p:not(.venture-kicker) { font-size:15px; }
  .partner-panel { padding:28px; }
  .footer-bottom { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}

/* Atlasant Energy: the energy division within the visual proposal */
.energy-page { background:#f6faff; color:#0b2545; }
.energy-header { position:sticky; top:0; z-index:45; height:76px; background:#061931; color:#fff; border-bottom:1px solid #ffffff24; }
.energy-header-inner { height:100%; display:flex; align-items:center; gap:28px; }
.energy-brand { display:inline-flex; align-items:center; flex:none; }
.energy-brand-logo { display:block; width:205px; height:auto; }
.energy-header nav { display:flex; align-items:center; gap:clamp(20px,3vw,44px); margin-left:auto; }
.energy-header nav a { color:#b4cce2; font-size:12px; font-weight:600; transition:color .2s; }
.energy-header nav a:hover { color:#fff; }
.energy-header .language-switch { margin-left:0; }
.energy-header-cta { display:inline-flex; align-items:center; gap:18px; padding:13px 17px; border:1px solid #70b5ed; color:#fff; white-space:nowrap; font-size:12px; font-weight:700; }
.energy-header-cta .arrow { width:17px; height:17px; }
.energy-page section[id],.energy-page footer[id] { scroll-margin-top:76px; }
.energy-hero { position:relative; isolation:isolate; min-height:min(760px,calc(100svh - 76px)); overflow:hidden; color:#fff; background:#06172e; }
.energy-hero-image { z-index:-3; object-fit:cover; object-position:center; }
.energy-hero-overlay { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#06172ff0 0%,#06172fde 32%,#06172f78 68%,#06172f18 100%),linear-gradient(0deg,#06172fb5,transparent 35%); }
.energy-hero-inner { position:relative; min-height:inherit; display:flex; flex-direction:column; justify-content:center; padding-block:80px 85px; }
.energy-eyebrow { color:#9fd7ff; margin-bottom:34px; }
.energy-hero h1 { max-width:1000px; margin:0; font-size:clamp(4rem,7.3vw,8rem); line-height:1.02; letter-spacing:-.07em; font-weight:700; text-wrap:balance; }
.energy-hero h1 > span:last-child { color:#76c5fb; }
.energy-hero-inner > p:not(.eyebrow) { max-width:650px; margin:31px 0 35px; color:#d1e4f3; font-size:clamp(1.05rem,1.45vw,1.3rem); line-height:1.75; }
.energy-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:31px; }
.energy-button-primary { background:#5db9f5; color:#061a34; }
.energy-button-primary:hover { background:#a1dcff; }
.energy-hero-caption { position:absolute; bottom:30px; left:0; display:flex; align-items:center; gap:13px; color:#aac8de; font-size:11px; font-weight:700; letter-spacing:.17em; }
.energy-hero-caption i { width:22px; height:1px; background:#6e96b9; }
.energy-hero-caption > span { display:inline-flex; align-items:center; gap:13px; }
.energy-hero-caption i { display:inline-block; flex:none; }
.energy-promise { padding:clamp(88px,10vw,150px) 0; }
.energy-promise-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:55px; }
.energy-promise h2,.energy-solutions h2 { margin:0; font-size:clamp(3rem,5.2vw,6rem); line-height:1.08; letter-spacing:-.065em; font-weight:700; }
.energy-promise h2 em,.energy-solutions h2 em { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.06em; color:#1a75c0; }
.energy-promise-heading > p { max-width:320px; margin:0 0 8px; color:#526b83; font-size:15px; line-height:1.8; }
.outcome-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#d5e3f0; border:1px solid #d5e3f0; }
.outcome-grid article { min-height:355px; display:flex; flex-direction:column; padding:30px 26px; background:#fff; transition:background .25s,transform .25s; }
.outcome-grid article:hover { background:#e9f6ff; transform:translateY(-5px); }
.outcome-number { color:#256ea8; font-size:11px; font-weight:700; letter-spacing:.13em; }
.outcome-symbol { display:grid; place-items:center; width:56px; height:56px; margin:35px 0 25px; border:1px solid #a6cce9; border-radius:50%; color:#0d71bd; font-family:Georgia,serif; font-size:33px; line-height:1; }
.outcome-grid h3 { margin:0 0 11px; font-size:clamp(1.25rem,1.6vw,1.8rem); line-height:1.25; letter-spacing:-.04em; }
.outcome-grid p { margin:0; color:#577087; font-size:14px; line-height:1.7; }
.energy-solutions { padding:clamp(90px,10vw,150px) 0; background:#071d3b; color:#fff; }
.energy-solutions-head { display:flex; justify-content:space-between; align-items:end; gap:60px; margin-bottom:60px; }
.energy-solutions h2 em { color:#70c3ff; }
.energy-solutions-head > p { max-width:350px; margin:0 0 7px; color:#b5cbe0; font-size:15px; line-height:1.8; }
.solution-rows { border-top:1px solid #ffffff44; }
.solution-rows > div { display:grid; grid-template-columns:70px 1fr 1.1fr 135px; align-items:center; gap:18px; min-height:128px; border-bottom:1px solid #ffffff44; transition:background .25s,padding .25s; }
.solution-rows > div:hover { background:#ffffff0c; padding-inline:14px; }
.solution-rows > div > span:first-child { color:#65baff; font-size:14px; font-weight:700; }
.solution-rows h3 { margin:0; font-size:clamp(1.6rem,2.5vw,2.6rem); letter-spacing:-.05em; }
.solution-rows p { max-width:350px; margin:0; color:#b5cbe0; font-size:14px; line-height:1.6; }
.solution-end { justify-self:end; color:#77bce9; font-size:11px; font-weight:700; letter-spacing:.12em; }
.energy-calc-cta { display:flex; justify-content:space-between; align-items:end; gap:45px; margin-top:90px; padding:40px 0 0; border-top:1px solid #ffffff44; }
.energy-calc-cta > div { max-width:630px; }
.energy-calc-cta span { color:#70bff5; font-size:11px; font-weight:700; letter-spacing:.16em; }
.energy-calc-cta h3 { margin:14px 0; font-size:clamp(2rem,3.4vw,3.7rem); letter-spacing:-.06em; line-height:1.15; }
.energy-calc-cta p { margin:0; color:#b1c8de; font-size:14px; line-height:1.7; }
.energy-calc-cta .button { flex:none; }
.energy-footer { background:#e9f3fb; color:#0a2a50; }
.energy-footer-inner { display:flex; justify-content:space-between; gap:55px; padding:90px 0; }
.energy-footer-logo { display:block; width:min(300px,100%); height:auto; }
.energy-footer h2 { max-width:700px; margin:18px 0 0; font-size:clamp(2.8rem,5vw,5rem); line-height:1.1; letter-spacing:-.065em; }
.energy-footer-inner > div:last-child { display:flex; flex-direction:column; align-items:flex-start; justify-content:end; gap:21px; }
.energy-footer a { display:inline-flex; align-items:center; gap:18px; padding-bottom:8px; border-bottom:1px solid #2d6592; font-size:14px; font-weight:700; }
.energy-footer a .arrow { width:18px; height:18px; }
.energy-footer-bottom { padding:25px 0; border-top:1px solid #b5d3e9; color:#4d6b86; font-size:12px; }
@media (max-width:1050px) {
  .energy-header nav { display:none; }
  .energy-header .language-switch { margin-left:auto; }
  .outcome-grid { grid-template-columns:repeat(2,1fr); }
  .solution-rows > div { grid-template-columns:45px 1fr 1fr; }
  .solution-end { display:none; }
}
@media (max-width:760px) {
  .energy-header { height:68px; }
  .energy-header-inner { gap:16px; }
  .energy-page section[id],.energy-page footer[id] { scroll-margin-top:68px; }
  .energy-header-cta { padding:10px; font-size:11px; }
  .energy-header-cta .arrow { display:none; }
  .energy-brand-logo { width:180px; }
  .energy-hero { min-height:calc(100svh - 68px); }
  .energy-hero-image { object-position:65% center; }
  .energy-hero-overlay { background:linear-gradient(90deg,#06172ff4,#06172fbb 80%),linear-gradient(0deg,#06172fa0,transparent 60%); }
  .energy-hero h1 { font-size:clamp(3.6rem,11vw,6rem); }
  .energy-promise-heading,.energy-solutions-head,.energy-calc-cta,.energy-footer-inner { flex-direction:column; align-items:flex-start; }
  .energy-promise-heading > p,.energy-solutions-head > p { max-width:600px; }
  .energy-calc-cta { gap:30px; }
  .solution-rows > div { grid-template-columns:36px 1fr; padding:24px 0; }
  .solution-rows p { grid-column:2; }
}
@media (max-width:520px) {
  .energy-header-inner { gap:10px; }
  .energy-header .language-switch { gap:3px; font-size:10px; }
  .energy-brand-logo { width:132px; }
  .energy-header-cta { font-size:10px; white-space:normal; max-width:118px; text-align:center; }
  .energy-hero-inner { padding-top:70px; padding-bottom:90px; }
  .energy-hero h1 { font-size:clamp(3.1rem,11.5vw,4.5rem); }
  .energy-hero-actions { align-items:flex-start; flex-direction:column; }
  .energy-hero-caption { flex-wrap:wrap; gap:8px; font-size:9px; }
  .energy-hero-caption i { width:12px; }
  .energy-promise h2,.energy-solutions h2 { font-size:clamp(2.8rem,10vw,4rem); }
  .outcome-grid { grid-template-columns:1fr; }
  .outcome-grid article { min-height:270px; }
  .outcome-symbol { margin:25px 0 18px; }
  .energy-footer-inner { padding:70px 0; }
}

/* Self-contained image and logo sizes */
.hero-image,.energy-hero-image { position:absolute; inset:0; width:100%; height:100%; }
.brand-logo { display:block; width:220px; height:auto; }
.brand-footer .brand-logo { width:270px; }
.venture-icon { width:48px; height:48px; object-fit:contain; }
.venture-energy { cursor:pointer; }
.venture-energy:focus-visible { outline:3px solid #0A3D91; outline-offset:3px; }
.venture-energy .venture-link { width:max-content; }
.venture-energy:hover .venture-link img,.venture-energy:focus-visible .venture-link img { transform:translateX(5px); }
.venture-lotus { position:absolute; z-index:0; right:7%; bottom:14%; width:min(43%,300px); height:auto; opacity:.30; pointer-events:none; }
.venture-care { color:var(--care-ink); background:#F4E7E4 url("../assets/marble-blush.svg") center/cover no-repeat; }
.venture-care::before { content:""; position:absolute; inset:0; border:1px solid #CBAEAA60; pointer-events:none; }
.venture-care .venture-top { border-color:#875C5870; }
.venture-care .venture-kicker { color:#805558; }
.venture-care .venture-period { color:var(--care-gold); }
.venture-care .venture-monogram { color:#B9914C; opacity:.10; }
.venture-care .venture-body > p:not(.venture-kicker) { max-width:430px; margin-top:26px; }
.venture-care h3 { max-width:600px; font-size:clamp(3.25rem,5.2vw,6.2rem); }
.venture-care .venture-foot { color:#6C464D; }
.market-line { color:#0A3D91!important; font-size:13px!important; font-weight:700; letter-spacing:.01em; }
.energy-footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.outcome-symbol img { display:block; width:32px; height:32px; }
.arrow-icon { display:inline-block; width:20px; height:20px; flex:none; transition:transform .25s ease; }
a:hover .arrow-icon { transform:translateX(5px); }
.venture-link .arrow-icon { width:18px; height:18px; }
.energy-header-cta .arrow-icon,.energy-footer a .arrow-icon { width:17px; height:17px; }
.energy-page .energy-header-cta { text-decoration:none; }
.energy-page .language-switch { color:#8AA8C2; }
@media (max-width:900px) {
  .venture-care h3 { font-size:clamp(3rem,8.6vw,5rem); }
}
@media (max-width:760px) {
  .brand-logo { width:190px; }
  .energy-header-cta .arrow-icon { display:none; }
}
@media (max-width:500px) {
  .brand-logo { width:168px; }
  .brand-footer .brand-logo { width:235px; }
  .venture-care h3 { font-size:clamp(2.5rem,10.5vw,3.6rem); }
  .venture-lotus { right:-3%; bottom:17%; width:55%; }
  .energy-header-cta { max-width:80px; padding:8px; }
}