/* ==== SynMax Energy — accent re-skin (the ENTIRE override for the sub-brand) ==== */

:root {
    --sm-accent:          var(--sm-hyperion);
  --sm-accent-rgb:      0,233,108;
    --sm-accent-deep-rgb: 6,120,72;
    --sm-grad-a:          #00E96C;
  --sm-grad-b:          #00A1E1;
}

.synmax a:where(:not(.wp-block-button__link):not(.sm-btn):not([class*="sm-"])) { color: var(--sm-accent); }

.sm-section .sm-title, .sm-gap__title { text-transform: none; }

.sm-deliver__lead { font-size: var(--sm-fs-p2); line-height: 1.45; max-width: none; color: var(--sm-mute); }
.sm-deliver .sm-grid { margin-top: 28px; }

.sm-statement .sm-featpara { padding: 30px 40px; }
.sm-statement .sm-featpara p { font-size: clamp(20px,2.2vw,26px); line-height: 1.34; max-width: 860px; }
.sm-statement .sm-featpara.sm-bracket { --bracket: var(--sm-accent); }

.sm-featcards .sm-featcard__media { background: var(--sm-night); }
.sm-featcard__panel.sm-bracket { --sm-bracket-size: 28px; }
.sm-featcard__cta { margin-top: 14px; }
.sm-usecases__title { font-size: clamp(24px,3vw,32px); }

.sm-section.sm-surf-raised   { background-color: #161f2d; }
.sm-section.sm-surf-recessed { background-color: #081220; }
.sm-industries:not(.sm-glow)::before { display: none; }
.sm-cta, .sm-statband, .sm-fpara { position: relative; overflow: clip; }
.sm-cta > .sm-container, .sm-statband > .sm-container, .sm-fpara > .sm-container { position: relative; z-index: 1; }
.sm-cta.sm-glow::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(120% 78% at 50% 112%, rgba(var(--sm-accent-rgb),.20) 0%, rgba(var(--sm-accent-deep-rgb),.13) 38%, rgba(8,18,32,0) 72%); }

body.energy-hyperion .sm-imgcard__card, body.energy-vulcan .sm-imgcard__card { flex-direction: row-reverse; }
body.energy-hyperion .sm-imgcard__img, body.energy-vulcan .sm-imgcard__img { min-height: 491px; }
body.energy-home .sm-imgcard__title { font-size: var( --sm-fs-h3); line-height: 40px; }
body.energy-home .sm-imgcard__body { display: flex; flex-direction: column; gap: 26px; }
body.energy-home .sm-imgcard__body p { font-size: var(--sm-fs-body); line-height: var(--sm-lh-body); }
body.energy-home .sm-imgcard__img { background: #050a14; }
@media (max-width:760px){ body.energy-hyperion .sm-imgcard__card, body.energy-vulcan .sm-imgcard__card { flex-direction: column; } body.energy-home .sm-imgcard__img { min-height: 260px; } }

/* News band component = parent §14.7. Energy keeps only the band surface + its brand tag. */
.sm-resources { background: #081220; }
.sm-tag { font-size: var( --sm-fs-tagline); letter-spacing: 1px; text-transform: uppercase; color: var(--sm-accent); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.sm-tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sm-accent); display: none; }

.sm-sectionhead + .sm-statband__row { margin-top: 48px; }
.sm-statband__row + .sm-statband__row { margin-top: 24px; }
.sm-statband .sm-statband__cap { color: var(--sm-accent); }
@media (max-width:760px){ .sm-statband__row { grid-template-columns: 1fr; } }

.sm-fpara2 { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.sm-section__inner > .sm-fpara2 { margin-top: 8px; }
.sm-fpara2__title { font-size: clamp(28px,3.2vw,44px); font-weight: 700; color: #fff; line-height: 1.14; margin: 0; text-transform: none; }
.sm-fpara2__body { font-size: var(--sm-fs-body); font-weight: 300; color: var(--sm-body-dark); line-height: 1.5; margin: 0; }
@media (max-width:780px){ .sm-fpara2 { grid-template-columns: 1fr; gap: 18px; } }

.sm-lead { font-size: var(--sm-fs-body); line-height: 1.45; }
.sm-section .sm-lead { margin-top: 20px; }
.sm-section .sm-title + .sm-lead { margin-top: 12px; }
.sm-section .sm-lead { max-width: none; }
.sm-deliver .sm-deliver__lead { font-size: var(--sm-fs-p2); }

.sm-section__inner > .sm-grid, .sm-section__inner > .sm-featcards__row { margin-top: 48px; }

.sm-newscard__rule:not(.is-style-wide):not(.is-style-dots),
.sm-newsfeature__rule:not(.is-style-wide):not(.is-style-dots) { width: 100%; max-width: none; }

.sm-frow__title { font-size: clamp(24px,2.6vw,32px); }

.sm-fpara { padding-top: 88px; padding-bottom: 100px; }
.sm-fpara2 { grid-template-columns: 1.1fr 0.9fr; gap: 0; }
.sm-fpara2__title { font-size: clamp(34px,4.4vw,60px); line-height: 1.08; }

.sm-bento { background: #161f2d; }
.sm-sectionhead + .sm-bento__grid { margin-top: 40px; }
.sm-bento__grid { display: flex; flex-direction: column; gap: 40px; }
.sm-bento__row { display: flex; gap: 16px; }
.sm-bento__row--full { display: block; }
.sm-bento__card { position: relative; height: 384px; overflow: hidden; background: #050a14; border: 1px solid rgba(233,233,233,.2); }
.sm-bento__card--lg { flex: 739 1 0; }
.sm-bento__card--sm { flex: 493 1 0; }
.sm-bento__card--full { width: 100%; }
.sm-bento__card .sm-featcard__media { position: absolute; inset: 0; margin: 0; }
.sm-bento__card .sm-featcard__photo { width: 100%; height: 100%; object-fit: cover; display: block; }
.sm-bento__card .sm-featcard__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(22,31,45,0) 0%, rgba(22,31,45,.38) 60%, rgba(22,31,45,.8) 100%); }
.sm-bento__card::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(131deg, rgba(13,23,36,0) 15%, rgba(13,23,36,.2) 84%); }
.sm-bento__card::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 176px 176px; }
.sm-bento__card .sm-gap__dots { position: absolute; top: 22px; right: 22px; left: auto; bottom: auto; z-index: 2; width: 54px; height: 50px; }
.sm-bento__card--full .sm-gap__dots { left: 22px; right: auto; }
.sm-bento__text { position: absolute; left: 28px; right: 28px; bottom: 28px; z-index: 2; display: flex; flex-direction: column; gap: 8px; }
.sm-bento__tag { margin: 0; color: var(--sm-accent); font-size: var( --sm-fs-tagline); line-height: 20px; letter-spacing: 2.4px; text-transform: uppercase; font-weight: 600; }
.sm-bento__title { margin: 0; color: #fff; font-size: var( --sm-fs-h5); line-height: 32px; font-weight: 600; }
.sm-bento__body { margin: 0; color: #e9e9e9; font-size: var(--sm-fs-p2); line-height: 22px; }
@media (max-width: 781px) { .sm-bento__row { flex-direction: column; } .sm-bento__card { height: 300px; } }

.sm-hero { min-height: 798px; }
.sm-hero.sm-hero--article { min-height: 798px; }
.sm-hero__content { gap: 48px; padding-top: 260px; }
body.energy-home .sm-hero__content { gap: 28px; }
body.energy-home .sm-hero__head { gap: 28px; }
.sm-hero__bottom { flex-direction: row; justify-content: space-between; align-items: center; gap: 32px; }
@media (max-width:900px){ .sm-hero { min-height: 0; } .sm-hero__bottom { flex-direction: column; align-items: flex-start; gap: 20px; } }

.sm-hero__hud { left: calc(50% + 96px); top: 360px; width: 500px; height: auto; z-index: 1; opacity: .85; }
body.energy-basiniq .sm-hero__hud { top: 219px; }
body.energy-hyperion .sm-hero__hud { top: 232px; }
body.energy-vulcan .sm-hero__hud { top: 226px; }
@media (max-width: 1280px) { .sm-hero__hud { display: none; } }

.wp-block-buttons.sm-hero__ctas { gap: 28px; }

.sm-featcards .sm-featcard { min-height: 640px; }
.sm-section.sm-usecases .sm-featcard { min-height: 720px; }
.sm-section__inner > .sm-featcards__row { margin-top: 32px; }
@media (max-width:900px){ .sm-featcards .sm-featcard, .sm-section.sm-usecases .sm-featcard { min-height: 360px; } }

@supports (grid-template-rows: subgrid) {
		.sm-usecases .sm-featcards__row { grid-template-rows: minmax(0, 1fr) auto; row-gap: 0; min-height: 720px; }
		.sm-usecases .sm-featcard { display: grid; grid-template-rows: subgrid; grid-row: span 2; align-items: stretch; }
	.sm-usecases .sm-featcard__panel { grid-row: 2; }
}

.sm-section.sm-usecases { padding-block: 88px 100px; }

.sm-statement .sm-featpara { padding: 28px 40px; }
.sm-statement .sm-featpara p { font-size: var(--sm-fs-body); line-height: 1.4; max-width: 1000px; }

.sm-deliver .sm-iconbox { min-height: 200px; }

.sm-section__inner > .sm-newsrow { margin-top: 28px; }
.sm-newscard { min-height: 243px; }

.sm-hero--cap .sm-hero__content { justify-content: flex-start; padding-top: 258px; padding-bottom: 130px; }

body.energy-vulcan .sm-deliver .sm-iconbox { min-height: 232px; }
body.energy-vulcan .sm-industries:not(.sm-deliver) .sm-grid--4 .sm-iconbox { min-height: 200px; }
body.energy-vulcan .sm-grid--5 .sm-iconbox { min-height: 200px; }
body.energy-vulcan .sm-grid--3 .sm-iconbox { min-height: 168px; }
body.energy-vulcan .sm-grid--3 { grid-template-columns: repeat(6, 1fr); }
body.energy-vulcan .sm-grid--3 > * { grid-column: span 2; }
body.energy-vulcan .sm-grid--3 > :nth-child(4), body.energy-vulcan .sm-grid--3 > :nth-child(5) { grid-column: span 3; }
body.energy-vulcan .sm-industries .sm-title { font-size: clamp(24px,3vw,32px); }

body.energy-basiniq .sm-deliver .sm-iconbox { min-height: 232px; }

body.energy-basiniq .sm-industries .sm-grid--3 { grid-template-columns: repeat(6, 1fr); }
body.energy-basiniq .sm-industries .sm-grid--3 > * { grid-column: span 2; min-height: 324px; }
body.energy-basiniq .sm-industries .sm-grid--3 > :nth-child(4),
body.energy-basiniq .sm-industries .sm-grid--3 > :nth-child(5) { grid-column: span 3; min-height: 208px; }
@media(max-width:640px){body.energy-basiniq .sm-industries .sm-grid--3{grid-template-columns: repeat(1, 1fr);}}

body.energy-basiniq .sm-industries .sm-grid--2:not(:has(> :nth-child(3))) .sm-iconbox { min-height: 310px; }

body.energy-hyperion .sm-industries:not(.sm-deliver):has(.sm-lead) .sm-grid--4 .sm-iconbox { min-height: 220px; }

body.energy-hyperion .sm-industries:has(.sm-title):not(:has(.sm-lead)) .sm-grid--4 .sm-iconbox { min-height: 200px; }

body.energy-hyperion .sm-industries .sm-grid--2:has(> :nth-child(3)) > .sm-iconbox:nth-child(-n+2) { min-height: 168px; }
body.energy-hyperion .sm-industries .sm-grid--2:has(> :nth-child(3)) > .sm-iconbox:nth-child(n+3) { min-height: 200px; }

body.energy-hyperion .sm-statband__cell { min-height: 240px; }

body.energy-hyperion .sm-fpara2 { display: flex; flex-direction: column; align-items: center; text-align: center; }
body.energy-hyperion .sm-fpara2__title { max-width: none; font-size: clamp(40px,5vw,68px); line-height: 1.07; }
body.energy-hyperion .sm-fpara2__body { margin-top: 28px; }
body.energy-hyperion .sm-section__inner > .sm-fpara2 { margin-top: 40px; }

body.energy-hyperion .sm-prow { padding-block: 48px; }

/* Resources board: 3-up tiles instead of the parent shrink-to-fit 4-up.
   >=782 only — below that the parent stacked width:100% takes over. */
@media (min-width: 782px) {
  .sm-articles .sm-npvfeature--grid { flex: 0 0 calc(33.333% - 16px); }
}

/* Text-only resources cards (no featured images on these posts): the panel
   stops being a photo overlay — static, unboxed, content at the top — and
   Read More compacts to its label instead of the full-width bar. */
.sm-articles .sm-npvfeature--grid { min-height: 0; }
.sm-articles .sm-npvfeature--grid .sm-npvfeature__panel { position: static; margin-top: 0; padding: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.sm-articles .sm-npvfeature--grid .sm-npvfeature__cta { width: auto; margin-top: 20px; }
.sm-articles .sm-npvfeature--grid .sm-npvfeature__cta .wp-block-read-more { width: auto; display: inline-flex; padding: 12px 16px; }

/* Homepage resources band, text-only redesign: no photo columns — the card
   grid collapses to one column, and the feature becomes a framed text panel
   (its panel used to be an overlay pinned over the photo). */
body.energy-home .sm-newscard { grid-template-columns: 1fr; min-height: 0; }
body.energy-home .sm-newsfeature { min-height: 0; display: flex; flex-direction: column; }
body.energy-home .sm-newsfeature__panel { position: static; margin-top: 12px; border: 0; }
body.energy-home .sm-newsfeature__tags { position: static; margin: 20px 0 0 20px; display: flex; gap: 12px; }

/* Our Solutions card CTAs: the base 64px .sm-btn reads oversized inside the
   cards — compact to the 44px standard the other card buttons use. */
.sm-featcards .sm-featcard__cta .sm-btn { height: 44px; min-width: 0; padding: 12px 16px; --bw: 25px; }
.sm-featcards .sm-featcard__cta .sm-btn > .wp-block-button__link { font-size: var(--sm-fs-nav-link); padding: 0; }

/* Feature card, distributed: the panel fills the card, the title/excerpt
   step up to feature scale, the CTA pins to the bottom edge. */
body.energy-home .sm-newsfeature__panel { flex: 1 1 auto; padding: 20px 20px 24px; gap: 18px; }
body.energy-home .sm-newsfeature__title { font-size: var(--sm-fs-h4); line-height: 1.25; }
body.energy-home .sm-newsfeature__ex { font-size: var(--sm-fs-body); line-height: var(--sm-lh-body); }
body.energy-home .sm-newsfeature__cta { margin-top: auto; }

/* Query-driven band plumbing: the two query wrappers ARE the newsrow grid
   columns; their template ULs dissolve so the cards read as before. */
body.energy-home .sm-newslistq { min-width: 0; }
body.energy-home .sm-newslistq ul.sm-newslist { margin: 0; padding: 0; list-style: none; }
body.energy-home .sm-newslistq ul.sm-newslist > li { display: contents; }
body.energy-home .sm-newsfeatq { min-width: 0; display: flex; }
body.energy-home .sm-newsfeatq .wp-block-post-template, body.energy-home .sm-newsfeatq .wp-block-post-template > li { display: contents; }
body.energy-home .sm-newsfeatq .sm-newsfeature { flex: 1 1 auto; }