.monakii-energy-page { background:#f1eee8; }

.energy-page-hero {
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  padding:150px 8vw 86px;
  color:#f5f2ed;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(8,8,9,.96) 0%,rgba(8,8,9,.81) 34%,rgba(8,8,9,.35) 60%,rgba(8,8,9,.1) 100%),url('monakii-energy-solar-farm.png') center/cover no-repeat;
}
.energy-page-hero > div { max-width:680px; position:relative; z-index:1; }
.energy-page-hero h1,
.energy-page-intro h2,
.energy-page-cta h2 { margin:0; font:600 clamp(52px,7vw,106px)/.92 'Playfair Display',Georgia,serif; letter-spacing:-.065em; }
.energy-page-hero > div > p:not(.eyebrow) { max-width:450px; margin:26px 0 34px; font-size:17px; line-height:1.6; }

.energy-page-intro { display:grid; grid-template-columns:1fr 1fr; gap:10vw; align-items:start; }
.energy-page-intro > p { max-width:460px; margin:42px 0 0; font-size:17px; line-height:1.7; }

.energy-page-offers { color:#f5f2ed; background:#111112; }
.energy-page-offers > div { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:48px; }
.energy-page-offers article { min-height:370px; padding:28px; display:flex; flex-direction:column; border:1px solid rgba(245,242,237,.22); background:linear-gradient(145deg,rgba(245,242,237,.07),transparent); }
.energy-page-offers span { color:#c5aa78; font:11px 'Ubuntu Mono',monospace; letter-spacing:.12em; }
.energy-page-offers h3 { margin:27px 0 18px; font:600 37px/.95 'Playfair Display',Georgia,serif; letter-spacing:-.045em; }
.energy-page-offers p { margin:auto 0 0; font-size:14px; line-height:1.6; color:rgba(245,242,237,.7); }

.energy-page-cta { color:#f5f2ed; background:linear-gradient(105deg,#24211e,#0c0c0d); }
.energy-page-cta .button { margin-top:34px; }

@media (max-width:820px) {
  .energy-page-hero { min-height:670px; padding:128px 6vw 58px; background-position:65% center; }
  .energy-page-hero h1 { font-size:clamp(52px,16vw,76px); }
  .energy-page-hero > div > p:not(.eyebrow) { font-size:15px; max-width:330px; }
  .energy-page-intro { grid-template-columns:1fr; gap:35px; }
  .energy-page-intro > p { margin:0; font-size:15px; }
  .energy-page-offers > div { grid-template-columns:1fr; margin-top:34px; }
  .energy-page-offers article { min-height:270px; }
}