:root{
  --bg:#090a0b;
  --bg-2:#101214;
  --panel:#14171a;
  --paper:#f2f1ed;
  --paper-2:#e8e6df;
  --ink:#0b0c0d;
  --text:#e8e9e7;
  --muted:#8e9498;
  --line:rgba(255,255,255,.13);
  --dark-line:rgba(0,0,0,.14);
  --gold:#d6a500;
  --gold-soft:#ba9000;
  --max:1240px;
  --radius:2px;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Aptos,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;background:var(--gold);color:#000;padding:.7rem 1rem;font-weight:800}.skip-link:focus{top:1rem}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}

.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.2),transparent);transition:.3s ease}
.site-header.scrolled{background:rgba(9,10,11,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.85rem;font-weight:700;letter-spacing:.25em;font-size:.8rem;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#000;background:var(--gold);font-size:1.5rem;line-height:1;font-weight:300}
.site-nav{display:flex;align-items:center;gap:1.25rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.site-nav a{color:#c8ccce;transition:.2s ease}.site-nav a:hover{color:#fff}
.nav-cta{border:1px solid rgba(214,165,0,.7);padding:.7rem .9rem;color:#fff!important}
.menu-toggle{display:none;background:none;border:0;padding:.5rem;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:26px;height:1px;background:#fff;margin:6px 0}

.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;background:#050505}
.hero-media{position:absolute;inset:0;background-image:url('assets/por-hero.png');background-image:image-set(url('assets/por-hero.webp') type('image/webp'),url('assets/por-hero.png') type('image/png'));background-size:cover;background-position:center 44%;transform:scale(1.012)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.86) 86%,#090a0b 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%);pointer-events:none}
.hero-scan{position:absolute;z-index:3;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35;animation:scan 7s linear infinite}
@keyframes scan{0%{top:20%}50%{top:78%}100%{top:20%}}
.hero-content{position:relative;z-index:4;padding:0 0 6rem;display:grid;grid-template-columns:1fr minmax(320px,560px)}
.hero-panel{grid-column:2;padding:1.5rem 0 0 2rem;border-left:1px solid rgba(214,165,0,.7);text-shadow:0 2px 15px #000}
.hero-panel h1{font-size:clamp(2.6rem,5vw,5.6rem);line-height:.95;margin:.25rem 0 1.2rem;letter-spacing:-.04em;max-width:850px}
.lead{font-size:clamp(1rem,1.4vw,1.25rem);color:#d1d4d5;max-width:700px}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero-coordinates{position:absolute;right:2rem;bottom:2rem;z-index:5;color:rgba(255,255,255,.45);font-size:.7rem;letter-spacing:.2em}
.eyebrow,.kicker,.micro{letter-spacing:.24em;text-transform:uppercase;font-weight:700}
.eyebrow{font-size:.72rem;color:var(--gold)}
.kicker{font-size:.72rem;color:var(--gold);margin:0 0 1rem}
.micro{font-size:.64rem;color:var(--muted)}
.gold{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.15rem;border:1px solid transparent;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.2s ease;cursor:pointer}
.btn-primary{background:var(--gold);color:#080808}.btn-primary:hover{background:#f0bc00;transform:translateY(-1px)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(0,0,0,.18)}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.full{width:100%}

.section{padding:clamp(5.5rem,8vw,8.5rem) 0;position:relative}
.section-dark{background:var(--bg);color:var(--text)}
.section-light{background:var(--paper);color:var(--ink)}
.section-mid{background:#d9d7cf;color:var(--ink)}
.statement{border-top:1px solid var(--line)}
.statement-grid{display:grid;grid-template-columns:160px 1fr 340px;gap:clamp(2rem,5vw,6rem);align-items:start}
.section-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#687077;font-size:.72rem;letter-spacing:.15em;padding-top:.6rem}
.statement-copy h2,.section-head h2,.engineering-grid h2,.deliverables-grid h2,.contact-copy h2{font-size:clamp(2.4rem,4.6vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:.2rem 0 1.4rem}
.statement-copy p{max-width:740px;color:#b4b9bc;font-size:1.05rem}
.statement-card{border:1px solid var(--line);padding:1.4rem;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent)}
.statement-card p{font-size:1.15rem;line-height:1.4}
.signal-line{height:2px;background:rgba(255,255,255,.08);margin-top:1.5rem;position:relative;overflow:hidden}.signal-line span{position:absolute;inset:0;width:45%;background:var(--gold);animation:signal 3s ease-in-out infinite alternate}@keyframes signal{from{transform:translateX(-100%)}to{transform:translateX(220%)}}

.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:4rem;align-items:end;margin-bottom:3.6rem;border-top:1px solid var(--dark-line);padding-top:1.1rem}
.section-head.invert{border-color:var(--line)}
.section-head h2{margin:.2rem 0 0}
.section-head>p{margin:0;font-size:1.05rem;color:#5e6264;max-width:440px}
.section-head.invert>p{color:#a7adb0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line);border-left:1px solid var(--dark-line)}
.cap-card{min-height:420px;padding:2rem;border-right:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);position:relative;display:flex;flex-direction:column;transition:.25s ease;background:rgba(255,255,255,.28)}
.cap-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.cap-no{position:absolute;right:1.5rem;top:1.3rem;font:700 4rem/1 ui-monospace,monospace;color:rgba(0,0,0,.06)}
.cap-card h3{font-size:1.8rem;line-height:1.05;margin:1.2rem 0 1rem;max-width:240px}.cap-card p{color:#555c60}.tag-list{list-style:none;padding:0;margin:auto 0 1.5rem;display:flex;flex-wrap:wrap;gap:.45rem}.tag-list li{border:1px solid var(--dark-line);padding:.35rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.text-link{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-link span{color:var(--gold);font-size:1rem;margin-left:.2rem}
.flow-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center;margin-top:2rem;background:#0d0e0f;color:#fff;padding:1.35rem 1.5rem}.flow-strip div:not(.flow-arrow){display:flex;flex-direction:column;gap:.2rem}.flow-strip span{font-size:.62rem;letter-spacing:.18em;color:var(--gold);font-weight:800}.flow-strip strong{font-size:.95rem}.flow-arrow{color:#666;font-size:1.5rem}

.terrain{overflow:hidden}.terrain::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04),transparent 35%),linear-gradient(135deg,transparent 0 52%,rgba(214,165,0,.04) 52.2%,transparent 52.4%);pointer-events:none}
.split-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}
.sticky-copy{position:sticky;top:110px}.sticky-copy h2{font-size:clamp(3.5rem,8vw,7rem);line-height:.85;letter-spacing:-.055em;margin:.7rem 0 1.5rem}.lead-small{font-size:1.25rem;line-height:1.45;color:inherit}.sticky-copy>p:not(.kicker):not(.lead-small){color:#a8aeb1}.quote-rule{margin-top:2.5rem;padding:1rem 0 1rem 1rem;border-left:2px solid var(--gold);color:#d0d3d4;font-size:.95rem}
.stack-cards{display:grid;gap:1rem}.detail-card{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:2rem;box-shadow:var(--shadow)}.detail-card h3{font-size:1.8rem;margin:.6rem 0 1rem}.detail-card p{color:#afb4b6}.sensor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1.2rem 0}.sensor-grid span{padding:.85rem;background:#0b0c0d;border:1px solid rgba(214,165,0,.18);font-size:.72rem;letter-spacing:.1em;font-weight:800}.note{font-size:.85rem!important;border-top:1px solid var(--line);padding-top:1rem}.token-cloud{font-size:1.05rem!important;line-height:1.9!important;color:#d3d6d7!important}

.intel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.intel-card{background:#fff;border-top:3px solid #111;padding:1.4rem;min-height:300px}.intel-code{font:800 .75rem/1 ui-monospace,monospace;letter-spacing:.16em;color:var(--gold-soft)}.intel-card h3{font-size:1.25rem;line-height:1.2;margin:1.6rem 0 1rem}.intel-card p{color:#666;line-height:1.45}
.analysis-board{margin-top:1rem;background:#0b0c0d;color:#fff;padding:2rem;border:1px solid #191c1e}.analysis-header{display:flex;justify-content:space-between;gap:2rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.2rem}.analysis-header h3{font-size:2rem;margin:.4rem 0 0}.status-pill{font:700 .65rem/1 ui-monospace,monospace;letter-spacing:.12em;border:1px solid var(--line);padding:.7rem}.status-pill span{display:inline-block;width:7px;height:7px;background:#5be37d;border-radius:50%;box-shadow:0 0 12px #5be37d;margin-right:.45rem}
.analysis-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:1.2rem}.analysis-columns>div{background:#0f1112;padding:1.4rem}.analysis-columns strong{font-size:1.15rem}.analysis-columns p{color:#a8adb0;min-height:72px}.analysis-columns span{font:700 .65rem/1 ui-monospace,monospace;color:var(--gold);letter-spacing:.1em}.analysis-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.analysis-tags span{border:1px solid var(--line);padding:.5rem .65rem;font-size:.7rem;color:#c4c8ca}

.engineering-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}.engineering-grid>div:first-child{position:sticky;top:110px}.engineering-grid>div:first-child p:not(.kicker){color:#565b5e}.engineering-list{border-top:1px solid rgba(0,0,0,.3)}.engineering-list>div{display:grid;grid-template-columns:60px 1fr;gap:.8rem 1.2rem;padding:1.25rem 0;border-bottom:1px solid rgba(0,0,0,.18)}.engineering-list span{font:800 .75rem/1 ui-monospace,monospace;color:var(--gold-soft);padding-top:.25rem}.engineering-list strong{font-size:1.15rem}.engineering-list p{grid-column:2;color:#5d6264;margin:0}

.resolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resolution-card{border:1px solid var(--line);padding:1.5rem;min-height:270px;background:linear-gradient(140deg,rgba(255,255,255,.03),transparent);position:relative}.resolution-card>span{font:800 .7rem/1 ui-monospace,monospace;color:var(--gold)}.resolution-card h3{font-size:1.45rem;margin:1.8rem 0 .8rem}.resolution-card p{color:#aeb3b6}.manifesto{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem;max-width:1000px}.manifesto p{color:var(--gold);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.manifesto strong{display:block;font-size:clamp(1.7rem,3vw,3.1rem);line-height:1.15;letter-spacing:-.03em}

.mission-tabs{display:grid;grid-template-columns:290px 1fr;min-height:410px;background:#0b0c0d;color:#fff}.tab-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}.tab-list button{background:none;color:#a8adb0;border:0;border-bottom:1px solid var(--line);text-align:left;padding:1rem 1.2rem;cursor:pointer;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.tab-list button:hover,.tab-list button[aria-selected="true"]{color:#fff;background:#131516}.tab-list button[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--gold)}
.tab-panels{display:grid;align-items:center;padding:3rem}.tab-panels article{max-width:760px}.mission-code{font:800 .75rem/1 ui-monospace,monospace;color:var(--gold);letter-spacing:.16em}.tab-panels h3{font-size:clamp(2rem,4vw,4.5rem);line-height:1;margin:.8rem 0 1.4rem}.tab-panels p{font-size:1.05rem;color:#b7bcbe}.tab-panels strong{display:block;margin-top:1.5rem;color:#fff;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}

.sector-marquee{overflow:hidden;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);padding:1rem 0}.sector-row{display:flex;gap:1.4rem;flex-wrap:wrap;padding:.75rem 0}.sector-row.offset{padding-left:8vw}.sector-row span{display:inline-block;border:1px solid rgba(0,0,0,.22);background:rgba(255,255,255,.28);padding:.75rem .9rem;font-weight:800;font-size:.78rem;letter-spacing:.09em}

.deliverables-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.deliverables-grid>div:first-child p:not(.kicker){color:#5c6164;max-width:480px}.deliverables-list{border-top:1px solid var(--dark-line)}.deliverables-list>div{display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid var(--dark-line);padding:1rem 0}.deliverables-list span{font:800 .72rem/1 ui-monospace,monospace;color:var(--gold-soft)}.deliverables-list p{font-weight:700;margin:0}

.process{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:80px 1fr;padding:1.3rem 0;border-bottom:1px solid var(--line)}.process li>span{font:800 .78rem/1 ui-monospace,monospace;color:var(--gold);padding-top:.3rem}.process strong{font-size:1.2rem}.process p{color:#a7adb0;margin:.3rem 0 0;max-width:800px}

.contact-section{background:#0a0b0c;color:#fff;border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.contact-copy .lead-small{color:#b4b9bc}.contact-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;border-top:1px solid var(--line);padding-top:1rem}.contact-meta span{font-size:.62rem;letter-spacing:.14em;color:#6f767a;font-weight:800}.contact-meta p{font-size:.9rem}.contact-meta a:hover{color:var(--gold)}
.contact-form{background:#101214;border:1px solid var(--line);padding:1.5rem;box-shadow:var(--shadow)}.form-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.form-status{font:700 .65rem/1 ui-monospace,monospace;color:#8f9699}.form-status i{display:inline-block;width:6px;height:6px;background:#5be37d;border-radius:50%;margin-right:.35rem;box-shadow:0 0 10px #5be37d}.contact-form label{display:block;margin:.9rem 0 .35rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#a3a8aa;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#0a0b0c;color:#fff;border:1px solid #2a2d30;padding:.82rem;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(214,165,0,.12)}.contact-form textarea{resize:vertical;min-height:140px}.contact-form .btn{margin-top:1rem}.form-note{font-size:.73rem;color:#6f767a}.form-feedback{min-height:1.2rem;font-size:.8rem;color:var(--gold);margin-top:.4rem}

.site-footer{background:#050606;border-top:1px solid var(--line);padding:2rem 0;color:#8f9699}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:end}.footer-brand{color:#fff;font-weight:800;letter-spacing:.2em}.footer-grid p{margin:.3rem 0 0;font-size:.8rem}.footer-grid nav{display:flex;gap:1rem;font-size:.75rem}.footer-grid nav a:hover{color:#fff}

.legal-page{min-height:100vh;background:var(--paper);color:var(--ink);padding:9rem 0 5rem}.legal-card{max-width:850px}.legal-card h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:.4rem 0 2rem}.legal-card h2{margin-top:2.2rem}.legal-card p,.legal-card li{color:#50565a}.legal-note{border-left:3px solid var(--gold);padding:1rem 1.2rem;background:#fff;margin-top:2rem}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scan,.signal-line span{animation:none}.reveal{opacity:1;transform:none;transition:none}}

@media (max-width:1000px){
  .site-nav{position:fixed;inset:78px 0 auto;background:rgba(9,10,11,.98);display:none;flex-direction:column;align-items:stretch;padding:1rem 24px 1.5rem;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:.7rem 0}.menu-toggle{display:block}.hero-content{grid-template-columns:1fr;padding-bottom:4rem}.hero-panel{grid-column:1;max-width:650px;margin-left:auto}.statement-grid,.split-layout,.engineering-grid,.deliverables-grid,.contact-grid{grid-template-columns:1fr}.section-index{display:none}.statement-card{max-width:560px}.sticky-copy,.engineering-grid>div:first-child{position:relative;top:auto}.capability-grid,.resolution-grid{grid-template-columns:1fr 1fr}.intel-grid{grid-template-columns:1fr 1fr}.contact-meta{max-width:700px}
}

@media (max-width:700px){
  .shell{width:min(calc(100% - 28px),var(--max))}.header-inner{height:68px}.site-nav{top:68px}.brand-text{font-size:.68rem;letter-spacing:.15em}.brand-mark{width:26px;height:26px}.hero{min-height:92svh}.hero-media{background-image:url('assets/por-hero-mobile.webp');background-position:center 68px;background-size:100% auto;background-repeat:no-repeat;background-color:#050505;transform:none}.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 0 35%,rgba(0,0,0,.72) 58%,#090a0b 88%)}.hero-content{padding-bottom:3rem}.hero-panel{border-left:0;border-top:1px solid rgba(214,165,0,.7);padding:1rem 0 0}.hero-panel h1{font-size:2.55rem}.hero-coordinates{display:none}.section{padding:4.5rem 0}.section-head{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.statement-copy h2,.section-head h2,.engineering-grid h2,.deliverables-grid h2,.contact-copy h2{font-size:2.65rem}.capability-grid,.resolution-grid,.intel-grid{grid-template-columns:1fr}.cap-card{min-height:auto}.flow-strip{grid-template-columns:1fr;gap:.65rem}.flow-arrow{transform:rotate(90deg);justify-self:center}.sensor-grid,.analysis-columns{grid-template-columns:1fr}.analysis-header{align-items:flex-start;flex-direction:column}.analysis-columns p{min-height:auto}.mission-tabs{grid-template-columns:1fr}.tab-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.tab-list button{border-right:1px solid var(--line)}.tab-list button[aria-selected="true"]{box-shadow:inset 0 3px 0 var(--gold)}.tab-panels{padding:2rem 1.3rem;min-height:390px}.sector-row,.sector-row.offset{padding-left:0}.contact-meta{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;align-items:start}.footer-grid nav{flex-wrap:wrap}
}
/* =========================================================
   POINT OF RESOLUTION · OPERATIONAL MOTION SYSTEM
   Scan · Activation · Data Flow
   ========================================================= */

/* Global scroll status */
.por-scroll-progress{
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100%;
  height:2px;
  pointer-events:none;
  background:rgba(255,255,255,.035);
}
.por-scroll-progress>span{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold),#f0bc00);
  transform:scaleX(var(--scroll-progress,0));
  transform-origin:left center;
  box-shadow:0 0 14px rgba(214,165,0,.45);
  will-change:transform;
}

/* Hero: restrained depth + locator glow */
.hero{
  --pointer-x:50%;
  --pointer-y:38%;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle 240px at var(--pointer-x) var(--pointer-y),
      rgba(214,165,0,.09) 0,
      rgba(214,165,0,.025) 35%,
      transparent 70%);
  mix-blend-mode:screen;
  transition:opacity .35s ease;
}
.hero-media{
  translate:0 var(--hero-shift,0px);
  will-change:translate;
}
.hero-panel{
  position:relative;
}
.hero-panel::before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:1px;
  height:0;
  background:linear-gradient(180deg,#f0bc00,var(--gold),transparent);
  box-shadow:0 0 14px rgba(214,165,0,.5);
  animation:heroLock 1.1s cubic-bezier(.2,.75,.2,1) .25s forwards;
}
@keyframes heroLock{
  to{height:100%}
}
.hero-panel>*{
  animation:heroContentIn .75s ease both;
}
.hero-panel>*:nth-child(1){animation-delay:.22s}
.hero-panel>*:nth-child(2){animation-delay:.34s}
.hero-panel>*:nth-child(3){animation-delay:.46s}
.hero-panel>*:nth-child(4){animation-delay:.58s}
@keyframes heroContentIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

/* Reveal system: quieter base, more precise timing */
.reveal{
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),
    transform .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms);
}
.reveal.visible{
  opacity:1;
  transform:none;
}

/* Capability modules: border activation */
.cap-card{
  overflow:hidden;
  isolation:isolate;
}
.cap-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(214,165,0,.72);
  clip-path:polygon(0 0,0 0,0 0,0 0);
  opacity:0;
}
.cap-card.visible::before{
  animation:capFrame 1.05s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms) forwards;
}
@keyframes capFrame{
  0%{opacity:0;clip-path:polygon(0 0,0 0,0 0,0 0)}
  20%{opacity:1;clip-path:polygon(0 0,100% 0,100% 0,0 0)}
  55%{clip-path:polygon(0 0,100% 0,100% 100%,100% 100%)}
  100%{opacity:.55;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}
.cap-card.visible .cap-no{
  animation:capNumber .7s ease calc(var(--reveal-delay,0ms) + 180ms) both;
}
@keyframes capNumber{
  from{opacity:0;transform:translateX(12px)}
  to{opacity:1;transform:none}
}

/* Operational flow: reconnaissance -> analysis -> action */
.flow-strip{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.flow-strip::before{
  content:"";
  position:absolute;
  z-index:0;
  left:1.5rem;
  right:1.5rem;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,165,0,.78),transparent);
  transform:scaleX(0);
  transform-origin:left center;
  opacity:.85;
}
.flow-strip.visible::before{
  animation:flowTrace 1.75s cubic-bezier(.2,.75,.2,1) .22s forwards;
}
.flow-strip>*{position:relative;z-index:1}
.flow-strip.visible>div:not(.flow-arrow){
  animation:flowNode .55s ease both;
}
.flow-strip.visible>div:nth-child(1){animation-delay:.18s}
.flow-strip.visible>div:nth-child(3){animation-delay:.68s}
.flow-strip.visible>div:nth-child(5){animation-delay:1.18s}
.flow-strip.visible>.flow-arrow{
  animation:flowArrow .55s ease both;
}
.flow-strip.visible>.flow-arrow:nth-child(2){animation-delay:.5s}
.flow-strip.visible>.flow-arrow:nth-child(4){animation-delay:1s}
@keyframes flowTrace{to{transform:scaleX(1)}}
@keyframes flowNode{
  0%{opacity:.35;transform:translateY(5px)}
  55%{opacity:1;text-shadow:0 0 12px rgba(214,165,0,.35)}
  100%{opacity:1;transform:none;text-shadow:none}
}
@keyframes flowArrow{
  from{opacity:.2;color:#666}
  to{opacity:1;color:var(--gold)}
}

/* Detail cards: scan on activation */
.detail-card{
  position:relative;
  overflow:hidden;
}
.detail-card::after{
  content:"";
  position:absolute;
  left:-30%;
  top:0;
  width:30%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0;
}
.detail-card.visible::after{
  animation:moduleScan 1.1s ease-out calc(var(--reveal-delay,0ms) + 120ms) 1;
}
@keyframes moduleScan{
  0%{left:-30%;opacity:0}
  18%{opacity:.9}
  100%{left:100%;opacity:0}
}

/* Sensor suite: staged activation */
.sensor-grid span{
  position:relative;
  overflow:hidden;
  transition:border-color .35s ease,background-color .35s ease,color .35s ease,box-shadow .35s ease;
}
.sensor-grid span::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-110%);
  background:linear-gradient(90deg,transparent,rgba(214,165,0,.16),transparent);
}
.detail-card.visible .sensor-grid span{
  animation:sensorActivate .62s ease both;
}
.detail-card.visible .sensor-grid span::after{
  animation:sensorSweep .72s ease both;
}
.detail-card.visible .sensor-grid span:nth-child(1),
.detail-card.visible .sensor-grid span:nth-child(1)::after{animation-delay:.18s}
.detail-card.visible .sensor-grid span:nth-child(2),
.detail-card.visible .sensor-grid span:nth-child(2)::after{animation-delay:.34s}
.detail-card.visible .sensor-grid span:nth-child(3),
.detail-card.visible .sensor-grid span:nth-child(3)::after{animation-delay:.50s}
.detail-card.visible .sensor-grid span:nth-child(4),
.detail-card.visible .sensor-grid span:nth-child(4)::after{animation-delay:.66s}
.detail-card.visible .sensor-grid span:nth-child(5),
.detail-card.visible .sensor-grid span:nth-child(5)::after{animation-delay:.82s}
.detail-card.visible .sensor-grid span:nth-child(6),
.detail-card.visible .sensor-grid span:nth-child(6)::after{animation-delay:.98s}
@keyframes sensorActivate{
  0%{border-color:rgba(214,165,0,.12);color:#8d9295}
  45%{border-color:rgba(214,165,0,.9);color:#fff;box-shadow:inset 0 0 22px rgba(214,165,0,.08),0 0 14px rgba(214,165,0,.12)}
  100%{border-color:rgba(214,165,0,.32);color:#e8e9e7;box-shadow:none}
}
@keyframes sensorSweep{
  from{transform:translateX(-110%)}
  to{transform:translateX(110%)}
}

/* Intelligence fusion */
.intel-grid{
  position:relative;
  isolation:isolate;
}
.intel-grid::after{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:-.55rem;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent);
  transform:scaleX(0);
  transform-origin:center;
  opacity:.55;
  pointer-events:none;
}
.intel-grid.fusion-active::after{
  animation:fusionLine 1.2s ease .65s forwards;
}
.intel-card{
  position:relative;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.intel-card::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-.66rem;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(214,165,0,.08),0 0 14px rgba(214,165,0,.28);
  opacity:0;
  transform:translate(-50%,6px) scale(.3);
}
.intel-grid.fusion-active .intel-card::after{
  animation:fusionNode .55s ease forwards;
}
.intel-grid.fusion-active .intel-card:nth-child(1)::after{animation-delay:.28s}
.intel-grid.fusion-active .intel-card:nth-child(2)::after{animation-delay:.42s}
.intel-grid.fusion-active .intel-card:nth-child(3)::after{animation-delay:.56s}
.intel-grid.fusion-active .intel-card:nth-child(4)::after{animation-delay:.70s}
.intel-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(0,0,0,.09);
  border-top-color:var(--gold);
}
@keyframes fusionLine{to{transform:scaleX(1)}}
@keyframes fusionNode{
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}
.analysis-board{
  position:relative;
  overflow:hidden;
}
.analysis-board::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,transparent 0 42%,rgba(214,165,0,.045) 49%,transparent 56%);
  transform:translateX(-70%);
}
.analysis-board.visible::before{
  animation:analysisAcquire 1.4s ease .45s 1;
}
@keyframes analysisAcquire{
  0%{opacity:0;transform:translateX(-70%)}
  25%{opacity:1}
  100%{opacity:0;transform:translateX(70%)}
}
.status-pill span{
  animation:statusPulse 2.2s ease-in-out infinite;
}
@keyframes statusPulse{
  0%,100%{opacity:.55;box-shadow:0 0 5px #5be37d}
  50%{opacity:1;box-shadow:0 0 16px #5be37d}
}

/* Engineering / resolution / process: staged rows */
.engineering-list.visible>div,
.deliverables-list.visible>div,
.process.visible>li{
  animation:rowAcquire .52s ease both;
}
.engineering-list.visible>div:nth-child(1),
.deliverables-list.visible>div:nth-child(1),
.process.visible>li:nth-child(1){animation-delay:.08s}
.engineering-list.visible>div:nth-child(2),
.deliverables-list.visible>div:nth-child(2),
.process.visible>li:nth-child(2){animation-delay:.16s}
.engineering-list.visible>div:nth-child(3),
.deliverables-list.visible>div:nth-child(3),
.process.visible>li:nth-child(3){animation-delay:.24s}
.engineering-list.visible>div:nth-child(4),
.deliverables-list.visible>div:nth-child(4),
.process.visible>li:nth-child(4){animation-delay:.32s}
.engineering-list.visible>div:nth-child(5),
.deliverables-list.visible>div:nth-child(5),
.process.visible>li:nth-child(5){animation-delay:.40s}
.deliverables-list.visible>div:nth-child(6),
.process.visible>li:nth-child(6){animation-delay:.48s}
.deliverables-list.visible>div:nth-child(7){animation-delay:.56s}
.deliverables-list.visible>div:nth-child(8){animation-delay:.64s}
@keyframes rowAcquire{
  from{opacity:.28;transform:translateX(12px)}
  to{opacity:1;transform:none}
}
.resolution-card{
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.resolution-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s ease;
}
.resolution-card:hover{
  transform:translateY(-4px);
  border-color:rgba(214,165,0,.45);
  background:linear-gradient(140deg,rgba(214,165,0,.055),rgba(255,255,255,.02));
}
.resolution-card:hover::after{transform:scaleX(1)}

/* Mission panels: reconfiguration transition */
.tab-panels article{
  transform-origin:left center;
}
.tab-panels article.mission-enter{
  animation:missionEnter .42s cubic-bezier(.2,.7,.2,1) both;
}
.tab-panels article.mission-leave{
  animation:missionLeave .18s ease both;
}
@keyframes missionEnter{
  from{opacity:0;transform:translateX(18px);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes missionLeave{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateX(-10px)}
}

/* Sector tags: subtle live-system behavior */
.sector-row span{
  transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}
.sector-row span:hover{
  background:rgba(255,255,255,.62);
  border-color:rgba(214,165,0,.7);
  transform:translateY(-2px);
}

/* Cursor-aware gold target line on desktop */
@media (hover:hover) and (pointer:fine){
  .hero:hover::after{opacity:.82}
}

/* Mobile adjustments for motion elements */
@media (max-width:700px){
  .por-scroll-progress{height:2px}
  .hero::after{display:none}
  .hero-panel::before{display:none}
  .flow-strip::before{
    left:50%;
    right:auto;
    top:1rem;
    bottom:1rem;
    width:1px;
    height:auto;
    transform:scaleY(0);
    transform-origin:top center;
    background:linear-gradient(180deg,transparent,rgba(214,165,0,.72),transparent);
  }
  .flow-strip.visible::before{animation:flowTraceMobile 1.6s ease .2s forwards}
  @keyframes flowTraceMobile{to{transform:scaleY(1)}}
  .intel-grid::after,.intel-card::after{display:none}
}

/* Accessibility: no decorative motion when reduced motion is requested */
@media (prefers-reduced-motion:reduce){
  .por-scroll-progress{display:none}
  .hero::after,.hero-panel::before,
  .cap-card::before,.flow-strip::before,
  .detail-card::after,.sensor-grid span::after,
  .intel-grid::after,.intel-card::after,
  .analysis-board::before{display:none!important}
  .hero-media{translate:none!important}
  .hero-panel>*,
  .cap-card.visible .cap-no,
  .flow-strip.visible>div,
  .detail-card.visible .sensor-grid span,
  .engineering-list.visible>div,
  .deliverables-list.visible>div,
  .process.visible>li,
  .tab-panels article.mission-enter,
  .tab-panels article.mission-leave,
  .status-pill span{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* SEO/GEO semantic refinements */
.entity-summary{font-size:1.08rem;color:#d6d9da;font-weight:600;max-width:900px}
.section-light .entity-summary{color:#313538}
.contact-address{font-style:normal;font-size:.9rem;margin:.9rem 0}
/* =========================================================
   HERO DESKTOP REBALANCE · v5
   Keyvisual left / copy right / clean reading zone
   ========================================================= */
@media (min-width:701px){
  .hero{
    min-height:100svh;
    background:#050505;
  }

  .hero-media{
    background-size:min(78vw,1180px) auto;
    background-position:left 50%;
    background-repeat:no-repeat;
    background-color:#050505;
    transform:none;
    opacity:.88;
  }

  .hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(5,5,5,.04) 0%,
        rgba(5,5,5,.08) 40%,
        rgba(5,5,5,.62) 57%,
        rgba(5,5,5,.92) 73%,
        #050505 100%
      ),
      linear-gradient(
        180deg,
        rgba(0,0,0,.08) 0%,
        rgba(0,0,0,.04) 55%,
        rgba(0,0,0,.58) 84%,
        #090a0b 100%
      );
  }

  .hero-content{
    grid-template-columns:minmax(0,1fr) minmax(360px,520px);
    gap:clamp(2rem,4vw,5rem);
    padding-bottom:5.25rem;
  }

  .hero-panel{
    grid-column:2;
    padding:1.4rem 0 0 2.15rem;
    max-width:520px;
    border-left:1px solid rgba(214,165,0,.72);
    text-shadow:0 2px 16px rgba(0,0,0,.9);
  }

  .hero-panel h1{
    font-size:clamp(2.8rem,4.35vw,4.9rem);
    line-height:.96;
    max-width:500px;
  }

  .hero-panel .lead{
    max-width:520px;
  }
}

/* Wider displays: give the brand motif more breathing room */
@media (min-width:1500px){
  .hero-media{
    background-size:min(70vw,1280px) auto;
    background-position:3vw 50%;
  }

  .hero-content{
    grid-template-columns:minmax(0,1.2fr) minmax(420px,540px);
  }
}

/* Laptop widths: keep logo away from the headline */
@media (min-width:701px) and (max-width:1100px){
  .hero-media{
    background-size:82vw auto;
    background-position:-5vw 50%;
    opacity:.82;
  }

  .hero-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(5,5,5,.06) 0%,
        rgba(5,5,5,.16) 37%,
        rgba(5,5,5,.78) 57%,
        rgba(5,5,5,.97) 74%,
        #050505 100%
      ),
      linear-gradient(
        180deg,
        rgba(0,0,0,.06) 0%,
        rgba(0,0,0,.04) 55%,
        rgba(0,0,0,.62) 84%,
        #090a0b 100%
      );
  }

  .hero-content{
    grid-template-columns:minmax(0,.9fr) minmax(340px,470px);
    gap:2rem;
  }

  .hero-panel h1{
    font-size:clamp(2.7rem,5vw,4rem);
  }
}

/* =========================================================
   DARK DALOS DETAIL PAGE · v6
   ========================================================= */
.detail-page{background:#090a0b;color:#f1f2f1}
.detail-hero{position:relative;min-height:74svh;display:grid;align-items:end;overflow:hidden;background:#050505;border-bottom:1px solid rgba(255,255,255,.08)}
.detail-hero::before{content:"";position:absolute;inset:0;background-image:image-set(url('assets/por-hero.webp') type('image/webp'),url('assets/por-hero.png') type('image/png'));background-size:min(76vw,1180px) auto;background-repeat:no-repeat;background-position:-10vw 46%;opacity:.25;filter:grayscale(1)}
.detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.12),rgba(5,5,5,.52) 45%,#050505 79%),linear-gradient(180deg,rgba(5,5,5,.04),#090a0b 94%)}
.detail-hero .shell{position:relative;z-index:2;width:100%;padding-top:10rem;padding-bottom:5.5rem}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,540px);gap:clamp(2rem,7vw,8rem);align-items:end}
.detail-hero-copy{grid-column:2;border-left:1px solid rgba(214,165,0,.72);padding-left:2rem}
.detail-hero-copy h1{font-size:clamp(3.5rem,6vw,7rem);line-height:.88;letter-spacing:-.055em;margin:.35rem 0 1.35rem}
.detail-hero-copy .lead{font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:660px;color:#c8cccd}
.detail-breadcrumbs{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8e9395;margin-bottom:1.45rem}
.detail-breadcrumbs a{color:#bfc3c4;text-decoration:none}.detail-breadcrumbs a:hover{color:var(--gold)}
.detail-status{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.7rem}
.detail-status span{border:1px solid rgba(214,165,0,.28);padding:.48rem .7rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#d4d6d7;background:rgba(214,165,0,.035)}
.detail-intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,8rem);align-items:start}
.detail-intro h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:.98;margin:.4rem 0 1.2rem}
.detail-intro .lead-large{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.35;color:#e5e6e5;max-width:840px}
.dd-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}
.dd-cap-grid article{position:relative;min-height:245px;padding:1.55rem;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.018);overflow:hidden}
.dd-cap-grid article::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.dd-cap-grid article:hover::after{transform:scaleX(1)}
.dd-cap-grid .num{display:block;font-size:.68rem;letter-spacing:.14em;color:var(--gold);margin-bottom:1.9rem}
.dd-cap-grid h3{font-size:1.28rem;margin:0 0 .7rem}
.dd-cap-grid p{color:#aeb3b4;margin:0;line-height:1.6}
.mission-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11)}
.mission-grid article{background:#0b0d0e;padding:1.35rem;min-height:270px}
.mission-grid .mission-no{font-size:.68rem;color:var(--gold);letter-spacing:.12em}
.mission-grid h3{font-size:1.16rem;margin:1.2rem 0 .75rem}
.mission-grid p{font-size:.9rem;color:#aab0b1;line-height:1.55}
.mission-grid strong{display:block;color:#fff;margin-top:1rem;font-size:.88rem}
.sensor-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11)}
.sensor-detail-grid article{background:#0b0d0e;padding:1.4rem;min-height:180px}
.sensor-detail-grid .sensor-code{font-size:.66rem;letter-spacing:.12em;color:var(--gold)}
.sensor-detail-grid strong{display:block;color:#fff;margin:1rem 0 .6rem}
.sensor-detail-grid p{color:#9fa4a6;margin:0;line-height:1.55}
.usecase-band{display:flex;flex-wrap:wrap;gap:.6rem}
.usecase-band span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);padding:.72rem .85rem;font-size:.78rem;color:#c8cccd}
.human-loop{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start;border-left:2px solid var(--gold);padding:1.2rem 0 1.2rem 1.5rem;max-width:1040px}
.human-loop .signal{width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(214,165,0,.55);margin-top:.45rem}
.human-loop strong{font-size:1.28rem}
.human-loop p{margin:.45rem 0 0;color:#aeb3b4;line-height:1.6}
.system-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.system-chain article{border:1px solid rgba(255,255,255,.12);padding:1.35rem;min-height:190px;background:rgba(255,255,255,.018)}
.system-chain span{font-size:.65rem;letter-spacing:.12em;color:var(--gold)}
.system-chain strong{display:block;font-size:1.15rem;margin:1.2rem 0 .5rem}
.system-chain p{color:#9ea3a5;margin:0;font-size:.9rem}
.detail-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding-top:2.2rem}
.detail-cta h2{font-size:clamp(2rem,4vw,4rem);margin:0}
.detail-cta p{color:#aeb3b4;max-width:780px}
.page-footer-nav{display:flex;gap:1.2rem;flex-wrap:wrap}
@media(max-width:1100px){.mission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  .detail-hero-grid,.detail-intro{grid-template-columns:1fr}
  .detail-hero-copy{grid-column:1;max-width:720px}
  .dd-cap-grid,.sensor-detail-grid{grid-template-columns:repeat(2,1fr)}
  .system-chain{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .detail-hero{min-height:70svh}
  .detail-hero::before{background-image:url('assets/por-hero-mobile.webp');background-size:110% auto;background-position:center 50px;opacity:.16}
  .detail-hero::after{background:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.52) 34%,#050505 73%,#090a0b 100%)}
  .detail-hero .shell{padding-top:8rem;padding-bottom:3.4rem}
  .detail-hero-copy{border-left:0;border-top:1px solid rgba(214,165,0,.65);padding:1.25rem 0 0}
  .detail-hero-copy h1{font-size:clamp(3rem,16vw,4.8rem)}
  .dd-cap-grid,.mission-grid,.sensor-detail-grid,.system-chain{grid-template-columns:1fr}
  .dd-cap-grid article,.mission-grid article,.sensor-detail-grid article{min-height:auto}
  .detail-cta{grid-template-columns:1fr}
  .detail-status span{font-size:.6rem}
  .usecase-band span{font-size:.72rem}
}


/* =========================================================
   DARK DALOS · TECHNICAL SYSTEM PAGE v7
   ========================================================= */
.dd-tech-hero{
  position:relative;
  min-height:88svh;
  display:grid;
  align-items:end;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dd-tech-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 46%,rgba(214,165,0,.075),transparent 28%),
    image-set(url('assets/por-hero.webp') type('image/webp'),url('assets/por-hero.png') type('image/png'));
  background-size:auto, min(74vw,1180px) auto;
  background-position:center, -7vw 48%;
  background-repeat:no-repeat;
  opacity:.34;
  filter:grayscale(1);
}
.dd-tech-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.06) 0%,rgba(5,5,5,.16) 38%,rgba(5,5,5,.76) 61%,#050505 82%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.08) 55%,#090a0b 96%);
}
.dd-tech-hero .shell{position:relative;z-index:2;width:100%;padding-top:9rem;padding-bottom:5.5rem}
.dd-tech-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);gap:clamp(2.5rem,6vw,7rem);align-items:end}

.dd-hybrid-panel{
  align-self:center;
  position:relative;
  min-height:470px;
  padding:1.2rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
  box-shadow:0 18px 70px rgba(0,0,0,.32);
  overflow:hidden;
}
.dd-hybrid-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    radial-gradient(circle at 50% 32%,rgba(214,165,0,.08),transparent 34%);
  background-size:24px 24px,24px 24px,auto;
  opacity:.34;
  pointer-events:none;
}
.dd-hybrid-panel::after{
  content:"";
  position:absolute;
  left:1.2rem;right:1.2rem;bottom:1.2rem;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,165,0,.8),transparent);
  box-shadow:0 0 14px rgba(214,165,0,.24);
}
.dd-panel-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-bottom:.95rem;border-bottom:1px solid rgba(255,255,255,.10)}
.dd-panel-head span{font-size:.62rem;letter-spacing:.18em;color:var(--gold)}
.dd-panel-head strong{font-size:.82rem;letter-spacing:.14em;color:#d7dcde}

.dd-blueprint-core{
  position:relative;
  z-index:1;
  min-height:255px;
  margin-top:1rem;
  border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(circle at center,rgba(214,165,0,.08),rgba(0,0,0,0) 52%),rgba(6,7,8,.66);
  overflow:hidden;
}
.dd-blueprint-core::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(214,165,0,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,165,0,.05) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.35;
}
.dd-blueprint-core::after{
  content:"";
  position:absolute;
  inset:0;
  background:conic-gradient(from 0deg,transparent 0deg 320deg,rgba(214,165,0,.10) 336deg,rgba(214,165,0,.3) 346deg,transparent 360deg);
  animation:ddBlueprintSweep 8s linear infinite;
  opacity:.75;
}
@keyframes ddBlueprintSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.dd-core-node,
.dd-sensor-node{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(214,165,0,.22);
  background:rgba(8,10,11,.85);
  color:#eef0ef;
  font-size:.6rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:.45rem .55rem;
}
.dd-core-node{
  width:108px;height:108px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(214,165,0,.12),0 0 22px rgba(214,165,0,.09);
  font-weight:800;
}
.dd-sensor-node{min-width:92px;min-height:38px}
.dd-sensor-node.optical{left:6%;top:12%}
.dd-sensor-node.thermal{right:7%;top:12%}
.dd-sensor-node.acoustic{left:4%;top:50%;transform:translateY(-50%)}
.dd-sensor-node.chemical{right:4%;top:50%;transform:translateY(-50%)}
.dd-sensor-node.vibration{left:10%;bottom:12%}
.dd-sensor-node.environment{right:8%;bottom:12%}

.dd-link{
  position:absolute;
  z-index:1;
  height:1px;
  background:linear-gradient(90deg,rgba(214,165,0,.15),rgba(214,165,0,.65),rgba(214,165,0,.15));
  transform-origin:left center;
}
.dd-link::after{
  content:"";
  position:absolute;
  right:-2px;top:50%;
  width:5px;height:5px;border-radius:50%;
  transform:translateY(-50%);
  background:var(--gold);
  box-shadow:0 0 12px rgba(214,165,0,.55);
}
.dd-link.l1{left:26%;top:28%;width:110px;transform:rotate(22deg)}
.dd-link.l2{left:56%;top:28%;width:108px;transform:rotate(-21deg)}
.dd-link.l3{left:22%;top:50%;width:120px;transform:rotate(0deg)}
.dd-link.l4{left:56%;top:50%;width:118px;transform:rotate(0deg)}
.dd-link.l5{left:28%;top:70%;width:104px;transform:rotate(-25deg)}
.dd-link.l6{left:56%;top:70%;width:100px;transform:rotate(26deg)}

.dd-arch-bands{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
  margin-top:1rem;
}
.dd-arch-bands article,
.dd-blueprint-grid div{
  padding:.82rem .9rem;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(8,10,11,.76);
}
.dd-arch-bands span,
.dd-blueprint-grid span{
  display:block;
  font-size:.56rem;
  letter-spacing:.14em;
  color:#6f7679;
  margin-bottom:.42rem;
}
.dd-arch-bands strong,
.dd-blueprint-grid strong{
  display:block;
  font-size:.83rem;
  line-height:1.34;
  color:#eef0ee;
}
.dd-arch-bands p{
  margin:.45rem 0 0;
  font-size:.76rem;
  line-height:1.45;
  color:#9ea5a7;
}

.dd-blueprint-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
  margin-top:.65rem;
}

.dd-hero-copy{border-left:1px solid rgba(214,165,0,.76);padding-left:2rem}

.dd-hero-copy h1{font-size:clamp(4rem,7vw,8rem);line-height:.82;letter-spacing:-.06em;margin:.35rem 0 1rem}
.dd-system-name{
  max-width:780px;
  font-size:clamp(1rem,1.45vw,1.28rem);
  line-height:1.45;
  color:#e3e5e5;
  font-weight:700;
}
.dd-system-name span{color:var(--gold)}
.dd-hero-copy .lead{max-width:780px;font-size:1.03rem;color:#aeb3b4}
.dd-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2rem;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10)}
.dd-hero-stats div{background:rgba(5,5,5,.84);padding:.85rem .9rem;min-height:78px}
.dd-hero-stats span{display:block;font-size:.57rem;letter-spacing:.14em;color:#767d80;text-transform:uppercase;margin-bottom:.45rem}
.dd-hero-stats strong{font-size:.83rem;color:#f0f1ef}

.dd-definition{
  border-left:2px solid var(--gold);
  padding-left:1.6rem;
  max-width:1080px;
}
.dd-definition strong{display:block;font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:1.18}
.dd-definition p{color:#aeb3b4;line-height:1.65;margin:.7rem 0 0}

.dd-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11)}
.dd-mode{position:relative;background:#0b0d0e;padding:1.55rem;min-height:270px;overflow:hidden}
.dd-mode::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.dd-mode:hover::after{transform:scaleX(1)}
.dd-mode .code{font-size:.62rem;letter-spacing:.16em;color:var(--gold)}
.dd-mode h3{font-size:1.35rem;line-height:1.05;margin:1.3rem 0 .85rem}
.dd-mode p{color:#9ea4a6;font-size:.92rem;line-height:1.58}
.dd-mode ul{padding-left:1rem;margin:.9rem 0 0;color:#c6cacb;font-size:.84rem;line-height:1.6}

.dd-sensor-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10)}
.dd-sensor{position:relative;background:#0a0c0d;padding:1.25rem;min-height:190px;overflow:hidden}
.dd-sensor::before{
  content:"";
  position:absolute;
  top:0;left:-35%;
  width:35%;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:ddSensorSweep 5s linear infinite;
}
.dd-sensor:nth-child(2)::before{animation-delay:.5s}.dd-sensor:nth-child(3)::before{animation-delay:1s}.dd-sensor:nth-child(4)::before{animation-delay:1.5s}.dd-sensor:nth-child(5)::before{animation-delay:2s}.dd-sensor:nth-child(6)::before{animation-delay:2.5s}.dd-sensor:nth-child(7)::before{animation-delay:3s}.dd-sensor:nth-child(8)::before{animation-delay:3.5s}
@keyframes ddSensorSweep{0%{left:-35%;opacity:0}8%{opacity:.85}28%{left:110%;opacity:0}100%{left:110%;opacity:0}}
.dd-sensor .sensor-id{font-size:.58rem;color:#687073;letter-spacing:.13em}
.dd-sensor strong{display:block;margin:1.2rem 0 .5rem;font-size:1rem}
.dd-sensor p{margin:0;color:#9ea4a6;font-size:.82rem;line-height:1.5}
.dd-sensor .state{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.56rem;letter-spacing:.12em;color:#72797b;text-transform:uppercase}
.dd-sensor .state::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 11px rgba(214,165,0,.55)}

.dd-trigger{
  position:relative;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(140deg,rgba(214,165,0,.035),rgba(255,255,255,.015));
  padding:1.6rem;
  overflow:hidden;
}
.dd-trigger::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 43%,rgba(214,165,0,.06) 50%,transparent 57%);transform:translateX(-80%);animation:ddAcquire 4.8s ease-in-out infinite}
@keyframes ddAcquire{0%,30%{transform:translateX(-80%);opacity:0}42%{opacity:1}70%,100%{transform:translateX(80%);opacity:0}}
.dd-trigger-chain{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,auto);align-items:center;justify-content:start;gap:.65rem;margin-top:1.35rem}
.dd-trigger-node{border:1px solid rgba(255,255,255,.13);padding:.7rem .8rem;min-width:118px;background:#0a0c0d}
.dd-trigger-node span{display:block;font-size:.55rem;letter-spacing:.12em;color:#707779;margin-bottom:.3rem}
.dd-trigger-node strong{font-size:.78rem}
.dd-trigger-arrow{color:var(--gold);opacity:.75}

.dd-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}
.dd-timeline article{background:#0b0d0e;padding:1.4rem;min-height:185px}
.dd-timeline .phase{display:block;font-size:.6rem;letter-spacing:.14em;color:var(--gold)}
.dd-timeline strong{display:block;margin:1.1rem 0 .5rem;font-size:1.05rem}
.dd-timeline p{color:#989fa1;font-size:.84rem;line-height:1.55;margin:0}

.dd-architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dd-arch-card{border:1px solid rgba(255,255,255,.12);padding:1.45rem;min-height:240px;background:rgba(255,255,255,.018)}
.dd-arch-card .arch-code{font-size:.6rem;letter-spacing:.14em;color:var(--gold)}
.dd-arch-card h3{margin:1.15rem 0 .7rem;font-size:1.28rem}
.dd-arch-card p{color:#9ca2a4;font-size:.9rem;line-height:1.6}
.dd-arch-card ul{padding-left:1rem;color:#c1c5c6;font-size:.84rem;line-height:1.65}

.dd-output-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}
.dd-output-grid div{background:#0a0c0d;padding:1.15rem;min-height:135px}
.dd-output-grid span{font-size:.55rem;letter-spacing:.14em;color:#687073}
.dd-output-grid strong{display:block;margin:.85rem 0 0;font-size:.95rem}

.dd-public-note{
  margin-top:1.4rem;
  font-size:.72rem;
  line-height:1.55;
  color:#737a7c;
  max-width:900px;
}

@media(max-width:1100px){
  .dd-tech-grid{grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr);gap:2.2rem}
  .dd-arch-bands,.dd-blueprint-grid{grid-template-columns:1fr}
  .dd-mode-grid{grid-template-columns:repeat(2,1fr)}
  .dd-sensor-rack{grid-template-columns:repeat(2,1fr)}
  .dd-output-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .dd-tech-grid{grid-template-columns:1fr}
  .dd-hybrid-panel{display:none}
  .dd-hero-copy{grid-column:1}
  .dd-architecture{grid-template-columns:1fr}
  .dd-trigger-chain{grid-template-columns:1fr;justify-items:stretch}
  .dd-trigger-arrow{transform:rotate(90deg);justify-self:center}
  .dd-timeline{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .dd-tech-hero{min-height:76svh}
  .dd-tech-hero::before{background-image:url('assets/por-hero-mobile.webp');background-size:110% auto;background-position:center 45px;opacity:.15}
  .dd-tech-hero::after{background:linear-gradient(180deg,rgba(5,5,5,.06),rgba(5,5,5,.5) 31%,#050505 69%,#090a0b 100%)}
  .dd-tech-hero .shell{padding-top:8rem;padding-bottom:3.4rem}
  .dd-hero-copy{border-left:0;border-top:1px solid rgba(214,165,0,.72);padding:1.25rem 0 0}
  .dd-hero-copy h1{font-size:clamp(3.8rem,19vw,5.6rem)}
  .dd-panel-core,.dd-panel-matrix{grid-template-columns:1fr}
  .dd-hero-stats{grid-template-columns:1fr 1fr}
  .dd-mode-grid,.dd-sensor-rack,.dd-timeline,.dd-output-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .dd-sensor::before,.dd-trigger::before,.dd-blueprint-core::after{animation:none!important;display:none}
}


/* =========================================================
   DARK DALOS HERO v5 · Blueprint below POR logo
   ========================================================= */
@media (min-width:801px){
  .dd-tech-grid{
    grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);
    gap:clamp(2.5rem,5vw,6rem);
    align-items:end;
  }

  .dd-left-stack{
    min-height:620px;
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
    padding-bottom:.2rem;
  }

  .dd-hybrid-panel{
    width:min(100%,560px);
    min-height:0;
    padding:1rem;
    margin:0;
    background:linear-gradient(145deg,rgba(8,10,11,.86),rgba(8,10,11,.62));
    backdrop-filter:blur(4px);
  }

  .dd-blueprint-core{
    min-height:184px;
    margin-top:.8rem;
  }

  .dd-core-node{
    width:82px;
    height:82px;
    font-size:.54rem;
  }

  .dd-sensor-node{
    min-width:74px;
    min-height:31px;
    font-size:.49rem;
    padding:.35rem .42rem;
  }

  .dd-link.l1{left:25%;top:28%;width:92px}
  .dd-link.l2{left:57%;top:28%;width:88px}
  .dd-link.l3{left:20%;top:50%;width:105px}
  .dd-link.l4{left:57%;top:50%;width:102px}
  .dd-link.l5{left:27%;top:70%;width:86px}
  .dd-link.l6{left:57%;top:70%;width:84px}

  .dd-arch-bands{
    grid-template-columns:repeat(3,1fr);
    gap:.45rem;
    margin-top:.55rem;
  }

  .dd-arch-bands article{
    padding:.62rem .7rem;
  }

  .dd-arch-bands span,
  .dd-blueprint-grid span{
    font-size:.5rem;
  }

  .dd-arch-bands strong,
  .dd-blueprint-grid strong{
    font-size:.73rem;
  }

  .dd-arch-bands p{
    display:none;
  }

  .dd-blueprint-grid{
    grid-template-columns:repeat(3,1fr);
    gap:.45rem;
    margin-top:.45rem;
  }

  .dd-blueprint-grid div{
    padding:.58rem .65rem;
  }
}

/* Medium desktop / laptop: keep the panel low and compact */
@media (min-width:801px) and (max-width:1180px){
  .dd-left-stack{
    min-height:540px;
  }

  .dd-hybrid-panel{
    width:min(100%,480px);
  }

  .dd-blueprint-core{
    min-height:164px;
  }

  .dd-arch-bands,
  .dd-blueprint-grid{
    grid-template-columns:1fr;
  }

  .dd-blueprint-grid div:nth-child(n+4){
    display:none;
  }
}

/* On tablet/mobile the panel remains removed to protect hierarchy */
@media (max-width:800px){
  .dd-left-stack{
    display:none;
  }
}


/* =========================================================
   DARK DALOS HERO v6 · TRUE LOGO SAFE ZONE
   Logo and technical blueprint are now separate layout layers.
   ========================================================= */
@media (min-width:801px){

  .dd-tech-hero{
    min-height:100svh;
    background:
      radial-gradient(circle at 22% 30%,rgba(214,165,0,.045),transparent 28%),
      linear-gradient(135deg,#050505 0%,#08090a 52%,#050505 100%);
  }

  /* Remove the full POR artwork from behind the blueprint.
     The POR lockup is now its own element above the panel. */
  .dd-tech-hero::before{
    background:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
      radial-gradient(circle at 16% 34%,rgba(255,255,255,.035),transparent 24%);
    background-size:64px 64px,64px 64px,auto;
    background-position:0 0,0 0,center;
    opacity:.72;
    filter:none;
  }

  .dd-tech-hero::after{
    background:
      linear-gradient(90deg,rgba(5,5,5,.03) 0%,rgba(5,5,5,.08) 42%,rgba(5,5,5,.58) 62%,#050505 84%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 68%,#090a0b 100%);
  }

  .dd-tech-hero .shell{
    padding-top:7.7rem;
    padding-bottom:3.5rem;
  }

  .dd-tech-grid{
    grid-template-columns:minmax(400px,.92fr) minmax(460px,1.08fr);
    gap:clamp(3rem,5.5vw,7rem);
    align-items:end;
  }

  .dd-left-stack{
    min-height:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:stretch;
    gap:1.75rem;
    padding:0;
  }

  .dd-brand-zone{
    width:min(100%,590px);
    min-height:245px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 1rem;
  }

  .dd-brand-lockup{
    width:min(100%,560px);
    height:auto;
    display:block;
    opacity:.68;
    filter:grayscale(.2) contrast(1.06);
    pointer-events:none;
    user-select:none;
  }

  .dd-hybrid-panel{
    width:min(100%,590px);
    min-height:0;
    margin:0;
    padding:1rem;
    background:linear-gradient(145deg,rgba(8,10,11,.94),rgba(8,10,11,.78));
    backdrop-filter:blur(5px);
  }

  .dd-blueprint-core{
    min-height:176px;
  }

  .dd-core-node{
    width:78px;
    height:78px;
    font-size:.52rem;
  }

  .dd-sensor-node{
    min-width:72px;
    min-height:30px;
    font-size:.48rem;
  }

  .dd-arch-bands{
    grid-template-columns:repeat(3,1fr);
    gap:.42rem;
    margin-top:.5rem;
  }

  .dd-blueprint-grid{
    grid-template-columns:repeat(3,1fr);
    gap:.42rem;
    margin-top:.42rem;
  }

  .dd-arch-bands article,
  .dd-blueprint-grid div{
    padding:.57rem .62rem;
  }

  .dd-arch-bands p{
    display:none;
  }
}

/* Laptop: retain the separation, just tighten both modules. */
@media (min-width:801px) and (max-width:1180px){
  .dd-tech-hero{
    min-height:980px;
  }

  .dd-tech-grid{
    grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr);
    gap:2.4rem;
  }

  .dd-brand-zone{
    min-height:190px;
  }

  .dd-brand-lockup{
    width:min(100%,450px);
  }

  .dd-hybrid-panel{
    width:min(100%,500px);
  }

  .dd-blueprint-core{
    min-height:154px;
  }

  .dd-arch-bands,
  .dd-blueprint-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .dd-blueprint-grid div:nth-child(n+4){
    display:none;
  }
}

@media (max-width:800px){
  .dd-brand-zone,
  .dd-hybrid-panel{
    display:none;
  }
}

/* =========================================================
   TEAM / MISSION STRUCTURE · v8
   ========================================================= */
.team-hero{
  position:relative;
  min-height:78svh;
  display:grid;
  align-items:end;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.team-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 22% 42%,rgba(214,165,0,.07),transparent 28%);
  background-size:64px 64px,64px 64px,auto;
  opacity:.6;
}
.team-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,5,5,.08),rgba(5,5,5,.28) 40%,rgba(5,5,5,.86) 72%,#050505 100%);
}
.team-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr);
  gap:clamp(3rem,8vw,9rem);
  align-items:end;
  padding-top:10rem;
  padding-bottom:5.5rem;
}
.team-hero-index{
  display:grid;
  gap:.7rem;
  align-self:center;
  max-width:360px;
  padding:1.2rem;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.018);
}
.team-hero-index span{
  color:var(--gold);
  font-size:.62rem;
  letter-spacing:.18em;
}
.team-hero-index strong{
  font-size:.78rem;
  letter-spacing:.12em;
  color:#8e9498;
}
.team-hero-copy{
  border-left:1px solid rgba(214,165,0,.72);
  padding-left:2rem;
}
.team-hero-copy h1{
  font-size:clamp(3.6rem,6vw,7rem);
  line-height:.9;
  letter-spacing:-.055em;
  margin:.35rem 0 1.2rem;
  max-width:850px;
}
.team-hero-copy .lead{
  max-width:780px;
}

.leader-card{
  display:grid;
  grid-template-columns:130px 1fr 330px;
  gap:2rem;
  align-items:start;
  padding:2rem;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.leader-code{
  display:grid;
  justify-items:start;
  gap:1rem;
}
.leader-code span{
  font-size:.58rem;
  letter-spacing:.14em;
  color:var(--gold);
}
.leader-code strong{
  display:grid;
  place-items:center;
  width:86px;
  height:86px;
  border:1px solid rgba(214,165,0,.32);
  font-size:2.1rem;
  letter-spacing:.04em;
}
.leader-main h3{
  font-size:clamp(2.2rem,4vw,4rem);
  margin:.25rem 0 1rem;
  line-height:1;
}
.leader-lead{
  font-size:1.08rem;
  line-height:1.65;
  color:#b7bcbe;
  max-width:700px;
}
.leader-scope{
  display:grid;
  gap:.55rem;
}
.leader-scope div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:.65rem;
  align-items:center;
  padding:.7rem .8rem;
  border:1px solid rgba(255,255,255,.09);
  background:#0b0d0e;
}
.leader-scope span{
  color:var(--gold);
  font:.7rem/1 ui-monospace,monospace;
}
.leader-scope strong{
  font-size:.82rem;
}

.team-cells{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid rgba(0,0,0,.16);
  border-left:1px solid rgba(0,0,0,.16);
}
.team-cell{
  min-height:280px;
  padding:1.6rem;
  border-right:1px solid rgba(0,0,0,.16);
  border-bottom:1px solid rgba(0,0,0,.16);
  position:relative;
  background:rgba(255,255,255,.3);
}
.team-cell-code{
  font-size:.62rem;
  letter-spacing:.14em;
  color:var(--gold-soft);
  font-weight:800;
}
.team-cell h3{
  margin:1.5rem 0 .8rem;
  font-size:1.55rem;
}
.team-cell p{
  color:#5c6265;
  max-width:560px;
}
.team-cell-state{
  position:absolute;
  left:1.6rem;
  bottom:1.5rem;
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#777d7f;
}
.team-cell-state i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 10px rgba(214,165,0,.4);
}

.disclosure-board{
  display:grid;
  grid-template-columns:1fr 90px 1fr;
  border:1px solid var(--line);
  background:#0b0d0e;
}
.disclosure-col{
  padding:1.7rem;
  min-height:310px;
}
.disclosure-label{
  font-size:.6rem;
  letter-spacing:.16em;
  color:var(--gold);
}
.disclosure-col h3{
  font-size:1.5rem;
  margin:1.4rem 0 1rem;
}
.disclosure-col ul{
  margin:0;
  padding-left:1.1rem;
  color:#abb0b2;
  line-height:1.85;
}
.disclosure-axis{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  border-left:1px solid var(--line);
  border-right:1px solid var(--line);
  color:#5e6568;
  font-size:.55rem;
  letter-spacing:.16em;
}
.disclosure-axis span:nth-child(2){
  color:var(--gold);
}
.team-clarifier{
  max-width:980px;
  color:#8f9699;
  margin:1.4rem 0 0;
  font-size:.88rem;
}

.mission-org{
  max-width:1050px;
  margin-inline:auto;
}
.mission-org-lead{
  width:min(360px,100%);
  margin:0 auto;
  padding:1rem 1.2rem;
  border:1px solid rgba(214,165,0,.35);
  background:#0b0d0e;
  text-align:center;
}
.mission-org-lead span,
.mission-org-cells span{
  display:block;
  font-size:.55rem;
  letter-spacing:.14em;
  color:var(--gold);
  margin-bottom:.4rem;
}
.mission-org-line{
  width:1px;
  height:58px;
  background:linear-gradient(var(--gold),rgba(214,165,0,.18));
  margin:0 auto;
}
.mission-org-cells{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.11);
}
.mission-org-cells div{
  background:#0b0d0e;
  padding:1.15rem;
  min-height:115px;
}
.mission-org-cells strong{
  font-size:.9rem;
  line-height:1.35;
}

.missions-team-link{
  margin-top:1.2rem;
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  align-items:center;
  padding:1.1rem 1.25rem;
  background:#0b0c0d;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.missions-team-link span{
  display:block;
  font-size:.6rem;
  color:var(--gold);
  letter-spacing:.14em;
  margin-bottom:.35rem;
}
.missions-team-link strong{
  font-size:1rem;
}
.missions-team-link a{
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--gold);
}

@media(max-width:950px){
  .team-hero-grid{grid-template-columns:1fr}
  .team-hero-index{display:none}
  .team-hero-copy{max-width:760px;margin-left:auto}
  .leader-card{grid-template-columns:110px 1fr}
  .leader-scope{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}
  .mission-org-cells{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .team-hero{min-height:72svh}
  .team-hero::after{background:linear-gradient(180deg,rgba(5,5,5,.08),rgba(5,5,5,.42) 32%,#050505 76%)}
  .team-hero-grid{padding-top:8rem;padding-bottom:3.5rem}
  .team-hero-copy{border-left:0;border-top:1px solid rgba(214,165,0,.72);padding:1.2rem 0 0}
  .team-hero-copy h1{font-size:clamp(3rem,15vw,4.8rem)}
  .leader-card{grid-template-columns:1fr;padding:1.4rem}
  .leader-scope{grid-column:auto;grid-template-columns:1fr}
  .team-cells{grid-template-columns:1fr}
  .team-cell{min-height:245px}
  .disclosure-board{grid-template-columns:1fr}
  .disclosure-axis{flex-direction:row;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.8rem}
  .mission-org-cells{grid-template-columns:1fr}
  .missions-team-link{grid-template-columns:1fr}
}

/* =========================================================
   TEAM v3 · ORIGINAL LAYOUT + PORTRAIT ONLY
   ========================================================= */
.leader-card{
  grid-template-columns:minmax(240px,310px) minmax(0,1fr) 330px;
}

.leader-photo-wrap{
  display:grid;
  gap:.65rem;
}

.leader-photo{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center center;
  display:block;
  border:1px solid rgba(255,255,255,.12);
  background:#090a0b;
  filter:grayscale(1) contrast(1.05);
}

.leader-photo-caption{
  font-size:.56rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}

@media(max-width:1100px){
  .leader-card{
    grid-template-columns:minmax(220px,285px) 1fr;
  }

  .leader-scope{
    grid-column:1/-1;
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .leader-card{
    grid-template-columns:1fr;
  }

  .leader-photo{
    aspect-ratio:16/10;
    object-position:center 38%;
  }

  .leader-scope{
    grid-column:auto;
    grid-template-columns:1fr;
  }
}

/* =========================================================
   MISSIONS SUBPAGE NAVIGATION · TEAM
   ========================================================= */
.site-nav .nav-group{
  position:relative;
  display:flex;
  align-items:center;
}
.site-nav .nav-group>a{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
}
.site-nav .nav-group>a::after{
  content:"⌄";
  color:var(--gold);
  font-size:.72rem;
  transform:translateY(-1px);
}
.site-nav .subnav{
  position:absolute;
  top:calc(100% + .7rem);
  left:-.75rem;
  min-width:225px;
  display:grid;
  padding:.5rem;
  background:rgba(9,10,11,.98);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.2s ease;
}
.site-nav .subnav a{
  padding:.75rem .8rem;
  border-left:2px solid transparent;
  white-space:nowrap;
}
.site-nav .subnav a:hover{
  border-left-color:var(--gold);
  background:rgba(255,255,255,.035);
}
.site-nav .nav-group:hover .subnav,
.site-nav .nav-group:focus-within .subnav{
  opacity:1;
  visibility:visible;
  transform:none;
}

@media(max-width:1000px){
  .site-nav .nav-group{
    display:grid;
  }
  .site-nav .nav-group>a::after{
    display:none;
  }
  .site-nav .subnav{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    min-width:0;
    padding:0 0 0 1rem;
    border:0;
    border-left:1px solid rgba(214,165,0,.34);
    background:transparent;
    box-shadow:none;
  }
  .site-nav .subnav a{
    padding:.45rem 0 .45rem .7rem;
    color:#92989b;
    font-size:.72rem;
  }
}