/*
Theme Name: Rutuli Advanced Systems
Theme URI: https://rutuli.com/
Author: Rutuli Advanced Systems
Description: Custom editorial WordPress theme for Rutuli's African mining project development and investment-preparation website.
Version: 0.13.6
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: rutuli
*/

:root{
  --ink:#0a0b0b;
  --ink-soft:#171918;
  --paper:#f3f1ec;
  --paper-2:#e9e5dc;
  --white:#fff;
  --bronze:#a48659;
  --bronze-soft:#c4aa7a;
  --teal:#0f6d6d;
  --teal-bright:#2b9693;
  --line:rgba(10,11,11,.16);
  --line-light:rgba(255,255,255,.18);
  --muted:#6e706c;
  --max:1440px;
  --pad:clamp(22px,4vw,64px);
  --serif:Georgia,'Times New Roman',serif;
  --sans:'Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}
body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;height:auto}
::selection{background:var(--bronze);color:#fff}

.site-header{position:fixed;inset:0 0 auto;z-index:50;height:88px;display:grid;grid-template-columns:minmax(190px,310px) 1fr auto auto;align-items:center;gap:24px;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(243,241,236,.9);backdrop-filter:blur(14px);transition:.35s ease}
body.admin-bar .site-header{top:32px}
.site-header.dark{background:rgba(10,11,11,.9);border-color:var(--line-light);color:white}
.site-header .brand-link{display:flex;align-items:center}
.site-header .logo{width:min(250px,23vw);height:auto;display:block}
.site-header .logo-dark{display:block}.site-header .logo-light{display:none}.site-header.dark .logo-dark{display:none}.site-header.dark .logo-light{display:block}
.nav{display:flex;justify-content:center;gap:clamp(18px,3vw,42px);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.nav a{position:relative;padding:32px 0 28px}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:22px;height:1px;background:var(--bronze);transition:.28s}.nav a:hover:after,.nav a.active:after{right:0}
.header-cta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-left:1px solid currentColor;padding-left:18px;white-space:nowrap}
.menu-toggle{display:block;border:0;background:transparent;color:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding-left:18px;border-left:1px solid currentColor;white-space:nowrap}
.page{padding-top:88px}
.frame{width:min(var(--max),100%);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--teal)}
.dark-section .eyebrow{color:var(--bronze-soft)}
.display{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.93;margin:0;font-size:clamp(58px,8vw,132px)}
.display.small{font-size:clamp(52px,6.4vw,104px)}
.lede{font-family:var(--serif);font-size:clamp(21px,2.1vw,34px);line-height:1.28;max-width:850px;margin:0;color:#2f302e}
.dark-section .lede{color:#e5e0d8}
.body-lg{font-size:clamp(18px,1.5vw,23px);line-height:1.55;max-width:760px}
.body{font-size:16px;line-height:1.65;max-width:720px;color:#303230}.dark-section .body{color:#c9c8c3}
.hero{min-height:calc(100vh - 88px);display:grid;align-items:stretch;position:relative;isolation:isolate}
.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;min-height:calc(100vh - 88px);align-items:center;position:relative}
.hero-copy{grid-column:1 / span 8;position:relative;z-index:2;padding:90px 0 100px}
.hero-copy .lede{margin-top:34px;max-width:730px}
.hero-art{grid-column:8 / -1;align-self:stretch;position:relative;min-height:520px}
.dark-section{background:var(--ink);color:var(--white)}
.light-section{background:var(--paper);color:var(--ink)}
.warm-section{background:var(--paper-2);color:var(--ink)}
.section{padding:clamp(90px,11vw,170px) 0;position:relative;overflow:hidden}
.section-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.section-title{grid-column:1 / span 5}.section-copy{grid-column:7 / -1}
.section-title h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.02;font-size:clamp(44px,5vw,78px);margin:20px 0 0}
.rule{height:1px;background:var(--line);width:100%}.dark-section .rule{background:var(--line-light)}
.large-rule{margin:70px 0 48px}
.index-number{font-family:var(--serif);font-size:clamp(46px,5vw,72px);color:var(--bronze);line-height:1}
.editorial-list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.editorial-list .item{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(260px,.8fr);gap:24px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.dark-section .editorial-list{border-color:var(--line-light)}.dark-section .editorial-list .item{border-color:var(--line-light)}
.item h3{font-family:var(--serif);font-size:clamp(28px,2.8vw,43px);font-weight:400;line-height:1.05;margin:0}
.item p{margin:5px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.dark-section .item p{color:#a9aaa5}
.thread-stage{min-height:760px;display:flex;align-items:center}
.thread-wrap{position:relative;width:100%;height:620px}
.fragment{position:absolute;border:1px solid var(--line);background:rgba(255,255,255,.12);backdrop-filter:blur(3px);padding:14px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.fragment.a{left:2%;top:10%;transform:rotate(-4deg)}.fragment.b{left:7%;top:43%;transform:rotate(2deg)}.fragment.c{left:21%;top:67%;transform:rotate(-2deg)}.fragment.d{left:27%;top:22%;transform:rotate(3deg)}
.case-box{position:absolute;right:4%;top:22%;width:min(46%,560px);height:48%;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.08))}
.case-box .eyebrow{margin-bottom:auto}.case-box strong{font-family:var(--serif);font-size:clamp(44px,5vw,76px);font-weight:400;line-height:.94;letter-spacing:-.04em}
.thread-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.platform-band{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);margin-top:70px}
.platform-band span{padding:22px 18px;min-height:90px;border-right:1px solid var(--line-light);display:flex;align-items:flex-end;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c8c4bd}.platform-band span:last-child{border-right:0}
.outcome-rail{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:end}
.outcome-rail .big{grid-column:1 / span 7;font-family:var(--serif);font-size:clamp(52px,7.2vw,110px);line-height:.92;letter-spacing:-.045em}
.outcome-rail .side{grid-column:9 / -1;border-left:1px solid var(--line);padding-left:24px}
.cta-band{padding:90px 0 100px;border-top:1px solid var(--line)}
.cta-band .frame{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:end}
.cta-band h2{grid-column:1 / span 9;font-family:var(--serif);font-weight:400;letter-spacing:-.04em;font-size:clamp(48px,6vw,92px);line-height:.96;margin:0}
.cta-band .cta-link{grid-column:10 / -1;justify-self:end;border-bottom:1px solid var(--ink);padding-bottom:6px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.dark-section.cta-band{border-color:var(--line-light)}.dark-section.cta-band .cta-link{border-color:white}
.site-footer{padding:46px 0 38px;background:var(--ink);color:white;border-top:1px solid var(--line-light)}
.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:end}.footer-logo{grid-column:1 / span 3;width:210px}.footer-copy{grid-column:5 / span 5;color:#aaa;font-size:12px;line-height:1.6}.footer-meta{grid-column:11/-1;text-align:right;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8c8c86}

/* Homepage */
.home-hero .hero-copy{grid-column:1 / span 9}
.home-hero .hero-art{grid-column:8/-1}
.home-route{position:relative;width:100%;height:620px}
.home-route .fragment{background:rgba(255,255,255,.42)}
.home-route .case-box{top:27%;height:42%;width:min(48%,520px)}
.home-route .case-box strong{font-size:clamp(42px,4.8vw,72px)}
.route-sequence{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}
.route-stage{min-height:260px;padding:30px 28px 34px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.route-stage:last-child{border-right:0}.route-stage .route-no{font-family:var(--serif);font-size:56px;color:var(--bronze);line-height:1}.route-stage h3{font-family:var(--serif);font-size:clamp(28px,2.8vw,42px);line-height:1.04;font-weight:400;margin:45px 0 12px}.route-stage p{font-size:14px;line-height:1.55;color:var(--muted);max-width:340px;margin:0}
.feature-paths{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;border-top:1px solid var(--line-light);margin-top:72px}
.feature-path{grid-column:span 6;padding:36px 36px 42px 0;border-bottom:1px solid var(--line-light);position:relative;min-height:270px}
.feature-path:nth-child(2){padding-left:36px;border-left:1px solid var(--line-light)}
.feature-path .path-index{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-soft)}
.feature-path h3{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4vw,60px);line-height:1;margin:65px 0 16px}
.feature-path p{max-width:540px;color:#aaa;font-size:15px;line-height:1.6}
.feature-path a{display:inline-block;margin-top:20px;border-bottom:1px solid var(--bronze-soft);padding-bottom:5px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.home-statement{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:end}
.home-statement .statement-big{grid-column:1/span 8;font-family:var(--serif);font-size:clamp(52px,7vw,105px);line-height:.92;letter-spacing:-.045em}
.home-statement .statement-side{grid-column:10/-1;border-left:1px solid var(--line);padding-left:24px}

/* Mining intelligence */
.contour-field{position:absolute;inset:0;overflow:hidden}.contour-field svg{width:150%;height:120%;position:absolute;left:-20%;top:-10%;opacity:.36}.signal-axis{position:absolute;right:8%;top:14%;bottom:12%;width:1px;background:var(--line)}.signal-axis:before,.signal-axis:after{position:absolute;right:18px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.signal-axis:before{content:'Signal';top:0}.signal-axis:after{content:'Evidence';bottom:0}.signal-dot{position:absolute;right:calc(8% - 5px);width:11px;height:11px;border:1px solid var(--teal);background:var(--paper);border-radius:50%}.signal-dot.one{top:28%}.signal-dot.two{top:51%}.signal-dot.three{top:72%;background:var(--teal)}
.source-weave{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;min-height:520px;align-items:center}.weave-labels{grid-column:1/span 4;display:grid;gap:26px}.weave-label{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:14px}.weave-label i{display:block;width:42px;height:1px;background:var(--bronze);margin-top:9px}.weave-label strong{font-family:var(--serif);font-size:24px;font-weight:400}.weave-canvas{grid-column:5/-1;height:470px;position:relative}.weave-canvas svg{width:100%;height:100%}
.authority-note{border-left:3px solid var(--bronze);padding:6px 0 6px 30px;max-width:940px;font-family:var(--serif);font-size:clamp(25px,2.5vw,38px);line-height:1.28}
.output-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}.output-lines div{min-height:160px;padding:30px 28px 26px 0;border-bottom:1px solid var(--line)}.output-lines div:nth-child(odd){border-right:1px solid var(--line);padding-right:32px}.output-lines div:nth-child(even){padding-left:32px}.output-lines strong{font-family:var(--serif);font-size:30px;font-weight:400;display:block}.output-lines p{color:var(--muted);font-size:14px;margin:10px 0 0;max-width:500px}

/* Project development */
.decision-spine{position:relative;padding:40px 0 20px;margin-top:50px}.decision-spine:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line-light)}.decision{display:grid;grid-template-columns:1fr 80px 1fr;min-height:190px;align-items:center}.decision:nth-child(odd) .decision-copy{grid-column:1}.decision:nth-child(even) .decision-copy{grid-column:3}.decision:nth-child(even) .decision-copy{text-align:left}.decision .node{grid-column:2;width:15px;height:15px;border:1px solid var(--bronze-soft);background:var(--ink);border-radius:50%;justify-self:center;position:relative;z-index:2}.decision-copy h3{font-family:var(--serif);font-size:clamp(31px,3vw,46px);font-weight:400;line-height:1.05;margin:0 0 12px}.decision-copy p{color:#aaa;margin:0;max-width:520px;font-size:15px;line-height:1.6}.decision:nth-child(even) .decision-copy p{max-width:520px}.decision-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-soft);margin-bottom:10px}
.risk-statement{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:start}.risk-statement h2{grid-column:1/span 7;font-family:var(--serif);font-weight:400;font-size:clamp(50px,6vw,88px);line-height:.95;letter-spacing:-.04em;margin:0}.risk-statement .body-lg{grid-column:9/-1;margin:6px 0 0}
.work-program{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;margin-top:68px}.work-program .left{grid-column:1/span 4}.work-program .right{grid-column:6/-1}.work-program .step{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.work-program .step:last-child{border-bottom:1px solid var(--line)}.work-program .step strong{font-family:var(--serif);font-weight:400;font-size:28px}.work-program .step p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.mobile-only{display:none}

/* Fallback content */
.rutuli-default-content{padding:150px 0 120px;min-height:70vh}.rutuli-default-content h1{font-family:var(--serif);font-size:clamp(48px,6vw,88px);font-weight:400;letter-spacing:-.04em}.rutuli-default-content .entry-content{font-size:18px;line-height:1.7;max-width:800px}

/* v0.6.2 Navigation access fix: primary desktop links remain visible, while MENU
   opens the complete grouped navigation containing every core site route. */
@media (min-width:981px){
  .site-header{column-gap:clamp(14px,1.7vw,26px)}
  .header-cta{padding-left:16px}
  .menu-toggle{margin-left:0}
}

@media (max-width:980px){
  body.admin-bar .site-header{top:32px}
  .site-header{height:74px;grid-template-columns:1fr auto;padding:0 20px}.site-header .logo{width:190px}.nav,.header-cta{display:none}.menu-toggle{display:block;border-left:0;padding-left:0}.page{padding-top:74px}.menu-open .nav{display:flex;position:fixed;left:0;right:0;top:74px;bottom:0;background:var(--paper);color:var(--ink);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:40px 28px;gap:0;z-index:49}.admin-bar .menu-open .nav{top:106px}.menu-open .nav a{width:100%;padding:24px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:30px;letter-spacing:-.02em;text-transform:none}.menu-open.dark .nav{background:var(--ink);color:white}.menu-open .nav a:after{display:none}
  .hero,.hero-grid{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{grid-column:1;padding:74px 0 54px}.hero-art,.home-hero .hero-art{grid-column:1;min-height:420px}.home-hero .hero-copy{grid-column:1}.display{font-size:clamp(55px,15vw,86px)}.display.small{font-size:clamp(50px,13vw,78px)}.hero-copy .lede{margin-top:26px}.section{padding:90px 0}.section-grid{grid-template-columns:1fr}.section-title,.section-copy{grid-column:1}.section-copy{margin-top:46px}.section-title h2{font-size:50px}
  .editorial-list .item{grid-template-columns:62px 1fr;padding:28px 0}.editorial-list .item p{grid-column:2}.index-number{font-size:46px}
  .thread-stage{min-height:620px}.thread-wrap,.home-route{height:530px}.fragment{font-size:9px;padding:10px 11px}.fragment.a{left:0}.fragment.b{left:2%}.fragment.c{left:8%}.fragment.d{left:16%}.case-box,.home-route .case-box{right:0;top:30%;width:64%;height:45%;padding:22px}.case-box strong,.home-route .case-box strong{font-size:44px}
  .platform-band{grid-template-columns:repeat(2,1fr)}.platform-band span:nth-child(2n){border-right:0}.platform-band span{border-bottom:1px solid var(--line-light)}.outcome-rail{grid-template-columns:1fr}.outcome-rail .big,.outcome-rail .side{grid-column:1}.outcome-rail .side{margin-top:36px}.cta-band .frame{grid-template-columns:1fr}.cta-band h2,.cta-band .cta-link{grid-column:1}.cta-band .cta-link{justify-self:start;margin-top:38px}
  .route-sequence{grid-template-columns:1fr}.route-stage{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.route-stage:last-child{border-bottom:0}.route-stage h3{margin:28px 0 10px}.feature-paths{grid-template-columns:1fr}.feature-path{grid-column:1;padding:32px 0}.feature-path:nth-child(2){padding-left:0;border-left:0}.home-statement{grid-template-columns:1fr}.home-statement .statement-big,.home-statement .statement-side{grid-column:1}.home-statement .statement-side{margin-top:36px}
  .footer-grid{grid-template-columns:1fr}.footer-logo,.footer-copy,.footer-meta{grid-column:1}.footer-copy{margin-top:28px}.footer-meta{text-align:left;margin-top:22px}
  .source-weave{grid-template-columns:1fr}.weave-labels,.weave-canvas{grid-column:1}.weave-canvas{height:380px;margin-top:30px}.output-lines{grid-template-columns:1fr}.output-lines div:nth-child(odd),.output-lines div:nth-child(even){border-right:0;padding-left:0;padding-right:0}.signal-axis{right:12%}
  .decision-spine:before{left:18px}.decision{grid-template-columns:36px 1fr;gap:18px;min-height:auto;padding:30px 0}.decision:nth-child(odd) .decision-copy,.decision:nth-child(even) .decision-copy{grid-column:2;text-align:left}.decision .node{grid-column:1;grid-row:1;justify-self:center}.risk-statement{grid-template-columns:1fr}.risk-statement h2,.risk-statement .body-lg{grid-column:1}.risk-statement .body-lg{margin-top:34px}.work-program{grid-template-columns:1fr}.work-program .left,.work-program .right{grid-column:1}.work-program .right{margin-top:32px}.mobile-only{display:block}
}
@media (max-width:782px){body.admin-bar .site-header{top:46px}.admin-bar .menu-open .nav{top:120px}}
@media (max-width:560px){
  :root{--pad:20px}.site-header{padding:0 18px}.site-header .logo{width:172px}.hero-copy{padding-top:58px}.hero-art{min-height:370px}.lede{font-size:22px}.body-lg{font-size:18px}.thread-wrap,.home-route{height:470px}.fragment.d{display:none}.case-box,.home-route .case-box{width:72%;height:46%}.case-box strong,.home-route .case-box strong{font-size:38px}.section-title h2{font-size:44px}.platform-band{grid-template-columns:1fr}.platform-band span{border-right:0}.weave-canvas{height:300px}.authority-note{font-size:25px;padding-left:22px}.decision-copy h3{font-size:31px}.cta-band h2{font-size:50px}.home-statement .statement-big{font-size:52px}
}


/* ==========================================================================\n   v0.2 Precision responsive pass — approved visual language retained\n   ========================================================================== */
.display-line{display:block}

/* Bring the first decision into view sooner without collapsing the editorial scale. */
.precision-hero .hero-grid{align-items:start}
.precision-hero .hero-copy{padding-top:clamp(58px,7vh,88px);padding-bottom:64px}
.precision-hero .hero-copy .lede{margin-top:26px}
.precision-hero .hero-art{min-height:500px}

/* Desktop display scale: still cinematic, but no longer consumes the full first screen. */
.precision-hero .display{font-size:clamp(56px,6.9vw,112px);line-height:.91}
.precision-hero .display.small{font-size:clamp(52px,5.8vw,94px);line-height:.93}
.precision-hero .lede{font-size:clamp(20px,1.75vw,30px);line-height:1.3}

/* Project Development needs a slightly tighter opening because its hero begins on black. */
.project-hero .hero-copy{padding-top:clamp(50px,6vh,76px)}

/* Mining Intelligence is the spacing benchmark: preserve its balance, only lift it modestly. */
.mining-hero .hero-copy{padding-top:clamp(62px,7.5vh,92px)}

/* Cookie/privacy revisit control: subordinate utility, not a visual focal point.\n   Includes common CookieYes / GDPR Cookie Consent selectors; harmless when absent. */
.cky-btn-revisit-wrapper,
#cookie-law-info-again,
.cli-revisit-bottom-left,
.cli-revisit-bottom-right,
.cc-revoke{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  left:18px!important;
  right:auto!important;
  bottom:18px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:50%!important;
  background:#171918!important;
  box-shadow:0 4px 14px rgba(0,0,0,.14)!important;
  opacity:.72!important;
  transform:none!important;
  z-index:40!important;
}
.cky-btn-revisit-wrapper:hover,
#cookie-law-info-again:hover,
.cli-revisit-bottom-left:hover,
.cli-revisit-bottom-right:hover,
.cc-revoke:hover{opacity:.94!important}
.cky-btn-revisit-wrapper img,
.cky-btn-revisit-wrapper .cky-btn-revisit img,
#cookie-law-info-again img{width:15px!important;height:15px!important;filter:grayscale(1) brightness(0) invert(1)!important}
.cky-consent-container .cky-consent-bar{border-radius:0!important;box-shadow:0 -1px 0 rgba(10,11,11,.14)!important;font-family:var(--sans)!important}

@media (max-width:980px){
  .precision-hero .hero-copy{padding-top:34px;padding-bottom:34px}
  .precision-hero .hero-art{min-height:330px}
  .precision-hero .display{font-size:clamp(50px,10.8vw,72px);line-height:.92;letter-spacing:-.042em}
  .precision-hero .display.small{font-size:clamp(48px,9.8vw,66px);line-height:.94}
  .precision-hero .lede{font-size:clamp(20px,3.6vw,25px);line-height:1.32}
  .precision-hero .hero-copy .lede{margin-top:20px}
  .project-hero .hero-copy,.mining-hero .hero-copy{padding-top:30px}
  .home-hero .hero-art,.what-hero .hero-art{min-height:315px}
  .mining-hero .hero-art{min-height:300px}
  .project-hero .hero-art{min-height:320px}
}

@media (max-width:560px){
  .precision-hero .hero-copy{padding-top:24px;padding-bottom:28px}
  .precision-hero .display{font-size:clamp(48px,13.1vw,54px);line-height:.94;letter-spacing:-.04em}
  .precision-hero .display.small{font-size:clamp(46px,12.4vw,52px);line-height:.95}
  .precision-hero .lede{font-size:20px;line-height:1.34}
  .precision-hero .hero-copy .lede{margin-top:18px}
  .precision-hero .hero-art{min-height:270px}
  .home-hero .hero-art,.what-hero .hero-art{min-height:280px}
  .mining-hero .hero-art{min-height:260px}
  .project-hero .hero-art{min-height:285px}
  .cky-btn-revisit-wrapper,
  #cookie-law-info-again,
  .cli-revisit-bottom-left,
  .cli-revisit-bottom-right,
  .cc-revoke{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;left:12px!important;bottom:12px!important}
}


/* ==========================================================================
   v0.3 Responsive Lock — surgical mobile pass only
   Desktop geometry and approved visual language remain unchanged.
   ========================================================================== */

/* More specific CookieYes/consent selectors. Convert the revisit affordance
   from a floating brand-colored object into a quiet utility. */
#cky-btn-revisit-wrapper,
.cky-btn-revisit-wrapper,
.cky-revisit-bottom-left,
.cky-revisit-bottom-right,
button.cky-btn-revisit,
.cky-btn-revisit,
#cookie-law-info-again,
.cli-revisit-bottom-left,
.cli-revisit-bottom-right,
.cc-revoke{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  left:12px!important;
  right:auto!important;
  bottom:12px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(243,241,236,.55)!important;
  border-radius:50%!important;
  background:#171918!important;
  background-color:#171918!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  opacity:.58!important;
  transform:none!important;
  z-index:39!important;
}
#cky-btn-revisit-wrapper:hover,
.cky-btn-revisit-wrapper:hover,
button.cky-btn-revisit:hover,
.cky-btn-revisit:hover,
#cookie-law-info-again:hover,
.cli-revisit-bottom-left:hover,
.cli-revisit-bottom-right:hover,
.cc-revoke:hover{opacity:.88!important}
#cky-btn-revisit-wrapper img,
#cky-btn-revisit-wrapper svg,
.cky-btn-revisit-wrapper img,
.cky-btn-revisit-wrapper svg,
button.cky-btn-revisit img,
button.cky-btn-revisit svg,
.cky-btn-revisit img,
.cky-btn-revisit svg,
#cookie-law-info-again img{
  width:12px!important;
  height:12px!important;
  max-width:12px!important;
  max-height:12px!important;
  margin:auto!important;
  filter:grayscale(1) brightness(0) invert(1)!important;
}

@media (max-width:980px){
  /* Pull the first editorial decision closer to the fixed masthead.
     The slight negative margin cancels excess reserved space without changing
     header dimensions or desktop geometry. */
  .precision-hero{margin-top:-14px}
  .precision-hero .hero-grid{align-content:start;min-height:0!important}
  .precision-hero .hero-copy{padding-top:14px;padding-bottom:30px}
  .precision-hero .hero-art{margin-top:-8px}
  .home-hero .hero-art,.what-hero .hero-art{min-height:300px}
  .mining-hero .hero-art{min-height:286px}
  .project-hero{margin-top:-8px}
  .project-hero .hero-art{min-height:305px;margin-top:-5px}

  /* iPhone/iPad menu overlay: remain below the fixed masthead and fill the
     usable viewport cleanly. */
  .menu-open .nav{height:calc(100dvh - 74px);overflow-y:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:560px){
  .precision-hero{margin-top:-22px}
  .precision-hero .hero-copy{padding-top:4px;padding-bottom:24px}
  .precision-hero .hero-art{margin-top:-14px;min-height:252px}
  .home-hero .hero-art,.what-hero .hero-art{min-height:260px}
  .mining-hero .hero-art{min-height:238px}
  .project-hero{margin-top:-12px}
  .project-hero .hero-copy{padding-top:8px}
  .project-hero .hero-art{min-height:268px;margin-top:-10px}

  /* Keep important first-screen graphic labels above Safari's collapsing
     bottom toolbar by shortening the opening art rather than shrinking type. */
  .home-route,.thread-wrap{height:440px}

  #cky-btn-revisit-wrapper,
  .cky-btn-revisit-wrapper,
  .cky-revisit-bottom-left,
  .cky-revisit-bottom-right,
  button.cky-btn-revisit,
  .cky-btn-revisit,
  #cookie-law-info-again,
  .cli-revisit-bottom-left,
  .cli-revisit-bottom-right,
  .cc-revoke{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    max-width:24px!important;max-height:24px!important;left:8px!important;bottom:8px!important;
  }
}

/* v0.4 GREEN page expansion */
.capital-art{position:relative;min-height:540px}.capital-caption{position:absolute;left:8%;top:6%;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.capital-axis{position:absolute;left:52%;top:14%;bottom:10%;width:1px;background:linear-gradient(var(--line),var(--bronze),var(--teal),var(--line))}.capital-step{position:absolute;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.capital-step:before{content:'';width:11px;height:11px;border:1px solid var(--bronze);border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px rgba(164,134,89,.06)}.capital-step span{font-family:var(--serif);font-size:20px;color:var(--bronze)}.capital-step b{font-weight:500}.capital-step.s1{left:12%;top:17%}.capital-step.s2{left:45%;top:31%}.capital-step.s3{left:18%;top:47%}.capital-step.s4{left:52%;top:64%}.capital-step.s5{left:28%;top:80%}
.capital-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:42px}.capital-fit-grid article{min-height:285px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.capital-fit-grid .fit-no{font-family:var(--serif);font-size:36px;color:var(--bronze)}.capital-fit-grid h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.02;margin:auto 0 14px}.capital-fit-grid p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}.decision-stack{border-top:1px solid var(--line)}.decision-stack>div{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.decision-stack b{font-family:var(--serif);font-weight:400;font-size:28px}.decision-stack span{font-size:15px;color:var(--muted);line-height:1.55}
.platform-orbit{position:relative;min-height:560px}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:1px solid var(--bronze);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white}.orbit-core span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-soft)}.orbit-core strong{font-family:var(--serif);font-size:29px;line-height:.95;font-weight:400}.orbit-core:before,.orbit-core:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.orbit-core:before{inset:-88px}.orbit-core:after{inset:-180px}.orbit-node{position:absolute;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#e1dfd9;white-space:nowrap}.orbit-node b{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--bronze-soft);margin-right:7px}.orbit-node:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal-bright);margin-right:8px}.orbit-node.n1{left:4%;top:18%}.orbit-node.n2{right:2%;top:24%}.orbit-node.n3{left:0;bottom:25%}.orbit-node.n4{right:5%;bottom:18%}.orbit-node.n5{left:36%;bottom:4%}.platform-layers{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-light);margin-top:46px}.platform-layers article{padding:28px 24px 36px;border-right:1px solid var(--line-light);min-height:360px;display:flex;flex-direction:column}.platform-layers article:last-child{border-right:0}.platform-layers span{font-family:var(--serif);font-size:38px;color:var(--bronze-soft)}.platform-layers h3{font-family:var(--serif);font-size:30px;line-height:1.05;font-weight:400;margin:auto 0 15px}.platform-layers p{font-size:14px;color:#aaa;line-height:1.55}
.audience-art{position:relative;min-height:520px}.audience-line{position:absolute;left:50%;top:10%;bottom:12%;width:1px;background:var(--line)}.audience-marker{position:absolute;padding:12px 16px;border:1px solid var(--line);font-size:10px;letter-spacing:.13em}.audience-marker.m1{left:8%;top:20%}.audience-marker.m2{right:5%;top:47%}.audience-marker.m3{left:22%;bottom:16%;border-color:var(--teal);color:var(--teal)}.audience-outputs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:42px}.audience-outputs article{padding:28px;min-height:180px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.audience-outputs span{font-family:var(--serif);font-size:28px;color:var(--bronze)}.audience-outputs h3{font-family:var(--serif);font-size:27px;line-height:1.05;font-weight:400;margin:45px 0 0}.diligence-art{position:relative;min-height:520px}.diligence-sheet{position:absolute;right:7%;top:20%;width:72%;height:58%;border:1px solid var(--line-light);padding:28px;display:grid;grid-template-rows:repeat(3,1fr)}.diligence-sheet span{display:flex;align-items:center;border-bottom:1px solid var(--line-light);font-size:11px;letter-spacing:.14em}.diligence-sheet span:last-child{border-bottom:0}.diligence-sheet span:before{content:'';width:9px;height:9px;border:1px solid var(--teal-bright);border-radius:50%;margin-right:14px}.institutional-art{position:relative;min-height:520px}.inst-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--ink);width:190px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}.inst-core span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}.inst-core strong{font-family:var(--serif);font-size:30px;font-weight:400}.inst-node{position:absolute;display:flex;align-items:baseline;gap:8px;font-size:11px;letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:9px;white-space:nowrap}.inst-node b{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--bronze)}.inst-node:after{content:'';position:absolute;height:1px;background:var(--bronze);width:145px;top:25px}.inst-node.i1{left:4%;top:18%}.inst-node.i1:after{left:100%}.inst-node.i2{right:2%;top:41%}.inst-node.i2:after{right:100%}.inst-node.i3{left:8%;bottom:17%}.inst-node.i3:after{left:100%}

@media (max-width:980px){.capital-fit-grid{grid-template-columns:repeat(2,1fr)}.platform-layers{grid-template-columns:1fr}.platform-layers article{min-height:0;border-right:0;border-bottom:1px solid var(--line-light)}.audience-outputs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.capital-art,.platform-orbit,.audience-art,.diligence-art,.institutional-art{min-height:320px}.eyebrow{font-size:10px}.capital-caption{font-size:9px}.capital-step{font-size:9px}.capital-step span{font-size:16px}.capital-fit-grid,.audience-outputs{grid-template-columns:1fr}.capital-fit-grid article{min-height:210px}.decision-stack>div{grid-template-columns:1fr;gap:8px}.decision-stack b{font-size:24px}.orbit-core{width:120px;height:120px}.orbit-core span{font-size:8px}.orbit-core strong{font-size:21px}.orbit-core:before{inset:-48px}.orbit-core:after{inset:-94px}.orbit-node{font-size:9px;white-space:normal;max-width:130px;line-height:1.3}.orbit-node b{font-size:12px}.audience-outputs article{min-height:140px}.diligence-sheet{top:12%;height:70%;width:82%;right:0}.inst-core{width:135px;height:135px}.inst-core span{font-size:8px}.inst-core strong{font-size:22px}.inst-node{font-size:8px;white-space:normal;max-width:118px;line-height:1.25}.inst-node b{font-size:12px}.inst-node:after{width:62px}.audience-page .hero-copy{padding-bottom:28px}}

/* v0.5 audience refinement: owners/developers + investors/capital providers */
.section-standalone-title{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.2vw,78px);line-height:.98;letter-spacing:-.035em;margin:18px 0 46px;max-width:980px}
.owners-record-art{position:relative;min-height:560px}.record-spine{position:absolute;left:54%;top:8%;bottom:7%;width:1px;background:var(--line)}.record-spine:after{content:'';position:absolute;left:-5px;bottom:-2px;width:11px;height:11px;border:1px solid var(--teal);border-radius:50%;background:var(--paper)}.record-state{position:absolute;display:grid;grid-template-columns:34px auto;column-gap:10px;align-items:center;min-width:175px}.record-state:after{content:'';position:absolute;height:1px;background:var(--bronze);top:17px}.record-state b{font-family:var(--serif);font-size:23px;color:var(--bronze);font-weight:400}.record-state span{font-size:10px;letter-spacing:.15em}.record-state small{grid-column:2;font-size:11px;color:var(--muted);margin-top:3px}.record-state.known{left:4%;top:16%}.record-state.known:after{left:100%;width:160px}.record-state.missing{right:2%;top:44%}.record-state.missing:after{right:100%;width:130px}.record-state.next{left:16%;bottom:18%}.record-state.next:after{left:100%;width:190px}.record-case{position:absolute;right:5%;bottom:8%;border:1px solid var(--ink);padding:18px 20px;min-width:230px}.record-case span{font-size:9px;letter-spacing:.15em;color:var(--teal)}.record-case strong{display:block;font-family:var(--serif);font-size:22px;line-height:1.04;font-weight:400;margin-top:9px}.owners-clarity-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-light);margin-top:70px}.owners-clarity-strip div{padding:25px 24px 30px 0;border-right:1px solid var(--line-light)}.owners-clarity-strip div:not(:first-child){padding-left:24px}.owners-clarity-strip div:last-child{border-right:0}.owners-clarity-strip span{display:block;font-size:9px;letter-spacing:.14em;color:var(--bronze-soft);margin-bottom:35px}.owners-clarity-strip b{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.05}.owners-output-section .audience-outputs article{min-height:230px}.owners-output-section .audience-outputs h3{margin:35px 0 14px}.owners-output-section .audience-outputs p{font-size:13px;line-height:1.5;color:var(--muted);margin:0;max-width:300px}

.investor-diligence-art{min-height:560px}.investor-diligence-art .diligence-sheet{right:9%;top:16%;width:70%;height:66%;padding:0;display:grid;grid-template-rows:auto repeat(3,1fr);border-color:rgba(255,255,255,.28)}.diligence-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line-light)}.diligence-head span,.diligence-head b{font-size:9px;letter-spacing:.14em;font-weight:500}.diligence-head span{color:var(--bronze-soft)}.diligence-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line-light)}.diligence-row:last-child{border-bottom:0}.diligence-row i{width:10px;height:10px;border:1px solid var(--teal-bright);border-radius:50%}.diligence-row.supported i{background:var(--teal-bright)}.diligence-row.assumed i{border-color:var(--bronze-soft)}.diligence-row.unresolved i{border-color:#a9a9a2}.diligence-row span{font-size:10px;letter-spacing:.14em}.diligence-row small{font-size:11px;color:#9c9c96}.diligence-bracket{position:absolute;left:3%;top:28%;bottom:18%;width:28%;border-left:1px solid var(--bronze);border-top:1px solid var(--bronze);border-bottom:1px solid var(--bronze);display:flex;align-items:center;padding-left:18px}.diligence-bracket span{font-family:var(--serif);font-size:22px;line-height:1;color:var(--bronze-soft)}.investor-lens{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:72px}.investor-lens div{min-height:190px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.investor-lens span{font-family:var(--serif);font-size:30px;color:var(--bronze)}.investor-lens b{font-family:var(--serif);font-size:28px;line-height:1.05;font-weight:400;margin:auto 0 10px}.investor-lens small{font-size:12px;color:var(--muted);line-height:1.45}.investor-boundary-section .authority-note{max-width:1080px}

@media (max-width:980px){.owners-clarity-strip{grid-template-columns:repeat(2,1fr)}.owners-clarity-strip div:nth-child(2){border-right:0}.owners-clarity-strip div:nth-child(3),.owners-clarity-strip div:nth-child(4){border-top:1px solid var(--line-light)}.investor-lens{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.section-standalone-title{font-size:42px;margin-bottom:30px}.owners-record-art,.investor-diligence-art{min-height:330px}.record-spine{left:52%;top:5%;bottom:8%}.record-state{min-width:128px;grid-template-columns:25px auto;column-gap:6px}.record-state b{font-size:17px}.record-state span{font-size:8px}.record-state small{font-size:9px}.record-state.known{left:0;top:10%}.record-state.known:after{width:58px}.record-state.missing{right:0;top:41%}.record-state.missing:after{width:48px}.record-state.next{left:7%;bottom:14%}.record-state.next:after{width:68px}.record-case{right:0;bottom:4%;min-width:145px;padding:12px}.record-case span{font-size:7px}.record-case strong{font-size:15px}.owners-clarity-strip{grid-template-columns:1fr}.owners-clarity-strip div,.owners-clarity-strip div:not(:first-child){padding:20px 0;border-right:0;border-top:1px solid var(--line-light)}.owners-clarity-strip div:first-child{border-top:0}.owners-clarity-strip span{margin-bottom:12px}.owners-clarity-strip b{font-size:21px}.owners-output-section .audience-outputs article{min-height:170px}.investor-diligence-art .diligence-sheet{right:0;top:11%;width:82%;height:72%}.diligence-head{padding:10px 12px}.diligence-head span,.diligence-head b{font-size:7px}.diligence-row{grid-template-columns:10px 1fr;gap:7px;padding:0 12px}.diligence-row small{grid-column:2;font-size:8px;margin-top:-10px}.diligence-row span{font-size:8px}.diligence-bracket{left:0;top:25%;bottom:20%;width:18%;padding-left:7px}.diligence-bracket span{font-size:14px;writing-mode:vertical-rl;transform:rotate(180deg)}.investor-lens{grid-template-columns:1fr}.investor-lens div{min-height:145px}.investor-lens b{font-size:24px}.investor-lens small{font-size:11px}}


/* v0.5.1 audience legibility fix — responsive structure only */
/* Isolate the new pre-diligence sheet from legacy generic span rules. */
.investor-diligence-art .diligence-head span,
.investor-diligence-art .diligence-row span{
  display:block;
  border:0;
  padding:0;
}
.investor-diligence-art .diligence-head span:before,
.investor-diligence-art .diligence-row span:before{display:none!important;content:none!important}
.investor-diligence-art .diligence-head b{display:block}

@media (max-width:980px){
  /* Owners/developers hero: replace fragile absolute micro-diagram with a readable record sequence. */
  .owners-record-art{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:var(--line);
    margin:14px 0 10px;
    border:1px solid var(--line);
  }
  .owners-record-art .record-spine{display:none!important}
  .owners-record-art .record-state,
  .owners-record-art .record-case{
    position:relative!important;
    inset:auto!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    min-width:0!important;
    width:auto!important;
    background:var(--paper);
    padding:20px 18px!important;
    display:block!important;
    min-height:108px;
  }
  .owners-record-art .record-state:after{display:none!important}
  .owners-record-art .record-state b{display:block;font-size:22px;margin-bottom:9px}
  .owners-record-art .record-state span{display:block;font-size:10px;letter-spacing:.14em;margin-bottom:5px}
  .owners-record-art .record-state small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin:0}
  .owners-record-art .record-case{
    grid-column:1/-1;
    border:0!important;
    border-top:1px solid var(--line)!important;
    min-height:94px;
  }
  .owners-record-art .record-case span{font-size:9px}
  .owners-record-art .record-case strong{font-size:24px;line-height:1.02;margin-top:7px}

  /* Owners clarity strip: preserve separation and hierarchy at tablet widths. */
  .owners-clarity-strip{margin-top:44px;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line-light)}
  .owners-clarity-strip div,
  .owners-clarity-strip div:not(:first-child){padding:22px!important;border-right:1px solid var(--line-light)!important;border-bottom:1px solid var(--line-light)}
  .owners-clarity-strip div:nth-child(2n){border-right:0!important}
  .owners-clarity-strip span{display:block;margin:0 0 12px;font-size:9px;line-height:1.35}
  .owners-clarity-strip b{display:block;font-size:22px;line-height:1.08}

  /* Investor hero: make the pre-diligence view a normal-flow information panel on stacked layouts. */
  .investor-diligence-art{min-height:0!important;padding:12px 0 4px;display:grid;grid-template-columns:1fr;gap:12px}
  .investor-diligence-art .diligence-sheet{
    position:relative!important;inset:auto!important;right:auto!important;top:auto!important;
    width:100%!important;height:auto!important;min-height:300px;
    grid-template-rows:auto repeat(3,minmax(70px,1fr));
  }
  .investor-diligence-art .diligence-bracket{
    position:relative!important;inset:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;border:0!important;border-top:1px solid var(--bronze)!important;
    padding:12px 0 0!important;display:block!important;
  }
  .investor-diligence-art .diligence-bracket span{
    writing-mode:horizontal-tb!important;transform:none!important;font-size:16px!important;line-height:1.1;
  }
  .investor-diligence-art .diligence-head{padding:14px 16px}
  .investor-diligence-art .diligence-head span,
  .investor-diligence-art .diligence-head b{font-size:9px!important}
  .investor-diligence-art .diligence-row{grid-template-columns:12px 1fr auto;gap:10px;padding:12px 16px}
  .investor-diligence-art .diligence-row span{font-size:10px!important}
  .investor-diligence-art .diligence-row small{font-size:11px!important;margin:0!important;grid-column:auto!important}

  /* Investor review lens: explicit cards so labels can never collapse into a text run. */
  .investor-lens{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-top:1px solid var(--line)!important;
    border-left:1px solid var(--line)!important;
    margin-top:48px!important;
  }
  .investor-lens>div{
    display:grid!important;
    grid-template-rows:auto 1fr auto;
    min-height:170px!important;
    padding:22px!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .investor-lens>div:nth-child(2n){border-right:0!important}
  .investor-lens>div>span{display:block!important;font-size:26px!important;line-height:1!important;margin:0 0 26px!important}
  .investor-lens>div>b{display:block!important;font-size:24px!important;line-height:1.05!important;margin:0 0 10px!important}
  .investor-lens>div>small{display:block!important;font-size:12px!important;line-height:1.45!important;margin:0!important}
}

@media (max-width:560px){
  .owners-record-art{grid-template-columns:1fr!important}
  .owners-record-art .record-case{grid-column:1!important}
  .owners-clarity-strip{grid-template-columns:1fr!important}
  .owners-clarity-strip div,
  .owners-clarity-strip div:not(:first-child){border-right:0!important}

  .investor-diligence-art .diligence-sheet{min-height:270px!important}
  .investor-diligence-art .diligence-row{grid-template-columns:12px 1fr!important;align-items:start!important}
  .investor-diligence-art .diligence-row small{grid-column:2!important;margin-top:4px!important}

  .investor-lens{grid-template-columns:1fr!important}
  .investor-lens>div{min-height:132px!important;border-right:0!important;padding:18px 0!important}
  .investor-lens>div>span{font-size:23px!important;margin-bottom:12px!important}
  .investor-lens>div>b{font-size:22px!important;margin-bottom:7px!important}
}


/* v0.5.2 final audience structure repair — stable at every viewport */
/* Owners hero sequence: normal-flow component at all widths. */
.owners-record-art{
  position:relative!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1px!important;
  background:var(--line)!important;
  border:1px solid var(--line)!important;
  margin:24px 0 0!important;
}
.owners-record-art .record-spine{display:none!important}
.owners-record-art .record-state,
.owners-record-art .record-case{
  position:relative!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  min-width:0!important;width:auto!important;
  background:var(--paper)!important;
  padding:22px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:118px!important;
}
.owners-record-art .record-state:after{display:none!important}
.owners-record-art .record-state b{
  display:block!important;
  font-family:var(--serif)!important;
  font-size:23px!important;
  line-height:1!important;
  color:var(--bronze)!important;
  font-weight:400!important;
  margin:0 0 16px!important;
}
.owners-record-art .record-state span{
  display:block!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  margin:0 0 7px!important;
}
.owners-record-art .record-state small{
  display:block!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:var(--muted)!important;
  margin:0!important;
}
.owners-record-art .record-case{
  grid-column:1/-1!important;
  border:0!important;
  min-height:104px!important;
  justify-content:center!important;
}
.owners-record-art .record-case span{display:block!important;font-size:9px!important;letter-spacing:.15em!important;color:var(--teal)!important}
.owners-record-art .record-case strong{display:block!important;font-family:var(--serif)!important;font-size:25px!important;line-height:1.05!important;font-weight:400!important;margin:9px 0 0!important}

/* Owners dark-section questions: true cells at every width. */
.owners-clarity-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:54px!important;
  border-top:1px solid var(--line-light)!important;
  border-left:1px solid var(--line-light)!important;
}
.owners-clarity-strip>div,
.owners-clarity-strip>div:not(:first-child){
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:150px!important;
  padding:22px!important;
  border-right:1px solid var(--line-light)!important;
  border-bottom:1px solid var(--line-light)!important;
  border-top:0!important;
}
.owners-clarity-strip>div:last-child{border-right:1px solid var(--line-light)!important}
.owners-clarity-strip>div>span{display:block!important;font-size:9px!important;line-height:1.35!important;letter-spacing:.14em!important;color:var(--bronze-soft)!important;margin:0 0 auto!important}
.owners-clarity-strip>div>b{display:block!important;font-family:var(--serif)!important;font-size:23px!important;line-height:1.08!important;font-weight:400!important;margin:24px 0 0!important}

/* Investor hero pre-diligence panel: never absolute, never dependent on generic span rules. */
.investor-diligence-art{
  position:relative!important;
  min-height:0!important;
  padding:24px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.investor-diligence-art .diligence-sheet{
  position:relative!important;
  inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;height:auto!important;min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto!important;
  border:1px solid var(--line-light)!important;
}
.investor-diligence-art .diligence-head{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:15px 18px!important;
  border-bottom:1px solid var(--line-light)!important;
}
.investor-diligence-art .diligence-head span,
.investor-diligence-art .diligence-head b{
  display:block!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  margin:0!important;
}
.investor-diligence-art .diligence-row{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) minmax(110px,auto)!important;
  gap:12px!important;
  align-items:center!important;
  padding:15px 18px!important;
  border-bottom:1px solid var(--line-light)!important;
}
.investor-diligence-art .diligence-row:last-child{border-bottom:0!important}
.investor-diligence-art .diligence-row i{display:block!important;width:10px!important;height:10px!important;margin:0!important;flex:0 0 auto!important}
.investor-diligence-art .diligence-row span{
  display:block!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.14em!important;
  margin:0!important;
}
.investor-diligence-art .diligence-row small{
  display:block!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:#9c9c96!important;
  margin:0!important;
  text-align:right!important;
}
.investor-diligence-art .diligence-bracket{
  position:relative!important;
  inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;height:auto!important;
  border:0!important;border-top:1px solid var(--bronze)!important;
  padding:12px 0 0!important;
  display:block!important;
}
.investor-diligence-art .diligence-bracket span{
  display:block!important;
  font-family:var(--serif)!important;
  font-size:18px!important;
  line-height:1.05!important;
  color:var(--bronze-soft)!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
}

/* Investor review lens: fixed cards across desktop/tablet, stacked on phone. */
.investor-lens{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-top:1px solid var(--line)!important;
  border-left:1px solid var(--line)!important;
  margin-top:56px!important;
}
.investor-lens>div{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:190px!important;
  padding:24px!important;
  border-right:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}
.investor-lens>div>span{display:block!important;font-family:var(--serif)!important;font-size:28px!important;line-height:1!important;color:var(--bronze)!important;margin:0 0 36px!important}
.investor-lens>div>b{display:block!important;font-family:var(--serif)!important;font-size:26px!important;line-height:1.05!important;font-weight:400!important;margin:auto 0 9px!important}
.investor-lens>div>small{display:block!important;font-size:12px!important;line-height:1.45!important;color:var(--muted)!important;margin:0!important}

@media (max-width:900px){
  .owners-clarity-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .investor-lens{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  .owners-record-art{grid-template-columns:1fr!important}
  .owners-record-art .record-case{grid-column:1!important}
  .owners-clarity-strip{grid-template-columns:1fr!important}
  .owners-clarity-strip>div{min-height:118px!important}
  .investor-diligence-art .diligence-row{grid-template-columns:12px minmax(0,1fr)!important;align-items:start!important}
  .investor-diligence-art .diligence-row small{grid-column:2!important;text-align:left!important;margin-top:4px!important}
  .investor-lens{grid-template-columns:1fr!important}
  .investor-lens>div{min-height:145px!important}
  .investor-lens>div>span{margin-bottom:18px!important}
}

/* ==========================================================================\n   v0.6 Sitewide shell + launch infrastructure\n   ========================================================================== */
body.rutuli-menu-open{overflow:hidden}
.menu-panel{position:fixed;inset:88px 0 0;z-index:48;background:var(--ink);color:#fff;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease,visibility .25s;overflow:auto}
.admin-bar .menu-panel{top:120px}
.rutuli-menu-open .menu-panel{opacity:1;visibility:visible;transform:none}
.rutuli-menu-open .site-header{background:var(--ink);color:#fff;border-color:var(--line-light)}
.rutuli-menu-open .site-header .logo-dark{display:none}.rutuli-menu-open .site-header .logo-light{display:block}
.menu-panel-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,8vw,120px);padding-top:clamp(54px,7vw,100px);padding-bottom:70px}
.menu-panel-main{display:flex;flex-direction:column}.menu-panel-main>a{font-family:var(--serif);font-size:clamp(42px,5vw,82px);line-height:1.02;letter-spacing:-.035em;padding:10px 0;border-bottom:1px solid var(--line-light)}
.menu-panel-main>a:hover{color:var(--bronze-soft)}
.menu-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-soft);font-weight:700;margin-bottom:18px}
.menu-panel-side{display:flex;flex-direction:column;gap:38px;padding-top:4px}.menu-group{display:flex;flex-direction:column;gap:11px}.menu-group a{font-size:15px;color:#d1d0ca}.menu-group a:hover{color:#fff}.menu-contact{border-top:1px solid var(--line-light);padding-top:26px}.menu-contact a:first-child{font-family:var(--serif);font-size:28px;color:#fff}

.site-footer{padding:64px 0 34px}.footer-shell{display:grid;grid-template-columns:1.05fr 1.95fr;gap:60px}.footer-brand-block .footer-logo{width:220px}.footer-brand-block p{color:#aaa;font-size:12px;line-height:1.7;max-width:430px;margin:30px 0 0}.footer-nav{display:grid;grid-template-columns:1.1fr 1.2fr .9fr .55fr;gap:30px}.footer-nav>div{display:flex;flex-direction:column;gap:10px}.footer-nav span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--bronze-soft);margin-bottom:9px}.footer-nav a{font-size:12px;color:#b7b7b2}.footer-nav a:hover{color:#fff}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line-light);margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#777872}

.contact-hero{padding:clamp(105px,12vw,180px) 0 90px;min-height:72vh;display:flex;align-items:center}.contact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:end}.contact-grid>div:first-child{grid-column:1/span 8}.contact-side{grid-column:10/-1;font-size:14px;line-height:1.6;border-left:1px solid var(--line);padding-left:22px}.contact-side a{border-bottom:1px solid var(--ink)}.contact-warning{color:var(--muted);margin-top:26px}.contact-form-wrap{max-width:1100px}.form-notice{padding:18px 20px;margin-bottom:28px;border:1px solid var(--line);font-size:14px}.form-notice.success{border-color:var(--teal);color:var(--teal)}.form-notice.error{border-color:var(--bronze);color:#6e4c23}.project-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}.project-form label{display:flex;flex-direction:column;gap:9px}.project-form label>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.project-form input,.project-form select,.project-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:13px 0;font:inherit;font-size:16px;color:var(--ink);outline:none}.project-form textarea{border:1px solid var(--line);padding:16px;resize:vertical}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--teal)}.project-form .full{grid-column:1/-1}.project-form .check{flex-direction:row;align-items:flex-start;gap:12px}.project-form .check input{width:18px;height:18px;margin:2px 0 0}.project-form .check span{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;max-width:700px}.form-actions{display:flex;flex-direction:row!important;align-items:center;gap:22px}.form-actions button{border:0;background:var(--ink);color:#fff;padding:15px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer}.form-actions span{font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.policy-grid{display:grid;grid-template-columns:4fr 7fr;gap:clamp(45px,8vw,110px);align-items:start}.policy-grid>div:first-child{position:sticky;top:135px}.policy-date{margin-top:26px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.policy-content h2{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.1;margin:0 0 14px;padding-top:34px;border-top:1px solid var(--line)}.policy-content h2:first-child{padding-top:0;border-top:0}.policy-content p{font-size:16px;line-height:1.7;color:#323431;margin:0 0 38px}.policy-content a{border-bottom:1px solid var(--ink)}

.error-grid{display:grid;grid-template-columns:8fr 4fr;gap:50px;align-items:end;min-height:55vh}.error-side{padding-bottom:15px}.error-side .text-link{display:block;margin-top:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--ink);width:max-content}

@media (max-width:980px){
  .menu-panel{inset:74px 0 0}.admin-bar .menu-panel{top:106px}.menu-panel-inner{grid-template-columns:1fr;gap:44px;padding-top:46px}.menu-panel-main>a{font-size:46px}.menu-panel-side{padding-top:0}.menu-group a{font-size:17px}.menu-contact a:first-child{font-size:30px}
  .footer-shell{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
  .contact-grid{grid-template-columns:1fr}.contact-grid>div:first-child,.contact-side{grid-column:1}.contact-side{margin-top:40px;max-width:620px}.project-form{grid-template-columns:1fr}.project-form .full{grid-column:1}.policy-grid{grid-template-columns:1fr}.policy-grid>div:first-child{position:static}.error-grid{grid-template-columns:1fr;min-height:auto}.error-side{margin-top:30px}
}
@media (max-width:782px){.admin-bar .menu-panel{top:120px}}
@media (max-width:560px){.footer-nav{grid-template-columns:1fr}.footer-brand-block .footer-logo{width:190px}.menu-panel-main>a{font-size:38px}.contact-hero{min-height:auto;padding-top:84px}.form-actions{align-items:flex-start;flex-direction:column!important}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ==========================================================================
   v0.6.1 Shell refinement: contact usability + contact hierarchy
   ========================================================================== */
.contact-hero{min-height:64vh;padding-bottom:72px}
.contact-side{font-size:13px;color:var(--muted)}
.contact-side .contact-primary{font-family:var(--serif);font-size:24px;line-height:1.12;color:var(--ink);margin:0 0 16px}
.contact-side .contact-primary a{border-bottom:1px solid var(--ink)}
.contact-side .contact-secondary{margin:0;color:var(--muted)}
.contact-warning{margin-top:22px;font-size:12px;line-height:1.55}
.contact-form-wrap{max-width:1080px}
.project-form{gap:22px 28px}
.project-form label{gap:8px}
.project-form input,.project-form select,.project-form textarea{
  background:rgba(255,255,255,.32);
  border:1px solid rgba(10,11,11,.10);
  border-bottom-color:rgba(10,11,11,.26);
  padding:14px 13px;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.project-form select{appearance:auto}
.project-form textarea{min-height:168px}
.project-form input:hover,.project-form select:hover,.project-form textarea:hover{border-color:rgba(10,11,11,.25)}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{background:rgba(255,255,255,.54);border-color:var(--teal);box-shadow:0 0 0 2px rgba(15,109,109,.08)}
.project-form input:invalid:not(:placeholder-shown),.project-form textarea:invalid:not(:placeholder-shown){border-bottom-color:var(--bronze)}
.form-notice{scroll-margin-top:120px}
.form-actions button:focus-visible,.menu-toggle:focus-visible,.menu-panel a:focus-visible,.footer-nav a:focus-visible{outline:2px solid var(--teal-bright);outline-offset:4px}
.menu-contact .menu-secondary{font-size:12px;color:#9d9d98;margin-top:-4px}
.footer-nav .footer-primary{color:#fff;font-weight:600}
.footer-nav .footer-secondary{color:#8d8e89}
.footer-bottom .footer-safety{max-width:520px;line-height:1.45}
@media (max-width:980px){.contact-hero{min-height:auto}.contact-side{margin-top:28px}.project-form{gap:20px}}

/* v0.8 — Vein of Light homepage visual integration.
   Locked header/navigation/footer and all existing interior-page systems remain unchanged. */
.home-vein-hero{position:relative;min-height:calc(100vh - 88px);overflow:hidden;background:#080a0a;color:#fff;display:block}
.home-vein-media{position:absolute;inset:0;background-image:url('assets/images/vein-of-light-home-v08.jpg');background-size:cover;background-position:center center;transform:scale(1.015);z-index:0}
.home-vein-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,6,6,.96) 0%,rgba(4,6,6,.89) 27%,rgba(4,6,6,.60) 48%,rgba(4,6,6,.20) 71%,rgba(4,6,6,.14) 100%),linear-gradient(180deg,rgba(4,6,6,.12),rgba(4,6,6,.10) 62%,rgba(4,6,6,.62) 100%)}
.home-vein-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);gap:22px;min-height:calc(100vh - 88px);align-items:center;padding-top:clamp(56px,7vh,88px);padding-bottom:clamp(72px,9vh,120px)}
.home-vein-copy{grid-column:1/span 6;max-width:800px}
.home-vein-copy .eyebrow{color:#d9c08c;margin-bottom:24px}
.home-vein-title{font-size:clamp(62px,7vw,116px);line-height:.88;letter-spacing:-.05em;color:#fff}
.home-vein-title .accent{color:#d6ad5f}
.home-vein-copy .lede{max-width:660px;margin-top:30px;color:rgba(255,255,255,.86);font-size:clamp(19px,1.45vw,25px);line-height:1.45}
.home-vein-cta{display:inline-flex;align-items:center;gap:28px;margin-top:34px;border:1px solid rgba(214,173,95,.72);background:linear-gradient(90deg,#e6c67e,#c89b43);color:#111;padding:15px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}
.home-vein-cta span{font-size:16px;line-height:1}
.home-vein-signals{grid-column:9/-1;align-self:end;margin-bottom:34px;border-left:1px solid rgba(255,255,255,.28);padding-left:24px;display:grid;gap:0;max-width:360px;justify-self:end;width:100%}
.home-vein-signals>div{display:grid;grid-template-columns:34px 1fr;grid-template-areas:'no title' 'no note';column-gap:10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.home-vein-signals>div:last-child{border-bottom:0}
.home-vein-signals span{grid-area:no;color:#d6ad5f;font-size:10px;letter-spacing:.16em;padding-top:2px}
.home-vein-signals strong{grid-area:title;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;color:#fff}
.home-vein-signals small{grid-area:note;margin-top:5px;color:rgba(255,255,255,.62);font-size:12px;line-height:1.35}
.home-vein-meta{position:absolute;z-index:2;right:var(--pad);bottom:24px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.20em;text-transform:uppercase}
@media (max-width:1100px){.home-vein-copy{grid-column:1/span 7}.home-vein-signals{grid-column:9/-1}.home-vein-title{font-size:clamp(60px,8vw,92px)}}
@media (max-width:820px){.home-vein-hero{min-height:auto}.home-vein-media{background-position:58% center}.home-vein-shade{background:linear-gradient(180deg,rgba(4,6,6,.86) 0%,rgba(4,6,6,.76) 52%,rgba(4,6,6,.88) 100%)}.home-vein-grid{min-height:auto;grid-template-columns:1fr;padding-top:44px;padding-bottom:42px}.home-vein-copy,.home-vein-signals{grid-column:1;max-width:none}.home-vein-copy{padding-right:4vw}.home-vein-title{font-size:clamp(54px,12vw,78px);line-height:.91}.home-vein-copy .lede{font-size:20px;line-height:1.4;max-width:680px}.home-vein-signals{margin:40px 0 0;justify-self:stretch;grid-template-columns:1fr 1fr;border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.22)}.home-vein-signals>div{padding:18px 12px 18px 0}.home-vein-signals>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)}.home-vein-signals>div:nth-child(even){padding-left:16px}.home-vein-meta{display:none}}
@media (max-width:560px){.home-vein-media{background-position:55% center}.home-vein-grid{padding-top:30px;padding-bottom:34px}.home-vein-copy{padding-right:0}.home-vein-copy .eyebrow{font-size:9px;line-height:1.45;max-width:320px;margin-bottom:18px}.home-vein-title{font-size:clamp(48px,13vw,58px)}.home-vein-copy .lede{font-size:18px;line-height:1.42;margin-top:22px}.home-vein-cta{margin-top:26px}.home-vein-signals{grid-template-columns:1fr;margin-top:34px}.home-vein-signals>div,.home-vein-signals>div:nth-child(even){padding:15px 0;border-right:0}.home-vein-signals small{font-size:11px}}
@media (prefers-reduced-motion:no-preference){.home-vein-media{transition:transform .8s ease}.home-vein-hero:hover .home-vein-media{transform:scale(1.025)}}


/* v0.8.1 — surgical homepage hero refinement.
   Preserves the locked v0.8 copy, shell, navigation, footer and downstream homepage sections. */
.home-vein-signals strong{font-size:12px;letter-spacing:.12em}
.home-vein-signals small{font-size:13px;line-height:1.42}
.home-vein-signals span{font-size:11px}

@media (max-width:820px){
  /* Pull the hero background up behind the fixed shell so the mobile first screen does not show a second header-height band of paper. */
  .home .home-vein-hero,.front-page .home-vein-hero{margin-top:-74px;padding-top:74px}
  .home-vein-media{background-image:url('assets/images/vein-of-light-home-mobile-v081.jpg');background-size:cover;background-position:center 20%;transform:none}
  .home-vein-shade{background:linear-gradient(180deg,rgba(4,6,6,.58) 0%,rgba(4,6,6,.72) 42%,rgba(4,6,6,.88) 100%)}
  .home-vein-grid{padding-top:26px;padding-bottom:34px}
  .home-vein-copy{padding-right:0}
  .home-vein-title{font-size:clamp(50px,11.6vw,68px);line-height:.91;max-width:680px}
  .home-vein-copy .lede{font-size:18px;line-height:1.38;max-width:620px;margin-top:20px}
  .home-vein-cta{margin-top:22px}
  .home-vein-signals{margin-top:30px}
}

@media (max-width:560px){
  .home .home-vein-hero,.front-page .home-vein-hero{margin-top:-74px;padding-top:74px}
  .home-vein-media{background-position:center 10%}
  .home-vein-shade{background:linear-gradient(180deg,rgba(4,6,6,.52) 0%,rgba(4,6,6,.70) 38%,rgba(4,6,6,.91) 100%)}
  .home-vein-grid{padding-top:18px;padding-bottom:28px}
  .home-vein-copy .eyebrow{margin-bottom:14px}
  .home-vein-title{font-size:clamp(46px,12.2vw,53px);line-height:.92;letter-spacing:-.042em}
  .home-vein-copy .lede{font-size:16.5px;line-height:1.42;margin-top:18px;max-width:34em}
  .home-vein-cta{margin-top:20px;padding:14px 19px;gap:22px}
  .home-vein-signals{margin-top:28px}
  .home-vein-signals>div,.home-vein-signals>div:nth-child(even){padding:13px 0}
  .home-vein-signals strong{font-size:11px}
  .home-vein-signals small{font-size:11px;line-height:1.35}
  .home-vein-signals span{font-size:10px}
}

@media (prefers-reduced-motion:no-preference) and (max-width:820px){
  .home-vein-media{transition:none}
  .home-vein-hero:hover .home-vein-media{transform:none}
}


/* v0.8.2 — final homepage hero precision pass.
   Scope locked to mobile header/hero pacing and crop. Desktop hero, approved copy,
   navigation architecture, footer and all downstream homepage sections remain unchanged. */
@media (max-width:820px){
  /* The homepage hero owns the space beneath the fixed shell. This removes the paper band
     that could appear between the mobile header and the dark hero. */
  .home-page{padding-top:0!important}
  .site-header{height:66px}
  .site-header .logo{width:160px}
  .home-page .home-vein-hero{margin-top:0!important;padding-top:66px!important}
  .home-vein-media{
    background-image:url('assets/images/vein-of-light-home-mobile-v081.jpg');
    background-size:cover;
    background-position:52% 4%;
    transform:none
  }
  .home-vein-shade{
    background:
      linear-gradient(90deg,rgba(4,6,6,.82) 0%,rgba(4,6,6,.67) 58%,rgba(4,6,6,.28) 100%),
      linear-gradient(180deg,rgba(4,6,6,.18) 0%,rgba(4,6,6,.28) 50%,rgba(4,6,6,.82) 100%)
  }
  .home-vein-grid{padding-top:18px;padding-bottom:30px}
  .home-vein-copy .eyebrow{margin-bottom:13px}
  .home-vein-copy .lede{font-size:17px;line-height:1.36;max-width:31em;margin-top:17px}
  .home-vein-cta{margin-top:18px}
  .home-vein-signals{margin-top:24px}
  .menu-open .nav{top:66px}
  body.admin-bar .site-header{top:46px}
  .admin-bar .menu-open .nav{top:112px}
  body.admin-bar .home-page .home-vein-hero{padding-top:112px!important}
}

@media (max-width:560px){
  .site-header{height:64px;padding-left:16px;padding-right:16px}
  .site-header .logo{width:154px}
  .home-page .home-vein-hero{padding-top:64px!important}
  .home-vein-media{background-position:50% 0%}
  .home-vein-grid{padding-top:14px;padding-bottom:26px}
  .home-vein-copy .eyebrow{font-size:8.8px;line-height:1.4;max-width:310px;margin-bottom:12px}
  .home-vein-title{font-size:clamp(44px,11.7vw,51px);line-height:.915;letter-spacing:-.04em}
  .home-vein-copy .lede{font-size:16px;line-height:1.35;max-width:29.5em;margin-top:16px}
  .home-vein-cta{margin-top:17px;padding:13px 18px;gap:20px}
  .home-vein-signals{margin-top:22px}
  .home-vein-signals>div,.home-vein-signals>div:nth-child(even){padding:12px 0}
  .menu-open .nav{top:64px}
  .admin-bar .menu-open .nav{top:110px}
  body.admin-bar .home-page .home-vein-hero{padding-top:110px!important}
}


/* ==========================================================================
   v0.9 — core-page visual enrichment + final mobile seam correction
   Preserves locked site shell, approved homepage copy, navigation, footer,
   forms, policies, authority boundaries and downstream page structure.
   ========================================================================== */

/* Homepage: remove the last visible paper seam on narrow phones without
   changing the established content position. */
@media (max-width:820px){
  .home-page .home-vein-hero{margin-top:-10px!important;padding-top:76px!important}
}
@media (max-width:560px){
  .home-page .home-vein-hero{margin-top:-12px!important;padding-top:76px!important}
}

/* Mining Intelligence — evidence becomes a material, layered field rather than
   a decorative line diagram. The existing signal/evidence language remains. */
.v09-evidence-art{overflow:hidden;isolation:isolate}
.v09-evidence-image{position:absolute;inset:5% -6% 3% 2%;background:url('assets/images/mining-evidence-v09.jpg') center/cover no-repeat;opacity:.78;filter:saturate(.72) contrast(.96);mix-blend-mode:multiply;z-index:-2}
.v09-evidence-art:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(243,241,236,.96) 0%,rgba(243,241,236,.40) 32%,rgba(243,241,236,.08) 74%,rgba(243,241,236,.82) 100%)}
.v09-evidence-art .contour-field{opacity:.55}

/* Project Development — keep the locked six-decision spine, but give it a
   tactile project-record / geology layer so the page inherits the homepage DNA. */
.v09-project-art{overflow:hidden;isolation:isolate}
.v09-project-fragments{position:absolute;inset:6% -8% 4% 8%;background:url('assets/images/project-development-fragments-v09.jpg') center/cover no-repeat;opacity:.28;filter:grayscale(1) contrast(1.08);z-index:-2}
.v09-project-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,rgba(10,11,11,.08),rgba(10,11,11,.72) 65%,var(--ink) 100%);z-index:-1}
.v09-project-spine{position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(10,11,11,.65))}

/* Operating Platform — the previously approved orbit metaphor is now rendered
   as a richer editorial system image, not a software-dashboard mockup. */
.v09-platform-art{overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:560px}
.v09-platform-image{width:100%;height:100%;min-height:520px;background:url('assets/images/operating-platform-orbit-v09.jpg') center/contain no-repeat;opacity:.94}

@media (max-width:980px){
  .v09-evidence-image{inset:10% -15% 0 10%;opacity:.62}
  .v09-project-fragments{inset:8% -8% 3% 12%;opacity:.24}
  .v09-platform-art{min-height:420px}.v09-platform-image{min-height:400px}
}
@media (max-width:560px){
  .v09-evidence-art{min-height:330px}.v09-evidence-image{inset:0 -28% 0 3%;background-position:58% center;opacity:.56}.v09-evidence-art:after{background:linear-gradient(180deg,rgba(243,241,236,.30),rgba(243,241,236,.04) 52%,rgba(243,241,236,.72))}
  .v09-project-art{min-height:340px}.v09-project-fragments{inset:0 -35% 0 -5%;opacity:.22}.v09-project-spine{transform:scale(.92);transform-origin:center}
  .v09-platform-art{min-height:340px}.v09-platform-image{min-height:320px;background-size:112% auto}
}

/* v0.9.1 — controlled content + capability-layout reconciliation.
   Restores the approved editorial discipline: fewer brand-name repetitions,
   plain-language funding terminology, and a true three-part capability rail
   without the empty fourth quadrant created by the legacy 2x2 grid. */
@media (min-width: 981px){
  .home-page .feature-paths{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin-top:54px!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .home-page .feature-path{
    grid-column:auto!important;
    min-height:360px!important;
    padding:34px 30px 38px!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
  }
  .home-page .feature-path:first-child{padding-left:0!important}
  .home-page .feature-path:last-child{border-right:0!important;padding-right:0!important}
  .home-page .feature-path:nth-child(2){padding-left:30px!important;border-left:0!important}
  .home-page .feature-path h3{
    font-size:clamp(34px,3.1vw,50px)!important;
    line-height:1.01!important;
    margin:58px 0 18px!important;
  }
  .home-page .feature-path p{font-size:14px!important;line-height:1.55!important}
}
@media (max-width:980px){
  .home-page .feature-paths{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    margin-top:38px!important;
  }
  .home-page .feature-path,
  .home-page .feature-path:nth-child(2){
    grid-column:1!important;
    min-height:0!important;
    padding:28px 0 30px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .home-page .feature-path:last-child{border-bottom:0!important}
  .home-page .feature-path h3{margin:30px 0 14px!important;font-size:clamp(32px,9vw,44px)!important}
}


/* v0.9.2 — capability rail de-boxing precision pass.
   Preserve the approved three-part hierarchy while removing the card/grid
   appearance: no enclosing frame, no full-height cell walls, and no boxed CTAs. */
.home-page .feature-paths{
  border-top:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.home-page .feature-path{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.home-page .feature-path a{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  border:0!important;
  border-bottom:1px solid rgba(10,11,11,.72)!important;
  padding:0 0 5px!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0;
  line-height:1.35!important;
}
.home-page .feature-path a:focus-visible{
  outline:2px solid var(--teal)!important;
  outline-offset:4px!important;
}
@media (min-width:981px){
  .home-page .feature-paths{
    position:relative!important;
    gap:0!important;
    margin-top:54px!important;
  }
  .home-page .feature-path{
    position:relative!important;
    min-height:330px!important;
    padding:22px 42px 24px!important;
  }
  .home-page .feature-path:first-child{padding-left:0!important}
  .home-page .feature-path:last-child{padding-right:0!important}
  .home-page .feature-path:nth-child(2){padding-left:42px!important}
  .home-page .feature-path:not(:first-child)::before{
    content:'';
    position:absolute;
    left:0;
    top:18%;
    height:64%;
    width:1px;
    background:rgba(10,11,11,.13);
  }
  .home-page .feature-path h3{
    margin:48px 0 18px!important;
  }
}
@media (max-width:980px){
  .home-page .feature-paths{
    margin-top:34px!important;
  }
  .home-page .feature-path,
  .home-page .feature-path:nth-child(2){
    position:relative!important;
    padding:28px 0 32px!important;
    border:0!important;
  }
  .home-page .feature-path + .feature-path::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:min(180px,42%);
    height:1px;
    background:rgba(10,11,11,.16);
  }
}


/* v0.10.0 — locked image-family integration, Batch A */
.visual-hero .hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,54px)}
.visual-hero .hero-copy{grid-column:1 / span 6;padding-right:clamp(0px,1vw,18px)}
.hero-image-art{grid-column:7 / -1;position:relative;align-self:stretch;min-height:clamp(500px,66vh,760px);overflow:hidden;margin:0;background:#d8d5cf}
.hero-image-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.investment-visual img{object-position:55% 50%}
.owners-visual img{object-position:56% 50%}
.investors-visual img{object-position:50% 48%}
.government-visual img{object-position:50% 52%}
.investor-hero .hero-image-art{background:#111}

.start-project-hero{padding:clamp(92px,9vw,142px) 0 clamp(70px,8vw,120px);min-height:auto;display:block}
.start-project-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,54px);align-items:stretch}
.start-project-copy{grid-column:1 / span 6;display:flex;flex-direction:column;justify-content:center;padding:12px 0}
.start-project-copy .lede{margin-top:30px}
.start-project-copy .contact-side{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:38px;font-size:14px;line-height:1.6;max-width:620px}
.start-project-visual{grid-column:7 / -1;position:relative;min-height:clamp(440px,58vh,650px);overflow:hidden;margin:0;background:#ddd9d1}
.start-project-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}

@media (max-width:900px){
  .visual-hero .hero-copy{grid-column:1;padding-right:0}
  .hero-image-art{grid-column:1;min-height:clamp(330px,58vw,500px);margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1)}
  .investment-visual img{object-position:50% 48%}
  .owners-visual img{object-position:53% 50%}
  .investors-visual img{object-position:52% 50%}
  .government-visual img{object-position:50% 50%}
  .start-project-hero{padding-top:64px}
  .start-project-hero-grid{grid-template-columns:1fr}
  .start-project-copy,.start-project-visual{grid-column:1}
  .start-project-visual{min-height:clamp(310px,64vw,470px);margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);margin-top:22px}
}
@media (max-width:520px){
  .hero-image-art{min-height:300px}
  .start-project-visual{min-height:280px}
}


/* v0.10.1 — Batch A hero placement repair + cache-bust
   Purpose: make locked image families function as primary hero visuals,
   not intrinsic-size thumbnails. Page copy below hero remains untouched. */
@media (min-width:901px){
  .visual-hero{overflow:hidden;}
  .visual-hero .hero-grid{
    min-height:clamp(620px,calc(100vh - 88px),820px)!important;
    align-items:stretch!important;
    gap:clamp(30px,3.4vw,64px)!important;
  }
  .visual-hero .hero-copy{
    align-self:center!important;
    padding-top:clamp(72px,8vh,108px)!important;
    padding-bottom:clamp(72px,8vh,108px)!important;
  }
  .visual-hero .hero-image-art{
    display:block!important;
    position:relative!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:620px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .visual-hero .hero-image-art img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* Investment: editorial right-hand plate with a little more image authority. */
  .investment-hero .hero-copy{grid-column:1 / span 5!important;}
  .investment-hero .hero-image-art{grid-column:6 / -1!important;}
  .investment-hero .investment-visual img{object-position:56% 50%!important;}

  /* Owners: landscape should dominate; copy remains a clear left anchor. */
  .owners-hero .hero-copy{grid-column:1 / span 5!important;}
  .owners-hero .hero-image-art{grid-column:6 / -1!important;}
  .owners-hero .owners-visual img{object-position:52% 50%!important;}

  /* Investors: keep the visual inside the black opening rather than as a small adjunct. */
  .investor-hero .hero-copy{grid-column:1 / span 5!important;}
  .investor-hero .hero-image-art{grid-column:6 / -1!important;background:#111!important;}
  .investor-hero .investors-visual img{object-position:50% 50%!important;}

  /* Government: threshold visual has enough room to read immediately. */
  .government-hero .hero-copy{grid-column:1 / span 5!important;}
  .government-hero .hero-image-art{grid-column:6 / -1!important;}
  .government-hero .government-visual img{object-position:50% 50%!important;}

  /* Start a Project: same visual authority, but keep the form page calmer. */
  .start-project-hero{padding:clamp(76px,8vw,118px) 0 clamp(62px,7vw,96px)!important;}
  .start-project-hero-grid{align-items:stretch!important;}
  .start-project-copy{grid-column:1 / span 5!important;}
  .start-project-visual{
    grid-column:6 / -1!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:clamp(500px,58vh,680px)!important;
    overflow:hidden!important;
    margin:0!important;
  }
  .start-project-visual img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
}

@media (max-width:900px){
  .visual-hero .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:0!important;
  }
  .visual-hero .hero-copy{
    grid-column:1!important;
    padding-top:clamp(44px,8vw,70px)!important;
    padding-bottom:clamp(34px,6vw,54px)!important;
  }
  .visual-hero .hero-image-art{
    grid-column:1!important;
    display:block!important;
    position:relative!important;
    width:calc(100% + (var(--pad) * 2))!important;
    max-width:none!important;
    min-height:clamp(340px,68vw,520px)!important;
    margin:0 calc(var(--pad) * -1)!important;
    overflow:hidden!important;
  }
  .visual-hero .hero-image-art img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .investment-hero .investment-visual img{object-position:53% 50%!important;}
  .owners-hero .owners-visual img{object-position:50% 50%!important;}
  .investor-hero .investors-visual img{object-position:50% 50%!important;}
  .government-hero .government-visual img{object-position:50% 50%!important;}

  .start-project-hero{padding:54px 0 64px!important;}
  .start-project-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
  .start-project-copy,.start-project-visual{grid-column:1!important;}
  .start-project-visual{
    display:block!important;
    position:relative!important;
    width:calc(100% + (var(--pad) * 2))!important;
    max-width:none!important;
    min-height:clamp(330px,65vw,500px)!important;
    margin:28px calc(var(--pad) * -1) 0!important;
    overflow:hidden!important;
  }
  .start-project-visual img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
  }
}

@media (max-width:520px){
  .visual-hero .hero-image-art{min-height:300px!important;}
  .start-project-visual{min-height:285px!important;}
}


/* v0.10.2 — mobile navigation completeness + first-screen pacing + crop precision.
   No copy, downstream section architecture, or locked image asset is changed. */
@media (min-width:901px){
  /* Investors: retain the second figure as an intentional part of the crossing. */
  .investor-hero .investors-visual img{object-position:57% 50%!important;}
  /* Owners: let the Tsingy field, not the observer, dominate the opening. */
  .owners-hero .owners-visual img{object-position:61% 50%!important;}
  /* Investment: tighten opening alignment without increasing image dominance. */
  .investment-hero .hero-copy{align-self:start!important;padding-top:clamp(76px,7.2vh,96px)!important;}
}

@media (max-width:900px){
  /* The page already reserves the fixed-header height. Avoid adding a second
     large editorial spacer before the first line of hero copy. */
  .visual-hero.precision-hero{margin-top:-28px!important;}
  .visual-hero .hero-copy{padding-top:22px!important;padding-bottom:34px!important;}
}

@media (max-width:560px){
  .visual-hero.precision-hero{margin-top:-46px!important;}
  .visual-hero .hero-copy{padding-top:14px!important;padding-bottom:28px!important;}

  /* Complete mobile menu in one readable grouped view. The panel still scrolls
     for small browser viewports, but all site categories are immediately discoverable. */
  .menu-panel{
    inset:74px 0 0!important;
    height:calc(100dvh - 74px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .admin-bar .menu-panel{
    top:120px!important;
    bottom:0!important;
    height:calc(100dvh - 120px)!important;
  }
  .menu-panel-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding-top:22px!important;
    padding-bottom:30px!important;
  }
  .menu-kicker{
    font-size:8px!important;
    letter-spacing:.18em!important;
    margin-bottom:8px!important;
  }
  .menu-panel-main>a{
    font-size:28px!important;
    line-height:1.02!important;
    padding:9px 0!important;
  }
  .menu-panel-side{
    gap:18px!important;
    padding-top:0!important;
  }
  .menu-group{
    gap:7px!important;
  }
  .menu-group a{
    font-size:15px!important;
    line-height:1.28!important;
  }
  .menu-contact{
    padding-top:16px!important;
  }
  .menu-contact a:first-child{
    font-size:24px!important;
    line-height:1.1!important;
  }
  .menu-contact .menu-secondary{
    font-size:11px!important;
    line-height:1.35!important;
  }
}

/* v0.10.3 — mobile navigation + final hero pacing.
   Scope: menu discoverability, mobile first-screen seam, Owners crop only. */
@media (max-width:560px){
  /* Remove the remaining reserved band between the fixed masthead and Batch A heroes. */
  .visual-hero.precision-hero{margin-top:-68px!important;}
  .visual-hero .hero-copy{padding-top:12px!important;padding-bottom:26px!important;}

  /* Make the full site architecture visible in one compact mobile composition.
     The panel remains independently scrollable for unusually short browser viewports. */
  .menu-panel{
    inset:74px 0 0!important;
    height:calc(100dvh - 74px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .admin-bar .menu-panel{
    top:120px!important;
    height:calc(100dvh - 120px)!important;
  }
  .menu-panel-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:16px 24px 24px!important;
    min-height:0!important;
    align-content:start!important;
  }
  .menu-panel-main{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .menu-kicker{
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    margin:0 0 7px!important;
    opacity:.72!important;
  }
  .menu-panel-main>a{
    font-size:25px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    padding:7px 0 8px!important;
    border-bottom:1px solid var(--line-light)!important;
  }
  .menu-panel-side{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:20px!important;
    row-gap:14px!important;
    padding-top:2px!important;
    border-top:1px solid var(--line-light)!important;
  }
  .menu-group{
    gap:5px!important;
    min-width:0!important;
    padding-top:10px!important;
  }
  .menu-group:first-child{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:20px!important;
  }
  .menu-group:first-child .menu-kicker{grid-column:1 / -1!important;}
  .menu-group a{
    font-size:13px!important;
    line-height:1.2!important;
    padding:2px 0!important;
    white-space:normal!important;
  }
  .menu-contact{
    padding-top:10px!important;
    border-top:0!important;
  }
  .menu-contact a:first-child{
    font-size:18px!important;
    line-height:1.05!important;
  }
  .menu-contact .menu-secondary{
    font-size:10px!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }

  /* Owners: let the Tsingy landscape remain the dominant mobile subject. */
  .owners-hero .owners-visual img{object-position:66% 50%!important;}
}

@media (max-width:400px){
  .menu-panel-inner{padding-left:20px!important;padding-right:20px!important;}
  .menu-panel-main>a{font-size:23px!important;padding:6px 0 7px!important;}
  .menu-group a{font-size:12px!important;}
  .menu-contact a:first-child{font-size:17px!important;}
}


/* v0.10.4 — Government + Start a Project live-placement guardrails.
   Scope: preserve the full conceptual read of the two locked wide-format images on mobile.
   No copy, form, downstream section, menu, or previously passed Batch A hero is changed. */
@media (max-width:560px){
  /* The Threshold depends on seeing complexity, the decision slit, and authority together.
     Preserve the native 3:2 composition rather than forcing a tall generic audience crop. */
  .government-hero .government-visual{
    min-height:0!important;
    aspect-ratio:3 / 2!important;
  }
  .government-hero .government-visual img{
    object-position:50% 50%!important;
  }

  /* The Project Between Us depends on both hands AND the unresolved gap.
     Preserve the full 3:2 frame so mobile cannot crop away either side of the handoff. */
  .start-project-visual{
    min-height:0!important;
    aspect-ratio:3 / 2!important;
    margin-top:18px!important;
  }
  .start-project-visual img{
    object-position:50% 50%!important;
  }
}


/* v0.10.5 — definitive mobile menu regression repair.
   The legacy primary .nav overlay is retired on mobile. The grouped .menu-panel is the
   only mobile menu surface, preventing page/header state from exposing the old four-link menu. */
@media (max-width:980px){
  .site-header .nav,
  .site-header.menu-open .nav,
  .site-header.dark.menu-open .nav{
    display:none!important;
  }
}

/* ========================================================================== 
   v0.11.0 — Core Visual Reconciliation
   Mining Intelligence + Project Development use their locked documentary
   families. Operating Platform retains the approved orbit system with more
   hero authority. v0.10.5 shell/navigation and all passed Batch A heroes frozen.
   ========================================================================== */
@media (min-width:901px){
  .core-visual-hero{overflow:hidden}
  .core-visual-hero .hero-grid{min-height:clamp(620px,calc(100vh - 88px),820px)!important;align-items:stretch!important;gap:clamp(30px,3.4vw,64px)!important}
  .core-visual-hero .hero-copy{grid-column:1 / span 5!important;align-self:center!important;padding-top:clamp(70px,8vh,105px)!important;padding-bottom:clamp(70px,8vh,105px)!important}
  .core-visual-hero .hero-image-art{grid-column:6 / -1!important;display:block!important;position:relative!important;align-self:stretch!important;min-height:620px!important;margin:0!important;overflow:hidden!important}
  .core-visual-hero .hero-image-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .mining-locked-visual img{object-position:51% 50%!important}
  .project-locked-visual img{object-position:48% 50%!important}

  .platform-hero .hero-grid{min-height:clamp(650px,calc(100vh - 88px),840px)!important;align-items:stretch!important;gap:clamp(30px,3.4vw,64px)!important}
  .platform-hero .hero-copy{grid-column:1 / span 5!important;align-self:center!important;padding-top:clamp(72px,8vh,110px)!important;padding-bottom:clamp(72px,8vh,110px)!important}
  .platform-hero .v09-platform-art{grid-column:6 / -1!important;min-height:650px!important;align-self:stretch!important}
  .platform-hero .v09-platform-image{min-height:650px!important;background-size:112% auto!important;background-position:50% 50%!important}
}
@media (max-width:900px){
  .core-visual-hero .hero-copy{grid-column:1!important;padding-right:0!important}
  .core-visual-hero .hero-image-art{grid-column:1!important;margin-left:calc(var(--pad)*-1)!important;margin-right:calc(var(--pad)*-1)!important;min-height:clamp(330px,66vw,500px)!important}
  .mining-locked-visual img{object-position:44% 50%!important}
  .project-locked-visual img{object-position:43% 50%!important}
  .platform-hero .v09-platform-art{min-height:430px!important;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1)}
  .platform-hero .v09-platform-image{min-height:410px!important;background-size:106% auto!important}
}
@media (max-width:520px){
  .core-visual-hero .hero-image-art{min-height:300px!important}
  .mining-locked-visual img{object-position:39% 50%!important}
  .project-locked-visual img{object-position:39% 50%!important}
  .platform-hero .v09-platform-art{min-height:340px!important}
  .platform-hero .v09-platform-image{min-height:330px!important;background-size:112% auto!important}
}


/* ========================================================================== 
   v0.11.1 — Controlled precision pass
   Operating Platform mobile pacing only. Mining Intelligence and Project
   Development assets intentionally left unchanged pending exact clean/locked
   asset confirmation; no speculative substitutions.
   ========================================================================== */
@media (max-width:900px){
  /* Match the tightened mobile entry used by the passed visual heroes. */
  .platform-hero.precision-hero{
    margin-top:-68px!important;
  }
  .platform-hero .hero-grid{
    gap:0!important;
  }
  .platform-hero .hero-copy{
    padding-top:14px!important;
    padding-bottom:18px!important;
  }
  .platform-hero .hero-copy .lede{
    margin-top:24px!important;
  }
  .platform-hero .v09-platform-art{
    margin-top:-8px!important;
  }
}
@media (max-width:520px){
  .platform-hero.precision-hero{
    margin-top:-76px!important;
  }
  .platform-hero .hero-copy{
    padding-top:10px!important;
    padding-bottom:12px!important;
  }
  .platform-hero .v09-platform-art{
    margin-top:-14px!important;
    min-height:330px!important;
  }
  .platform-hero .v09-platform-image{
    min-height:322px!important;
    background-size:108% auto!important;
    background-position:50% 48%!important;
  }
}


/* v0.11.2 — Final asset reconciliation
   - Project Development documentary asset restored
   - Operating Platform editorial rail label removed
   - Mining Intelligence locked Simien asset retained pending non-destructive clean derivative
*/


/* ==========================================================================
   v0.11.2 — Final Asset Reconciliation
   Clean Simien derivative, documentary Project Development lock, and removal
   of the redundant Operating Model hero rail. All other approved geometry and
   navigation remain frozen.
   ========================================================================== */
@media (min-width:901px){
  .project-locked-visual img{object-position:50% 50%!important}
}
@media (max-width:900px){
  .project-locked-visual img{object-position:50% 50%!important}
}
@media (max-width:520px){
  .project-locked-visual img{object-position:50% 50%!important}
}

/* ==========================================================================
   v0.11.5 — Production Sanitation / Hero Regression Correction
   Scope: remove legacy hero-meta rails, stabilize What We Do hero outcome,
   and consolidate Investment Preparation landmark attribution.
   Locked imagery and approved substantive copy remain unchanged.
   ========================================================================== */

@media (min-width:981px){
  .what-hero.narrative-hero,
  .investment-hero.narrative-hero,
  .investment-hero.visual-hero{
    padding-top:0!important;
    padding-bottom:0!important;
    min-height:auto!important;
    overflow:hidden!important;
  }

  .what-hero.narrative-hero .hero-grid,
  .investment-hero.visual-hero .hero-grid{
    grid-template-rows:minmax(0,1fr) auto!important;
    min-height:clamp(610px,calc(100vh - 88px),790px)!important;
    align-items:stretch!important;
    gap:0!important;
  }

  .what-hero.narrative-hero .hero-copy,
  .investment-hero.visual-hero .hero-copy{
    grid-column:1 / span 5!important;
    grid-row:1!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:clamp(76px,8vh,112px) clamp(38px,4vw,72px) clamp(66px,7vh,96px) 0!important;
  }

  .what-hero.narrative-hero .hero-image-art,
  .investment-hero.visual-hero .hero-image-art{
    grid-column:6 / -1!important;
    grid-row:1!important;
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    align-self:stretch!important;
    border:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  .what-hero.narrative-hero .hero-image-art img,
  .investment-hero.visual-hero .hero-image-art img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  .what-hero .what-visual img{object-position:53% 50%!important;}
  .investment-hero .investment-visual img{object-position:50% 50%!important;}

  /* Outcome belongs to the image column rather than becoming a stranded left rail. */
  .what-hero .hero-outcome{
    grid-column:6 / -1!important;
    grid-row:2!important;
    margin:0!important;
    padding:18px 0 30px!important;
    border-top:1px solid rgba(10,11,11,.16)!important;
    max-width:none!important;
    background:var(--paper)!important;
    align-self:start!important;
  }
  .what-hero .hero-outcome strong{
    display:block!important;
    margin-top:8px!important;
    max-width:520px!important;
    font-family:var(--serif)!important;
    font-size:clamp(28px,2.25vw,38px)!important;
    line-height:1.02!important;
    font-weight:400!important;
  }

  /* One stable desktop attribution rule, aligned to the image itself. */
  .investment-hero .landmark-note{
    grid-column:6 / -1!important;
    grid-row:2!important;
    position:relative!important;
    justify-self:start!important;
    align-self:start!important;
    margin:0!important;
    padding:9px 0 22px!important;
    color:rgba(10,11,11,.55)!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.10em!important;
    text-transform:none!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    text-shadow:none!important;
    background:none!important;
    border:0!important;
    pointer-events:none!important;
  }
}

@media (max-width:980px){
  .what-hero.narrative-hero,
  .investment-hero.visual-hero{overflow:hidden!important;}

  .what-hero.narrative-hero .hero-grid,
  .investment-hero.visual-hero .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:0!important;
  }

  .what-hero.narrative-hero .hero-copy,
  .investment-hero.visual-hero .hero-copy{
    grid-column:1!important;
    grid-row:1!important;
    padding-bottom:30px!important;
  }

  .what-hero.narrative-hero .hero-image-art,
  .investment-hero.visual-hero .hero-image-art{
    grid-column:1!important;
    grid-row:2!important;
    margin-left:calc(var(--pad)*-1)!important;
    margin-right:calc(var(--pad)*-1)!important;
    min-height:clamp(350px,78vw,560px)!important;
    width:auto!important;
    overflow:hidden!important;
  }

  .what-hero .what-visual img{object-position:53% 50%!important;}
  .investment-hero .investment-visual img{object-position:50% 50%!important;}

  .what-hero .hero-outcome{
    grid-column:1!important;
    grid-row:3!important;
    margin:0!important;
    padding:28px 0 34px!important;
    max-width:none!important;
    border-top:0!important;
    border-bottom:1px solid rgba(10,11,11,.16)!important;
    background:var(--paper)!important;
  }
  .what-hero .hero-outcome strong{
    display:block!important;
    margin-top:8px!important;
    font-family:var(--serif)!important;
    font-size:clamp(30px,8vw,44px)!important;
    line-height:1.05!important;
    font-weight:400!important;
    max-width:540px!important;
  }

  /* One stable mobile attribution rule. No caption strip, no full-width treatment. */
  .investment-hero .landmark-note{
    grid-column:1!important;
    grid-row:3!important;
    position:relative!important;
    justify-self:start!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 0 16px!important;
    color:rgba(10,11,11,.50)!important;
    font-size:8px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
    text-transform:none!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    text-align:left!important;
    background:none!important;
    border:0!important;
    pointer-events:none!important;
  }
}

/* ========================================================================== 
   v0.11.6 — Hero geometry stabilization / project closeout pass
   Scope: restore approved Government hero placement, bind What We Do outcome
   and Investment attribution directly to their images, and prevent desktop
   fixed-header overlap. No substantive copy or locked imagery changes.
   ========================================================================== */

@media (min-width:981px){
  /* Keep the desktop masthead in document flow before it sticks. This prevents
     hero content from being painted behind the header in full-page captures. */
  .site-header{position:sticky!important;top:0!important;}
  body.admin-bar .site-header{top:32px!important;}
  .page{padding-top:0!important;}

  /* Government: restore the approved editorial split. The image is a structural
     right-hand field whose bottom edge lands exactly on the dark section below. */
  .government-hero{
    min-height:auto!important;
    overflow:hidden!important;
  }
  .government-hero .hero-grid{
    min-height:clamp(610px,calc(100vh - 120px),760px)!important;
    align-items:stretch!important;
    gap:clamp(30px,3.4vw,64px)!important;
  }
  .government-hero .hero-copy{
    grid-column:1 / span 5!important;
    align-self:center!important;
    padding:clamp(62px,7vh,92px) 0!important;
  }
  .government-hero .government-visual{
    grid-column:6 / -1!important;
    align-self:stretch!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .government-hero .government-visual img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
  }

  /* Use one right-hand media stack instead of separate grid children. This
     prevents captions/outcomes from escaping to the left column. */
  .what-hero.narrative-hero .hero-grid,
  .investment-hero.visual-hero .hero-grid{
    grid-template-rows:1fr!important;
    gap:clamp(30px,3.4vw,64px)!important;
    min-height:clamp(610px,calc(100vh - 120px),790px)!important;
  }
  .hero-media-stack{
    grid-column:6 / -1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    min-width:0!important;
    margin:0!important;
  }
  .hero-media-stack .hero-image-art{
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .hero-media-stack .hero-image-art img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .what-media-stack .hero-outcome{
    flex:0 0 auto!important;
    margin:0!important;
    padding:16px 0 22px!important;
    border-top:1px solid rgba(10,11,11,.16)!important;
    background:transparent!important;
    max-width:none!important;
  }
  .what-media-stack .hero-outcome strong{
    display:block!important;
    max-width:560px!important;
    margin-top:7px!important;
    font-family:var(--serif)!important;
    font-size:clamp(28px,2.25vw,38px)!important;
    line-height:1.03!important;
    font-weight:400!important;
  }
  .investment-media-stack .landmark-note{
    flex:0 0 auto!important;
    position:static!important;
    margin:0!important;
    padding:8px 0 18px!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.11em!important;
    color:rgba(10,11,11,.52)!important;
    text-transform:none!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
  }
}

@media (max-width:980px){
  .hero-media-stack{
    grid-column:1!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    margin-left:calc(var(--pad)*-1)!important;
    margin-right:calc(var(--pad)*-1)!important;
  }
  .hero-media-stack .hero-image-art{
    margin:0!important;
    width:100%!important;
  }
  .what-media-stack .hero-outcome{
    order:2!important;
    margin:0!important;
    padding:32px var(--pad) 38px!important;
    border-top:0!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--paper)!important;
  }
  .what-media-stack .hero-outcome strong{
    display:block!important;
    margin-top:10px!important;
    font-family:var(--serif)!important;
    font-size:clamp(36px,8.8vw,54px)!important;
    line-height:1.02!important;
    font-weight:400!important;
  }
  .investment-media-stack .landmark-note{
    order:2!important;
    position:static!important;
    margin:0!important;
    padding:7px var(--pad) 10px!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.08em!important;
    color:rgba(10,11,11,.5)!important;
    text-transform:none!important;
    background:var(--paper)!important;
    border:0!important;
  }
}

/* ==========================================================================
   v0.11.9 — Rutuli Editorial Hero System / batch implementation
   One compositional canvas across substantive pages, with controlled variants.
   Home and Investors remain intentionally independent.
   ========================================================================== */
@media (min-width:981px){
  .site-header{position:relative!important;inset:auto!important;top:auto!important}
  body.admin-bar .site-header{top:auto!important}
  .page{padding-top:0!important}
}

.overlay-hero{
  position:relative;display:block;overflow:hidden;isolation:isolate;
  min-height:clamp(610px,calc(100vh - 88px),760px);
  background:var(--paper);color:var(--ink)
}
.overlay-hero-media{position:absolute;inset:0;z-index:0;margin:0;padding:0}
.overlay-hero-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover}
.overlay-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none}
.overlay-hero-grid{position:relative;z-index:2;min-height:inherit;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:center}
.overlay-hero-copy{position:relative;grid-column:1/span 6;max-width:760px;padding:clamp(62px,7.5vh,94px) 0;margin:0}
.overlay-hero-copy.copy-right{grid-column:7/span 6;justify-self:end;max-width:690px}
.overlay-hero-copy .eyebrow{margin-bottom:18px}
.overlay-hero-copy .lede{margin-top:28px;max-width:600px;font-size:clamp(19px,1.45vw,25px);line-height:1.38}
.overlay-hero .display{font-size:clamp(60px,6.7vw,108px);line-height:.91;letter-spacing:-.045em}
.overlay-hero .display.small{font-size:clamp(56px,5.8vw,92px);line-height:.93}
.overlay-hero .display-line{display:block}
.overlay-hero-outcome{margin-top:28px;padding-top:16px;border-top:1px solid rgba(10,11,11,.18);max-width:500px}
.overlay-hero-outcome .eyebrow{margin:0 0 8px}
.overlay-hero-outcome strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.3vw,40px);line-height:1.04}
.overlay-hero-meta{position:absolute;right:var(--pad);bottom:16px;z-index:4;font-size:9px;letter-spacing:.12em;color:rgba(10,11,11,.52)}
.overlay-hero-extra{margin-top:30px;max-width:570px;border-top:1px solid rgba(10,11,11,.18);padding-top:18px}
.overlay-hero-extra p{margin:0 0 12px}
.overlay-hero-extra .contact-primary{font-family:var(--serif);font-size:22px}
.overlay-hero-extra .contact-secondary,.overlay-hero-extra .contact-warning{font-size:14px;line-height:1.45;color:rgba(10,11,11,.68)}

/* Dark-system variant: same architecture, inverse hierarchy. */
.overlay-hero--dark{background:var(--ink);color:var(--white)}
.overlay-hero--dark .eyebrow{color:var(--bronze-soft)}
.overlay-hero--dark .lede{color:rgba(255,255,255,.88)}
.overlay-hero--dark .overlay-hero-outcome{border-color:rgba(255,255,255,.22)}
.overlay-hero--dark .overlay-hero-meta{color:rgba(255,255,255,.52)}
.overlay-hero--dark .overlay-hero-extra{border-color:rgba(255,255,255,.22)}
.overlay-hero--dark .overlay-hero-extra .contact-secondary,.overlay-hero--dark .overlay-hero-extra .contact-warning{color:rgba(255,255,255,.68)}

/* Locked reference + v0.12.3 reading-field precision calibration.
   Shared architecture remains fixed; only crop, veil geometry, tone and copy measure vary. */
.government-overlay-hero .overlay-hero-media img{object-position:58% 50%}
.government-overlay-hero .overlay-hero-shade{background:linear-gradient(90deg,rgba(243,241,236,.97) 0%,rgba(243,241,236,.92) 25%,rgba(243,241,236,.61) 39%,rgba(243,241,236,.12) 55%,rgba(243,241,236,0) 69%)}

/* Mining Intelligence — keep the atmospheric intelligence field, but recover terrain and observer presence. */
.mining-overlay-hero .overlay-hero-media img{object-position:67% 50%;filter:saturate(1.01) contrast(1.035)}
.mining-overlay-hero .overlay-hero-shade{background:linear-gradient(90deg,rgba(243,241,236,.94) 0%,rgba(243,241,236,.88) 17%,rgba(243,241,236,.70) 27%,rgba(243,241,236,.38) 36%,rgba(243,241,236,.14) 43%,rgba(243,241,236,.035) 49%,rgba(243,241,236,0) 55%)}
.mining-overlay-hero .overlay-hero-copy{max-width:720px}
.mining-overlay-hero .overlay-hero-copy .lede{max-width:560px}

/* Mine Owners — terrain-led veil: text remains authoritative without ghosting the explorer or limestone field. */
.owners-overlay-hero .overlay-hero-media img{object-position:65% 50%;filter:saturate(1.03) contrast(1.04)}
.owners-overlay-hero .overlay-hero-shade{background:linear-gradient(101deg,rgba(243,241,236,.95) 0%,rgba(243,241,236,.89) 15%,rgba(243,241,236,.68) 25%,rgba(243,241,236,.35) 34%,rgba(243,241,236,.12) 41%,rgba(243,241,236,.025) 47%,rgba(243,241,236,0) 53%)}
.owners-overlay-hero .overlay-hero-copy{max-width:700px}
.owners-overlay-hero .overlay-hero-copy .lede{max-width:555px}

/* What We Do — resolve from obscured evidence to a clear market-facing landscape. */
.what-overlay-hero .overlay-hero-media img{object-position:64% 50%;filter:saturate(1.025) contrast(1.035)}
.what-overlay-hero .overlay-hero-shade{background:linear-gradient(100deg,rgba(243,241,236,.95) 0%,rgba(243,241,236,.88) 17%,rgba(243,241,236,.64) 27%,rgba(243,241,236,.30) 36%,rgba(243,241,236,.09) 43%,rgba(243,241,236,.02) 48%,rgba(243,241,236,0) 52%)}
.what-overlay-hero .overlay-hero-copy{max-width:640px}
.what-overlay-hero .overlay-hero-copy .lede{max-width:500px}
.what-overlay-hero .overlay-hero-outcome{max-width:445px}

/* Investment Preparation — narrow the veil so the crossing remains consequential and visible. */
.investment-overlay-hero .overlay-hero-media img{object-position:61% 50%;filter:saturate(1.04) contrast(1.05)}
.investment-overlay-hero .overlay-hero-shade{background:linear-gradient(100deg,rgba(243,241,236,.97) 0%,rgba(243,241,236,.94) 15%,rgba(243,241,236,.78) 24%,rgba(243,241,236,.42) 32%,rgba(243,241,236,.13) 39%,rgba(243,241,236,.025) 45%,rgba(243,241,236,0) 50%)}
.investment-overlay-hero .overlay-hero-copy{max-width:675px}
.investment-overlay-hero .overlay-hero-copy .lede{max-width:535px}

/* Project Development — retain the dark variant, but keep the decision-makers and drawings alive under the tonal falloff. */
.project-overlay-hero .overlay-hero-media img{object-position:35% 50%;filter:saturate(.98) contrast(1.035) brightness(1.015)}
.project-overlay-hero .overlay-hero-shade{background:linear-gradient(270deg,rgba(10,11,11,.95) 0%,rgba(10,11,11,.82) 20%,rgba(10,11,11,.43) 34%,rgba(10,11,11,.15) 45%,rgba(10,11,11,.04) 55%,rgba(10,11,11,0) 63%)}
.project-overlay-hero .overlay-hero-copy{max-width:630px}
.project-overlay-hero .overlay-hero-copy .lede{max-width:530px}

/* Start a Project — preserve the handoff object; foreground copy stays legible without bleaching the exchange. */
.start-overlay-hero .overlay-hero-media img{object-position:57% 50%;filter:saturate(1.015) contrast(1.035)}
.start-overlay-hero .overlay-hero-shade{background:linear-gradient(98deg,rgba(243,241,236,.96) 0%,rgba(243,241,236,.91) 16%,rgba(243,241,236,.72) 27%,rgba(243,241,236,.38) 36%,rgba(243,241,236,.12) 43%,rgba(243,241,236,.025) 49%,rgba(243,241,236,0) 55%)}
.start-overlay-hero .overlay-hero-copy{max-width:650px}
.start-overlay-hero .overlay-hero-copy .lede{max-width:520px}


/* v0.12.2 — desktop reading-field precision.
   Architecture stays locked. These localized fields sit above the image veil
   only behind smaller copy so image authority and paragraph legibility no
   longer compete. Government remains untouched. */
@media (min-width:981px){
  .owners-overlay-hero .overlay-hero-copy .lede,
  .start-overlay-hero .overlay-hero-copy .lede,
  .investment-overlay-hero .overlay-hero-copy .lede,
  .what-overlay-hero .overlay-hero-copy .lede,
  .mining-overlay-hero .overlay-hero-copy .lede{
    position:relative;
    isolation:isolate;
  }
  .owners-overlay-hero .overlay-hero-copy .lede::before,
  .start-overlay-hero .overlay-hero-copy .lede::before,
  .investment-overlay-hero .overlay-hero-copy .lede::before,
  .what-overlay-hero .overlay-hero-copy .lede::before,
  .mining-overlay-hero .overlay-hero-copy .lede::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    border-radius:50%;
    filter:blur(16px);
  }

  /* Mine Owners: keep the explorer present; restore a quiet reading lane only. */
  .owners-overlay-hero .overlay-hero-copy .lede::before{
    inset:-14px -78px -16px -22px;
    background:radial-gradient(ellipse at 28% 50%,rgba(243,241,236,.74) 0%,rgba(243,241,236,.58) 42%,rgba(243,241,236,.26) 68%,rgba(243,241,236,0) 92%);
  }

  /* Start a Project: protect the paragraph without erasing the handoff bundle. */
  .start-overlay-hero .overlay-hero-copy .lede::before{
    inset:-14px -72px -15px -22px;
    background:radial-gradient(ellipse at 27% 50%,rgba(243,241,236,.70) 0%,rgba(243,241,236,.52) 44%,rgba(243,241,236,.22) 70%,rgba(243,241,236,0) 93%);
  }

  /* Investment Preparation: strongest local reading field, but deliberately
     rapid falloff so the bridge and crossing figure remain visually dominant. */
  .investment-overlay-hero .overlay-hero-copy .display{
    position:relative;
    isolation:isolate;
  }
  .investment-overlay-hero .overlay-hero-copy .display::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-18px -18px -10px -24px;
    pointer-events:none;
    background:linear-gradient(96deg,rgba(243,241,236,.54) 0%,rgba(243,241,236,.40) 48%,rgba(243,241,236,.16) 76%,rgba(243,241,236,0) 100%);
    filter:blur(15px);
  }
  .investment-overlay-hero .overlay-hero-copy .lede::before{
    inset:-16px -96px -18px -24px;
    background:radial-gradient(ellipse at 29% 48%,rgba(243,241,236,.89) 0%,rgba(243,241,236,.73) 42%,rgba(243,241,236,.39) 68%,rgba(243,241,236,0) 92%);
    filter:blur(18px);
  }
  /* v0.12.4 — final desktop micro-correction: a tiny secondary reading field
     at the lower-right end of the paragraph only. It does not touch the
     headline veil, bridge crop, crossing figure or global image contrast. */
  .investment-overlay-hero .overlay-hero-copy .lede::after{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    width:48%;
    height:58%;
    right:-34px;
    bottom:-9px;
    border-radius:50%;
    background:radial-gradient(ellipse at 50% 50%,rgba(243,241,236,.12) 0%,rgba(243,241,236,.075) 46%,rgba(243,241,236,.035) 68%,rgba(243,241,236,0) 92%);
    filter:blur(12px);
  }

  /* Near-lock pages: micro protection only. */
  .what-overlay-hero .overlay-hero-copy .lede::before{
    inset:-10px -52px -12px -18px;
    background:radial-gradient(ellipse at 26% 50%,rgba(243,241,236,.34) 0%,rgba(243,241,236,.22) 54%,rgba(243,241,236,0) 90%);
    filter:blur(14px);
  }
  .mining-overlay-hero .overlay-hero-copy .lede::before{
    inset:-9px -46px -11px -18px;
    background:radial-gradient(ellipse at 28% 50%,rgba(243,241,236,.27) 0%,rgba(243,241,236,.16) 56%,rgba(243,241,236,0) 90%);
    filter:blur(13px);
  }
}

@media (max-width:980px){
  .overlay-hero{min-height:clamp(650px,94vh,830px)}
  .overlay-hero-grid{grid-template-columns:1fr;align-items:end;padding-top:78px;padding-bottom:34px}
  .overlay-hero-copy,.overlay-hero-copy.copy-right{grid-column:1;justify-self:start;max-width:700px;padding:42px 0 34px}
  .overlay-hero-shade{background:linear-gradient(180deg,rgba(243,241,236,.94) 0%,rgba(243,241,236,.90) 35%,rgba(243,241,236,.66) 58%,rgba(243,241,236,.28) 76%,rgba(243,241,236,.08) 100%)}
  .overlay-hero--dark .overlay-hero-shade{background:linear-gradient(180deg,rgba(10,11,11,.92) 0%,rgba(10,11,11,.87) 38%,rgba(10,11,11,.64) 61%,rgba(10,11,11,.26) 80%,rgba(10,11,11,.08) 100%)}
  .overlay-hero .display{font-size:clamp(54px,11vw,78px)}
  .overlay-hero .display.small{font-size:clamp(50px,10.2vw,70px)}
  .overlay-hero-copy .lede{font-size:20px;line-height:1.35;max-width:34em}
  .overlay-hero-meta{right:var(--pad);bottom:11px;font-size:8px}
  .government-overlay-hero .overlay-hero-media img{object-position:67% 54%}
  .owners-overlay-hero .overlay-hero-media img{object-position:63% 52%}
  .mining-overlay-hero .overlay-hero-media img{object-position:66% 50%}
  .what-overlay-hero .overlay-hero-media img{object-position:65% 50%}
  .investment-overlay-hero .overlay-hero-media img{object-position:58% 50%}
  .project-overlay-hero .overlay-hero-media img{object-position:48% 50%}
  .start-overlay-hero .overlay-hero-media img{object-position:54% 50%}
}
@media (max-width:560px){
  .overlay-hero{min-height:700px}
  .overlay-hero-grid{padding-top:60px;padding-bottom:28px}
  .overlay-hero-copy,.overlay-hero-copy.copy-right{padding:26px 0 30px}
  .overlay-hero-copy .eyebrow{margin-bottom:12px}
  .overlay-hero .display{font-size:clamp(47px,12.5vw,57px);line-height:.93}
  .overlay-hero .display.small{font-size:clamp(45px,11.8vw,54px)}
  .overlay-hero-copy .lede{font-size:18px;line-height:1.37;margin-top:20px;max-width:30em}
  .overlay-hero-outcome{margin-top:22px;padding-top:13px}
  .overlay-hero-outcome strong{font-size:30px}
  .overlay-hero-extra{margin-top:22px;padding-top:14px}
  .overlay-hero-extra .contact-primary{font-size:20px}
  .overlay-hero-meta{right:16px;bottom:9px}
}

/* ==========================================================================
   v0.12.5 — Mobile Editorial Hero Architecture
   Scope: mobile only. Removes the inherited fixed-header spacer on overlay-hero
   pages and introduces a localized text reading field for the four light
   photographic heroes that failed mobile contrast QA. Desktop is unchanged.
   Project Development keeps its dark architecture and receives only a slight
   mobile image lift. Government, Start a Project, Platform, Investors and Home
   are not recalibrated by this pass.
   ========================================================================== */
@media (max-width:980px){
  /* The original mobile shell reserved 74px for a fixed masthead. Overlay-hero
     pages now use an in-flow sticky masthead, so the hero begins immediately
     beneath it instead of showing a false cream spacer. */
  body.rutuli-overlay-mobile .site-header{
    position:sticky!important;
    top:0!important;
    inset:auto!important;
  }
  body.admin-bar.rutuli-overlay-mobile .site-header{top:46px!important;}
  body.rutuli-overlay-mobile .page{padding-top:0!important;}

  /* Tighter mobile hero rhythm: keep enough landscape to carry the story,
     without forcing the headline below a screenful of photography. */
  .what-overlay-hero,
  .mining-overlay-hero,
  .investment-overlay-hero,
  .owners-overlay-hero{
    min-height:clamp(620px,84svh,735px)!important;
  }
  .what-overlay-hero .overlay-hero-grid,
  .mining-overlay-hero .overlay-hero-grid,
  .investment-overlay-hero .overlay-hero-grid,
  .owners-overlay-hero .overlay-hero-grid{
    min-height:inherit!important;
    padding-top:28px!important;
    padding-bottom:28px!important;
    align-items:end!important;
  }

  /* Do not reuse the desktop horizontal veil on a portrait canvas. Recover the
     image above, then protect the actual reading zone near the lower half. */
  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade{
    background:
      linear-gradient(180deg,
        rgba(243,241,236,.10) 0%,
        rgba(243,241,236,.06) 24%,
        rgba(243,241,236,.10) 42%,
        rgba(243,241,236,.24) 58%,
        rgba(243,241,236,.48) 73%,
        rgba(243,241,236,.70) 88%,
        rgba(243,241,236,.82) 100%)!important;
  }

  /* The copy field is local, not a page-wide wash. It follows the text block,
     protects nearly the full mobile reading width, and fades into the image on
     every side. */
  .what-overlay-hero .overlay-hero-copy,
  .mining-overlay-hero .overlay-hero-copy,
  .investment-overlay-hero .overlay-hero-copy,
  .owners-overlay-hero .overlay-hero-copy{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    padding:24px 0 24px!important;
  }
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:calc(var(--pad)*-.72);
    right:calc(var(--pad)*-.72);
    top:-36px;
    bottom:-20px;
    border-radius:38% 42% 24% 28% / 30% 32% 22% 24%;
    background:radial-gradient(ellipse at 38% 58%,
      rgba(243,241,236,.90) 0%,
      rgba(243,241,236,.82) 38%,
      rgba(243,241,236,.61) 62%,
      rgba(243,241,236,.28) 79%,
      rgba(243,241,236,0) 100%);
    filter:blur(15px);
  }

  /* Give the text a usable portrait measure. The headline remains editorial,
     but no longer runs into the far-right high-contrast image field. */
  .what-overlay-hero .overlay-hero-copy .display,
  .mining-overlay-hero .overlay-hero-copy .display,
  .investment-overlay-hero .overlay-hero-copy .display,
  .owners-overlay-hero .overlay-hero-copy .display{
    max-width:92%!important;
  }
  .what-overlay-hero .overlay-hero-copy .lede,
  .mining-overlay-hero .overlay-hero-copy .lede,
  .investment-overlay-hero .overlay-hero-copy .lede,
  .owners-overlay-hero .overlay-hero-copy .lede{
    max-width:94%!important;
  }

  /* Crop calibration: preserve each narrative object after the hero becomes
     shorter. These are page-specific focal decisions, not a shared crop. */
  .what-overlay-hero .overlay-hero-media img{object-position:61% 50%!important;}
  .mining-overlay-hero .overlay-hero-media img{object-position:64% 50%!important;}
  .investment-overlay-hero .overlay-hero-media img{object-position:56% 50%!important;}
  .owners-overlay-hero .overlay-hero-media img{object-position:61% 50%!important;}

  /* Project Development already passed the architecture test. Lift the people
     slightly on mobile without changing its dark copy system or crop logic. */
  .project-overlay-hero .overlay-hero-media img{
    filter:saturate(.99) contrast(1.025) brightness(1.075)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero,
  .mining-overlay-hero,
  .investment-overlay-hero,
  .owners-overlay-hero{
    min-height:clamp(600px,82svh,690px)!important;
  }
  .what-overlay-hero .overlay-hero-grid,
  .mining-overlay-hero .overlay-hero-grid,
  .investment-overlay-hero .overlay-hero-grid,
  .owners-overlay-hero .overlay-hero-grid{
    padding-top:18px!important;
    padding-bottom:20px!important;
  }
  .what-overlay-hero .overlay-hero-copy,
  .mining-overlay-hero .overlay-hero-copy,
  .investment-overlay-hero .overlay-hero-copy,
  .owners-overlay-hero .overlay-hero-copy{
    padding:18px 0 18px!important;
  }
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before{
    left:-10px;
    right:-10px;
    top:-28px;
    bottom:-16px;
    filter:blur(12px);
  }
  .what-overlay-hero .overlay-hero-copy .display,
  .mining-overlay-hero .overlay-hero-copy .display,
  .investment-overlay-hero .overlay-hero-copy .display,
  .owners-overlay-hero .overlay-hero-copy .display{
    max-width:96%!important;
  }
  .what-overlay-hero .overlay-hero-copy .lede,
  .mining-overlay-hero .overlay-hero-copy .lede,
  .investment-overlay-hero .overlay-hero-copy .lede,
  .owners-overlay-hero .overlay-hero-copy .lede{
    max-width:98%!important;
  }
}


/* ========================================================================== 
   v0.12.6 — Controlled Mobile Precision Pass
   Evidence basis: current mobile screenshots manually reviewed 2026-09-09.
   Scope: mobile only. No desktop, copy, image-asset, Platform, Home or Investors
   architecture changes. Corrects shared overlay-page entry spacing and the
   page-specific reading/tonal defects visible in the current renders.
   ========================================================================== */
@media (max-width:980px){
  /* Shared overlay-page entry control. The masthead is in normal sticky flow;
     no second page-top reserve is permitted beneath it. Government and Start
     a Project now join the same shell control as the other overlay pages. */
  body.rutuli-overlay-mobile .site-header{
    position:sticky!important;
    top:0!important;
    inset:auto!important;
  }
  body.admin-bar.rutuli-overlay-mobile .site-header{top:46px!important;}
  body.rutuli-overlay-mobile .page{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.rutuli-overlay-mobile .overlay-hero{
    margin-top:0!important;
  }

  /* Government — extend the protected light field through the complete copy
     measure while preserving the dark monumental stone mass on the right. */
  .government-overlay-hero{
    min-height:clamp(620px,84svh,740px)!important;
  }
  .government-overlay-hero .overlay-hero-grid{
    min-height:inherit!important;
    padding-top:28px!important;
    padding-bottom:28px!important;
    align-items:end!important;
  }
  .government-overlay-hero .overlay-hero-copy{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    padding:22px 0 24px!important;
  }
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(96deg,
      rgba(243,241,236,.96) 0%,
      rgba(243,241,236,.92) 25%,
      rgba(243,241,236,.79) 43%,
      rgba(243,241,236,.52) 58%,
      rgba(243,241,236,.20) 72%,
      rgba(243,241,236,.04) 84%,
      rgba(243,241,236,0) 94%)!important;
  }
  .government-overlay-hero .overlay-hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    left:calc(var(--pad)*-.72);
    right:calc(var(--pad)*-.18);
    top:-28px;
    bottom:-20px;
    border-radius:34% 44% 28% 24% / 30% 32% 22% 24%;
    background:radial-gradient(ellipse at 34% 56%,
      rgba(243,241,236,.92) 0%,
      rgba(243,241,236,.84) 44%,
      rgba(243,241,236,.58) 67%,
      rgba(243,241,236,.24) 82%,
      rgba(243,241,236,0) 100%);
    filter:blur(14px);
  }
  .government-overlay-hero .overlay-hero-copy .display{max-width:93%!important;}
  .government-overlay-hero .overlay-hero-copy .lede{max-width:94%!important;}
  .government-overlay-hero .overlay-hero-media img{object-position:62% 52%!important;}

  /* Project Development — preserve the dark editorial system while recovering
     the two decision-makers. The lift is image-local; copy contrast remains
     protected by a shallower mobile dark falloff. */
  .project-overlay-hero .overlay-hero-media img{
    filter:saturate(1.00) contrast(1.02) brightness(1.15)!important;
    object-position:47% 50%!important;
  }
  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(10,11,11,.66) 0%,
      rgba(10,11,11,.61) 34%,
      rgba(10,11,11,.52) 55%,
      rgba(10,11,11,.39) 72%,
      rgba(10,11,11,.28) 100%)!important;
  }
  .project-overlay-hero .overlay-hero-copy{
    position:relative!important;
    isolation:isolate!important;
  }
  .project-overlay-hero .overlay-hero-copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    inset:-22px -14px -24px -18px;
    border-radius:34% 28% 26% 34% / 30% 34% 28% 32%;
    background:radial-gradient(ellipse at 42% 56%,
      rgba(10,11,11,.46) 0%,
      rgba(10,11,11,.36) 48%,
      rgba(10,11,11,.18) 72%,
      rgba(10,11,11,0) 100%);
    filter:blur(14px);
  }

  /* Mine Owners — keep the headline lane intact but release the lower geology
     sooner so the Tsingy field remains authoritative rather than fogged. */
  .owners-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(243,241,236,.08) 0%,
      rgba(243,241,236,.05) 24%,
      rgba(243,241,236,.08) 42%,
      rgba(243,241,236,.20) 57%,
      rgba(243,241,236,.39) 71%,
      rgba(243,241,236,.58) 84%,
      rgba(243,241,236,.69) 100%)!important;
  }
  .owners-overlay-hero .overlay-hero-copy::before{
    left:calc(var(--pad)*-.72)!important;
    right:calc(var(--pad)*-.34)!important;
    top:-32px!important;
    bottom:-14px!important;
    background:radial-gradient(ellipse at 34% 56%,
      rgba(243,241,236,.88) 0%,
      rgba(243,241,236,.79) 39%,
      rgba(243,241,236,.52) 60%,
      rgba(243,241,236,.20) 77%,
      rgba(243,241,236,0) 100%)!important;
  }

  /* Start a Project — adopt the same overlay-shell spacing control and protect
     only the paragraph/form-intro reading lane over the handoff detail. */
  .start-overlay-hero{
    min-height:clamp(650px,88svh,790px)!important;
  }
  .start-overlay-hero .overlay-hero-grid{
    min-height:inherit!important;
    padding-top:26px!important;
    padding-bottom:30px!important;
    align-items:end!important;
  }
  .start-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(243,241,236,.18) 0%,
      rgba(243,241,236,.12) 28%,
      rgba(243,241,236,.18) 46%,
      rgba(243,241,236,.34) 64%,
      rgba(243,241,236,.54) 80%,
      rgba(243,241,236,.70) 100%)!important;
  }
  .start-overlay-hero .overlay-hero-copy{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    max-width:none!important;
    padding:22px 0 24px!important;
  }
  .start-overlay-hero .overlay-hero-copy .lede{
    position:relative!important;
    isolation:isolate!important;
    max-width:94%!important;
  }
  .start-overlay-hero .overlay-hero-copy .lede::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    inset:-16px -26px -18px -18px;
    border-radius:40%;
    background:radial-gradient(ellipse at 34% 52%,
      rgba(243,241,236,.84) 0%,
      rgba(243,241,236,.70) 45%,
      rgba(243,241,236,.38) 69%,
      rgba(243,241,236,.12) 84%,
      rgba(243,241,236,0) 100%);
    filter:blur(13px);
  }
  .start-overlay-hero .overlay-hero-extra{
    position:relative!important;
    isolation:isolate!important;
  }
  .start-overlay-hero .overlay-hero-extra::before{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
    inset:-14px -22px -16px -18px;
    border-radius:32%;
    background:radial-gradient(ellipse at 30% 48%,
      rgba(243,241,236,.76) 0%,
      rgba(243,241,236,.56) 48%,
      rgba(243,241,236,.24) 74%,
      rgba(243,241,236,0) 100%);
    filter:blur(12px);
  }
  .start-overlay-hero .overlay-hero-media img{object-position:55% 50%!important;}

  /* Investment and What We Do — protect current art direction. Only the shared
     shell control above is new; their mobile crop/read fields remain v0.12.5. */
}

@media (max-width:560px){
  .government-overlay-hero{min-height:clamp(600px,82svh,700px)!important;}
  .government-overlay-hero .overlay-hero-grid{padding-top:18px!important;padding-bottom:22px!important;}
  .government-overlay-hero .overlay-hero-copy{padding:18px 0 18px!important;}
  .government-overlay-hero .overlay-hero-copy::before{left:-10px;right:-4px;top:-24px;bottom:-14px;filter:blur(11px);}

  .project-overlay-hero .overlay-hero-media img{filter:saturate(1.00) contrast(1.02) brightness(1.16)!important;}

  .start-overlay-hero{min-height:clamp(620px,84svh,735px)!important;}
  .start-overlay-hero .overlay-hero-grid{padding-top:18px!important;padding-bottom:22px!important;}
  .start-overlay-hero .overlay-hero-copy{padding:18px 0 20px!important;}
  .start-overlay-hero .overlay-hero-copy .lede::before{inset:-14px -14px -16px -12px;filter:blur(11px);}
  .start-overlay-hero .overlay-hero-extra::before{inset:-12px -12px -14px -12px;filter:blur(10px);}
}


/* ========================================================================== 
   v0.12.7 — Controlled Mobile Masthead Closeout + Government Wash Calibration
   Evidence basis: fresh manual inspection of IMG_1273.jpeg–IMG_1279.jpeg.
   Scope: mobile only. The seven reviewed overlay-page heroes retain their
   current art direction. This pass removes the duplicated mobile top reserve
   by making the masthead geometry deterministic, and makes one localized
   Government reading-field reduction. No desktop, copy, asset, Platform,
   Home, Investors, or downstream-section changes.
   ========================================================================== */
@media (max-width:980px){
  /* Deterministic visitor shell: fixed 72px masthead + exactly one 72px page
     reserve. This replaces the prior sticky/in-flow combination that could
     leave a second cream band on iOS/WebKit. */
  body.rutuli-overlay-mobile .site-header{
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 20px!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
  }
  body.rutuli-overlay-mobile .site-header .logo{
    width:178px!important;
    max-height:52px!important;
    object-fit:contain!important;
  }
  body.rutuli-overlay-mobile .page{
    padding-top:72px!important;
    margin-top:0!important;
  }
  body.rutuli-overlay-mobile .overlay-hero{margin-top:0!important;}
  body.rutuli-overlay-mobile .menu-panel{inset:72px 0 0!important;}

  body.admin-bar.rutuli-overlay-mobile .site-header{top:46px!important;}
  body.admin-bar.rutuli-overlay-mobile .page{padding-top:118px!important;}
  body.admin-bar.rutuli-overlay-mobile .menu-panel{top:118px!important;}

  /* Government only — preserve the verified readable text lane while allowing
     the central/right stone plane to recover more architectural weight. */
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(96deg,
      rgba(243,241,236,.95) 0%,
      rgba(243,241,236,.88) 20%,
      rgba(243,241,236,.70) 35%,
      rgba(243,241,236,.43) 49%,
      rgba(243,241,236,.18) 61%,
      rgba(243,241,236,.05) 70%,
      rgba(243,241,236,0) 79%)!important;
  }
  .government-overlay-hero .overlay-hero-copy::before{
    right:calc(var(--pad)*-.04)!important;
    background:radial-gradient(ellipse at 30% 56%,
      rgba(243,241,236,.91) 0%,
      rgba(243,241,236,.82) 41%,
      rgba(243,241,236,.53) 62%,
      rgba(243,241,236,.20) 78%,
      rgba(243,241,236,0) 100%)!important;
  }
}

@media (max-width:560px){
  body.rutuli-overlay-mobile .site-header{
    height:68px!important;
    min-height:68px!important;
    padding:0 18px!important;
  }
  body.rutuli-overlay-mobile .site-header .logo{
    width:166px!important;
    max-height:49px!important;
  }
  body.rutuli-overlay-mobile .page{padding-top:68px!important;}
  body.rutuli-overlay-mobile .menu-panel{inset:68px 0 0!important;}
  body.admin-bar.rutuli-overlay-mobile .page{padding-top:114px!important;}
  body.admin-bar.rutuli-overlay-mobile .menu-panel{top:114px!important;}

  .government-overlay-hero .overlay-hero-copy::before{
    left:-10px!important;
    right:-2px!important;
    top:-24px!important;
    bottom:-14px!important;
    filter:blur(11px)!important;
  }
}

/* ========================================================================== 
   v0.12.8 — Mobile Masthead Reserve Correction
   Evidence basis: fresh manual inspection of IMG_1280.jpeg–IMG_1284.jpeg.
   Scope: mobile overlay pages only. The current fixed masthead already occupies
   the visible top of the viewport; the v0.12.7 page padding created a second
   visible header-height cream band. Remove that duplicate reserve while
   preserving the existing hero art direction, crops, reading fields and menu.
   ========================================================================== */
@media (max-width:980px){
  body.rutuli-overlay-mobile .page{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.rutuli-overlay-mobile .overlay-hero{
    margin-top:0!important;
  }
  body.admin-bar.rutuli-overlay-mobile .page{
    padding-top:0!important;
  }
}


/* ========================================================================== 
   v0.12.9 — What We Do Mobile Outcome Integration
   Scope: ONE localized fix only. Mobile What We Do hero only.
   Keep the existing image, crop, reading field, typography, desktop treatment,
   header and every other page unchanged. Extend the hero media/shade through
   the full outcome block so “THE OUTCOME / A case the market can examine.”
   remains inside the photographic hero before the cream body section begins.
   ========================================================================== */
@media (max-width:980px){
  .what-overlay-hero{
    min-height:clamp(780px,104svh,900px)!important;
  }
  .what-overlay-hero .overlay-hero-grid{
    min-height:inherit!important;
    align-items:end!important;
  }
  .what-overlay-hero .overlay-hero-copy{
    padding-bottom:34px!important;
  }
  .what-overlay-hero .overlay-hero-copy::before{
    bottom:-26px!important;
  }
  .what-overlay-hero .overlay-hero-outcome{
    position:relative!important;
    z-index:3!important;
    margin-bottom:0!important;
  }
}
@media (max-width:560px){
  .what-overlay-hero{
    min-height:clamp(820px,108svh,930px)!important;
  }
  .what-overlay-hero .overlay-hero-grid{
    padding-bottom:24px!important;
  }
  .what-overlay-hero .overlay-hero-copy{
    padding-bottom:34px!important;
  }
  .what-overlay-hero .overlay-hero-copy::before{
    bottom:-24px!important;
  }
}

/* ========================================================================== 
   v0.13.0 — Mobile Narrative Art Direction
   Dedicated portrait hero artwork restores each page's narrative object.
   Desktop remains on the protected landscape masters. Mobile uses restrained,
   local reading protection only; no broad white wash.
   ========================================================================== */
@media (max-width:980px){
  .overlay-hero-media picture{position:absolute;inset:0;display:block;width:100%;height:100%;}
  .overlay-hero-media picture img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover!important;object-position:center center!important;filter:none!important;}

  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade,
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,rgba(243,241,236,0) 0%,rgba(243,241,236,0) 48%,rgba(243,241,236,.08) 67%,rgba(243,241,236,.16) 82%,rgba(243,241,236,.22) 100%)!important;
  }

  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before{
    content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
    left:-14px!important;right:2%!important;top:-18px!important;bottom:-14px!important;border-radius:30px!important;
    background:linear-gradient(90deg,rgba(243,241,236,.76) 0%,rgba(243,241,236,.60) 60%,rgba(243,241,236,.18) 88%,rgba(243,241,236,0) 100%)!important;
    filter:blur(8px)!important;
  }
  .what-overlay-hero .overlay-hero-copy::before{bottom:-28px!important;}

  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,rgba(10,11,11,.02) 0%,rgba(10,11,11,.04) 50%,rgba(10,11,11,.18) 70%,rgba(10,11,11,.30) 100%)!important;
  }
  .project-overlay-hero .overlay-hero-copy::before{
    content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
    left:-14px!important;right:2%!important;top:-18px!important;bottom:-14px!important;border-radius:30px!important;
    background:linear-gradient(90deg,rgba(10,11,11,.66) 0%,rgba(10,11,11,.52) 58%,rgba(10,11,11,.18) 86%,rgba(10,11,11,0) 100%)!important;
    filter:blur(8px)!important;
  }
}
@media (max-width:560px){
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    left:-10px!important;right:0!important;filter:blur(7px)!important;
  }
}

/* ========================================================================== 
   v0.13.1 — Mobile Narrative Legibility Closeout
   Evidence basis: fresh manual inspection of IMG_1346(1)–IMG_1352(1).
   Single correction: replace the broad fog-like reading haze with a restrained
   editorial reading skin that stays behind the copy only. Preserve the new
   portrait artwork, crops, hero geometry, text position, header and desktop.
   ========================================================================== */
@media (max-width:980px){
  /* Restore the photography as the primary visual object. */
  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade,
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(243,241,236,0) 0%,
      rgba(243,241,236,0) 60%,
      rgba(243,241,236,.025) 76%,
      rgba(243,241,236,.05) 100%)!important;
  }

  /* One editorial reading skin — no blur cloud, no full-width white wash. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-16px!important;
    right:-8px!important;
    top:-14px!important;
    bottom:-12px!important;
    border-radius:0!important;
    clip-path:polygon(0 2%,100% 0,97% 100%,0 98%)!important;
    filter:none!important;
    background:linear-gradient(102deg,
      rgba(246,243,236,.78) 0%,
      rgba(246,243,236,.74) 62%,
      rgba(246,243,236,.66) 82%,
      rgba(246,243,236,.52) 100%)!important;
  }

  /* Government needs the strongest local support because copy crosses both
     fractured stone and the dark institutional plane. */
  .government-overlay-hero .overlay-hero-copy::before{
    background:linear-gradient(102deg,
      rgba(246,243,236,.88) 0%,
      rgba(246,243,236,.84) 62%,
      rgba(246,243,236,.76) 82%,
      rgba(246,243,236,.62) 100%)!important;
  }

  /* Mine Owners and Mining carry the busiest foreground geology; keep the
     image visible but give the long paragraph a clean reading lane. */
  .owners-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before{
    background:linear-gradient(102deg,
      rgba(246,243,236,.82) 0%,
      rgba(246,243,236,.78) 62%,
      rgba(246,243,236,.70) 82%,
      rgba(246,243,236,.56) 100%)!important;
  }

  /* Investment and What We Do can stay slightly more transparent. */
  .investment-overlay-hero .overlay-hero-copy::before,
  .what-overlay-hero .overlay-hero-copy::before{
    background:linear-gradient(102deg,
      rgba(246,243,236,.74) 0%,
      rgba(246,243,236,.70) 62%,
      rgba(246,243,236,.62) 82%,
      rgba(246,243,236,.46) 100%)!important;
  }
  .what-overlay-hero .overlay-hero-copy::before{bottom:-24px!important;}

  /* Project Development: preserve full color/detail while retaining a compact
     dark editorial skin behind the white copy only. */
  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(10,11,11,0) 0%,
      rgba(10,11,11,0) 58%,
      rgba(10,11,11,.04) 76%,
      rgba(10,11,11,.10) 100%)!important;
  }
  .project-overlay-hero .overlay-hero-copy::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-16px!important;
    right:-8px!important;
    top:-14px!important;
    bottom:-12px!important;
    border-radius:0!important;
    clip-path:polygon(0 2%,100% 0,97% 100%,0 98%)!important;
    filter:none!important;
    background:linear-gradient(102deg,
      rgba(10,11,11,.72) 0%,
      rgba(10,11,11,.66) 62%,
      rgba(10,11,11,.54) 82%,
      rgba(10,11,11,.36) 100%)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    left:-10px!important;
    right:-6px!important;
    top:-12px!important;
    bottom:-10px!important;
    filter:none!important;
  }
  .what-overlay-hero .overlay-hero-copy::before{bottom:-20px!important;}
}


/* ==========================================================================
   v0.13.2 — Mobile Reading-Field Feathering Closeout
   Evidence basis: fresh manual visual inspection of IMG_1353.jpeg and
   IMG_1354.jpeg showing hard-edged rectangular reading panels.
   Scope: mobile overlay heroes only. Removes box-like panel edges and replaces
   them with feathered, image-integrated tonal fields. No geometry, crop,
   typography, header, copy, portrait artwork, desktop, or section changes.
   ========================================================================== */
@media (max-width:980px){

  /* Remove any hard rectangular panel appearance from prior closeout. */
  .what-overlay-hero .overlay-hero-copy,
  .mining-overlay-hero .overlay-hero-copy,
  .investment-overlay-hero .overlay-hero-copy,
  .owners-overlay-hero .overlay-hero-copy,
  .government-overlay-hero .overlay-hero-copy,
  .project-overlay-hero .overlay-hero-copy{
    background:transparent!important;
    box-shadow:none!important;
    border:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Light heroes: use soft elliptical luminance support with invisible edges. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:calc(var(--pad)*-.95)!important;
    right:calc(var(--pad)*-.95)!important;
    top:-54px!important;
    bottom:-42px!important;
    border-radius:44% 46% 36% 40% / 36% 40% 34% 38%!important;
    background:radial-gradient(
      ellipse at 38% 56%,
      rgba(246,244,239,.72) 0%,
      rgba(246,244,239,.61) 34%,
      rgba(246,244,239,.42) 54%,
      rgba(246,244,239,.22) 69%,
      rgba(246,244,239,.08) 82%,
      rgba(246,244,239,0) 100%
    )!important;
    filter:blur(22px)!important;
    opacity:1!important;
  }

  /* Page-specific refinements to preserve visual authority. */
  .what-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(
      ellipse at 36% 58%,
      rgba(246,244,239,.66) 0%,
      rgba(246,244,239,.54) 36%,
      rgba(246,244,239,.34) 56%,
      rgba(246,244,239,.15) 74%,
      rgba(246,244,239,0) 100%
    )!important;
  }

  .mining-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(
      ellipse at 38% 57%,
      rgba(246,244,239,.74) 0%,
      rgba(246,244,239,.62) 35%,
      rgba(246,244,239,.43) 55%,
      rgba(246,244,239,.21) 72%,
      rgba(246,244,239,.07) 84%,
      rgba(246,244,239,0) 100%
    )!important;
  }

  .owners-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(
      ellipse at 34% 58%,
      rgba(246,244,239,.70) 0%,
      rgba(246,244,239,.58) 36%,
      rgba(246,244,239,.39) 56%,
      rgba(246,244,239,.18) 73%,
      rgba(246,244,239,0) 100%
    )!important;
  }

  .investment-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(
      ellipse at 36% 58%,
      rgba(246,244,239,.64) 0%,
      rgba(246,244,239,.51) 36%,
      rgba(246,244,239,.31) 57%,
      rgba(246,244,239,.13) 74%,
      rgba(246,244,239,0) 100%
    )!important;
  }

  .government-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(
      ellipse at 30% 57%,
      rgba(246,244,239,.70) 0%,
      rgba(246,244,239,.58) 34%,
      rgba(246,244,239,.38) 54%,
      rgba(246,244,239,.18) 70%,
      rgba(246,244,239,.06) 82%,
      rgba(246,244,239,0) 100%
    )!important;
  }

  /* Dark hero: feathered black field, no rectangle. */
  .project-overlay-hero .overlay-hero-copy::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:calc(var(--pad)*-.92)!important;
    right:calc(var(--pad)*-.75)!important;
    top:-48px!important;
    bottom:-38px!important;
    border-radius:44%!important;
    background:radial-gradient(
      ellipse at 34% 58%,
      rgba(8,10,10,.50) 0%,
      rgba(8,10,10,.40) 38%,
      rgba(8,10,10,.24) 60%,
      rgba(8,10,10,.10) 77%,
      rgba(8,10,10,0) 100%
    )!important;
    filter:blur(20px)!important;
    opacity:1!important;
  }

  /* Ensure the photograph itself remains unwashed outside the reading field. */
  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade,
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,.02) 0%,
      rgba(246,244,239,.01) 40%,
      rgba(246,244,239,.035) 60%,
      rgba(246,244,239,.07) 78%,
      rgba(246,244,239,.10) 100%)!important;
  }

  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(8,10,10,.08) 0%,
      rgba(8,10,10,.10) 42%,
      rgba(8,10,10,.16) 68%,
      rgba(8,10,10,.24) 100%)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    left:-18px!important;
    right:-18px!important;
    top:-42px!important;
    bottom:-32px!important;
    filter:blur(18px)!important;
  }
}


/* ==========================================================================
   v0.13.3 — Mobile Narrative Field Integration
   Evidence basis: fresh manual inspection of IMG_1355.jpeg–IMG_1361.jpeg.
   Scope: mobile only. Removes all inherited hard clipping from reading fields,
   restores fully feathered integration, and reduces Start a Project wash.
   No crop, geometry, typography, header, portrait asset, desktop, or copy change.
   ========================================================================== */
@media (max-width:980px){

  /* Kill the inherited polygon that was still clipping the blurred field. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    clip-path:none!important;
    -webkit-clip-path:none!important;
    border-radius:50%!important;
    left:-42px!important;
    right:-42px!important;
    top:-72px!important;
    bottom:-58px!important;
    filter:blur(34px)!important;
  }

  /* Very soft, image-first reading support. */
  .what-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 38% 60%,
      rgba(246,244,239,.56) 0%,
      rgba(246,244,239,.42) 38%,
      rgba(246,244,239,.24) 58%,
      rgba(246,244,239,.10) 74%,
      rgba(246,244,239,0) 100%)!important;
  }
  .mining-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 38% 60%,
      rgba(246,244,239,.62) 0%,
      rgba(246,244,239,.48) 38%,
      rgba(246,244,239,.29) 58%,
      rgba(246,244,239,.12) 75%,
      rgba(246,244,239,0) 100%)!important;
  }
  .investment-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 38% 60%,
      rgba(246,244,239,.52) 0%,
      rgba(246,244,239,.39) 38%,
      rgba(246,244,239,.22) 58%,
      rgba(246,244,239,.08) 74%,
      rgba(246,244,239,0) 100%)!important;
  }
  .owners-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 36% 60%,
      rgba(246,244,239,.58) 0%,
      rgba(246,244,239,.44) 38%,
      rgba(246,244,239,.26) 58%,
      rgba(246,244,239,.10) 74%,
      rgba(246,244,239,0) 100%)!important;
  }
  .government-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 34% 60%,
      rgba(246,244,239,.64) 0%,
      rgba(246,244,239,.50) 38%,
      rgba(246,244,239,.31) 58%,
      rgba(246,244,239,.13) 75%,
      rgba(246,244,239,0) 100%)!important;
  }
  .project-overlay-hero .overlay-hero-copy::before{
    background:radial-gradient(ellipse at 36% 60%,
      rgba(8,10,10,.46) 0%,
      rgba(8,10,10,.34) 38%,
      rgba(8,10,10,.20) 58%,
      rgba(8,10,10,.08) 75%,
      rgba(8,10,10,0) 100%)!important;
  }

  /* Keep the photographs clean outside the text field. */
  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade,
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 58%,
      rgba(246,244,239,.02) 76%,
      rgba(246,244,239,.045) 100%)!important;
  }

  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(8,10,10,.02) 0%,
      rgba(8,10,10,.03) 58%,
      rgba(8,10,10,.08) 78%,
      rgba(8,10,10,.15) 100%)!important;
  }

  /* Start a Project: remove the broad milky wash while retaining local support
     around the copy and lower form introduction. */
  .start-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,.02) 0%,
      rgba(246,244,239,.04) 42%,
      rgba(246,244,239,.10) 68%,
      rgba(246,244,239,.18) 100%)!important;
  }
  .start-overlay-hero .overlay-hero-copy .lede::before,
  .start-overlay-hero .overlay-hero-extra::before{
    clip-path:none!important;
    -webkit-clip-path:none!important;
    border-radius:50%!important;
    filter:blur(28px)!important;
  }
  .start-overlay-hero .overlay-hero-copy .lede::before{
    inset:-34px -36px -32px -30px!important;
    background:radial-gradient(ellipse at 38% 54%,
      rgba(246,244,239,.58) 0%,
      rgba(246,244,239,.42) 42%,
      rgba(246,244,239,.20) 66%,
      rgba(246,244,239,0) 100%)!important;
  }
  .start-overlay-hero .overlay-hero-extra::before{
    inset:-30px -36px -34px -30px!important;
    background:radial-gradient(ellipse at 34% 52%,
      rgba(246,244,239,.54) 0%,
      rgba(246,244,239,.38) 42%,
      rgba(246,244,239,.18) 66%,
      rgba(246,244,239,0) 100%)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    left:-30px!important;
    right:-30px!important;
    top:-58px!important;
    bottom:-46px!important;
    filter:blur(30px)!important;
  }
}


/* ==========================================================================
   v0.13.4 — Mobile Image-First Legibility Pass
   Evidence basis: fresh manual visual inspection of IMG_1362.jpeg–IMG_1368.jpeg.
   Scope: mobile only. Removes all residual reading-field veils and uses
   typography-local contrast support instead. Start a Project receives only
   image tonal recovery. No crop, geometry, text position, header, copy,
   portrait artwork, desktop, or section-order changes.
   ========================================================================== */
@media (max-width:980px){

  /* Remove residual image veils/panels entirely. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before,
  .start-overlay-hero .overlay-hero-copy .lede::before,
  .start-overlay-hero .overlay-hero-extra::before{
    display:none!important;
    content:none!important;
  }

  .what-overlay-hero .overlay-hero-shade,
  .mining-overlay-hero .overlay-hero-shade,
  .investment-overlay-hero .overlay-hero-shade,
  .owners-overlay-hero .overlay-hero-shade,
  .government-overlay-hero .overlay-hero-shade,
  .start-overlay-hero .overlay-hero-shade{
    background:transparent!important;
  }

  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(8,10,10,.00) 0%,
      rgba(8,10,10,.02) 58%,
      rgba(8,10,10,.08) 78%,
      rgba(8,10,10,.14) 100%)!important;
  }

  /* Local type support only — preserves the photographs at full authority. */
  .what-overlay-hero .display,
  .mining-overlay-hero .display,
  .investment-overlay-hero .display,
  .owners-overlay-hero .display,
  .government-overlay-hero .display,
  .start-overlay-hero .display{
    text-shadow:
      0 1px 0 rgba(255,255,255,.46),
      0 0 2px rgba(255,255,255,.22)!important;
  }

  .what-overlay-hero .lede,
  .mining-overlay-hero .lede,
  .investment-overlay-hero .lede,
  .owners-overlay-hero .lede,
  .government-overlay-hero .lede,
  .start-overlay-hero .lede,
  .start-overlay-hero .overlay-hero-extra{
    text-shadow:
      0 1px 0 rgba(255,255,255,.78),
      0 0 3px rgba(255,255,255,.56)!important;
  }

  .what-overlay-hero .eyebrow,
  .mining-overlay-hero .eyebrow,
  .investment-overlay-hero .eyebrow,
  .owners-overlay-hero .eyebrow,
  .government-overlay-hero .eyebrow,
  .start-overlay-hero .eyebrow{
    text-shadow:0 1px 4px rgba(255,255,255,.72)!important;
  }

  .project-overlay-hero .display,
  .project-overlay-hero .lede,
  .project-overlay-hero .eyebrow{
    text-shadow:
      0 1px 2px rgba(0,0,0,.72),
      0 0 5px rgba(0,0,0,.38)!important;
  }

  /* Start a Project — recover the actual handoff image instead of whitening it. */
  .start-overlay-hero .overlay-hero-media img{
    filter:saturate(1.08) contrast(1.13) brightness(.95)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero .lede,
  .mining-overlay-hero .lede,
  .investment-overlay-hero .lede,
  .owners-overlay-hero .lede,
  .government-overlay-hero .lede,
  .start-overlay-hero .lede,
  .start-overlay-hero .overlay-hero-extra{
    text-shadow:
      0 1px 0 rgba(255,255,255,.84),
      0 0 3px rgba(255,255,255,.62)!important;
  }
}


/* ==========================================================================
   v0.13.5 — Mobile Editorial Gradient Closeout
   Evidence basis: fresh manual visual inspection of IMG_1369.jpeg–IMG_1375.jpeg.
   Scope: mobile overlay heroes only. Removes outline/embossed text effects and
   replaces them with edge-free, full-width editorial gradients behind the
   lower reading zone. No crop, hero geometry, text position, typography,
   header, copy, portrait artwork, desktop, or section-order changes.
   ========================================================================== */
@media (max-width:980px){

  /* Remove all local text-outline / glow effects introduced previously. */
  .what-overlay-hero .display,
  .mining-overlay-hero .display,
  .investment-overlay-hero .display,
  .owners-overlay-hero .display,
  .government-overlay-hero .display,
  .start-overlay-hero .display,
  .what-overlay-hero .lede,
  .mining-overlay-hero .lede,
  .investment-overlay-hero .lede,
  .owners-overlay-hero .lede,
  .government-overlay-hero .lede,
  .start-overlay-hero .lede,
  .start-overlay-hero .overlay-hero-extra,
  .what-overlay-hero .eyebrow,
  .mining-overlay-hero .eyebrow,
  .investment-overlay-hero .eyebrow,
  .owners-overlay-hero .eyebrow,
  .government-overlay-hero .eyebrow,
  .start-overlay-hero .eyebrow,
  .project-overlay-hero .display,
  .project-overlay-hero .lede,
  .project-overlay-hero .eyebrow{
    text-shadow:none!important;
  }

  /* Ensure no residual panel remains. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before,
  .start-overlay-hero .overlay-hero-copy .lede::before,
  .start-overlay-hero .overlay-hero-extra::before{
    display:none!important;
    content:none!important;
  }

  /* Edge-free editorial reading field: image remains untouched in upper 45–50%. */
  .what-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 44%,
      rgba(246,244,239,.14) 58%,
      rgba(246,244,239,.34) 72%,
      rgba(246,244,239,.54) 86%,
      rgba(246,244,239,.68) 100%)!important;
  }

  .mining-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 43%,
      rgba(246,244,239,.16) 57%,
      rgba(246,244,239,.38) 72%,
      rgba(246,244,239,.58) 87%,
      rgba(246,244,239,.72) 100%)!important;
  }

  .investment-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 45%,
      rgba(246,244,239,.13) 59%,
      rgba(246,244,239,.32) 73%,
      rgba(246,244,239,.50) 87%,
      rgba(246,244,239,.64) 100%)!important;
  }

  .owners-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 42%,
      rgba(246,244,239,.17) 56%,
      rgba(246,244,239,.40) 71%,
      rgba(246,244,239,.60) 86%,
      rgba(246,244,239,.74) 100%)!important;
  }

  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 40%,
      rgba(246,244,239,.18) 54%,
      rgba(246,244,239,.40) 69%,
      rgba(246,244,239,.59) 84%,
      rgba(246,244,239,.72) 100%)!important;
  }

  /* Dark-page equivalent for white type. */
  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(8,10,10,0) 0%,
      rgba(8,10,10,0) 42%,
      rgba(8,10,10,.16) 56%,
      rgba(8,10,10,.34) 70%,
      rgba(8,10,10,.52) 85%,
      rgba(8,10,10,.64) 100%)!important;
  }

  /* Start a Project remains naturally light; only a faint lower fade is used. */
  .start-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 58%,
      rgba(246,244,239,.07) 74%,
      rgba(246,244,239,.15) 88%,
      rgba(246,244,239,.22) 100%)!important;
  }

  /* Restore clean type rendering. */
  .what-overlay-hero,
  .mining-overlay-hero,
  .investment-overlay-hero,
  .owners-overlay-hero,
  .government-overlay-hero,
  .start-overlay-hero{
    color:var(--ink)!important;
  }

  .project-overlay-hero{
    color:var(--white)!important;
  }

  /* Start image no longer receives the previous high-contrast filter. */
  .start-overlay-hero .overlay-hero-media img{
    filter:saturate(1.03) contrast(1.05) brightness(.99)!important;
  }
}


/* ==========================================================================
   v0.13.6 — FINAL MOBILE RELEASE REFINEMENT
   Evidence basis: fresh manual visual review of IMG_1376.jpeg–IMG_1382.jpeg.
   Release rule: one-pass closeout. Artwork, crop, hero height, header,
   typography, copy, desktop, and section architecture are frozen.
   Allowed variables only:
     1) mobile copy vertical position
     2) mobile text color
     3) full-width edge-free contrast field
   ========================================================================== */
@media (max-width:980px){

  /* ------------------------------------------------------------------------
     SIX NARRATIVE HEROES
     White editorial typography over a restrained cinematic lower gradient.
     No boxes, local panels, blur fields, outlines, glows, or text shadows.
     ------------------------------------------------------------------------ */

  .what-overlay-hero .overlay-hero-copy,
  .mining-overlay-hero .overlay-hero-copy,
  .investment-overlay-hero .overlay-hero-copy,
  .owners-overlay-hero .overlay-hero-copy,
  .government-overlay-hero .overlay-hero-copy{
    transform:translateY(-72px)!important;
  }

  .project-overlay-hero .overlay-hero-copy{
    transform:translateY(-54px)!important;
  }

  .what-overlay-hero .display,
  .what-overlay-hero .lede,
  .mining-overlay-hero .display,
  .mining-overlay-hero .lede,
  .investment-overlay-hero .display,
  .investment-overlay-hero .lede,
  .owners-overlay-hero .display,
  .owners-overlay-hero .lede,
  .government-overlay-hero .display,
  .government-overlay-hero .lede,
  .project-overlay-hero .display,
  .project-overlay-hero .lede{
    color:#f7f5ef!important;
    text-shadow:none!important;
  }

  .what-overlay-hero .eyebrow,
  .mining-overlay-hero .eyebrow,
  .investment-overlay-hero .eyebrow,
  .owners-overlay-hero .eyebrow,
  .government-overlay-hero .eyebrow{
    color:#6fc7c3!important;
    text-shadow:none!important;
  }

  .project-overlay-hero .eyebrow{
    color:#e0c88d!important;
    text-shadow:none!important;
  }

  /* What We Do */
  .what-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 38%,
      rgba(7,11,10,.16) 50%,
      rgba(7,11,10,.40) 64%,
      rgba(7,11,10,.61) 80%,
      rgba(7,11,10,.73) 100%)!important;
  }

  /* Mining Intelligence */
  .mining-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 37%,
      rgba(7,11,10,.15) 49%,
      rgba(7,11,10,.39) 63%,
      rgba(7,11,10,.60) 80%,
      rgba(7,11,10,.72) 100%)!important;
  }

  /* Investment Preparation */
  .investment-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 38%,
      rgba(7,11,10,.18) 49%,
      rgba(7,11,10,.43) 63%,
      rgba(7,11,10,.64) 80%,
      rgba(7,11,10,.75) 100%)!important;
  }

  /* Mine Owners & Developers */
  .owners-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 36%,
      rgba(7,11,10,.18) 48%,
      rgba(7,11,10,.44) 62%,
      rgba(7,11,10,.65) 79%,
      rgba(7,11,10,.76) 100%)!important;
  }

  /* Government & Institutions */
  .government-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 34%,
      rgba(7,11,10,.20) 47%,
      rgba(7,11,10,.47) 61%,
      rgba(7,11,10,.67) 78%,
      rgba(7,11,10,.78) 100%)!important;
  }

  /* Project Development */
  .project-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(7,11,10,0) 0%,
      rgba(7,11,10,0) 38%,
      rgba(7,11,10,.16) 50%,
      rgba(7,11,10,.39) 64%,
      rgba(7,11,10,.58) 80%,
      rgba(7,11,10,.68) 100%)!important;
  }

  /* Remove all prior local support devices so the release system has one
     predictable contrast mechanism only. */
  .what-overlay-hero .overlay-hero-copy::before,
  .mining-overlay-hero .overlay-hero-copy::before,
  .investment-overlay-hero .overlay-hero-copy::before,
  .owners-overlay-hero .overlay-hero-copy::before,
  .government-overlay-hero .overlay-hero-copy::before,
  .project-overlay-hero .overlay-hero-copy::before{
    display:none!important;
    content:none!important;
  }

  /* ------------------------------------------------------------------------
     START A PROJECT
     Natural light image + dark typography + edge-free lower light field.
     ------------------------------------------------------------------------ */
  .start-overlay-hero .overlay-hero-copy{
    transform:translateY(-42px)!important;
  }

  .start-overlay-hero .display,
  .start-overlay-hero .lede,
  .start-overlay-hero .overlay-hero-extra{
    color:#171714!important;
    text-shadow:none!important;
  }

  .start-overlay-hero .eyebrow{
    color:#087d7d!important;
    text-shadow:none!important;
  }

  .start-overlay-hero .overlay-hero-shade{
    background:linear-gradient(180deg,
      rgba(246,244,239,0) 0%,
      rgba(246,244,239,0) 38%,
      rgba(246,244,239,.12) 50%,
      rgba(246,244,239,.30) 64%,
      rgba(246,244,239,.50) 80%,
      rgba(246,244,239,.62) 100%)!important;
  }

  .start-overlay-hero .overlay-hero-copy .lede::before,
  .start-overlay-hero .overlay-hero-extra::before{
    display:none!important;
    content:none!important;
  }

  .start-overlay-hero .overlay-hero-media img{
    filter:saturate(1.02) contrast(1.04) brightness(.99)!important;
  }
}

@media (max-width:560px){
  .what-overlay-hero .overlay-hero-copy,
  .mining-overlay-hero .overlay-hero-copy,
  .investment-overlay-hero .overlay-hero-copy,
  .owners-overlay-hero .overlay-hero-copy,
  .government-overlay-hero .overlay-hero-copy{
    transform:translateY(-64px)!important;
  }

  .project-overlay-hero .overlay-hero-copy{
    transform:translateY(-48px)!important;
  }

  .start-overlay-hero .overlay-hero-copy{
    transform:translateY(-36px)!important;
  }
}