.product-navigation { gap:20px; }
.product-navigation a { white-space:nowrap; }
.energy-intro { padding:88px 0; background:#eaf6fc; color:#092f50; scroll-margin-top:24px; }
.energy-intro-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:54px; }
.energy-intro .eyebrow { color:#285d7a; }
.energy-intro h2 { font-size:clamp(2.5rem,4vw,4.4rem); line-height:1.05; letter-spacing:-.04em; margin:0 0 22px; font-weight:600; }
.energy-intro p { max-width:490px; }
.energy-intro .energy-description { font-size:1.08rem; color:#34576b; margin-bottom:22px; }
.energy-intro .energy-flavors { font-size:.85rem; font-weight:600; margin:22px 0; }
.energy-intro .button { background:#073e67; color:white; text-decoration:none; }
.energy-intro figure { margin:0; }
.energy-intro img { width:100%; aspect-ratio:3 / 2; object-fit:cover; border-radius:18px; }
.energy-intro figcaption { font-size:.73rem; color:#42647a; margin-top:12px; }
.energy-intro .energy-targets { font-size:.85rem; line-height:1.8; color:#34576b; }
@media(max-width:1100px) {
 .topbar { height:auto; }
 .nav { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-block:18px; }
 .nav .brand { grid-column:1; grid-row:1; justify-self:start; }
 .nav .nav-links:last-child { grid-column:2; grid-row:1; gap:18px; }
 .nav .product-navigation:first-child { display:flex; grid-column:1 / -1; grid-row:2; justify-content:center; gap:28px; padding-top:12px; border-top:1px solid var(--line); }
}
@media(max-width:760px) {
 .energy-intro { padding:52px 0; }
 .energy-intro-grid { grid-template-columns:1fr; gap:30px; }
 .energy-intro h2 { max-width:550px; }
 .nav .nav-links:last-child { gap:14px; }
 .nav a { font-size:.76rem; }
 .nav .brand-wordmark { width:140px; }
 .nav .product-navigation:first-child { gap:22px; }
 .nav .nav-cta { padding-inline:14px; min-height:36px; }
}