/* Photo compositions measured at 1440 x 900. Mobile uses the same framing,
   typography and spacing at a uniform scale. Video hero is intentionally excluded. */
@media (max-width:767px) {
  .energy-portfolio .ep-hero--photo {
    height:62.5vw; min-height:0; margin-top:65px; padding:0;
    align-items:center;
  }
  .energy-portfolio .ep-hero--photo .ep-hero__background {
    inset:0; width:100%; height:100%; object-position:center;
  }
  .energy-portfolio .ep-hero--photo::after { display:none; }
  .energy-portfolio .ep-hero__content { width:86%; padding:12.15278vw 0 7.63889vw; }
  .energy-portfolio .ep-hero--photo .ep-kicker { font-size:.90278vw; margin:0 0 2.08333vw; }
  .energy-portfolio .ep-hero--photo h1,
  html[lang^=zh] .energy-portfolio .ep-hero--photo h1 {
    max-width:12em; font-size:4.15vw; line-height:1.25; white-space:pre-line;
  }
  .energy-portfolio .ep-hero--photo p.ep-hero__lead { max-width:31em; margin-top:1.94444vw; font-size:1.2vw; line-height:1.65; }
  .energy-portfolio .ep-hero--photo .ep-button {
    min-width:14.93056vw; min-height:4.58333vw; gap:2.22222vw;
    margin-top:2.63889vw; padding:1.25vw 2.08333vw; font-size:1.11111vw;
  }
  .energy-portfolio .ep-hero--photo .ep-button svg { width:1.11111vw; height:1.11111vw; }

  .hqess-sustainability { --operations-gutter:3.33333vw; display:block; height:68.75vw; min-height:0; padding:0; }
  .hqess-sustainability__scene { position:absolute; inset:0; z-index:-2; margin:0; aspect-ratio:auto; }
  .hqess-sustainability__scene img { width:100%; height:100%; object-fit:cover; object-position:49% 54%; transform:none; }
  .hqess-sustainability__shade { display:block; }
  .hqess-sustainability__header { position:absolute; top:12%; left:3.33333vw; right:3.33333vw; padding:0; opacity:1; }
  .hqess-sustainability__eyebrow { margin:0 0 1.66667vw; font-size:.97222vw; }
  .hqess-sustainability__header h2 { font-size:4.6vw; line-height:1.03; }
  :root:lang(zh) .hqess-sustainability__header h2 { font-size:4.45vw; line-height:1.2; }
  .hqess-sustainability__support { max-width:41.11111vw; font-size:1.38889vw; line-height:1.5; margin:1.94444vw 0 0; }
  :root:lang(zh) .hqess-sustainability__support { max-width:38.88889vw; font-size:1.25vw; line-height:1.7; }
  .hqess-sustainability__operations { position:absolute; top:51%; right:3.33333vw; width:24.44444vw; padding:0; opacity:1; transform:none; }
  .hqess-sustainability__operations h3 { font-size:1.25vw; margin:0 0 .83333vw; }
  .hqess-sustainability__operations p { font-size:1.25vw; }
  .hqess-sustainability__model { display:none; }
  .hqess-sustainability__directions { position:absolute; bottom:6%; left:3.33333vw; right:3.33333vw; display:grid; grid-template-columns:1.5fr 1fr; gap:3.88889vw; padding:0; margin:0; opacity:1; transform:none; }
  .hqess-sustainability__directions a,
  :root:lang(zh) .hqess-sustainability__directions a { grid-template-columns:1.66667vw 1fr 1.38889vw; gap:1.11111vw; padding:1.22222vw 0; font-size:1.66667vw; }
  :root:lang(zh) .hqess-sustainability__directions a { font-size:1.38889vw; }
  .hqess-sustainability__number { font-size:.90278vw; }
  .hqess-sustainability__directions svg { width:1.38889vw; height:1.38889vw; }

  .hqess-news-feature { container-type:inline-size; }
  /* Decorative shapes belong to the desktop composition, not the scaled copy. */
  .hqess-news .hqess-news-red,
  .hqess-news .hqess-news-geometry { display:none; }
  .hqess-news { padding:48px 0; }
  .hqess-news .hqess-news-heading { padding-bottom:28px; }
  .hqess-news .hqess-news-heading p { margin-top:16px; }
  .hqess-news-feature .hqess-news-image { z-index:3; }
  .hqess-news-feature .hqess-news-image img { aspect-ratio:774.125 / 684.140625; }
  .hqess-news-feature-copy { position:absolute; z-index:4; left:0; bottom:0; width:78%; min-height:0; padding:2.32515cqw 2.84185cqw 2.32515cqw 11.16071cqw; border:1px solid #dcdddd; }
  .hqess-news-feature .hqess-news-meta { font-size:1.5501cqw; }
  .hqess-news-feature h3 { display:block; height:auto; max-height:none; overflow:visible; -webkit-line-clamp:unset; font-size:2.0668cqw; line-height:1.5; margin-top:1.0334cqw; }

  .sustainability-page .su-cover { display:block; height:auto; min-height:0; margin-top:65px; padding:6.94444vw 0 0; }
  .sustainability-page .su-cover-inner { display:flex; align-items:center; width:88.88889%; height:48.61111vw; min-height:0; }
  .sustainability-page .su-cover-copy { width:44.44444vw; max-width:53%; padding:0; }
  .sustainability-page .su-cover-copy h1,
  :root:lang(zh) .sustainability-page .su-cover-copy h1 { font-size:4.6875vw; line-height:1.15; margin-top:1.80556vw; }
  .sustainability-page .su-cover .su-eyebrow,
  .sustainability-page .su-cover-copy > .su-micro { font-size:.90278vw; }
  .sustainability-page .su-cover .su-cover-lead { font-size:1.52778vw; max-width:38.88889vw; margin-top:1.52778vw!important; line-height:1.65; }
  .sustainability-page .su-cover-art { position:absolute; z-index:-1; top:6.25vw; right:3.33333vw; width:81.25vw; height:54.16667vw; max-width:90vw; margin:0; aspect-ratio:1.5; transform:scale(1.1); transform-origin:72% 48%; }
  .sustainability-page .su-cover-art img { object-fit:contain; mask-image:linear-gradient(to right,transparent,#000 12%,#000 98%,transparent); }
  .sustainability-page .su-cover-copy .su-accent-rule { display:block; margin-top:1.66667vw; }
  .sustainability-page .su-cover-copy .su-accent-rule::before { width:2.77778vw; height:1px; margin-bottom:1.52778vw; }
  .sustainability-page .su-cover-note { display:block; position:absolute; top:22%; right:0; max-width:10.41667vw; font-size:.97222vw; }
  .sustainability-page .su-cover-note .su-micro { font-size:.83333vw; padding-top:2.08333vw; margin-top:1.66667vw; }
}