/* =====================================================
   Sterlingport Global — shared styles v2
   ===================================================== */

:root{
  --white:#FFFFFF;
  --paper:#FAFBFC;
  --paper-2:#F4F6F9;
  --ink:#0A1828;
  --ink-2:#1F3550;
  --ink-3:#2A415E;
  --ink-soft:#4A5C75;
  --ink-mute:#7A8AA0;
  --line:#E5E9EE;
  --line-2:#D6DCE5;
  --brass:#B8924C;
  --brass-light:#D9BE84;
  --brass-deep:#7A5F2A;
  --brass-bg:#F8F2E5;
  --platinum:#F5F1E6;
  --shadow-1: 0 1px 2px rgba(10,24,40,.04), 0 8px 28px rgba(10,24,40,.06);
  --shadow-2: 0 1px 2px rgba(10,24,40,.05), 0 18px 60px rgba(10,24,40,.10);
  --shadow-3: 0 2px 4px rgba(10,24,40,.05), 0 32px 90px rgba(10,24,40,.18);
  --gold-grad: linear-gradient(135deg, #D9BE84 0%, #B8924C 55%, #7A5F2A 100%);
  --gold-grad-soft: linear-gradient(135deg, #F8F2E5 0%, #EADBB6 100%);
  --rad: 14px;
  --rad-lg: 22px;
}
/* shared photo tokens (added in iteration 3) */
:root{
  --photo-radius:14px;
  --photo-radius-lg:20px;
  --photo-shadow: 0 1px 2px rgba(10,24,40,.05), 0 18px 60px rgba(10,24,40,.10);
  --photo-shadow-deep: 0 2px 4px rgba(10,24,40,.05), 0 32px 90px rgba(10,24,40,.18);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Onest', system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;
  font-weight:400;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.55;
  font-size:16px;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

/* ---------- Typography ---------- */
.eyebrow{
  font-family:'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass-deep);font-weight:500;
}
.eyebrow .dot{color:var(--brass);margin:0 .5em}
.h-display{
  font-family:'Onest', sans-serif;
  font-weight:300;
  font-size:clamp(40px, 6.8vw, 92px);
  line-height:1.03;letter-spacing:-.028em;
  color:var(--ink);margin:0;
}
.h-display em, .gold{
  font-style:normal;font-weight:600;
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
}
.h-2{
  font-weight:300;
  font-size:clamp(28px, 4.2vw, 52px);
  letter-spacing:-.022em;line-height:1.08;margin:0;
}
.h-3{
  font-weight:500;
  font-size:clamp(20px, 2.2vw, 26px);
  letter-spacing:-.01em;margin:0;
}
.lede{
  font-size:clamp(17px, 1.4vw, 19px);
  color:var(--ink-soft);max-width:60ch;line-height:1.6;
}

/* ---------- Layout ---------- */
.container{max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:700px){.container{padding:0 22px}}
@media (max-width:420px){.container{padding:0 16px}}
section{padding:clamp(56px, 6.5vw, 96px) 0;position:relative}
.divider-brass{height:1px;background:linear-gradient(90deg, transparent 0%, var(--line-2) 18%, var(--brass) 50%, var(--line-2) 82%, transparent 100%);opacity:.5}

/* ---------- Nav ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter: saturate(140%) blur(14px);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:14px}
.brand-name{font-weight:600;letter-spacing:.04em;font-size:14px}
.brand-name .sub{
  display:block;font-weight:500;font-size:10px;letter-spacing:.32em;
  color:var(--ink-mute);text-transform:uppercase;margin-top:2px;
}
.coin{
  width:38px;height:38px;border-radius:50%;
  background:radial-gradient(60% 50% at 50% 38%, var(--ink-2), var(--ink));
  display:grid;place-items:center;border:1.5px solid transparent;
  background-clip:padding-box;position:relative;
  box-shadow:0 0 0 1.5px var(--brass), inset 0 0 0 1px rgba(255,255,255,.08), 0 2px 8px rgba(10,24,40,.18);
}
.coin::before{
  content:"";position:absolute;inset:2px;border-radius:50%;
  background:radial-gradient(circle at 30% 28%, rgba(255,255,255,.18), transparent 55%);
  pointer-events:none;
}
.coin .s{
  font-family:'Cormorant Garamond', Georgia, serif;
  color:var(--platinum);font-size:24px;font-weight:600;line-height:1;
  letter-spacing:.02em;margin-top:-1px;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{
  font-size:13.5px;color:var(--ink-soft);font-weight:500;letter-spacing:.01em;
  transition:color .2s;position:relative;
}
.nav-links a:hover{color:var(--ink)}
.nav-links a.is-active{color:var(--ink)}
.nav-links a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:var(--gold-grad);
}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  height:44px;padding:0 20px;border-radius:999px;
  font-size:13.5px;font-weight:500;letter-spacing:.01em;
  border:1px solid var(--brass);
  background:var(--white);color:var(--ink);
  transition: background .2s, color .2s, transform .2s, border-color .2s;
  cursor:pointer;white-space:nowrap;
}
.btn:hover{background:var(--brass-bg)}
.btn-primary{background:var(--ink);color:var(--white);border-color:var(--ink)}
.btn-primary:hover{background:#000;border-color:#000}
.btn-gold{
  background:var(--gold-grad);color:var(--ink);border-color:transparent;font-weight:600;
}
.btn-gold:hover{transform:translateY(-1px); filter:brightness(1.04)}
.btn-ghost{
  background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);
}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--brass-light)}
.btn .arr{display:inline-block;transition:transform .2s}
.btn:hover .arr{transform:translateX(2px)}
.nav-toggle{
  display:none;background:transparent;border:0;padding:10px;cursor:pointer;
  position:relative;z-index:60;width:42px;height:42px;
  -webkit-tap-highlight-color:transparent;
}
.nav-toggle span{
  display:block;width:22px;height:1.6px;background:var(--ink);
  margin:5px auto;border-radius:1px;
  transition: transform .25s ease, opacity .2s ease;
  transform-origin:center;
}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}

@media (max-width:880px){
  .nav{position:sticky}
  .nav-toggle{display:block}
  .nav-links{
    display:flex;flex-direction:column;align-items:flex-start;gap:0;
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:rgba(255,255,255,.985);
    -webkit-backdrop-filter:saturate(140%) blur(18px);
            backdrop-filter:saturate(140%) blur(18px);
    padding:96px 28px 32px;
    border-top:1px solid var(--line);
    transform:translateX(100%);
    transition: transform .32s cubic-bezier(.4,0,.2,1);
    z-index:55;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nav-links.is-open{transform:translateX(0)}
  .nav-links a{
    width:100%;padding:18px 4px;font-size:18px;font-weight:500;
    border-bottom:1px solid var(--line);color:var(--ink);
  }
  .nav-links a.is-active::after{display:none}
  .nav-links a.is-active{color:var(--brass-deep)}
  .nav-links .btn{
    margin-top:18px;width:100%;justify-content:center;
    height:52px;font-size:15px;
  }
  /* Prevent page scroll when menu open */
  body.nav-open{overflow:hidden}
}

/* ---------- HERO (landing, full-bleed) ---------- */
.hero-fb{
  position:relative;min-height:88vh;
  display:grid;align-items:end;
  overflow:hidden;color:var(--white);
  isolation:isolate;
}
.hero-fb::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:url("./images/hero-mining-pano.jpg");
  background-size:cover;background-position:center 38%;
  transform:scale(1.06);
}
.hero-fb::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(95deg, rgba(10,24,40,.78) 0%, rgba(10,24,40,.55) 38%, rgba(10,24,40,.10) 70%, rgba(10,24,40,.0) 100%),
    linear-gradient(180deg, rgba(10,24,40,.4) 0%, rgba(10,24,40,0) 32%, rgba(10,24,40,.4) 100%);
}
.hero-fb .container{padding-top:120px;padding-bottom:80px;width:100%}
.hero-fb-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
@media (max-width:980px){.hero-fb-grid{grid-template-columns:1fr;gap:36px}}

/* Solo hero variant — backdrop only, no glass card */
.hero-fb--solo{min-height:92vh;align-items:center}
.hero-fb--solo::after{
  background:
    linear-gradient(180deg, rgba(10,24,40,.70) 0%, rgba(10,24,40,.55) 35%, rgba(10,24,40,.62) 70%, rgba(10,24,40,.82) 100%),
    linear-gradient(95deg, rgba(10,24,40,.45) 0%, rgba(10,24,40,.10) 60%, rgba(10,24,40,0) 100%);
}
.hero-fb-solo{max-width:880px;padding-top:40px;padding-bottom:60px}
.hero-fb-solo .h-display{margin-top:18px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-fb-solo .lede{margin-top:22px;max-width:62ch;color:rgba(255,255,255,.94);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-fb-solo .eyebrow{text-shadow:0 1px 6px rgba(0,0,0,.5)}
.hero-fb-solo .hero-ctas{margin-top:34px}
.hero-fb-solo .hero-stats{margin-top:54px}
.hero-fb-solo .hero-stats .stat-n{text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-fb-solo .hero-stats .stat-l{color:rgba(255,255,255,.82);text-shadow:0 1px 6px rgba(0,0,0,.5)}
.hero-fb .h-display{color:var(--white)}
.hero-fb .lede{color:rgba(255,255,255,.86)}
.hero-fb .eyebrow{color:var(--brass-light)}
.hero-ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.hero-glass{
  position:relative;border-radius:var(--rad-lg);overflow:hidden;
  aspect-ratio:5/6;
  background:
    radial-gradient(120% 80% at 50% 0%, #15273F 0%, #0A1828 70%);
  box-shadow:var(--shadow-3), inset 0 0 0 1px rgba(255,255,255,.10);
  transform: perspective(900px) rotateX(2deg);
}
.hero-glass img{width:100%;height:100%;object-fit:cover;filter:brightness(1.06) contrast(1.05) saturate(.92)}
.hero-glass::after{
  content:"";position:absolute;inset:0;
  background: radial-gradient(80% 60% at 50% 38%, transparent 0%, rgba(10,24,40,.30) 100%);
}
.hero-chip{
  position:absolute;left:18px;top:18px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:999px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  font-family:'JetBrains Mono', monospace;
  color:var(--ink);font-weight:500;
  box-shadow:0 6px 22px rgba(10,24,40,.28);
}
.hero-chip .swatch{
  width:10px;height:10px;border-radius:50%;
  background:var(--gold-grad);
  box-shadow:0 0 0 2px rgba(184,146,76,.18);
}
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;margin-top:46px;
  border-top:1px solid rgba(255,255,255,.18);
}
.hero-stats > div{padding:24px 4px 0;border-left:1px solid rgba(255,255,255,.14);position:relative}
.hero-stats > div:first-child{border-left:none;padding-left:0}
.hero-stats > div:not(:first-child){padding-left:22px}
.hero-stats .stat-n{font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1;color:var(--white)}
.hero-stats .stat-l{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.16em;text-transform:uppercase;margin-top:8px;font-family:'JetBrains Mono', monospace}
@media (max-width:680px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:18px}.hero-stats > div{border-left:none;padding-left:0!important}}

/* ---------- HERO (sub-pages — slim) ---------- */
.hero-slim{
  position:relative;padding:clamp(80px,10vw,140px) 0 clamp(56px,7vw,90px);
  background:
    radial-gradient(900px 540px at 88% -10%, rgba(184,146,76,.10), transparent 60%),
    radial-gradient(700px 420px at 0% 0%, rgba(31,53,80,.06), transparent 60%),
    var(--white);
  border-bottom:1px solid var(--line);
}
.hero-slim .h-display{font-size:clamp(34px,5.4vw,68px)}
.hero-slim .lede{margin-top:22px}

/* ---------- Marquee trust strip ---------- */
.marquee{
  background:var(--ink);color:var(--brass-light);
  padding:18px 0;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.marquee-track{
  display:flex;gap:60px;width:max-content;
  animation: scroll-x 36s linear infinite;
  font-family:'JetBrains Mono', monospace;
  font-size:13px;letter-spacing:.28em;text-transform:uppercase;
}
.marquee-track > span{display:inline-flex;align-items:center;gap:60px;white-space:nowrap}
.marquee-track .dot{color:var(--brass);font-size:10px}
@keyframes scroll-x{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* ---------- Credibility band ---------- */
.cred-band{background:var(--ink);color:var(--platinum);padding:clamp(48px,5vw,72px) 0}
.cred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start}
.cred-grid > div{padding:0 28px;border-left:1px solid rgba(255,255,255,.10)}
.cred-grid > div:first-child{border-left:none;padding-left:0}
.cred-band .lede-w{color:#C8D2DF;max-width:46ch;margin-bottom:32px;font-size:15px}
.cred-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-light);font-weight:500}
.cred-band .stat-n{font-size:34px;color:var(--white);font-weight:400}
.cred-band .stat-l{color:#9BAABE;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-top:8px}
@media (max-width:880px){.cred-grid{grid-template-columns:repeat(2,1fr);gap:22px}.cred-grid > div{border-left:none;padding-left:0}}

/* ---------- Showcase (home silica quartz feature) ---------- */
.showcase{padding:clamp(72px,8vw,120px) 0;background:var(--white)}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media (max-width:980px){.showcase-grid{grid-template-columns:1fr;gap:36px}}
.showcase-photo{
  position:relative;border-radius:var(--rad-lg);overflow:hidden;
  aspect-ratio:5/6;background:#0F2138;
  box-shadow:var(--shadow-3), inset 0 0 0 1px rgba(255,255,255,.06);
}
.showcase-photo img{width:100%;height:100%;object-fit:cover}
.showcase-photo::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, transparent 55%, rgba(10,24,40,.55) 100%),
    radial-gradient(80% 50% at 50% 30%, transparent 0%, rgba(10,24,40,.18) 100%);
}
.showcase-photo .tag{
  position:absolute;left:18px;bottom:18px;color:#FFFFFF;z-index:2;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  text-shadow:0 1px 6px rgba(0,0,0,.7);
}
.showcase-meta{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.showcase-meta > div{padding:18px 0;border-right:1px solid var(--line);padding-right:18px}
.showcase-meta > div:last-child{border-right:none}
.showcase-meta > div:not(:first-child){padding-left:18px}
@media (max-width:560px){
  .showcase-meta{grid-template-columns:1fr;gap:0}
  .showcase-meta > div{border-right:none;border-bottom:1px solid var(--line);padding-left:0!important}
  .showcase-meta > div:last-child{border-bottom:none}
}
.showcase-meta .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500}
.showcase-meta .v{font-size:16px;color:var(--ink);font-weight:500;margin-top:6px}

/* ---------- About sections (3-column features) ---------- */
.feat-list{margin-top:24px;display:grid;gap:0;border-top:1px solid var(--line)}
.feat{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.feat-no{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--brass);font-weight:500;padding-top:4px}
.feat-h{font-size:17px;font-weight:500;letter-spacing:-.005em}
.feat-p{margin-top:4px;color:var(--ink-soft);font-size:14.5px;max-width:54ch}
.about-photo{position:relative;border-radius:var(--rad-lg);overflow:hidden;aspect-ratio:4/5;background:#1F3550;box-shadow:var(--shadow-2), inset 0 0 0 1px rgba(255,255,255,.06)}
.about-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.04)}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,24,40,0) 40%, rgba(10,24,40,.62) 100%)}
.about-tag{position:absolute;left:18px;bottom:18px;color:#FFFFFF;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.7)}

.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:24px}
@media (max-width:880px){.three-col{grid-template-columns:1fr}}
.tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);padding:28px 24px;box-shadow:var(--shadow-1)}
.tile-i{
  width:46px;height:46px;border-radius:10px;background:var(--gold-grad-soft);
  border:1px solid rgba(184,146,76,.25);display:grid;place-items:center;color:var(--brass-deep);
}
.tile-i svg{width:22px;height:22px}
.tile-h{font-size:18px;font-weight:500;margin-top:18px;letter-spacing:-.005em}
.tile-p{color:var(--ink-soft);font-size:14px;margin-top:6px;line-height:1.55}

/* ---------- Founder ---------- */
.founder{background:linear-gradient(180deg, var(--paper) 0%, var(--white) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.founder-grid{display:grid;grid-template-columns: .85fr 1.15fr;gap:64px;align-items:center}
@media (max-width:980px){.founder-grid{grid-template-columns:1fr;gap:36px}}
.monogram{
  position:relative;aspect-ratio:1/1;border-radius:var(--rad-lg);
  background:radial-gradient(80% 60% at 50% 30%, #25405F 0%, #122439 65%, #081424 100%);
  display:grid;place-items:center;overflow:hidden;
  box-shadow:var(--shadow-3), inset 0 0 0 1px rgba(255,255,255,.07);
}
.monogram::before{content:"";position:absolute;inset:18px;border-radius:calc(var(--rad-lg) - 6px);border:1px solid rgba(217,190,132,.35);pointer-events:none}
.monogram::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(45% 30% at 50% 22%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(35% 25% at 50% 82%, rgba(217,190,132,.18), transparent 70%);
  pointer-events:none;
}
.mono-letters{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:500;letter-spacing:.04em;
  font-size:clamp(72px, 14vw, 156px);
  line-height:.95;color:transparent;
  background:linear-gradient(180deg,#F5E9CC 0%, #D9BE84 50%, #7A5F2A 100%);
  -webkit-background-clip:text;background-clip:text;
  position:relative;z-index:1;text-align:center;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}
.mono-cap{
  position:absolute;left:0;right:0;bottom:36px;text-align:center;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.34em;
  color:rgba(245,241,230,.78);text-transform:uppercase;z-index:1;
}

/* Founder portrait (replaces .monogram when a real photo is available) */
.portrait{
  position:relative;aspect-ratio:4/5;border-radius:var(--rad-lg);overflow:hidden;
  background:radial-gradient(80% 60% at 50% 30%, #25405F 0%, #122439 65%, #081424 100%);
  box-shadow:var(--shadow-3), inset 0 0 0 1px rgba(255,255,255,.07);
}
.portrait::before{content:"";position:absolute;inset:14px;border-radius:calc(var(--rad-lg) - 4px);border:1px solid rgba(217,190,132,.45);pointer-events:none;z-index:3}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:contrast(1.03) saturate(.98)}
.portrait::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(60% 40% at 50% 10%, rgba(255,255,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(10,24,40,0) 55%, rgba(10,24,40,.55) 100%);
}
.portrait .pcap{
  position:absolute;left:0;right:0;bottom:24px;text-align:center;z-index:4;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.28em;
  color:var(--platinum);text-transform:uppercase;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.founder-bio h3{margin-bottom:14px}
.founder-meta{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;border-top:1px solid var(--line);padding-top:28px}
@media (max-width:560px){.founder-meta{grid-template-columns:1fr}}
.fmeta-l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500;margin-bottom:6px}
.fmeta-v{font-size:15px;color:var(--ink);font-weight:500}
.fmeta-v small{display:block;color:var(--ink-soft);font-weight:400;margin-top:3px;font-size:13.5px;letter-spacing:0}
.sign-row{margin-top:30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sign-name{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--ink);font-weight:600;letter-spacing:.005em}
.sign-rule{flex:1;height:1px;background:var(--line-2);min-width:60px}
.sign-role{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep)}

/* ---------- Portfolio cards ---------- */
.portfolio-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:880px){.cards{grid-template-columns:1fr}}
.card{
  border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;background:var(--white);
  box-shadow:var(--shadow-1);display:flex;flex-direction:column;
  transition: transform .25s, box-shadow .25s;
}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.mc-photo{position:relative;aspect-ratio:5/3;overflow:hidden;background:#0F2138}
.mc-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04)}
.mc-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 45%, rgba(10,24,40,.45) 100%)}
.mc-no{
  position:absolute;left:18px;top:16px;z-index:2;color:#FFFFFF;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  background:rgba(10,24,40,.72);padding:6px 10px;border-radius:6px;
  border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.mc-body{padding:28px 28px 30px}
.mc-h{font-size:24px;font-weight:500;letter-spacing:-.015em;margin:0 0 6px}
.mc-sub{color:var(--ink-soft);font-size:14.5px;margin:0 0 22px}
.spec{display:grid;grid-template-columns:auto 1fr;gap:0;border-top:1px solid var(--line)}
.spec dt{padding:11px 0;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500;border-bottom:1px solid var(--line);padding-right:18px;white-space:nowrap}
.spec dd{padding:11px 0;margin:0;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line)}

/* ---------- HERITAGE — Korea/Sri Lanka gallery + timeline ---------- */
.heritage{background:linear-gradient(180deg, var(--white) 0%, #F7F3EA 100%);border-top:1px solid var(--line)}
.heritage-lede{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;margin-bottom:48px}
@media (max-width:880px){.heritage-lede{grid-template-columns:1fr;gap:24px}}

.gallery-archive{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;align-items:start;
}
@media (max-width:980px){.gallery-archive{grid-template-columns:repeat(3,1fr);gap:18px}}
@media (max-width:560px){.gallery-archive{grid-template-columns:repeat(2,1fr);gap:14px}}
.archive{
  position:relative;border-radius:6px;overflow:hidden;
  box-shadow: 0 1px 1px rgba(0,0,0,.06), 0 14px 32px rgba(83,58,12,.18);
  background:#1c1208;
  border:7px solid #FBF6EA;
  transition: transform .25s, box-shadow .25s;
}
.archive:hover{transform: translateY(-3px) rotate(0) !important; box-shadow: 0 1px 1px rgba(0,0,0,.06), 0 20px 50px rgba(83,58,12,.28)}
.archive img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;filter: sepia(.28) saturate(.92) contrast(1.05) brightness(.97)}
.archive::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(255,235,200,.10), transparent 50%),
    linear-gradient(180deg, rgba(120,80,30,0) 60%, rgba(60,40,15,.22) 100%);
  mix-blend-mode:multiply;
}
.archive-cap{
  position:absolute;left:10px;right:10px;bottom:8px;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  color:#FFF7E0;text-transform:uppercase;
  text-shadow:0 1px 3px rgba(0,0,0,.9), 0 0 8px rgba(0,0,0,.5);
  z-index:2;line-height:1.35;font-weight:500;
}
/* Featured large archive (col-span 2) */
.archive-lg{grid-column: span 2; grid-row: span 2}
.archive-lg img{aspect-ratio:1/1.05}
.archive-md{grid-column: span 2}
.archive-md img{aspect-ratio: 4/3}
@media (max-width:980px){
  .archive-lg{grid-column: span 2}
  .archive-lg img{aspect-ratio:4/5}
  .archive-md{grid-column: span 2}
}
@media (max-width:560px){
  .archive-lg, .archive-md{grid-column: span 2}
  .archive-md img{aspect-ratio:4/5}
}
/* Subtle tilt per child for paper feel */
.gallery-archive .archive:nth-child(odd){transform: rotate(-.7deg)}
.gallery-archive .archive:nth-child(even){transform: rotate(.7deg)}

.timeline{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--brass)}
.timeline-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1100px){.timeline-5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:880px){.timeline,.timeline-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.timeline,.timeline-5{grid-template-columns:1fr}}
.tl-cell{padding:24px 22px 24px 0;border-right:1px solid var(--line);position:relative}
.tl-cell:last-child{border-right:none}
@media (max-width:1100px){.timeline-5 .tl-cell:nth-child(3n){border-right:none}}
@media (max-width:880px){.timeline .tl-cell:nth-child(2n),.timeline-5 .tl-cell:nth-child(2n){border-right:none}}
@media (max-width:480px){.timeline .tl-cell,.timeline-5 .tl-cell{border-right:none;border-bottom:1px solid var(--line)}.timeline .tl-cell:last-child,.timeline-5 .tl-cell:last-child{border-bottom:none}}
.tl-cell::before{content:"";position:absolute;left:0;top:-7px;width:13px;height:13px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px var(--white)}
.tl-yr{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--brass-deep);font-weight:500;margin-top:14px}
.tl-h{font-size:17px;font-weight:500;letter-spacing:-.005em;margin-top:8px;color:var(--ink)}
.tl-t{color:var(--ink-soft);font-size:14px;margin-top:6px;line-height:1.55;max-width:34ch}

/* ---------- Assurance ---------- */
.assurance{background:var(--paper)}
.pull{font-family:'Onest';font-weight:300;font-size:clamp(24px, 3vw, 38px);line-height:1.25;letter-spacing:-.015em;color:var(--ink);max-width:30ch}
.assurance-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:start;margin-top:18px}
@media (max-width:980px){.assurance-grid{grid-template-columns:1fr;gap:32px}}
.asr-list{display:grid;gap:0;border-top:1px solid var(--line)}
.asr-item{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.asr-no{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--brass);font-weight:500;letter-spacing:.18em;padding-top:4px}
.asr-h{font-size:17px;font-weight:500;letter-spacing:-.005em}
.asr-p{margin-top:4px;color:var(--ink-soft);font-size:14.5px;max-width:54ch}

/* ---------- Standards ---------- */
.std-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:24px;flex-wrap:wrap}
.std-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:980px){.std-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.std-cards{grid-template-columns:1fr}}
.std{background:var(--white);border:1px solid var(--line);border-radius:var(--rad);padding:24px 22px 22px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.std-i{width:44px;height:44px;border-radius:10px;background:var(--gold-grad-soft);border:1px solid rgba(184,146,76,.25);display:grid;place-items:center;color:var(--brass-deep)}
.std-i svg{width:22px;height:22px}
.std-t{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);font-family:'JetBrains Mono',monospace;margin-top:18px;font-weight:500}
.std-h{font-size:17px;font-weight:500;margin-top:6px;letter-spacing:-.005em}
.std-p{color:var(--ink-soft);font-size:13.5px;margin-top:6px;line-height:1.55}

/* ---------- Process ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
@media (max-width:880px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.step{padding:30px 26px 30px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.step:last-child{border-right:none}
@media (max-width:880px){.step:nth-child(2){border-right:none}}
.step-no{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;color:var(--brass);font-weight:500}
.step-h{font-size:18px;font-weight:500;margin-top:14px;letter-spacing:-.005em}
.step-p{color:var(--ink-soft);font-size:14px;margin-top:6px;line-height:1.55}

/* ---------- Section heading kit ---------- */
.sec-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:36px;flex-wrap:wrap}
.sec-head .l{max-width:42ch}
.sec-head .r{max-width:42ch;color:var(--ink-soft);font-size:14.5px}

/* dark variants */
.dark .eyebrow, .dark .cred-eyebrow{color:var(--brass-light)}
.dark .lede{color:#C8D2DF}
.dark .h-display, .dark .h-2{color:var(--white)}

/* ---------- CTA band ---------- */
.cta-band{
  background:linear-gradient(140deg, #0A1828 0%, #122943 60%, #0A1828 100%);
  color:var(--platinum);text-align:center;padding:clamp(56px,7vw,90px) 0;
  position:relative;overflow:hidden;
}
.cta-band::before{
  content:"S";position:absolute;right:-2vw;bottom:-12vw;font-family:'Cormorant Garamond',serif;
  font-size:60vw;line-height:.7;font-weight:500;color:rgba(245,241,230,.025);pointer-events:none;letter-spacing:-.04em;
}
.cta-band .h-2{color:var(--white);max-width:24ch;margin:0 auto}
.cta-band .lede{color:#C8D2DF;margin:18px auto 0}
.cta-band .actions{margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}

/* ---------- Contact page (routes + form + map) ---------- */
.contact-hero h1{margin-top:18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:8px}
@media (max-width:980px){.contact-grid{grid-template-columns:1fr;gap:36px}}
.routes{display:grid;gap:14px}
.route{
  display:flex;align-items:center;gap:16px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:14px;padding:16px 18px;
  transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.route:hover{border-color:var(--brass-light);box-shadow:var(--shadow-1);transform:translateY(-1px)}
.route-i{
  width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background:var(--gold-grad-soft);border:1px solid rgba(184,146,76,.35);
  display:grid;place-items:center;color:var(--brass-deep);
}
.route-i svg{width:20px;height:20px}
.route-l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);font-weight:500}
.route-v{font-size:15px;color:var(--ink);margin-top:3px;font-weight:500;word-break:break-all}

.dark .route{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10)}
.dark .route:hover{background:rgba(255,255,255,.08);border-color:rgba(217,190,132,.35)}
.dark .route-l{color:#9BAABE}
.dark .route-v{color:var(--white)}
.dark .route-i{background:rgba(184,146,76,.14);border-color:rgba(217,190,132,.35);color:var(--brass-light)}

/* Form */
.form-card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--rad-lg);
  padding:32px;
  box-shadow:var(--shadow-2);
}
.form-card h3{margin:0 0 6px;font-size:18px;font-weight:500;letter-spacing:-.005em}
.form-card .form-sub{color:var(--ink-soft);font-size:14px;margin:0 0 22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media (max-width:560px){.form-row{grid-template-columns:1fr}}
.field{display:block;position:relative}
.field-l{
  display:block;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500;margin-bottom:6px;
}
.field input, .field select, .field textarea{
  width:100%;background:var(--paper);
  border:1px solid var(--line);border-radius:10px;
  font-family:inherit;font-size:14.5px;color:var(--ink);
  padding:12px 14px;
  transition: border-color .2s, background .2s;
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none;border-color:var(--brass);background:var(--white);
  box-shadow:0 0 0 3px rgba(184,146,76,.18);
}
.form-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.form-note{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:var(--ink-mute);text-transform:uppercase;margin-left:auto}

/* Registered office card with mini UK map */
.office-card{
  margin-top:28px;display:grid;grid-template-columns:120px 1fr;gap:24px;
  align-items:center;
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--rad);padding:22px;
}
@media (max-width:560px){.office-card{grid-template-columns:1fr;gap:14px}}
.office-card .map{width:120px;height:140px}
.office-card .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500;margin-bottom:6px}
.office-card .h{font-size:16px;font-weight:500;color:var(--ink)}
.office-card .a{font-size:14px;color:var(--ink-soft);margin-top:4px;line-height:1.5}

/* ---------- Footer ---------- */
.footer{background:var(--ink);color:#C8D2DF;border-top:1px solid rgba(255,255,255,.06)}
.footer .container{padding-top:60px;padding-bottom:38px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:42px;align-items:start}
@media (max-width:880px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}
.f-brand .brand-name{color:var(--white)}
.f-brand .brand-name .sub{color:#9BAABE}
.f-tag{margin-top:18px;font-size:13.5px;color:#9BAABE;max-width:34ch;line-height:1.55}
.f-h{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-light);font-weight:500;margin-bottom:14px}
.f-col a, .f-col p{display:block;color:#C8D2DF;font-size:13.5px;margin:0 0 8px;line-height:1.55}
.f-col a:hover{color:var(--white)}
.f-bar{
  border-top:1px solid rgba(255,255,255,.10);margin-top:40px;padding-top:22px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:12.5px;color:#7A8AA0;font-family:'JetBrains Mono',monospace;letter-spacing:.06em;
}

/* ---------- Sourcing band (iteration 3) ---------- */
.sourcing-band{position:relative;padding:clamp(56px,7vw,100px) 0;background:var(--white)}
.sourcing-band .sec-head{margin-bottom:36px}
.sourcing-grid{
  display:grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap:18px;
  min-height:520px;
}
@media (max-width:980px){.sourcing-grid{grid-template-columns:1fr 1fr;grid-template-rows: auto auto auto;min-height:auto}}
@media (max-width:560px){.sourcing-grid{grid-template-columns:1fr;grid-template-rows: auto}}
.src{
  position:relative;border-radius:var(--photo-radius-lg);overflow:hidden;
  box-shadow: var(--photo-shadow);
  background:#0F2138;
  transition: transform .25s ease, box-shadow .25s ease;
}
.src:hover{transform: translateY(-3px); box-shadow: var(--photo-shadow-deep)}
.src img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04)}
.src::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 35%, rgba(10,24,40,.45) 65%, rgba(10,24,40,.85) 100%);
}
.src .cap{
  position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#FFFFFF;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;line-height:1.35;
  text-shadow:0 1px 6px rgba(0,0,0,.7);
}
.src-lg{grid-row: 1 / 3; grid-column: 1 / 2; min-height:520px}
@media (max-width:980px){.src-lg{grid-row:auto;grid-column:1 / -1;min-height:340px}}
.src{min-height:250px}
@media (max-width:560px){.src{min-height:240px}}
.sourcing-stats{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
@media (max-width:560px){.sourcing-stats{grid-template-columns:1fr;gap:0}}
.sourcing-stats > div{padding:18px 18px 18px 0;border-right:1px solid var(--line)}
.sourcing-stats > div:last-child{border-right:none}
.sourcing-stats > div:not(:first-child){padding-left:18px}
.sourcing-stats .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-deep);font-weight:500}
.sourcing-stats .v{font-size:16px;color:var(--ink);font-weight:500;margin-top:6px}

/* ---------- Legacy row (Korean trade proof) ---------- */
.legacy-band{background:linear-gradient(180deg, #FBF8EE 0%, var(--white) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.legacy-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
@media (max-width:680px){.legacy-row{grid-template-columns:1fr;gap:18px}}
.legacy-card{
  position:relative;border-radius:8px;overflow:hidden;
  background:#1c1208;border:7px solid #FBF6EA;
  box-shadow: 0 1px 1px rgba(0,0,0,.06), 0 18px 40px rgba(83,58,12,.18);
  aspect-ratio: 4/3;
}
.legacy-card img{width:100%;height:100%;display:block;object-fit:cover;filter: sepia(.22) saturate(.92) contrast(1.05) brightness(.97)}
.legacy-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(255,235,200,.10), transparent 50%),
    linear-gradient(180deg, rgba(120,80,30,0) 60%, rgba(60,40,15,.24) 100%);
  mix-blend-mode:multiply;
}
.legacy-card .cap{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:2;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;color:#FFF7E0;text-transform:uppercase;
  text-shadow:0 1px 3px rgba(0,0,0,.9), 0 0 8px rgba(0,0,0,.5);line-height:1.4;font-weight:500;
}

/* ---------- Marquee polish (iteration 3) ---------- */
.marquee{
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.marquee-track{animation-duration:54s}

/* ---------- Mica gallery (iteration 4) ---------- */
.mica-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media (max-width:880px){.mica-gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.mica-gallery{grid-template-columns:1fr}}
.mtile{
  position:relative;border-radius:var(--photo-radius);overflow:hidden;
  background:#0F2138;aspect-ratio:4/3;
  box-shadow:var(--photo-shadow);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mtile:hover{transform:translateY(-3px);box-shadow:var(--photo-shadow-deep)}
.mtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 35%, rgba(10,24,40,.45) 65%, rgba(10,24,40,.85) 100%)}
.mtile .cap{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#FFFFFF;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;line-height:1.35;
  text-shadow:0 1px 6px rgba(0,0,0,.7);
}

/* ---------- Export band (iteration 4) ---------- */
.export-band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.export-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
@media (max-width:680px){.export-row{grid-template-columns:1fr;gap:18px}}
.export-card{
  position:relative;border-radius:var(--photo-radius-lg);overflow:hidden;
  background:#0F2138;aspect-ratio:4/3;
  box-shadow:var(--photo-shadow);
}
.export-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.96)}
.export-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 35%, rgba(10,24,40,.45) 65%, rgba(10,24,40,.85) 100%)}
.export-card .cap{
  position:absolute;left:18px;right:18px;bottom:14px;z-index:2;color:#FFFFFF;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  line-height:1.4;text-shadow:0 1px 6px rgba(0,0,0,.7);
}

/* ---------- Saudi band (iteration 4) ---------- */
.saudi-band{
  position:relative;overflow:hidden;
  color:var(--platinum);
  padding:0;
  border-top:1px solid var(--line);
}
.saudi-wrap{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:520px;
}
@media (max-width:880px){.saudi-wrap{grid-template-columns:1fr;min-height:auto}}
.saudi-img{position:relative;min-height:380px}
.saudi-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.saudi-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(10,24,40,.35) 0%, transparent 50%);
}
@media (max-width:880px){.saudi-img::after{background:linear-gradient(180deg, rgba(10,24,40,.35) 0%, transparent 60%, rgba(10,24,40,.55) 100%)}}
.saudi-copy{
  background:linear-gradient(140deg, #0A1828 0%, #122943 60%, #0A1828 100%);
  padding:clamp(40px,5vw,72px) clamp(32px,4vw,56px);
  display:flex;flex-direction:column;justify-content:center;
}
.saudi-copy .eyebrow{color:var(--brass-light)}
.saudi-copy h2{color:var(--white);margin-top:14px}
.saudi-copy .lede{color:#C8D2DF;margin-top:18px;max-width:48ch}
.saudi-copy .meta{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px}
.saudi-copy .meta .l{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9BAABE;font-weight:500;margin-bottom:6px}
.saudi-copy .meta .v{font-size:14.5px;color:var(--white);font-weight:500}

/* archive caption — slightly more confident now date-stamps are gone */
.archive-cap{font-size:9.5px}

/* ---------- Leadership cards (smaller monogram + bio) ---------- */
@media (max-width:880px){
  section#leadership > .container > div[style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr !important;gap:32px !important;
  }
}
.ldr-mono{aspect-ratio: 5/4;max-width:none}
.ldr-mono .mono-letters{font-size:clamp(56px, 10vw, 110px)}
.ldr-mono .mono-cap{font-size:9.5px;letter-spacing:.28em;bottom:24px}

/* ---------- Utilities ---------- */
.mt-12{margin-top:12px}.mt-18{margin-top:18px}.mt-24{margin-top:24px}.mt-34{margin-top:34px}