/* ==========================================================================
   Consolidated — Brand System
   Combines Galiano Gold clean structure + Perseus strong storytelling
   Personality: Established, responsible, technically capable, locally grounded
   Palette approx: 60% white/neutral, 25% green/charcoal, 10% photography, 5% gold
   ========================================================================== */

/* 1. Colour System — CSS Variables
   ========================================================================== */
:root {
  /* Primary */
  --c-mineral-green: #123F35;
  --c-forest-charcoal: #0B2823;
  --c-earth-gold: #C89B3C;
  --c-deep-gold: #A77A24;
  /* Neutrals / Backgrounds */
  --c-mining-charcoal: #171C1F;
  --c-graphite: #20282C;
  --c-slate: #566168;
  --c-cool-grey: #778188;
  --c-mineral-mist: #F3F5F3;
  --c-sandstone: #F5F1E8;
  --c-soft-grey: #DDE2DF;
  --c-white: #FFFFFF;
  /* Functional */
  --c-success: #27845A;
  --c-warning: #D99B2B;

  /* Semantic mapping — override Ignition variables */
  --ignition-primary-color: var(--c-mineral-green);
  --ignition-secondary-color: var(--c-forest-charcoal);
  --ignition-text-color: var(--c-slate);
  --ignition-secondary-text-color: var(--c-cool-grey);
  --ignition-headings-color: var(--c-graphite);
  --ignition-border-color: var(--c-soft-grey);
  --ignition-body-background-color: var(--c-white);
  --ignition-forms-background-color: var(--c-white);
  --ignition-forms-text-color: var(--c-graphite);
  --ignition-forms-border-color: var(--c-soft-grey);
  --ignition-buttons-background-color: var(--c-earth-gold);
  --ignition-buttons-text-color: var(--c-white);
  --ignition-buttons-border-color: var(--c-earth-gold);
  --ignition-colors-grey: var(--c-mineral-mist);
  --ignition-colors-white: var(--c-white);

  /* Header / Footer */
  --ignition-header-background-color: var(--c-white);
  --ignition-header-text-color: var(--c-graphite);
  --ignition-header-border-color: var(--c-soft-grey);
  --ignition-header-submenu-background-color: var(--c-white);
  --ignition-header-submenu-text-color: var(--c-graphite);
  --ignition-top-bar-background-color: var(--c-mining-charcoal);
  --ignition-top-bar-text-color: var(--c-white);
  --ignition-hero-background-color: var(--c-mining-charcoal);
  --ignition-hero-primary-text-color: var(--c-white);
  --ignition-hero-secondary-text-color: rgba(255,255,255,0.85);
  --ignition-footer-background-color: var(--c-mining-charcoal);
  --ignition-footer-border-color: rgba(255,255,255,0.08);
  --ignition-footer-title-color: var(--c-white);
  --ignition-footer-text-color: rgba(255,255,255,0.78);
  --ignition-footer-credits-background-color: var(--c-mining-charcoal);
  --ignition-footer-credits-text-color: rgba(255,255,255,0.65);
  --ignition-footer-credits-link-color: var(--c-earth-gold);
  --ignition-footer-credits-border-color: rgba(255,255,255,0.08);

  /* Typography families */
  --ignition-primary-font-family: "Space Grotesk", sans-serif;
  --ignition-secondary-font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Layout */
  --consolidated-content-width: 1280px;
  --consolidated-content-width-boxed: 1180px;
  --consolidated-narrow-width: 820px;
  --consolidated-section-space: 96px;
  --consolidated-section-space-mobile: 64px;
  --consolidated-gutter: 32px;
  --consolidated-gutter-tablet: 24px;
  --consolidated-gutter-mobile: 20px;

  /* WP preset overrides for block editor */
  --wp--preset--color--theme-primary: var(--c-mineral-green);
  --wp--preset--color--theme-secondary: var(--c-forest-charcoal);
}

/* 2. Base / Typography
   ========================================================================== */
html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.7;
  color: var(--c-slate);
  background: var(--c-white);
}

p { max-width: 720px; }
p:last-child { margin-bottom: 0; }

h1, h2, h3, h4, h5, h6,
.page-hero-title, .page-title,
.entry-title, .widget-title,
.site-logo, .footer-info {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600;
  color: var(--c-graphite);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

/* Type scale — desktop */
h1, .page-hero-title, .page-title { font-size: 52px; line-height: 1.1; }
.hero-heading, .page-hero-title.is-hero { font-size: 64px; line-height: 1.1; }
h2 { font-size: 42px; line-height: 1.15; }
h3 { font-size: 28px; line-height: 1.2; }
h4 { font-size: 21px; line-height: 1.3; }
h5 { font-size: 17px; line-height: 1.4; }
h6 { font-size: 14px; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-cool-grey); }

.entry-content h2 { font-size: 42px; }
.entry-content h3 { font-size: 28px; }
.entry-content h4 { font-size: 21px; }
/* Privacy Policy — keep main page title (h1 / .page-title 42px) dominant; shrink in-content headings */
.page-id-3 .entry-content h3,
.privacy-policy .entry-content h3 {
  font-size: 22px;
  line-height: 1.35;
  margin-top: 36px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .page-id-3 .entry-content h3,
  .privacy-policy .entry-content h3 { font-size: 20px; }
}

/* Small / muted */
small, .small-text, .wp-block-paragraph.is-small { font-size: 14px; line-height: 1.6; color: var(--c-cool-grey); }
.muted { color: var(--c-cool-grey); }

/* Labels / Statistics — uppercase reserved */
.label, .section-label, .stat-label, .kicker {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-cool-grey);
}
.stat-label { color: var(--c-earth-gold); }

/* Links */
a { color: var(--c-mineral-green); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--c-forest-charcoal); }
.entry-content a:not(.wp-block-button__link):not(.button):not(.btn) { text-decoration: underline; text-decoration-color: rgba(18,63,53,0.25); }
.entry-content a:not(.wp-block-button__link):not(.button):not(.btn):hover { text-decoration-color: var(--c-earth-gold); }

/* 3. Layout — Container & Section Spacing
   ========================================================================== */
.container,
.theme-grid > .wp-block-gutenbee-container-inner,
.alignwide .maxslider-slide-content,
.alignfull .maxslider-slide-content {
  max-width: var(--consolidated-content-width);
  width: 100%;
}
/* Override Ignition 1170px rule at its breakpoint */
@media (min-width: calc(1170px + 60px)) {
  .container,
  .theme-grid > .wp-block-gutenbee-container-inner,
  .alignwide .maxslider-slide-content,
  .alignfull .maxslider-slide-content {
    width: var(--consolidated-content-width);
    max-width: 100%;
  }
  [class*="-template-fullwidth-narrow"] .alignwide { width: calc(var(--consolidated-content-width) - 30px); }
}
@media (min-width: calc(1280px + 64px)) {
  .container,
  .theme-grid > .wp-block-gutenbee-container-inner,
  .alignwide .maxslider-slide-content,
  .alignfull .maxslider-slide-content {
    width: var(--consolidated-content-width);
    max-width: 100%;
  }
}

/* Gutters */
.container { padding-left: var(--consolidated-gutter); padding-right: var(--consolidated-gutter); }
@media (max-width: 991px) { .container { padding-left: var(--consolidated-gutter-tablet); padding-right: var(--consolidated-gutter-tablet); } }
@media (max-width: 575px) { .container { padding-left: var(--consolidated-gutter-mobile); padding-right: var(--consolidated-gutter-mobile); } }

/* Section spacing — remove top white space where page-title exists (except home) */
.main { padding: var(--consolidated-section-space) 0; }
@media (max-width: 767px) { .main { padding: var(--consolidated-section-space-mobile) 0; } }
body:not(.home) .main { padding-top: 0; }
body:not(.home) .site-content-wrap { padding-top: 0; }

/* Global page title — image background with overlay, increased height, spacing to content */
.page-title-wrap {
  background-image: url('https://goldcoastconsolidatedminerals.com/wp-content/uploads/2026/09/About-us-e1789229290634.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding: 80px 0 60px; /* increased height small */
  margin: 0 0 48px; /* spacing between page title and content below */
  border-bottom: none;
  overflow: hidden;
}
.page-title-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11,40,35,0.72); /* deep green overlay for white text readability */
  z-index: 0;
}
.page-title-wrap .container {
  max-width: var(--consolidated-content-width);
  position: relative;
  z-index: 1;
}
.page-title-wrap .page-title-content {
  text-align: left;
  max-width: 720px;
  position: relative;
  z-index: 1;
}
.page-title-wrap .page-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  position: relative;
  padding-left: 0;
}
.page-title-wrap .page-title::before {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background: var(--c-earth-gold);
  margin-bottom: 16px;
}
.page-title-wrap .breadcrumb,
.page-title-wrap .breadcrumb a,
.page-title-wrap .page-title + .breadcrumb {
  text-align: left;
  justify-content: flex-start;
  margin-top: 12px;
  font-size: 13px;
  color: rgba(255,255,255,0.85);
}
.page-title-wrap .breadcrumb a:hover { color: var(--c-earth-gold); }
@media (max-width: 991px) {
  .page-title-wrap { padding: 68px 0 48px; margin-bottom: 36px; }
  .page-title-wrap .page-title { font-size: 36px; }
}
@media (max-width: 767px) {
  .page-title-wrap { padding: 56px 0 40px; margin-bottom: 32px; }
  .page-title-wrap .page-title { font-size: 32px; }
}

/* Narrow / Boxed / Contained definitions */
.narrow-content, .legal-content, .entry-content--narrow { max-width: var(--consolidated-narrow-width); margin-left: auto; margin-right: auto; }
.boxed-layout { max-width: var(--consolidated-content-width-boxed); margin: 0 auto; background: var(--c-white); }
.full-width-section { width: 100%; }
.full-width-section .inner { max-width: var(--consolidated-content-width); margin: 0 auto; padding-left: var(--consolidated-gutter); padding-right: var(--consolidated-gutter); }

/* Avoid boxed frame — cards within open layouts */
.card-boxed { background: var(--c-white); border: 1px solid var(--c-soft-grey); box-shadow: 0 1px 2px rgba(16,24,32,0.04); }
.light-bg { background: var(--c-mineral-mist); }
.warm-bg { background: var(--c-sandstone); }
.dark-bg { background: var(--c-mining-charcoal); color: var(--c-white); }
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 { color: var(--c-white); }
.dark-bg p, .dark-bg li { color: rgba(255,255,255,0.82); }

/* 4. Header & Navigation
   Spec: Utility bar 36px #0B2823 white 12-13px; Main header white ~88px, logo left nav right, gold underline, CTA far right, sticky, subtle border
   ========================================================================== */
.header { border-bottom: 1px solid var(--c-soft-grey); box-shadow: none; } /* subtle border not heavy shadow */

/* Utility bar — slim dark-green top bar */
.head-intro {
  background: var(--c-forest-charcoal) !important; /* #0B2823 per spec (not mining charcoal) */
  color: var(--c-white);
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  line-height: 1;
  min-height: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  border-bottom: none;
}
.head-intro .container, .head-intro .row, .head-intro .col-12 { height: 100%; }
.head-intro-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  gap: 16px;
}
.head-intro .head-content-slot,
.head-intro .head-content-slot-item { font-size: 12.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--c-white); }
.head-intro a { color: var(--c-white); text-decoration: none; opacity: 0.92; }
.head-intro a:hover { color: var(--c-earth-gold); opacity: 1; text-decoration: none; }
.head-intro .head-content-slot-end { margin-left: auto; }

/* Utility bar right side links spacing */
.head-intro .utility-nav { display: inline-flex; align-items: center; gap: 16px; }
.head-intro .utility-nav a { padding: 0 2px; }
.head-intro .utility-nav .sep { opacity: 0.35; margin: 0 2px; }
.head-intro .utility-social { display: inline-flex; gap: 10px; margin-left: 16px; }
.head-intro .utility-social a { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.08); }
.head-intro .utility-social a:hover { background: rgba(200,155,60,0.25); }

/* Remove utility bar on mobile per spec */
@media (max-width: 767px) {
  .head-intro { display: none !important; }
}

/* Main header — reduced from ~88px to ~68px per feedback (was too high) */
.head-mast {
  background: var(--c-white) !important;
  border-bottom: 1px solid var(--c-soft-grey); /* subtle border */
  box-shadow: none;
}
.head-mast-inner {
  min-height: 68px;
  display: flex;
  align-items: center;
}
.header-sticky .head-mast,
.head-mast.sticky-fixed,
.header.header-sticky.sticky-shy .head-mast {
  /* ensure sticky variant keeps white + subtle border when fixed */
  background: var(--c-white) !important;
  border-bottom: 1px solid var(--c-soft-grey);
  box-shadow: none;
}

/* === Home transparent header variation over hero === */
.home .header {
  position: relative; /* will be overridden to absolute when hero present */
}
.home .header.header-fixed {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 100;
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
/* Home header initially transparent: utility bar stays dark-green, main mast transparent white text */
.home .header.header-fixed .head-mast,
.home .header-fixed .head-mast,
body.home .head-mast {
  /* only when header is fixed/transparent, keep mast transparent until scroll */
}
.home .header.header-fixed .head-mast {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
  box-shadow: none !important;
}
.home .header.header-fixed .site-logo a,
.home .header.header-fixed .navigation-main > li > a,
.home .header.header-fixed .head-content-slot-item,
.home .header.header-fixed .mobile-nav-trigger {
  color: var(--c-white) !important;
}
.home .header.header-fixed .navigation-main > li > a::after { background: var(--c-earth-gold); }
.home .header.header-fixed .navigation-main > li:hover > a,
.home .header.header-fixed .navigation-main > .current-menu-item > a,
.home .header.header-fixed .navigation-main > .current_page_item > a {
  color: var(--c-white) !important;
}
/* Keep CTA gold even over transparent */
.home .header.header-fixed .head-content-slot .btn-header-cta,
.home .header.header-fixed .head-content-slot .header-cta {
  background: var(--c-earth-gold) !important;
  color: var(--c-mining-charcoal) !important;
  border-color: var(--c-earth-gold) !important;
}
/* When header becomes sticky (shyheader or sticky-fixed), revert to white/dark */
.home .head-mast.sticky-fixed,
.home .head-mast-sticky-container .head-mast.sticky-fixed,
.home .header-fixed .head-mast.sticky-fixed,
.home .header.header-fixed .head-mast.sticky-fixed {
  background: var(--c-white) !important;
  border-bottom: 1px solid var(--c-soft-grey) !important;
  box-shadow: none !important;
}
.home .head-mast.sticky-fixed .site-logo a,
.home .head-mast.sticky-fixed .navigation-main > li > a,
.home .head-mast.sticky-fixed .head-content-slot-item,
.home .head-mast.sticky-fixed .mobile-nav-trigger,
.home .head-mast-sticky-container .head-mast.sticky-fixed .site-logo a,
.home .head-mast-sticky-container .head-mast.sticky-fixed .navigation-main > li > a {
  color: var(--c-graphite) !important;
}
.home .head-mast.sticky-fixed .navigation-main > li:hover > a,
.home .head-mast.sticky-fixed .navigation-main > .current-menu-item > a,
.home .head-mast.sticky-fixed .navigation-main > .current_page_item > a {
  color: var(--c-mineral-green) !important;
}
/* Shyheader hidden state keeps white background when bar is hidden but header is stuck */
.home .header-sticky .head-mast.sticky-hidden {
  background: var(--c-white) !important;
}
/* Fallback: if not using header-fixed (pure CSS scope), make home header transparent until scroll */
body.home:not(.has-header-fixed) .header {
  position: absolute;
  top: 36px; /* below utility bar */
  left: 0; right: 0;
  background: transparent !important;
  border-bottom: none !important;
}
@media (max-width: 767px) {
  body.home:not(.has-header-fixed) .header { top: 0; }
}
body.home:not(.has-header-fixed) .head-mast {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.14) !important;
}
body.home:not(.has-header-fixed) .site-logo a,
body.home:not(.has-header-fixed) .navigation-main > li > a { color: var(--c-white) !important; }

/* Hide default page title on home when hero present — hero provides H1 */
body.home .page-title-wrap { display: none !important; }
body.home .main { padding-top: 0; }
body.home .hero-home + .wp-block-group { margin-top: 0; }
body.home:not(.has-header-fixed) .site-logo a,
body.home:not(.has-header-fixed) .navigation-main > li > a { color: var(--c-white) !important; }

/* Hero overlay readability */
.hero-home {
  position: relative;
  overflow: hidden;
}
.hero-home .wp-block-cover__background {
  background-color: var(--c-mining-charcoal) !important;
  opacity: 0.65 !important; /* 65% dim for readability over operational photography */
}
.hero-home.is-dark .wp-block-cover__inner-container { color: var(--c-white); }
.hero-home .hero-heading {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600;
  font-size: 64px;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--c-white) !important;
  max-width: 760px;
  margin-bottom: 16px;
}
.hero-home .hero-sub {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255,255,255,0.88) !important;
  max-width: 640px;
  margin-bottom: 28px;
}
.hero-home .wp-block-buttons .wp-block-button__link.has-arrow { /* ensure primary stands out on dark */
  background: var(--c-earth-gold) !important;
  color: var(--c-mining-charcoal) !important;
}
.hero-home .wp-block-buttons .is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--c-white) !important;
  border: 1.5px solid rgba(255,255,255,0.85) !important;
}
.hero-home .wp-block-buttons .is-style-outline .wp-block-button__link:hover {
  background: var(--c-white) !important;
  color: var(--c-mining-charcoal) !important;
  border-color: var(--c-white) !important;
}
@media (max-width: 767px) {
  .hero-home .hero-heading { font-size: 40px; }
  .hero-home .wp-block-cover__inner-container { padding: 40px 0; }
}

.site-logo a { font-family: "Space Grotesk", sans-serif; font-weight: 600; letter-spacing: -0.02em; color: var(--c-graphite); }

.navigation-main, .head-mast .head-content-slot-item, .navigation-mobile-wrap {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: none;
}
.navigation-main > li > a {
  color: var(--c-graphite);
  padding: 22px 14px; /* ~68px header: 22+18+22 approx — reduced from 34px */
  position: relative;
}
/* Ensure header height stays ~68px even with padding */
.head-mast .site-branding { display: flex; align-items: center; min-height: 68px; }
.head-menu-slot { display: flex; align-items: center; }

/* Header CTA — far right, uses primary button spec but slightly compact */
.head-content-slot .btn-header-cta,
.head-content-slot .header-cta {
  background: var(--c-earth-gold) !important;
  color: var(--c-mining-charcoal) !important;
  border: 1px solid var(--c-earth-gold) !important;
  border-radius: 3px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 20px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.04em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  margin-left: 16px;
  white-space: nowrap;
}
.head-content-slot .btn-header-cta:hover,
.head-content-slot .header-cta:hover {
  background: var(--c-deep-gold) !important;
  border-color: var(--c-deep-gold) !important;
  color: var(--c-mining-charcoal) !important;
}
.navigation-main > li > a::after {
  display: none !important; /* removed all yellow underlines per request */
}

.navigation-main > li:hover > a,
.navigation-main > li > a:focus,
.navigation-main > .current-menu-item > a,
.navigation-main > .current_page_item > a { color: var(--c-mineral-green); }

.navigation-main .sub-menu {
  border: 1px solid var(--c-soft-grey);
  box-shadow: 0 8px 24px rgba(16,24,32,0.08);
}
.navigation-main .sub-menu a { font-size: 14px; font-weight: 500; letter-spacing: 0; }

/* Mobile nav trigger */
.mobile-nav-trigger { font-family: "Inter", sans-serif; font-weight: 600; letter-spacing: 0.02em; }

/* 5. Buttons — Industrial, slightly square (avoid pill/tech-startup look)
   Spec:
     Primary: bg #C89B3C / text #171C1F / hover #A77A24 / h 50px / px 26px / r 3px / Inter 600
     Secondary: transparent / text+boder #123F35 1.5px / hover bg #123F35 text white
   Gold = 5% accents only — buttons, lines, icons, stats
   ========================================================================== */
.btn, .button, .gutenbee-block-button-link, .wp-block-button__link,
.comment-reply-link, .ci-item-filter, .maxslider-slide .maxslider-btn,
.added_to_cart, input[type="submit"], input[type="reset"], button[type="submit"],
.wp-element-button {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em;
  text-transform: none;
  border-radius: 3px !important; /* slightly square industrial */
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 26px !important; /* horizontal 26px per spec */
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid var(--c-earth-gold) !important;
  background: var(--c-earth-gold) !important;
  color: var(--c-mining-charcoal) !important; /* #171C1F per spec, not white */
  box-shadow: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  text-decoration: none !important;
}
.btn:hover, .button:hover, .wp-block-button__link:hover,
input[type="submit"]:hover, button[type="submit"]:hover,
.wp-element-button:hover {
  background: var(--c-deep-gold) !important; /* #A77A24 */
  border-color: var(--c-deep-gold) !important;
  color: var(--c-mining-charcoal) !important; /* keep #171C1F on gold */
  transform: translateY(-1px);
}
.btn:active, .button:active, .wp-block-button__link:active,
input[type="submit"]:active, button[type="submit"]:active { transform: translateY(0); }
.btn:focus-visible, .button:focus-visible, .wp-block-button__link:focus-visible,
input[type="submit"]:focus-visible, button[type="submit"]:focus-visible {
  outline: 2px solid var(--c-mineral-green);
  outline-offset: 2px;
}

/* Optional right-arrow icon — add class .has-arrow or .btn-arrow */
.btn.has-arrow::after, .button.has-arrow::after, .wp-block-button__link.has-arrow::after,
.btn-arrow::after, .has-arrow .wp-block-button__link::after {
  content: "→";
  font-size: 14px;
  line-height: 1;
  margin-left: 2px;
  transition: transform 0.2s ease;
}
.btn.has-arrow:hover::after, .button.has-arrow:hover::after, .wp-block-button__link.has-arrow:hover::after,
.btn-arrow:hover::after { transform: translateX(3px); }

/* Secondary / outline variant — transparent + #123F35, 1.5px */
.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.btn-outline, .btn-secondary {
  background: transparent !important;
  color: var(--c-mineral-green) !important; /* #123F35 */
  border: 1.5px solid var(--c-mineral-green) !important;
}
.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.btn-outline:hover, .btn-secondary:hover {
  background: var(--c-mineral-green) !important; /* #123F35 */
  border-color: var(--c-mineral-green) !important;
  color: var(--c-white) !important;
}

/* Dark background buttons — keep primary gold with #171C1F text per spec */
.dark-bg .wp-block-button__link { background: var(--c-earth-gold) !important; color: var(--c-mining-charcoal) !important; border-color: var(--c-earth-gold) !important; }
.dark-bg .wp-block-button__link:hover { background: var(--c-deep-gold) !important; color: var(--c-mining-charcoal) !important; }
.dark-bg .is-style-outline .wp-block-button__link { background: transparent !important; color: var(--c-white) !important; border-color: rgba(255,255,255,0.7) !important; }
.dark-bg .is-style-outline .wp-block-button__link:hover { background: var(--c-white) !important; color: var(--c-mining-charcoal) !important; }

/* 6. Hero / Page Title
   ========================================================================== */
.page-title { color: var(--c-graphite); }
.page-title-wrap .page-title { font-size: 52px; }
.page-hero { background: var(--c-mining-charcoal); }
.page-hero-title { color: var(--c-white); }
.breadcrumb, .page-title-wrap .breadcrumb a { font-size: 13px; color: var(--c-cool-grey); }
.breadcrumb a:hover { color: var(--c-mineral-green); }

/* Hero overlay utility */
.hero-dark { background: var(--c-mining-charcoal); color: var(--c-white); padding: 96px 0; }
.hero-dark .hero-heading { font-size: 64px; color: var(--c-white); }
.hero-dark p { color: rgba(255,255,255,0.85); }
.hero-dark .gold-accent-line { width: 48px; height: 3px; background: var(--c-earth-gold); margin: 20px 0; }

/* 7. Cards, Stats, Accents — restrained gold
   ========================================================================== */
.gold-accent-line { width: 40px; height: 3px; background: var(--c-earth-gold); display: inline-block; vertical-align: middle; }
.gold-dot { width: 8px; height: 8px; background: var(--c-earth-gold); border-radius: 50%; display: inline-block; }

/* Stat block */
.stat { border-left: 3px solid var(--c-earth-gold); padding-left: 16px; }
.stat-number { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 42px; line-height: 1; color: var(--c-mineral-green); letter-spacing: -0.03em; }
.stat-label { margin-top: 6px; }
.dark-bg .stat-number { color: var(--c-white); }
.dark-bg .stat { border-left-color: var(--c-earth-gold); }

/* Icon in gold circle */
.icon-gold { width: 48px; height: 48px; border-radius: 50%; background: rgba(200,155,60,0.12); color: var(--c-earth-gold); display: inline-flex; align-items: center; justify-content: center; }

/* Card hover subtle */
.card-boxed:hover { border-color: var(--c-soft-grey); box-shadow: 0 6px 20px rgba(16,24,32,0.06); transition: box-shadow 0.2s ease; }

/* 8. Forms
   ========================================================================== */
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="date"], input[type="search"], textarea, select {
  border: 1px solid var(--c-soft-grey) !important;
  background: var(--c-white);
  color: var(--c-graphite);
  border-radius: 4px;
  padding: 12px 14px;
  font-family: "Inter", sans-serif;
  font-size: 15px;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--c-mineral-green) !important;
  box-shadow: 0 0 0 3px rgba(18,63,53,0.08);
}
label, .label { font-family: "Inter", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--c-graphite); }

/* 9. Blocks — clean corporate
   ========================================================================== */
.wp-block-quote { border-left: 3px solid var(--c-earth-gold); padding-left: 20px; color: var(--c-slate); }
.wp-block-quote::before { color: var(--c-earth-gold) !important; }
.wp-block-separator { border-color: var(--c-soft-grey); }
.wp-block-table.is-style-ignition-technico-table th { background: var(--c-mineral-green); color: var(--c-white); }
.wp-block-table td { border-color: var(--c-soft-grey); }

/* Gallery / Media */
.wp-block-image img { border-radius: 2px; }

/* 10. Footer — charcoal dominant + Pre-footer CTA + 4-col layout
   Spec: Pre-footer #123F35, Main #171C1F 4col 1280px 72px gap48, headings Space Grotesk 16/600 white, body Inter 14-15 #D5DAD7, links #D5DAD7→#C89B3C, dividers rgba(255,255,255,0.12), thin-line gold icons
   ========================================================================== */
.footer { background: var(--c-mining-charcoal); color: #D5DAD7; }
.footer a { color: #D5DAD7; text-decoration: none; }
.footer a:hover { color: var(--c-earth-gold); }
.footer-info { font-family: "Inter", sans-serif; font-size: 13px; color: rgba(255,255,255,0.65); }
.btn-to-top { background: var(--c-mineral-green); color: var(--c-white); border-radius: 4px; }
.btn-to-top:hover { background: var(--c-forest-charcoal); }

/* Pre-footer CTA — Deep Mineral Green #123F35 */
.pre-footer-cta {
  background: var(--c-mineral-green); /* #123F35 */
  color: var(--c-white);
  padding: 48px 0;
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.pre-footer-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.pre-footer-cta-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-white);
  margin: 0 0 8px 0;
  max-width: 640px;
}
.pre-footer-cta-sub {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.85);
  margin: 0;
  max-width: 560px;
}
.pre-footer-cta-btn {
  background: var(--c-earth-gold) !important;
  color: var(--c-mining-charcoal) !important;
  border: 1px solid var(--c-earth-gold) !important;
  white-space: nowrap;
}
.pre-footer-cta-btn:hover {
  background: var(--c-deep-gold) !important;
  border-color: var(--c-deep-gold) !important;
  color: var(--c-mining-charcoal) !important;
}
@media (max-width: 991px) {
  .pre-footer-cta-inner { flex-direction: column; align-items: flex-start; }
}

/* Main footer — 4 columns, 1280px, 72px vertical, gap 48px */
.footer-main {
  background: var(--c-mining-charcoal); /* #171C1F */
  padding: 72px 0;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 48px;
  max-width: var(--consolidated-content-width);
  margin: 0 auto;
}
@media (max-width: 991px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 575px) {
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-main { padding: 48px 0; }
}
.footer-col--brand .site-logo--footer {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--c-white);
  text-decoration: none;
  display: inline-block;
  margin-bottom: 12px;
}
.footer-brand-text {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #D5DAD7;
  max-width: 320px;
  margin: 0 0 16px 0;
}
.footer-social { display: inline-flex; gap: 10px; }
.footer-social-link {
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  color: var(--c-earth-gold) !important;
  font-size: 13px;
  transition: border-color 0.2s, background 0.2s;
}
.footer-social-link:hover {
  border-color: var(--c-earth-gold);
  background: rgba(200,155,60,0.12);
}
.footer-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--c-white);
  margin: 0 0 16px 0;
  letter-spacing: -0.01em;
}
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links li { margin: 0 0 10px 0; }
.footer-links a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #D5DAD7;
  text-decoration: none;
}
.footer-links a:hover { color: var(--c-earth-gold); }
.footer-contact { font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.7; color: #D5DAD7; }
.footer-contact-block { margin: 0 0 16px 0; }
.footer-contact-block:last-child { margin-bottom: 0; }
.footer-contact-block strong { color: var(--c-white); font-weight: 600; font-size: 14px; }
.footer-contact a { color: #D5DAD7; text-decoration: none; }
.footer-contact a:hover { color: var(--c-earth-gold); }

/* Footer bottom — thin border, no WP credit */
.footer-bottom {
  background: var(--c-mining-charcoal);
  border-top: 1px solid rgba(255,255,255,0.12); /* divider */
  padding: 20px 0;
}
.footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.62);
}
.footer-legal a { color: rgba(255,255,255,0.72); text-decoration: none; }
.footer-legal a:hover { color: var(--c-earth-gold); }
.footer-legal-sep { margin: 0 8px; opacity: 0.4; }
@media (max-width: 767px) {
  .footer-bottom-inner { flex-direction: column; align-items: flex-start; }
}

/* 10b. Sidebar system — only where improves navigation
   Recommended: individual operations, investor relations, news articles, reports, policies, careers
   Components: section nav gold border, project facts, downloads, contact, related
   ========================================================================== */
.sidebar { font-family: "Inter", sans-serif; }
.sidebar .widget { background: var(--c-white); border: 1px solid var(--c-soft-grey); border-radius: 4px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 2px rgba(16,24,32,0.04); }
.sidebar .widget-title { font-family: "Space Grotesk", sans-serif; font-size: 16px; font-weight: 600; color: var(--c-graphite); margin: 0 0 16px 0; padding-bottom: 12px; border-bottom: 1px solid var(--c-soft-grey); letter-spacing: -0.01em; }
/* Section navigation — gold left border for current */
.section-nav { list-style: none; margin: 0; padding: 0; }
.section-nav li { margin: 0; border-left: 3px solid transparent; }
.section-nav li a { display: block; padding: 10px 14px 10px 13px; font-size: 14px; font-weight: 500; color: var(--c-graphite); text-decoration: none; line-height: 1.4; }
.section-nav li a:hover { color: var(--c-mineral-green); background: var(--c-mineral-mist); }
.section-nav li.current { border-left-color: var(--c-earth-gold); background: var(--c-sandstone); }
.section-nav li.current a { color: var(--c-graphite); font-weight: 600; }
/* Project facts card */
.card-facts .facts-list { margin: 0; }
.card-facts .facts-list dt { font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-cool-grey); margin: 12px 0 4px 0; }
.card-facts .facts-list dt:first-child { margin-top: 0; }
.card-facts .facts-list dd { font-size: 14px; color: var(--c-graphite); margin: 0; line-height: 1.5; }
/* Downloads card — thin-line gold icons */
.download-list { list-style: none; margin: 0; padding: 0; }
.download-list li { margin: 0 0 10px 0; }
.download-list li:last-child { margin-bottom: 0; }
.download-list a { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; color: var(--c-mineral-green); text-decoration: none; }
.download-list a:hover { color: var(--c-forest-charcoal); }
.download-list .icon-gold { width: 28px; height: 28px; border: 1px solid var(--c-earth-gold); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--c-earth-gold); font-size: 12px; flex-shrink: 0; }
.download-list .icon-gold::before { content: "↓"; font-size: 12px; line-height: 1; }
/* Contact card */
.card-contact p { font-size: 14px; line-height: 1.6; color: var(--c-slate); margin: 0 0 12px 0; }
.card-contact p:last-child { margin-bottom: 0; }
.card-contact strong { color: var(--c-graphite); }
.card-contact .btn-small { min-height: 36px !important; height: 36px !important; padding: 0 16px !important; font-size: 13px !important; }
/* Related content */
.related-list { list-style: none; margin: 0; padding: 0; }
.related-list li { margin: 0 0 12px 0; padding-bottom: 12px; border-bottom: 1px solid var(--c-soft-grey); }
.related-list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.related-list a { font-size: 14px; font-weight: 500; color: var(--c-mineral-green); text-decoration: none; line-height: 1.4; }
.related-list a:hover { color: var(--c-forest-charcoal); }
/* Sidebar layout — 1280 container, gap, stacked mobile */
.has-sidebar .row { gap: 32px 0; }
@media (min-width: 992px) {
  .has-sidebar .sidebar { position: sticky; top: 24px; }
}
/* MaxSlider — Home Hero Slider presentation (spec: 760/600, 680 left, overlay deep green, fade, no arrows/dots) */
.home .maxslider,
#maxslider-39 {
  height: 760px !important;
  margin-bottom: 0 !important;
}
.home .maxslider .maxslider-slide,
#maxslider-39 .maxslider-slide {
  height: 760px !important;
  background-position: center !important;
  background-size: cover !important;
}
@media (max-width: 767px) {
  .home .maxslider,
  #maxslider-39,
  .home .maxslider .maxslider-slide,
  #maxslider-39 .maxslider-slide {
    height: 600px !important;
  }
}
/* Full-width hero behind transparent header */
.home .entry-content > .maxslider,
.home .entry-content > div > .maxslider,
.home .maxslider {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
}
.home .maxslider .maxslider-slide-content {
  justify-content: flex-start !important;
  text-align: left !important;
}
.home .maxslider .maxslider-slide-content-pad {
  max-width: 680px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  padding: 40px 32px !important;
}
@media (max-width: 767px) {
  .home .maxslider .maxslider-slide-content-pad { padding: 24px 20px !important; }
}
/* Overlay deep green rgba(11,40,35,0.68) — per slide overlay_color already set, enforce */
.home .maxslider .maxslider-slide::before,
#maxslider-39 .maxslider-slide::before {
  background: rgba(11, 40, 35, 0.68) !important;
  opacity: 1 !important;
}
/* Small heading #D6B15B, heading #FFFFFF, subtitle white */
.home .maxslider .slide-kicker {
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #D6B15B !important;
  margin-bottom: 12px;
}
.home .maxslider .maxslider-slide-title {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 48px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.02em !important;
}
.home .maxslider .maxslider-slide-subtitle {
  font-family: "Inter", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.92) !important;
}
@media (max-width: 767px) {
  .home .maxslider .maxslider-slide-title { font-size: 32px !important; }
  .home .maxslider .maxslider-slide-subtitle { font-size: 16px !important; }
}
/* Primary button #C89B3C text #171C1F (spec) */
.home .maxslider .maxslider-btn,
#maxslider-39 .maxslider-btn {
  background: #C89B3C !important;
  color: #171C1F !important;
  border: 1px solid #C89B3C !important;
  border-radius: 3px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.home .maxslider .maxslider-btn:hover {
  background: #A77A24 !important;
  border-color: #A77A24 !important;
  color: #171C1F !important;
}
/* Do not add navigation arrows or dots — hide both */
.home .maxslider .slick-arrow,
.home .maxslider .slick-dots,
#maxslider-39 .slick-arrow,
#maxslider-39 .slick-dots {
  display: none !important;
}
/* Subtle fade-up only */
@keyframes maxsliderFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.home .maxslider .slick-active .maxslider-slide-content-pad {
  animation: maxsliderFadeUp 0.7s ease both;
}

/* Company Introduction Section — Full-width #F3F5F3, 1280px, 110/80/64 padding, 45/55 columns, gap 72 */
.company-intro-section {
  background: #F3F5F3;
  padding: 110px 32px;
  margin: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  box-sizing: border-box;
}
.company-intro-section .company-intro-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 72px;
  align-items: center;
}
/* Left content */
.company-small-heading {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #A77A24 !important;
  margin: 0 0 16px 0;
  line-height: 1;
}
.company-small-heading::before {
  content: "";
  width: 36px;
  height: 2px;
  background: #C89B3C;
  display: inline-block;
  flex-shrink: 0;
}
.company-main-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: #20282C;
  max-width: 570px;
  margin: 0 0 28px 0;
  text-align: left;
}
.company-intro-text {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.75;
  color: #566168;
  max-width: 590px;
  margin: 0 0 16px 0;
}
.company-intro-text:last-of-type { margin-bottom: 0; }
.company-intro-btn {
  background: #123F35 !important;
  color: #FFFFFF !important;
  border: 1px solid #123F35 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 3px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  margin-top: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.company-intro-btn::after {
  content: "→";
  font-size: 14px;
  transition: transform 0.2s ease;
}
.company-intro-btn:hover {
  background: #C89B3C !important;
  border-color: #C89B3C !important;
  color: #171C1F !important;
}
.company-intro-btn:hover::after { transform: translateX(4px); }
/* Right image column */
.company-image-wrap {
  position: relative;
  width: 100%;
}
.company-image-wrap img.company-intro-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
  display: block;
  position: relative;
  z-index: 1;
  /* lazy loading handled via loading="lazy" */
  box-shadow: none;
}
.company-image-deco {
  position: absolute;
  background: #C89B3C;
  width: 42%;
  height: 55%;
  right: -20px;
  bottom: -20px;
  z-index: 0;
  border-radius: 2px;
}
.company-image-label {
  position: absolute;
  left: -12px;
  bottom: 24px;
  background: #123F35;
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 14px 18px;
  max-width: 230px;
  line-height: 1.3;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
@media (max-width: 991px) {
  .company-intro-section { padding: 80px 24px; }
  .company-intro-section .company-intro-inner {
    grid-template-columns: 48% 52%;
    gap: 40px;
  }
  .company-main-heading { font-size: 38px; }
  .company-image-label { display: none; } /* remove if tight per guide */
}
@media (max-width: 767px) {
  .company-intro-section { padding: 64px 20px; }
  .company-intro-section .company-intro-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .company-main-heading { font-size: 32px; }
  .company-intro-text { font-size: 16px; }
  .company-image-wrap img.company-intro-image { aspect-ratio: 4 / 3; }
  .company-image-deco { display: none; }
  .company-image-label { display: none; }
  /* Stack order: small heading, main heading, paragraphs, button, image — natural DOM order already */
}

/* Key Company Highlights — Deep Mineral Green #123F35, 5 stats, gold dividers, responsive */
.highlights-section {
  background: #123F35;
  color: #FFFFFF;
  padding: 72px 32px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  box-sizing: border-box;
}
.highlights-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.highlights-kicker {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #D6B15B;
  text-align: center;
  margin: 0 0 14px 0;
  line-height: 1;
}
.highlights-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto 48px auto;
  max-width: 720px;
}
.highlights-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}
.highlights-item {
  text-align: center;
  padding: 0 24px;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(255,255,255,0.16);
}
.highlights-item:last-child { border-right: none; }
.highlights-value {
  font-family: "Space Grotesk", sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  color: #FFFFFF;
  margin: 0 0 14px 0;
  text-align: center;
}
.highlights-value--text {
  font-size: 34px;
  line-height: 1.1;
}
.highlights-divider {
  width: 28px;
  height: 2px;
  background: #C89B3C;
  margin: 0 auto 14px auto;
}
.highlights-label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #D5DAD7;
  text-transform: uppercase;
  text-align: center;
}
.highlights-statement {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #BFC9C4;
  text-align: center;
  max-width: 680px;
  margin: 40px auto 0 auto;
}
@media (max-width: 991px) {
  .highlights-section { padding: 64px 24px; }
  .highlights-heading { font-size: 32px; }
  .highlights-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
  .highlights-item { border-right: none; border-top: 1px solid rgba(255,255,255,0.10); padding-top: 24px; }
  .highlights-item:nth-child(-n+3) { border-top: none; padding-top: 0; }
  .highlights-value { font-size: 44px; }
  .highlights-value--text { font-size: 30px; }
}
@media (max-width: 767px) {
  .highlights-section { padding: 56px 20px; }
  .highlights-heading { font-size: 28px; margin-bottom: 32px; }
  .highlights-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .highlights-item {
    padding: 26px 12px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 3px;
    min-height: auto;
  }
  .highlights-item:last-child {
    grid-column: 1 / -1;
  }
  .highlights-value { font-size: 40px; }
  .highlights-value--text { font-size: 28px; }
}

/* Operations Section — 3 equal cards, white bg with light-grey cards */
.operations-section {
  background: #FFFFFF;
  padding: 96px 32px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  box-sizing: border-box;
}
.operations-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.operations-intro {
  text-align: left;
  margin-bottom: 48px;
  max-width: 720px;
}
.operations-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #A77A24;
  margin: 0 0 16px 0;
}
.operations-kicker::before {
  content: "";
  width: 36px;
  height: 2px;
  background: #C89B3C;
  display: inline-block;
  flex-shrink: 0;
}
.operations-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #20282C;
  margin: 0 0 16px 0;
}
.operations-sub {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #566168;
  margin: 0;
  max-width: 640px;
}
.operations-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
/* Card container */
.operations-card {
  background: #F3F5F3;
  border: 1px solid #DDE2DF;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: border-color 0.3s ease;
}
.operations-card:hover {
  border-color: #C89B3C;
}
.operations-card-image {
  position: relative;
  overflow: hidden;
  background: #F3F5F3;
}
.operations-card-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}
/* Vertical crop for Land Restoration card (16:9 source into 4:3 card) */
.operations-card-image img[src*="Land-restoration"] {
  object-position: center 28%;
}
.operations-card:hover .operations-card-image img {
  transform: scale(1.04);
}
.operations-card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(11,40,35,0.08);
  pointer-events: none;
}
.operations-card-content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.operations-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #A77A24;
  letter-spacing: 0.08em;
  margin: 0 0 12px 0;
}
.operations-card-kicker::before {
  content: "";
  width: 24px;
  height: 1px;
  background: #C89B3C;
  display: inline-block;
}
.operations-card-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  color: #20282C;
  margin: 0 0 15px 0;
}
.operations-card-desc {
  font-family: "Inter", sans-serif;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.7;
  color: #566168;
  margin: 0 0 24px 0;
  flex: 1;
}
.operations-card-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #123F35;
  letter-spacing: 0.02em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
}
.operations-card-link::after {
  content: "→";
  transition: transform 0.2s ease;
}
.operations-card:hover .operations-card-link::after {
  transform: translateX(4px);
}
.operations-card-link:hover { color: #A77A24; }
.operations-cta {
  text-align: center;
  margin-top: 48px;
}
.operations-cta-btn {
  background: transparent !important;
  color: #123F35 !important;
  border: 1.5px solid #123F35 !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 3px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.operations-cta-btn:hover {
  background: #123F35 !important;
  color: #FFFFFF !important;
  border-color: #123F35 !important;
}
@media (max-width: 991px) {
  .operations-section { padding: 80px 24px; }
  .operations-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .operations-card:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  .operations-card:last-child .operations-card-image,
  .operations-card:last-child .operations-card-content {
    height: 100%;
  }
  .operations-card:last-child .operations-card-image img {
    height: 100%;
    aspect-ratio: auto;
  }
}
@media (max-width: 767px) {
  .operations-section { padding: 64px 20px; }
  .operations-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .operations-card:last-child {
    grid-column: auto;
    display: flex;
    flex-direction: column;
  }
  .operations-card-image img { aspect-ratio: 16 / 10; }
  .operations-card-content { padding: 24px; }
  .operations-card-title { font-size: 22px; }
}

/* Corporate Purpose Statement — immersive dark pause after Operations (white) before Sustainability (light) */
.gccm-purpose-section {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  min-height: 560px;
  display: flex;
  align-items: center;
  padding: 120px 32px;
  box-sizing: border-box;
  background-color: #0B2823;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 0;
}
.gccm-purpose-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11,40,35,0.72) 0%, rgba(11,40,35,0.58) 45%, rgba(11,40,35,0.28) 75%, rgba(11,40,35,0.14) 100%);
  z-index: 0;
}
.gccm-purpose-inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}
.gccm-purpose-content {
  max-width: 760px;
  text-align: left;
  position: relative;
  padding-left: 0;
}
.gccm-purpose-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #D6B15B;
  margin: 0 0 20px 0;
  line-height: 1;
}
.gccm-purpose-kicker::before {
  content: "";
  width: 40px;
  height: 2px;
  background: #C89B3C;
  display: inline-block;
  flex-shrink: 0;
}
.gccm-purpose-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #FFFFFF;
  max-width: 760px;
  margin: 0 0 26px 0;
  text-align: left;
}
.gccm-purpose-sub {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(255,255,255,0.84);
  max-width: 650px;
  margin: 0 0 32px 0;
  text-align: left;
}
.gccm-purpose-btn {
  background: #C89B3C !important;
  color: #171C1F !important;
  border: none !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  border-radius: 3px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}
.gccm-purpose-btn::after {
  content: "→";
  transition: transform 0.2s ease;
}
.gccm-purpose-btn:hover {
  background: #FFFFFF !important;
  color: #123F35 !important;
}
.gccm-purpose-btn:hover::after { transform: translateX(4px); }
/* Vertical gold line desktop >1024 */
.gccm-purpose-vertical {
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 120px;
  background: #C89B3C;
  display: none;
}
@media (min-width: 1025px) {
  .gccm-purpose-content { padding-left: 32px; }
  .gccm-purpose-vertical { display: block; }
}
@media (max-width: 991px) {
  .gccm-purpose-section { min-height: 500px; padding: 96px 24px; }
  .gccm-purpose-heading { font-size: 44px; }
  .gccm-purpose-content { max-width: 70%; }
  .gccm-purpose-section::before {
    background: linear-gradient(90deg, rgba(11,40,35,0.72) 0%, rgba(11,40,35,0.62) 45%, rgba(11,40,35,0.32) 65%, rgba(11,40,35,0.18) 100%);
  }
}
@media (max-width: 767px) {
  .gccm-purpose-section { min-height: 520px; padding: 80px 20px; background-position: 65% center; }
  .gccm-purpose-section::before { background: rgba(11, 40, 35, 0.58) !important; }
  .gccm-purpose-content { max-width: 100%; }
  .gccm-purpose-heading { font-size: 34px; }
  .gccm-purpose-sub { font-size: 16px; }
  .gccm-purpose-vertical { display: none !important; }
}

/* Our Approach Section — Warm Sandstone #F5F1E8, final before pre-footer */
.approach-section {
  background: #F5F1E8;
  padding: 110px 32px;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  max-width: 100vw;
  box-sizing: border-box;
}
.approach-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.approach-intro {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 56px auto;
}
.approach-kicker-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.approach-kicker-line {
  width: 36px;
  height: 2px;
  background: #C89B3C;
  margin: 0 auto 16px auto;
}
.approach-kicker {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #A77A24;
  margin: 0;
  text-align: center;
}
.approach-heading {
  font-family: "Space Grotesk", sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #20282C;
  text-align: center;
  margin: 0 0 18px 0;
}
.approach-sub {
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #566168;
  text-align: center;
  margin: 0 auto;
  max-width: 680px;
}
.approach-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.approach-card {
  background: #FFFFFF;
  border: 1px solid #DDE2DF;
  border-top: 3px solid #C89B3C;
  border-radius: 3px;
  padding: 32px 28px;
  min-height: 310px;
  display: flex;
  flex-direction: column;
  text-align: left;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.approach-card:hover {
  border-color: #C89B3C;
  border-top-color: #C89B3C;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(23,28,31,0.07);
}
.approach-icon {
  width: 34px;
  height: 34px;
  color: #123F35;
  margin: 0 0 24px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.approach-icon svg { width: 34px; height: 34px; stroke-width: 1.7; }
.approach-number {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #A77A24;
  margin: 0 0 10px 0;
}
.approach-card-title {
  font-family: "Space Grotesk", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  color: #20282C;
  margin: 0 0 14px 0;
}
.approach-card-desc {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
  color: #566168;
  margin: 0;
  flex: 1;
}
.approach-closing {
  text-align: center;
  margin-top: 40px;
}
.approach-closing-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #123F35;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.approach-closing-link::after {
  content: "→";
  transition: transform 0.2s ease;
}
.approach-closing-link:hover { color: #A77A24; }
.approach-closing-link:hover::after { transform: translateX(4px); }
@media (max-width: 991px) {
  .approach-section { padding: 80px 24px; }
  .approach-heading { font-size: 38px; }
  .approach-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .approach-card { min-height: 0; }
}
@media (max-width: 767px) {
  .approach-section { padding: 64px 20px; }
  .approach-heading { font-size: 32px; }
  .approach-sub { font-size: 16px; }
  .approach-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .approach-card { padding: 26px 22px; min-height: 0; }
  .approach-icon { width: 30px; height: 30px; }
  .approach-icon svg { width: 30px; height: 30px; }
  .approach-card-title { font-size: 20px; }
}

/* Operations & Projects — full-width editorial without sidebar */
body.page-id-14 .page-title-wrap {
  background-image: url('https://goldcoastconsolidatedminerals.com/wp-content/uploads/2026/09/mine-mine.jpg');
  background-size: cover;
  background-position: center;
  min-height: 400px;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
  margin-bottom: 0;
}
body.page-id-14 .page-title-wrap::before { background: linear-gradient(90deg, rgba(11,40,35,0.88) 0%, rgba(11,40,35,0.62) 60%, rgba(11,40,35,0.32) 100%); }
body.page-id-14 .page-title { color: #FFFFFF; }
body.page-id-14 .breadcrumb, body.page-id-14 .breadcrumb a { color: rgba(255,255,255,0.78); }
body.page-id-14 .breadcrumb a:hover { color: #D6B15B; }
@media (max-width: 991px) { body.page-id-14 .page-title-wrap { min-height: 320px; padding: 64px 0 48px; } }
@media (max-width: 767px) { body.page-id-14 .page-title-wrap { min-height: 280px; padding: 48px 0 36px; } }
.ops-intro { background: #FFFFFF; padding: 88px 32px 64px; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 42% 58%; gap: 72px; align-items: start; border-bottom: 1px solid #DDE2DF; }
.ops-intro-left .ops-kicker { font: 700 13px/1 Inter; letter-spacing: 0.12em; text-transform: uppercase; color: #A77A24; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.ops-intro-left .ops-kicker::before { content: ""; width: 36px; height: 2px; background: #C89B3C; }
.ops-intro-left h2 { font: 600 42px/1.15 Space Grotesk; color: #20282C; letter-spacing: -0.02em; margin: 0; }
.ops-intro-right p { font: 400 17px/1.75 Inter; color: #566168; max-width: 650px; margin: 0 0 16px 0; }
.ops-intro-right p:first-child { border-left: 3px solid #C89B3C; padding-left: 24px; }
@media (max-width: 991px) { .ops-intro { grid-template-columns: 1fr; gap: 32px; padding: 80px 24px 64px; } .ops-intro-left h2 { font-size: 32px; } }
@media (max-width: 767px) { .ops-intro { padding: 64px 20px; } }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { overflow-x: hidden; }
.ops-nav { background: #123F35; padding: 0 32px; position: sticky; top: 68px; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.08); }
.ops-nav-inner { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 0; }
.ops-nav a { color: #FFFFFF; font: 600 13px/1 Inter; letter-spacing: 0.04em; text-transform: uppercase; padding: 24px 20px; text-decoration: none; border-right: 1px solid rgba(255,255,255,0.12); display: inline-block; transition: color 0.15s, background 0.15s; }
.ops-nav a:first-child { border-left: 1px solid rgba(255,255,255,0.12); }
.ops-nav a:hover, .ops-nav a:focus-visible { color: #D6B15B; background: rgba(255,255,255,0.06); outline: none; }
.ops-nav a:focus-visible { outline: 2px solid #C89B3C; outline-offset: -2px; }
.ops-nav a.active { color: #D6B15B; }
@media (max-width: 767px) { .ops-nav { top: 0; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .ops-nav::-webkit-scrollbar { display: none; } .ops-nav::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 32px; background: linear-gradient(90deg, rgba(18,63,53,0) 0%, rgba(18,63,53,0.9) 100%); pointer-events: none; } .ops-nav-inner { flex-wrap: nowrap; } .ops-nav a { flex: 0 0 auto; padding: 20px 16px; } }
.ops-split, .ops-resto, .ops-pm, .ops-integrated, .ops-intro { scroll-margin-top: 120px; }
.ops-split { padding: 96px 32px; display: grid; gap: 64px; align-items: center; max-width: 1280px; margin: 0 auto; }
.ops-split--55-45 { grid-template-columns: 55% 45%; background: #F3F5F3; }
.ops-split--45-55 { grid-template-columns: 45% 55%; background: #FFFFFF; }
.ops-split img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 4px; display: block; }
.ops-split-image { overflow: hidden; border-radius: 4px; display: flex; align-items: stretch; }
.ops-split-image img { flex: 1; min-height: 420px; }
/* Section-specific vertical crops to meet 55/45 layout */
#open-pit-mining .ops-split-image img[src*="Open-pit-gold-mining"] { object-position: center 42%; }
#mineral-exploration .ops-split-image img[src*="Mine-planning"] { object-position: center 35%; }
.ops-split .ops-number { font: 600 12px/1 Space Grotesk; letter-spacing: 0.08em; color: #A77A24; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; }
.ops-split .ops-number::before { content: ""; width: 24px; height: 1px; background: #C89B3C; }
.ops-split h3 { font: 600 26px/1.2 Space Grotesk; color: #20282C; margin: 0 0 15px 0; }
.ops-split p { font: 400 15.5px/1.7 Inter; color: #566168; margin: 0 0 16px 0; }
.ops-highlight { background: #FFFFFF; border-left: 3px solid #C89B3C; padding: 20px 24px; margin-top: 24px; font: 400 15.5px/1.7 Inter; color: #20282C; }
.ops-process-list { list-style: none; margin: 24px 0 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ops-process-list li { display: flex; align-items: center; gap: 10px; font: 600 13px/1.4 Inter; color: #20282C; letter-spacing: 0.02em; }
.ops-process-list .ops-dot { width: 8px; height: 8px; background: #C89B3C; border-radius: 50%; flex-shrink: 0; display: inline-block; }
.ops-split h2 { font: 600 26px/1.2 Space Grotesk; color: #20282C; margin: 0 0 15px 0; }
.ops-resto h2, .ops-pm h2, .ops-integrated h2 { font: 600 28px/1.2 Space Grotesk; }
@media (max-width: 991px) { .ops-split { grid-template-columns: 1fr; gap: 32px; padding: 80px 24px; } }
@media (max-width: 575px) { .ops-process-list { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .ops-split { padding: 64px 20px; } .ops-split img { aspect-ratio: 16/10; } }
.ops-resto { background: #123F35; color: white; display: grid; grid-template-columns: 1fr 1fr; min-height: 600px; }
.ops-resto-image { position: relative; overflow: hidden; }
.ops-resto-image img { width: 100%; height: 100%; min-height: 600px; object-fit: cover; display: block; }
/* Crop Land Restoration vertically — 2560×1440 (16:9) into full-height panel */
.ops-resto-image img[src*="Land-restoration"] {
  object-position: center 30%;
}
.ops-resto-content { padding: 80px 72px; max-width: 600px; display: flex; flex-direction: column; justify-content: center; }
.ops-resto h3, .ops-resto .ops-number, .ops-resto p { color: white; }
.ops-resto p { color: rgba(255,255,255,0.82); }
.ops-resto .ops-number { color: #D6B15B; }
.ops-resto-principles { margin-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); }
.ops-resto-principles div { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.12); font: 600 14px/1.4 Inter; color: #FFFFFF; letter-spacing: 0.02em; }
@media (max-width: 991px) { .ops-resto { grid-template-columns: 1fr; min-height: auto; } .ops-resto-image img { min-height: 400px; } .ops-resto-content { padding: 48px 24px; max-width: none; } }
.ops-pm { background: #F5F1E8; padding: 96px 32px; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 48% 52%; gap: 72px; align-items: start; }
.ops-pm-panel { background: #FFFFFF; border: 1px solid #DDE2DF; border-radius: 4px; padding: 36px; }
.ops-step { display: flex; gap: 16px; position: relative; padding-bottom: 24px; }
.ops-step:last-child { padding-bottom: 0; }
.ops-step::before { content: ""; position: absolute; left: 14px; top: 32px; bottom: -4px; width: 1px; background: #DDE2DF; }
.ops-step:last-child::before { display: none; }
.ops-step-num { width: 28px; height: 28px; border-radius: 50%; background: #FFFFFF; border: 2px solid #C89B3C; color: #A77A24; font: 600 12px/1 Space Grotesk; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ops-step-title { font: 600 15px/1.3 Space Grotesk; color: #20282C; margin: 4px 0 0 0; }
@media (max-width: 991px) { .ops-pm { grid-template-columns: 1fr; gap: 32px; padding: 80px 24px; } }
@media (max-width: 767px) { .ops-pm { padding: 64px 20px; } }
.ops-integrated { background: #F3F5F3; padding: 88px 32px; text-align: center; }
.ops-integrated-inner { max-width: 850px; margin: 0 auto; }
.ops-integrated h3 { font: 600 28px/1.2 Space Grotesk; color: #20282C; margin: 0 0 16px 0; }
.ops-integrated p { font: 400 16px/1.7 Inter; color: #566168; margin: 0 auto 32px auto; }
.ops-lifecycle { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.ops-stage { background: #FFFFFF; border: 1px solid #C89B3C; color: #123F35; font: 600 12px/1 Inter; letter-spacing: 0.04em; text-transform: uppercase; padding: 10px 14px; border-radius: 20px; position: relative; }
.ops-stage-num { color: #A77A24; margin-right: 6px; }
.ops-lifecycle span.arrow { color: #C89B3C; font-weight: 600; user-select: none; }
.ops-lifecycle span.arrow[aria-hidden="true"] { speak: none; }
@media (max-width: 767px) { .ops-integrated { padding: 64px 20px; } .ops-lifecycle { flex-direction: column; gap: 8px; } .ops-lifecycle span.arrow { transform: rotate(90deg); } }
.ops-cta { background: #171C1F; padding: 72px 32px; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; max-width: 1280px; margin: 0 auto; }
.ops-cta h3 { font: 600 28px/1.2 Space Grotesk; color: #FFFFFF; margin: 0 0 12px 0; }
.ops-cta p { font: 400 15px/1.6 Inter; color: rgba(255,255,255,0.75); margin: 0; }
.ops-cta .ops-cta-btn { background: #C89B3C !important; color: #171C1F !important; border-radius: 3px !important; height: 52px !important; padding: 0 28px !important; }
.ops-cta .ops-cta-btn:hover { background: #FFFFFF !important; color: #123F35 !important; }
.ops-cta-contact { font: 400 14px/1.6 Inter; color: rgba(255,255,255,0.75); text-align: right; }
.ops-cta-contact a { color: #FFFFFF; text-decoration: none; }
.ops-cta-contact a:hover { color: #C89B3C; }
@media (max-width: 767px) { .ops-cta { grid-template-columns: 1fr; padding: 64px 20px; } .ops-cta-contact { text-align: left; } .ops-cta .ops-cta-btn { width: 100%; } }

/* Sustainability — full-width differentiated sections per guide
   ========================================================================== */
body.page-id-15 .page-title-wrap {
  background-image: url('https://goldcoastconsolidatedminerals.com/wp-content/uploads/2026/09/Reclamation.jpeg');
  background-size: cover;
  background-position: center 35%;
  min-height: 640px;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
  margin-bottom: 0;
}
body.page-id-15 .page-title-wrap::before { background: linear-gradient(90deg, rgba(11,40,35,0.82) 0%, rgba(11,40,35,0.58) 55%, rgba(11,40,35,0.22) 100%); }
body.page-id-15 .page-title-wrap .page-title-content::before {
  content: "Our Responsibility";
  display: block;
  font: 700 13px/1 Inter;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #D6B15B;
  margin-bottom: 16px;
}
body.page-id-15 .page-title { color: #FFFFFF; }
body.page-id-15 .breadcrumb, body.page-id-15 .breadcrumb a { color: rgba(255,255,255,0.78); }
@media (max-width: 991px) { body.page-id-15 .page-title-wrap { min-height: 420px; } }
@media (max-width: 767px) { body.page-id-15 .page-title-wrap { min-height: 320px; } }

/* Sustainability intro — white two-column with gold vertical line */
.sustain-intro { background: #FFFFFF; padding: 96px 32px; max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 42% 58%; gap: 72px; align-items: start; border-bottom: 1px solid #DDE2DF; }
.sustain-intro-left .ops-kicker { font: 700 13px/1 Inter; letter-spacing: 0.12em; color: #A77A24; display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.sustain-intro-left .ops-kicker::before { content:""; width:36px; height:2px; background:#C89B3C; }
.sustain-intro-left h2 { font: 600 42px/1.15 Space Grotesk; color:#20282C; letter-spacing:-0.02em; margin:0; }
.sustain-intro-right p { font: 400 17px/1.75 Inter; color:#566168; max-width:650px; margin:0 0 16px 0; }
.sustain-intro-right p:first-child { border-left:3px solid #C89B3C; padding-left:24px; }
@media (max-width: 991px) { .sustain-intro { grid-template-columns:1fr; gap:32px; padding:80px 24px 64px; } .sustain-intro-left h2 { font-size:32px; } }
@media (max-width: 767px) { .sustain-intro { padding:64px 20px; } }

/* Priorities — Mineral Mist #F3F5F3, compact icon cards, outline icons, no heavy shadow */
.sustain-priorities { background:#F3F5F3; padding:96px 32px; }
.sustain-priorities-inner { max-width:1280px; margin:0 auto; }
.sustain-priorities-header { text-align:center; max-width:720px; margin:0 auto 48px auto; }
.sustain-priorities-grid { display:grid; grid-template-columns: repeat(5, 1fr); gap:20px; }
.sustain-prio-card { background:#FFFFFF; border:1px solid #DDE2DF; border-radius:4px; padding:28px 20px; text-align:center; transition:border-color 0.2s; }
.sustain-prio-card:hover { border-color:#C89B3C; }
.sustain-prio-icon { width:48px; height:48px; margin:0 auto 16px auto; border:1.5px solid #C89B3C; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#A77A24; font-size:20px; }
.sustain-prio-card h3 { font:600 16px/1.3 Space Grotesk; color:#20282C; margin:0 0 8px 0; }
.sustain-prio-card p { font:400 14px/1.6 Inter; color:#566168; margin:0; }
@media (max-width: 991px) { .sustain-priorities-grid { grid-template-columns: repeat(3, 1fr); } .sustain-priorities { padding:80px 24px; } }
@media (max-width: 767px) { .sustain-priorities-grid { grid-template-columns:1fr; } .sustain-priorities { padding:64px 20px; } }

/* EHS split — Ghanaian workers PPE image + copy, clean checklist */
.sustain-ehs { background:#FFFFFF; padding:96px 32px; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:48% 52%; gap:64px; align-items:center; }
.sustain-ehs-image img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; display:block; }
.sustain-ehs .ops-kicker { font:700 13px/1 Inter; letter-spacing:0.12em; color:#A77A24; display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.sustain-ehs .ops-kicker::before { content:""; width:36px; height:2px; background:#C89B3C; }
.sustain-ehs h2 { font:600 32px/1.2 Space Grotesk; color:#20282C; margin:0 0 12px 0; }
.sustain-ehs h3 { font:600 20px/1.3 Space Grotesk; color:#20282C; margin:24px 0 12px 0; }
.sustain-ehs p { font:400 15.5px/1.7 Inter; color:#566168; margin:0 0 12px 0; }
.sustain-checklist { list-style:none; margin:16px 0 0 0; padding:0; }
.sustain-checklist li { position:relative; padding-left:28px; font:400 15px/1.6 Inter; color:#20282C; margin:0 0 10px 0; }
.sustain-checklist li::before { content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; border:1.5px solid #C89B3C; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; color:#A77A24; line-height:1; text-align:center; }
@media (max-width: 991px) { .sustain-ehs { grid-template-columns:1fr; padding:80px 24px; } }
@media (max-width: 767px) { .sustain-ehs { padding:64px 20px; } }

/* Environmental responsibility & restoration — dark-green with large image, two-col lists */
.sustain-resto-dark { background:#123F35; color:#FFFFFF; display:grid; grid-template-columns:1fr 1fr; min-height:640px; }
.sustain-resto-dark-image { position:relative; overflow:hidden; }
.sustain-resto-dark-image img { width:100%; height:100%; min-height:640px; object-fit:cover; display:block; }
.sustain-resto-dark-content { padding:80px 64px; display:flex; flex-direction:column; justify-content:center; max-width:600px; }
.sustain-resto-dark h2 { font:600 32px/1.2 Space Grotesk; color:#FFFFFF; margin:0 0 12px 0; }
.sustain-resto-dark h3 { font:600 16px/1.3 Space Grotesk; color:#D6B15B; margin:20px 0 12px 0; }
.sustain-resto-dark p { font:400 15px/1.7 Inter; color:rgba(255,255,255,0.82); margin:0 0 12px 0; }
.sustain-resto-list { list-style:none; margin:12px 0 0 0; padding:0; columns:2; column-gap:24px; }
.sustain-resto-list li { font:400 14px/1.5 Inter; color:rgba(255,255,255,0.88); margin:0 0 8px 0; padding-left:16px; position:relative; break-inside:avoid; }
.sustain-resto-list li::before { content:"•"; position:absolute; left:0; color:#C89B3C; }
@media (max-width: 991px) { .sustain-resto-dark { grid-template-columns:1fr; } .sustain-resto-dark-image img { min-height:420px; } .sustain-resto-dark-content { padding:48px 24px; max-width:none; } .sustain-resto-list { columns:1; } }

/* Community engagement — Sandstone #F5F1E8 with photography, 4 blocks */
.sustain-community { background:#F5F1E8; padding:96px 32px; }
.sustain-community-inner { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:42% 58%; gap:64px; align-items:start; }
.sustain-community-image img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; display:block; }
.sustain-community h2 { font:600 36px/1.2 Space Grotesk; color:#20282C; margin:0 0 16px 0; }
.sustain-community h3 { font:600 18px/1.3 Space Grotesk; color:#20282C; margin:20px 0 8px 0; display:flex; align-items:center; gap:10px; }
.sustain-community h3::before { content:""; width:24px; height:2px; background:#C89B3C; }
.sustain-community p { font:400 15.5px/1.7 Inter; color:#566168; margin:0 0 12px 0; }
.sustain-community ul { margin:12px 0 0 0; }
@media (max-width: 991px) { .sustain-community-inner { grid-template-columns:1fr; } .sustain-community { padding:80px 24px; } }
@media (max-width: 767px) { .sustain-community { padding:64px 20px; } }

/* Zero tolerance — white, gold top border, charcoal heading, shield icon, two cols */
.sustain-zero { background:#FFFFFF; border-top:4px solid #C89B3C; padding:96px 32px; max-width:1280px; margin:0 auto; }
.sustain-zero-header { text-align:center; max-width:720px; margin:0 auto 48px auto; }
.sustain-zero-icon { width:56px; height:56px; margin:0 auto 16px auto; border:2px solid #C89B3C; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#A77A24; font-size:24px; }
.sustain-zero h2 { font:600 36px/1.2 Space Grotesk; color:#171C1F; margin:0 0 12px 0; }
.sustain-zero h3 { font:600 18px/1.3 Space Grotesk; color:#20282C; margin:0 0 12px 0; }
.sustain-zero p { font:400 15.5px/1.7 Inter; color:#566168; margin:0 0 12px 0; }
.sustain-zero-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.sustain-zero-list { list-style:none; margin:12px 0 0 0; padding:0; }
.sustain-zero-list li { position:relative; padding-left:24px; font:400 14px/1.6 Inter; color:#20282C; margin:0 0 8px 0; }
.sustain-zero-list li::before { content:"—"; position:absolute; left:0; color:#C89B3C; }
@media (max-width: 991px) { .sustain-zero-grid { grid-template-columns:1fr; gap:32px; } .sustain-zero { padding:80px 24px; } }
@media (max-width: 767px) { .sustain-zero { padding:64px 20px; } }

/* Governance — charcoal with white text, two-col checklist */
.sustain-governance { background:#171C1F; color:#FFFFFF; padding:96px 32px; }
.sustain-governance-inner { max-width:1280px; margin:0 auto; }
.sustain-governance h2 { font:600 36px/1.2 Space Grotesk; color:#FFFFFF; margin:0 0 12px 0; text-align:center; }
.sustain-governance h3 { font:600 20px/1.3 Space Grotesk; color:#D6B15B; margin:0 0 16px 0; text-align:center; }
.sustain-governance p { font:400 15.5px/1.7 Inter; color:rgba(255,255,255,0.78); max-width:720px; margin:0 auto 24px auto; text-align:center; }
.sustain-gov-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:860px; margin:0 auto; }
.sustain-gov-item { display:flex; gap:12px; align-items:flex-start; font:400 14px/1.6 Inter; color:rgba(255,255,255,0.88); }
.sustain-gov-item::before { content:"✓"; width:22px; height:22px; border:1.5px solid #C89B3C; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#C89B3C; font-size:11px; flex-shrink:0; margin-top:2px; }
@media (max-width: 767px) { .sustain-governance { padding:64px 20px; } .sustain-gov-grid { grid-template-columns:1fr; } }

/* Closing commitment — centred statement + gold button, 96/64 spacing */
.sustain-closing { background:#FFFFFF; padding:96px 32px; text-align:center; border-top:1px solid #DDE2DF; }
.sustain-closing-inner { max-width:760px; margin:0 auto; }
.sustain-closing h2 { font:600 32px/1.2 Space Grotesk; color:#20282C; margin:0 0 16px 0; }
.sustain-closing p { font:400 17px/1.7 Inter; color:#566168; margin:0 auto 24px auto; }
.sustain-closing .sustain-cta-btn { background:#C89B3C !important; color:#171C1F !important; border:1px solid #C89B3C !important; height:52px !important; padding:0 28px !important; border-radius:3px !important; font:600 14px/1 Inter !important; display:inline-flex !important; align-items:center !important; }
.sustain-closing .sustain-cta-btn:hover { background:#A77A24 !important; border-color:#A77A24 !important; }
@media (max-width: 767px) { .sustain-closing { padding:64px 20px; } }

/* Contact — full-width differentiated layout (96/64 spacing)
   ========================================================================== */
body.page-id-18 .page-title-wrap {
  background-image: url('https://goldcoastconsolidatedminerals.com/wp-content/uploads/2026/09/About-us-e1789229290634.jpeg');
  background-size: cover;
  background-position: center;
  min-height: 400px;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
  margin-bottom: 0;
}
body.page-id-18 .page-title-wrap::before { background: linear-gradient(90deg, rgba(11,40,35,0.82) 0%, rgba(11,40,35,0.58) 55%, rgba(11,40,35,0.22) 100%); }
body.page-id-18 .page-title-wrap .page-title-content::before {
  content: "Get In Touch";
  display: block;
  font: 700 13px/1 Inter;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #D6B15B;
  margin-bottom: 16px;
}
.contact-main { background:#FFFFFF; padding:96px 32px; max-width:1280px; margin:0 auto; display:grid; grid-template-columns:38% 58%; gap:64px; align-items:start; }
.contact-details { background:#F3F5F3; border:1px solid #DDE2DF; border-radius:4px; padding:32px; }
.contact-details h2 { font:600 24px/1.2 Space Grotesk; color:#20282C; margin:0 0 16px 0; }
.contact-details h3 { font:600 14px/1.3 Space Grotesk; color:#A77A24; letter-spacing:0.06em; text-transform:uppercase; margin:20px 0 8px 0; }
.contact-details p, .contact-details a { font:400 15px/1.7 Inter; color:#20282C; }
.contact-details a:hover { color:#A77A24; }
.contact-detail-row { display:flex; gap:12px; align-items:flex-start; margin:0 0 14px 0; }
.contact-detail-icon { width:36px; height:36px; border:1.5px solid #C89B3C; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#A77A24; flex-shrink:0; font-size:14px; }
.contact-form-wrap { background:#FFFFFF; border:1px solid #DDE2DF; border-radius:4px; padding:32px; }
.contact-form-wrap h2 { font:600 24px/1.2 Space Grotesk; color:#20282C; margin:0 0 8px 0; }
.contact-form-wrap .form-intro { font:400 15px/1.6 Inter; color:#566168; margin:0 0 20px 0; }
.contact-form-wrap .wpcf7-form label { font:600 13px/1.4 Inter; color:#20282C; letter-spacing:0.02em; display:block; margin:0 0 16px 0; }
.contact-form-wrap .wpcf7-form input[type="text"],
.contact-form-wrap .wpcf7-form input[type="email"],
.contact-form-wrap .wpcf7-form textarea { width:100%; margin-top:6px; border:1px solid #DDE2DF !important; border-radius:4px; padding:12px 14px; font:400 15px/1.6 Inter; color:#20282C; background:#FFFFFF; }
.contact-form-wrap .wpcf7-form textarea { min-height:140px; resize:vertical; }
.contact-form-wrap .wpcf7-submit { background:#C89B3C !important; color:#171C1F !important; border:1px solid #C89B3C !important; border-radius:3px !important; height:52px !important; padding:0 28px !important; font:600 14px/1 Inter !important; width:100%; margin-top:8px; }
.contact-form-wrap .wpcf7-submit:hover { background:#A77A24 !important; border-color:#A77A24 !important; }
.contact-form-wrap .wpcf7-response-output { font:400 14px/1.6 Inter; margin-top:16px; border-radius:4px; }
@media (max-width: 991px) { .contact-main { grid-template-columns:1fr; padding:80px 24px; } body.page-id-18 .page-title-wrap { min-height:320px; } }
@media (max-width: 767px) { .contact-main { padding:64px 20px; } .contact-details, .contact-form-wrap { padding:24px; } }

/* Hide sidebar where not needed — only Home and Contact per request (sidebar on About and all others) */
body.home .sidebar,
body.page-id-18 .sidebar  /* Contact only — no sidebar */
{ display: none; }

/* 11. Utilities — backgrounds & borders
   ========================================================================== */
.has-theme-primary-color { color: var(--c-mineral-green) !important; }
.has-theme-primary-background-color { background-color: var(--c-mineral-green) !important; }
.has-theme-secondary-color { color: var(--c-forest-charcoal) !important; }
.has-theme-secondary-background-color { background-color: var(--c-forest-charcoal) !important; }
.has-theme-dark-gray-color { color: var(--c-graphite) !important; }
.has-theme-light-gray-color { color: var(--c-soft-grey) !important; }
.has-theme-light-gray-background-color { background-color: var(--c-mineral-mist) !important; }
.has-theme-white-color { color: var(--c-white) !important; }
.has-theme-white-background-color { background-color: var(--c-white) !important; }
.has-theme-black-color { color: var(--c-mining-charcoal) !important; }
.has-theme-black-background-color { background-color: var(--c-mining-charcoal) !important; }

/* Success / Warning */
.has-success { color: var(--c-success); }
.has-warning { color: var(--c-warning); }

/* 12. Responsive Type Scale — Mobile
   ========================================================================== */
@media (max-width: 767px) {
  body { font-size: 16px; }
  h1, .page-hero-title, .page-title, .page-title-wrap .page-title { font-size: 36px; }
  .hero-heading, .page-hero-title.is-hero { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 24px; }
  h4 { font-size: 19px; }
  .navigation-main, .head-mast .head-content-slot-item { font-size: 15px !important; }
}

/* 13. Photography treatment — large operational, no filters
   Prioritise: Ghanaian operations, employees/technical teams, heavy equipment active, rehabilitation, community, training, aerial
   ========================================================================== */
.entry-item-media img, .wp-block-image img, .hero-image img { display: block; width: 100%; height: auto; object-fit: cover; }

/* Recommended ratios — CSS helpers (use with media or cover blocks) */
.ratio-hero { aspect-ratio: 16 / 7; object-fit: cover; width: 100%; }
.ratio-project { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.ratio-news { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.ratio-leadership { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.ratio-aerial { aspect-ratio: 16 / 7; object-fit: cover; width: 100%; }

/* Hero — enforce 16:7 (cropped, not stretched) */
.hero-home.wp-block-cover { aspect-ratio: 16 / 7; min-height: 0 !important; }
.hero-home.wp-block-cover .wp-block-cover__image-background { object-fit: cover; object-position: 50% 35%; }
@media (max-width: 991px) { .hero-home.wp-block-cover { aspect-ratio: 16 / 8; } }
@media (max-width: 575px) { .hero-home.wp-block-cover { aspect-ratio: 16 / 10; } }

/* Project cards — 4:3 */
.card-project, .project-card, .wp-block-gutenbee-container.ratio-project,
.entry-item--project .entry-item-media img { aspect-ratio: 4 / 3; object-fit: cover; }

/* News cards — 16:10 */
.card-news, .news-card, .entry-item--news .entry-item-media img,
.wp-block-latest-posts__featured-image img.ratio-news { aspect-ratio: 16 / 10; object-fit: cover; }

/* Leadership portraits — 4:5 */
.card-leadership img, .leadership-portrait, .wp-block-image.ratio-leadership img { aspect-ratio: 4 / 5; object-fit: cover; object-position: top center; }

/* Wide aerial — use hero ratio, no filter, high detail */
.aerial-wide { aspect-ratio: 16 / 7; object-fit: cover; object-position: center; }

/* Ghanaian focus — subtle caption helper */
.caption-ghana { font-family: "Inter", sans-serif; font-size: 13px; color: var(--c-cool-grey); font-style: normal; }

/* Subtle Ghanaian identity via imagery — no decorative pattern CSS */
/* Use photography and copy; avoid kente/asante motifs as CSS backgrounds */

/* Team — leadership 4/5 portraits, 1280px 4-col grid, Ghanaian team */
.team-intro { background: #FFFFFF; padding: 96px 32px 48px; max-width: 1280px; margin: 0 auto; text-align: center; }
.team-intro-inner { max-width: 820px; margin: 0 auto; }
.team-intro .ops-kicker { justify-content: center; }
.team-intro h2 { font: 600 36px/1.2 "Space Grotesk", sans-serif; color: #20282C; margin: 0 auto 16px auto; letter-spacing: -0.02em; }
.team-intro p { font: 400 17px/1.75 "Inter", sans-serif; color: #566168; margin: 0 auto; max-width: 720px; }
.team-grid-section { background: #FFFFFF; padding: 0 32px 96px; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; max-width: 1280px; margin: 0 auto; }
.card-leadership { background: #FFFFFF; border: 1px solid #DDE2DF; border-radius: 4px; overflow: hidden; transition: border-color 0.2s ease; display: flex; flex-direction: column; }
.card-leadership:hover { border-color: #C89B3C; }
.card-leadership-image { overflow: hidden; background: #F3F5F3; }
.card-leadership-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top center; display: block; transition: transform 0.5s ease; }
.card-leadership:hover .card-leadership-image img { transform: scale(1.04); }
.card-leadership-content { padding: 20px; text-align: left; flex: 1; }
.card-leadership-name { font: 600 18px/1.3 "Space Grotesk", sans-serif; color: #20282C; margin: 0 0 4px 0; }
.card-leadership-title { font: 400 13px/1.5 "Inter", sans-serif; color: #566168; margin: 0; letter-spacing: 0.02em; }
.team-closing { background: #F3F5F3; padding: 72px 32px; text-align: center; border-top: 1px solid #DDE2DF; }
.team-closing-inner { max-width: 720px; margin: 0 auto; }
.team-closing h2 { font: 600 28px/1.2 "Space Grotesk", sans-serif; color: #20282C; margin: 0 0 12px 0; }
.team-closing p { font: 400 15.5px/1.7 "Inter", sans-serif; color: #566168; margin: 0 auto 24px auto; }
.team-closing .team-cta-btn { background: #C89B3C !important; color: #171C1F !important; border: 1px solid #C89B3C !important; border-radius: 3px !important; height: 52px !important; padding: 0 28px !important; font: 600 14px/1 "Inter", sans-serif !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; }
.team-closing .team-cta-btn:hover { background: #A77A24 !important; border-color: #A77A24 !important; }
@media (max-width: 991px) { .team-intro { padding: 80px 24px 40px; } .team-intro h2 { font-size: 32px; } .team-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } .team-grid-section { padding: 0 24px 80px; } }
@media (max-width: 767px) { .team-intro { padding: 64px 20px 32px; } .team-intro h2 { font-size: 28px; } .team-grid { grid-template-columns: 1fr; gap: 20px; } .team-grid-section { padding: 0 20px 64px; } .team-closing { padding: 56px 20px; } }

/* 14. Content width constraint */
.entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > h2, .entry-content > h3, .entry-content > h4 { max-width: 720px; }
.entry-content > .wp-block-group, .entry-content > .wp-block-columns { max-width: none; }

/* 15. Editor parity — ensure backend matches */
.editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3 { font-family: "Space Grotesk", sans-serif; }
.editor-styles-wrapper p { font-family: "Inter", sans-serif; line-height: 1.7; }