:root{
  --ink:#17130f;
  --ink-soft:#5b5144;
  --ivory:#f7f2e8;
  --ivory-2:#eee5d7;
  --gold:#bf8e31;
  --gold-light:#efd486;
  --gold-dark:#88621f;
  --atlas:#19a7ff;
  --images:#b026ff;
  --assets:#8cff2a;
  --impact:#19c56f;
  --fitness:#ff3b3b;
  --tech:#d9a928;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#f4eee4;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
sup{font-size:.28em;vertical-align:super}
#cursorGlow{position:fixed;z-index:50;width:420px;height:420px;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);opacity:.10;background:radial-gradient(circle,rgba(239,212,134,.55),rgba(239,212,134,.08) 35%,transparent 70%)}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:102px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(255,255,255,.90),rgba(249,245,237,.94)),url("assets/backgrounds/marble-light.jpg") center/cover;border-bottom:1px solid rgba(191,142,49,.48);box-shadow:0 8px 30px rgba(71,49,18,.08);backdrop-filter:blur(12px)}
.brand{border:0;background:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:0}
.brand-helmet{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(127,83,18,.18))}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;font-family:Georgia,"Times New Roman",serif}
.brand-name{font-size:33px;line-height:1;letter-spacing:2px}
.brand-sub{margin-top:7px;font-size:10px;letter-spacing:6px;color:var(--gold-dark)}
.desktop-nav{display:flex;align-items:center;gap:48px}
.desktop-nav button{border:0;background:none;cursor:pointer;padding:18px 0;position:relative;font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:3.2px}
.desktop-nav button::after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:5px;background:var(--gold);transition:.25s}
.desktop-nav button:hover::after{left:0;right:0}
.nav-divisions{position:relative}
.dropdown{position:absolute;top:54px;left:50%;width:245px;padding:8px;transform:translateX(-50%) translateY(-8px);background:rgba(251,247,239,.98);border:1px solid rgba(191,142,49,.35);box-shadow:0 16px 45px rgba(76,54,22,.14);opacity:0;visibility:hidden;transition:.22s}
.nav-divisions.open .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown button{display:block;width:100%;text-align:left;padding:14px;border-bottom:1px solid rgba(110,84,43,.10);font-family:Arial,sans-serif;font-size:11px}
.mobile-menu{display:none;border:0;background:none;font-size:27px;cursor:pointer}
.mobile-drawer{display:none}

/* ROUTES */
.page{display:none}
.page.active{display:block}

/* HERO */
.hero{
  position:relative;
  height:calc(100vh - 102px);
  min-height:690px;
  margin-top:102px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d9c8a5;
}

.hero-art{
  position:absolute;
  inset:-2%;
  background:
    url("assets/backgrounds/hero-spartan-new.png")
    center 58% / cover no-repeat;

  transform:scale(1.03);
  transition:transform .12s linear;
  will-change:transform;

  filter:
    brightness(.92)
    contrast(1.05)
    saturate(.92);
}

.hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(100,63,9,.05),
      rgba(65,37,1,.03) 38%,
      rgba(55,31,2,.18) 100%
    ),
    radial-gradient(
      ellipse at 50% 48%,
      rgba(255,255,255,.06),
      transparent 48%
    );
}

.portal-glow{
  position:absolute;
  top:0;
  bottom:0;
  width:14%;
  opacity:.22;
  filter:blur(40px);
  pointer-events:none;
}

.portal-glow-left{
  left:0;
  background:linear-gradient(
    90deg,
    rgba(255,223,143,.45),
    transparent
  );
}

.portal-glow-right{
  right:0;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,223,143,.45)
  );
}

.hero-content{
  position:relative;
  z-index:5;
  width:min(960px,91vw);
  text-align:center;
  color:white;
  transform:translateY(54px);
}

.latin{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  letter-spacing:6px;
  text-shadow:0 2px 12px rgba(61,39,8,.52);
}

.ornament{
  width:310px;
  margin:17px auto 16px;
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--gold-light);
}

.ornament span{
  height:1px;
  flex:1;
  background:linear-gradient(
    90deg,
    transparent,
    var(--gold-light)
  );
}

.ornament span:last-child{
  background:linear-gradient(
    90deg,
    var(--gold-light),
    transparent
  );
}

.hero h1{
  margin:26px 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(88px,11.4vw,155px);
  line-height:.88;
  letter-spacing:-4px;
  color:#faf7ef;

  text-shadow:
    0 1px 0 white,
    0 2px 0 rgba(159,112,29,.8),
    0 8px 18px rgba(74,45,7,.38),
    0 20px 45px rgba(54,35,8,.22);
}

.industry-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin-top:8px;

  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  letter-spacing:10px;

  color:#f0c96e;

  text-shadow:
    0 2px 4px rgba(70,40,5,.65),
    0 0 12px rgba(112,69,9,.45);
}

.industry-title span{
  width:70px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    var(--gold-light),
    transparent
  );
}

.hero-statement{
  margin:46px 0 0;

  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1.52;
  letter-spacing:5.5px;

  color:#fff;

  text-shadow:
    0 2px 8px rgba(45,25,3,.78),
    0 0 14px rgba(70,40,5,.38);
}

.tiny-diamond{
  margin:12px auto 15px;
  color:var(--gold-light);
}

.ecosystem-button{
  width:315px;
  max-width:78vw;
  height:50px;
  border:1px solid #f2d58a;
  background:
    linear-gradient(
      180deg,
      rgba(95,58,8,.67),
      rgba(67,38,2,.70)
    );
  color:#fff;

  clip-path:
    polygon(
      5% 0,
      95% 0,
      100% 50%,
      95% 100%,
      5% 100%,
      0 50%
    );

  box-shadow:
    0 0 22px rgba(236,196,98,.72),
    inset 0 0 24px rgba(255,231,170,.14);

  cursor:pointer;
  letter-spacing:3px;
  transition:.25s;
}

.ecosystem-button b{
  margin-left:25px;
  color:#f8d77d;
  font-size:24px;
  font-weight:300;
}

.ecosystem-button:hover{
  transform:translateY(-2px);

  box-shadow:
    0 0 34px rgba(236,196,98,.9),
    inset 0 0 30px rgba(255,239,198,.18);
}
/* DIVISIONS */
.divisions{min-height:600px;padding:36px 4.5% 64px;background:linear-gradient(rgba(252,249,243,.90),rgba(239,230,216,.95)),url("assets/backgrounds/marble-light.jpg") center/cover;border-top:1px solid rgba(191,142,49,.42)}
.section-title{text-align:center}
.section-title h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;letter-spacing:2px;color:#966d20}
.section-rule{width:245px;margin:7px auto 8px;display:flex;align-items:center;gap:10px;color:var(--gold)}
.section-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.section-title p{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:4px;color:#4c4439}
.division-grid{max-width:1160px;margin:34px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:start}
.division-card{--accent:var(--gold);border:0;background:none;cursor:pointer;text-align:center;padding:0 4px;color:#2c251d;transition:.24s}
.division-card.atlas{--accent:var(--atlas)}.division-card.images{--accent:var(--images)}.division-card.assets{--accent:var(--assets)}.division-card.impact{--accent:var(--impact)}.division-card.fitness{--accent:var(--fitness)}.division-card.tech{--accent:var(--tech)}
.hex-frame{aspect-ratio:1.08/1;width:100%;max-width:185px;margin:0 auto 17px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;background:linear-gradient(145deg,#f1d48c,#a57420 45%,#f3dc9d 72%,#8e631b);padding:3px;filter:drop-shadow(0 9px 10px rgba(97,67,18,.15));transition:.28s}
.hex-frame::before{content:"";position:absolute}
.hex-frame img{width:calc(100% - 6px);height:calc(100% - 6px);padding:25%;object-fit:contain;clip-path:inherit;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.98),rgba(247,241,231,.92) 62%,rgba(225,211,187,.96));transition:.28s}
.division-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:400;white-space:nowrap}
.division-card p{margin:8px 0 0;font-size:9px;letter-spacing:.8px;color:#9a7026}
.division-card:hover{transform:translateY(-6px)}
.division-card:hover .hex-frame{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)) drop-shadow(0 16px 14px rgba(78,54,19,.14))}
.division-card:hover .hex-frame img{filter:drop-shadow(0 0 11px var(--accent));}
.division-card:hover p{color:var(--accent)}

/* INTERIOR */
.interior,.division-page{min-height:100vh;padding-top:102px;background:radial-gradient(circle at 50% 5%,rgba(255,255,255,.96),transparent 38%),linear-gradient(180deg,#fbf8f2,#eee5d7)}
.interior-hero{min-height:550px;padding:125px 8% 70px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid rgba(191,142,49,.25);background:linear-gradient(rgba(255,255,255,.72),rgba(247,241,231,.86)),url("assets/backgrounds/marble-light.jpg") center/cover}
.interior-hero small,.division-page small{color:#997024;letter-spacing:5px}
.interior-hero h1{margin:20px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,9vw,130px);line-height:.9;font-weight:400}
.interior-hero p{color:#655b4e;letter-spacing:3px}
.interior-body{max-width:900px;padding:75px 8% 120px}
.interior-body h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400}
.interior-body p{color:#6a6054;line-height:1.9}
.principle-grid{max-width:1180px;margin:auto;padding:70px 6% 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.principle-grid article{padding:38px;background:rgba(255,255,255,.62);border:1px solid rgba(191,142,49,.28);box-shadow:0 12px 35px rgba(91,67,28,.06)}
.principle-grid b{font-family:Georgia,serif;font-size:42px;color:#d1ae67;font-weight:400}
.principle-grid h2{font-family:Georgia,serif;font-weight:400;letter-spacing:3px}
.principle-grid p{color:#6b6257;line-height:1.7}
.initiative-grid{max-width:1180px;margin:auto;padding:70px 6% 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.initiative-grid article{padding:38px;background:rgba(255,255,255,.62);border:1px solid rgba(191,142,49,.28);box-shadow:0 12px 35px rgba(91,67,28,.06)}
.initiative-grid b{font-family:Georgia,serif;font-size:42px;color:#d1ae67;font-weight:400}
.initiative-grid h2{font-family:Georgia,serif;font-weight:400;letter-spacing:3px}
.initiative-grid p{color:#6b6257;line-height:1.7}
.team-intro{max-width:900px;padding:75px 8% 120px}
.team-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400}
.team-intro p{color:#6a6054;font-size:17px;line-height:1.9}

.division-page{padding:210px 8% 120px}
.division-page-content{max-width:1050px}
.division-page h1{margin:20px 0 0;font-family:Georgia,serif;font-size:clamp(70px,10vw,145px);line-height:.9;font-weight:400}
.division-page h2{letter-spacing:5px;font-weight:400;color:#6b5d4b}
.division-line{width:120px;height:1px;margin:35px 0;background:var(--gold)}
.division-page p{max-width:690px;color:#6e6458;font-size:17px;line-height:1.8}
.division-page a{display:inline-block;margin-top:30px;color:#966d20;text-decoration:none}
.atlas-page small,.atlas-page a{color:var(--atlas)}.images-page small,.images-page a{color:var(--images)}.assets-page small,.assets-page a{color:var(--assets)}.impact-page small,.impact-page a{color:var(--impact)}.fitness-page small,.fitness-page a{color:var(--fitness)}.tech-page small,.tech-page a{color:var(--tech)}
.contact-grid{max-width:1100px;margin:auto;padding:80px 5% 120px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(191,142,49,.17)}
.contact-grid a{padding:30px;background:rgba(255,255,255,.74);color:#2d271f;text-decoration:none;font-family:Georgia,serif;font-size:18px}
.contact-grid small{display:block;margin-bottom:10px;color:#997024;font-family:Arial,sans-serif;font-size:9px;letter-spacing:4px}

/* SPAR10 TECH — CLIENT SERVICE PAGE */
.tech-page{min-height:100vh;padding-top:102px;background:#f8f4eb;color:#27221c}
.tech-hero{position:relative;min-height:650px;padding:80px 7%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6%;overflow:hidden;border-bottom:1px solid rgba(191,142,49,.34);background:linear-gradient(90deg,transparent 0 58%,rgba(176,126,36,.055) 58% 59%,transparent 59% 66%,rgba(176,126,36,.045) 66% 67%,transparent 67%),radial-gradient(circle at 22% 35%,rgba(255,255,255,.96),transparent 35%),linear-gradient(rgba(255,255,255,.70),rgba(246,239,226,.82)),url("assets/backgrounds/marble-light.jpg") center/cover}
.tech-hero::after{content:"";position:absolute;right:-7%;top:4%;width:48%;height:92%;pointer-events:none;opacity:.32;background:repeating-linear-gradient(60deg,transparent 0 52px,rgba(185,134,45,.15) 53px,transparent 54px 106px),repeating-linear-gradient(-60deg,transparent 0 52px,rgba(185,134,45,.10) 53px,transparent 54px 106px);mask-image:radial-gradient(circle,#000,transparent 72%)}
.tech-hero-copy{position:relative;z-index:2}.tech-hero small,.tech-feature small{color:#a77420;letter-spacing:3px}.tech-hero h1{margin:22px 0 18px;font-family:Georgia,serif;font-size:clamp(58px,7vw,108px);line-height:.9;font-weight:400}.tech-hero h1 sup{font-size:.16em;vertical-align:top}.tech-hero h2{max-width:690px;margin:0 0 25px;font-family:Georgia,serif;font-size:clamp(30px,3.2vw,52px);line-height:1.2;font-weight:400}.tech-hero p{max-width:680px;margin-bottom:32px;color:#5f5549;font-size:18px;line-height:1.8}.tech-capabilities{margin-top:25px;color:#93681f;font-size:10px;letter-spacing:2px}.tech-capabilities b{margin:0 8px;color:#c99b45}
.tech-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:190px;padding:17px 26px!important;border:1px solid #b9862d;background:rgba(255,253,247,.72);color:#996a1d!important;font-family:Georgia,serif;font-size:13px;letter-spacing:2px;text-decoration:none;cursor:pointer;transition:.25s}.tech-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 9px 24px rgba(91,63,18,.14)}
.tech-artifact{position:relative;z-index:1;width:min(470px,43vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;clip-path:polygon(25% 3%,75% 3%,98% 50%,75% 97%,25% 97%,2% 50%);background:linear-gradient(145deg,#fff0b4 0%,#895b10 20%,#f4d477 43%,#65410b 70%,#e8bf5f 100%);padding:9px;filter:drop-shadow(0 29px 29px rgba(35,24,8,.34)) drop-shadow(0 0 18px rgba(190,135,36,.20))}.tech-artifact::before{content:"";position:absolute;inset:10px;clip-path:inherit;background:radial-gradient(circle at center,rgba(223,173,69,.25),transparent 30%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,transparent 0 24px,rgba(231,194,113,.11) 25px,transparent 26px 48px),repeating-linear-gradient(0deg,transparent 0 24px,rgba(231,194,113,.08) 25px,transparent 26px 48px),linear-gradient(145deg,#080909,#292821 52%,#040505);box-shadow:inset 0 0 42px #000,inset 0 0 14px rgba(232,188,91,.22)}.tech-artifact::after{content:"";position:absolute;width:46%;aspect-ratio:1;clip-path:inherit;background:radial-gradient(circle at 42% 35%,#f8da83,#be8423 42%,#6e470c 85%);box-shadow:0 0 0 8px rgba(15,15,13,.84),0 0 0 11px #c6973e,0 13px 20px rgba(0,0,0,.55);filter:drop-shadow(0 0 16px rgba(223,171,67,.35))}.tech-artifact span{position:relative;z-index:2;color:#fff0b3;font:700 clamp(32px,4vw,62px)/1 Consolas,monospace;text-shadow:0 0 9px rgba(255,224,145,.82),0 0 22px rgba(205,145,37,.55)}
.tech-outcomes{min-height:70px;padding:16px 5%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid rgba(191,142,49,.32);background:linear-gradient(90deg,#171816,#292820 50%,#171816);color:#f0d58e;font-family:Georgia,serif;font-size:12px;letter-spacing:2px;box-shadow:inset 0 1px 0 rgba(244,211,130,.18)}.tech-outcomes b{color:#bd8e35;font-weight:400}
.tech-section{padding:76px 5.5%}.tech-section-title{text-align:center}.tech-section-title h2{margin:0;font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);font-weight:400;letter-spacing:2px}.tech-service-grid{max-width:1380px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tech-service-grid article{position:relative;padding:38px 26px 34px;border:1px solid rgba(191,142,49,.34);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,239,225,.68));box-shadow:0 14px 35px rgba(78,55,22,.09),inset 0 1px 0 #fff;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.tech-service-grid article::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#bf8e31,transparent);opacity:.25;transition:.28s}.tech-service-grid article:hover{transform:translateY(-7px);border-color:rgba(185,134,45,.68);box-shadow:0 22px 42px rgba(78,55,22,.15),0 0 20px rgba(198,151,65,.10)}.tech-service-grid article:hover::after{opacity:.85}.tech-icon{width:76px;height:68px;margin:0 auto 24px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#fffdf6,#efe1bf);color:#a36d16;font:27px Georgia,serif;box-shadow:inset 0 0 0 1px #b98328,0 8px 18px rgba(100,69,20,.10);transition:.28s}.tech-service-grid article:hover .tech-icon{color:#7d510d;box-shadow:inset 0 0 0 1px #c79b48,0 0 18px rgba(198,151,65,.30)}.tech-service-grid h3{text-align:center;font-family:Georgia,serif;font-size:20px;line-height:1.25;font-weight:400}.tech-service-grid ul{padding:0;list-style:none}.tech-service-grid li{position:relative;margin:12px 0;padding-left:18px;color:#655c50;font-size:13px;line-height:1.45}.tech-service-grid li::before{content:"◇";position:absolute;left:0;color:#b98328}
.tech-feature{padding:75px 7%;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;border-block:1px solid rgba(191,142,49,.24);background:linear-gradient(rgba(255,255,255,.68),rgba(245,238,225,.74)),url("assets/backgrounds/marble-light.jpg") center/cover}.tech-feature h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);font-weight:400}.tech-feature p{max-width:520px;color:#665c50;line-height:1.75}.project-preview{max-width:720px;width:100%;margin:auto;border:10px solid #252525;border-bottom-width:22px;border-radius:10px;background:#111;box-shadow:0 22px 35px rgba(38,27,11,.24)}.preview-bar{height:24px;padding:7px;background:#eee9df}.preview-bar i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#b88a3c}.preview-scene{height:300px;padding:40px;display:flex;flex-direction:column;align-items:flex-start;color:#f5d98d;background:linear-gradient(90deg,rgba(21,13,3,.72),rgba(83,54,10,.18)),radial-gradient(circle at 70% 35%,#c89a42,#3c2b11 38%,#100d08 75%)}.preview-scene strong{font:52px Georgia,serif}.preview-scene span{letter-spacing:6px}.preview-scene em{margin-top:auto;color:#fff7e5;font:normal 28px Georgia,serif}
.tech-process{background:rgba(255,255,255,.52)}.tech-process-grid{max-width:1380px;margin:42px auto 0;display:grid;grid-template-columns:repeat(5,1fr)}.tech-process-grid article{position:relative;padding:10px 24px 25px;text-align:center;border-right:1px solid rgba(191,142,49,.30)}.tech-process-grid article:last-child{border:0}.tech-process-grid b{width:54px;height:48px;margin:auto;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#fff;border:1px solid #b9862d;color:#a6721d;font:18px Georgia,serif}.tech-process-grid h3{font-family:Georgia,serif;font-weight:400;letter-spacing:1px}.tech-process-grid p{color:#665c50;font-size:13px;line-height:1.55}
.tech-cta{margin:0 2% 50px;padding:70px 5%;text-align:center;border:1px solid rgba(185,134,45,.58);background:linear-gradient(rgba(255,255,255,.78),rgba(248,242,230,.88)),url("assets/backgrounds/marble-light.jpg") center/cover}.tech-cta h2{margin:0 0 30px;font-family:Georgia,serif;font-size:clamp(36px,5vw,68px);line-height:1.05;font-weight:400}
@media(max-width:1050px){.tech-service-grid{grid-template-columns:repeat(2,1fr)}.tech-hero{grid-template-columns:1fr}.tech-artifact{width:min(390px,70vw)}.tech-feature{grid-template-columns:1fr}.tech-process-grid{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto}}
@media(max-width:620px){.tech-page{padding-top:78px}.tech-hero{padding:58px 6%}.tech-hero h1{font-size:54px}.tech-capabilities{line-height:2}.tech-outcomes{gap:10px;font-size:9px;text-align:center}.tech-service-grid{grid-template-columns:1fr}.tech-section,.tech-feature{padding:55px 6%}.preview-scene{height:220px;padding:24px}.preview-scene strong{font-size:38px}.preview-scene em{font-size:21px}.tech-process-grid{grid-template-columns:1fr;overflow:visible}.tech-process-grid article{border-right:0;border-bottom:1px solid rgba(191,142,49,.25)}}

/* SPAR10 TECH — MOCKUP THEME RESTORATION */
.tech-page{position:relative;background:linear-gradient(rgba(251,248,241,.90),rgba(239,231,216,.94)),url("assets/backgrounds/marble-light.jpg") center/cover fixed}
.tech-hero{border-bottom:3px double rgba(174,123,35,.62);background:radial-gradient(circle at 78% 48%,rgba(204,157,68,.12),transparent 29%),radial-gradient(circle at 22% 35%,rgba(255,255,255,.96),transparent 35%),linear-gradient(rgba(255,255,255,.68),rgba(246,239,226,.80)),url("assets/backgrounds/marble-light.jpg") center/cover}
.tech-hero::after{width:55%;opacity:.48;background:linear-gradient(30deg,transparent 49%,rgba(185,134,45,.18) 49.5% 50.5%,transparent 51%),linear-gradient(150deg,transparent 49%,rgba(185,134,45,.14) 49.5% 50.5%,transparent 51%),repeating-linear-gradient(60deg,transparent 0 52px,rgba(185,134,45,.13) 53px,transparent 54px 106px),repeating-linear-gradient(-60deg,transparent 0 52px,rgba(185,134,45,.09) 53px,transparent 54px 106px);background-size:180px 180px,180px 180px,auto,auto}
.tech-artifact{width:min(500px,45vw);padding:11px;background:linear-gradient(145deg,#fff0b4 0%,#895b10 18%,#f4d477 40%,#65410b 70%,#e8bf5f 100%);filter:drop-shadow(0 32px 28px rgba(35,24,8,.38)) drop-shadow(0 0 22px rgba(190,135,36,.24))}
.tech-artifact::before{inset:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),radial-gradient(circle at center,rgba(216,163,58,.22),transparent 42%),linear-gradient(145deg,#080909,#292821 52%,#040505);box-shadow:inset 0 0 50px #000,inset 0 0 18px rgba(232,188,91,.24)}
.tech-artifact::after{inset:7%;width:auto;aspect-ratio:auto;border:1px solid rgba(239,204,124,.22);background:repeating-linear-gradient(90deg,transparent 0 29px,rgba(231,194,113,.075) 30px,transparent 31px 59px),repeating-linear-gradient(0deg,transparent 0 29px,rgba(231,194,113,.06) 30px,transparent 31px 59px);box-shadow:none;filter:none}
.tech-circuit-ring{position:absolute;z-index:2;inset:18%;clip-path:inherit;background:repeating-conic-gradient(from 0deg,rgba(228,185,88,.58) 0 1deg,transparent 1.5deg 8deg);mask:radial-gradient(circle,transparent 0 38%,#000 40% 57%,transparent 59%);filter:drop-shadow(0 0 5px rgba(213,161,55,.55));animation:techCircuitTurn 24s linear infinite}
.tech-core{position:relative;z-index:4;width:42%;aspect-ratio:1;display:grid;place-items:center;clip-path:inherit;background:linear-gradient(145deg,#f7d777,#956316 38%,#d7a83f 65%,#5f3d09);box-shadow:0 0 0 9px rgba(10,10,9,.92),0 0 0 12px #c6973e,0 15px 22px rgba(0,0,0,.58);filter:drop-shadow(0 0 17px rgba(223,171,67,.38))}.tech-core span{color:#1e1d19;font:700 clamp(54px,6vw,88px)/1 Georgia,serif;text-shadow:0 1px 0 rgba(255,239,185,.45)}
@keyframes techCircuitTurn{to{transform:rotate(360deg)}}
.tech-hero-seal{position:relative;z-index:5;width:54px;height:48px;margin:-25px auto -24px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#f4d581,#8d6017 45%,#e5bd5e);color:#29251e;font:700 23px Georgia,serif;box-shadow:0 0 0 5px #f7f1e6,0 8px 16px rgba(58,39,10,.20)}
.tech-outcomes{min-height:78px;padding-top:22px;border-block:1px solid rgba(215,173,88,.38);background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),linear-gradient(90deg,#121311,#2b2a23 50%,#121311)}
.tech-section{position:relative;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.86),transparent 40%)}
.tech-section::before,.tech-section::after{content:"";position:absolute;top:0;width:180px;height:180px;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='78' viewBox='0 0 90 78'%3E%3Cpath d='M23 1h44l22 38-22 38H23L1 39z' fill='none' stroke='%23b9862d' stroke-opacity='.55'/%3E%3C/svg%3E")}.tech-section::before{left:0}.tech-section::after{right:0;transform:scaleX(-1)}
.tech-section-title,.tech-service-grid,.tech-process-grid{position:relative;z-index:1}
.tech-feature{border-block:3px double rgba(174,123,35,.44);box-shadow:inset 0 20px 45px rgba(130,91,25,.035),inset 0 -20px 45px rgba(130,91,25,.035)}
.tech-cta{position:relative;border:3px double rgba(185,134,45,.62);box-shadow:inset 0 0 0 8px rgba(255,255,255,.42),0 14px 35px rgba(80,55,18,.10)}
@media(max-width:620px){.tech-artifact{width:min(390px,82vw)}.tech-hero-seal{margin-top:-24px}.tech-section::before,.tech-section::after{width:90px;height:100px}}

/* SPAR10 TECH — FUTURE SYSTEMS THEME */
.tech-page{
  --tech-cyan:#43e7ff;
  --tech-blue:#168dff;
  --tech-violet:#775cff;
  --tech-gold:#d7ad57;
  --tech-panel:rgba(8,18,30,.82);
  color:#eafaff;
  background:
    linear-gradient(rgba(4,10,18,.96),rgba(5,12,22,.98)),
    radial-gradient(circle at 70% 15%,rgba(43,111,255,.20),transparent 34%),
    #050b13;
}
.tech-page::before{
  content:"";position:fixed;inset:102px 0 0;z-index:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(67,231,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(67,231,255,.065) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
.tech-page>*{position:relative;z-index:1}
.tech-hero{
  min-height:720px;border-bottom:1px solid rgba(67,231,255,.28);
  background:
    radial-gradient(circle at 78% 45%,rgba(28,133,255,.20),transparent 24%),
    radial-gradient(circle at 68% 42%,rgba(119,92,255,.12),transparent 40%),
    linear-gradient(115deg,rgba(4,10,18,.99) 0 48%,rgba(5,16,29,.91) 72%,rgba(4,9,17,.98));
}
.tech-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:linear-gradient(105deg,transparent 0 56%,rgba(67,231,255,.12) 56.1% 56.25%,transparent 56.4%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,231,255,.04) 40px);
}
.tech-hero::after{
  right:-4%;top:0;width:55%;height:100%;opacity:.55;
  background:repeating-linear-gradient(60deg,transparent 0 57px,rgba(67,231,255,.11) 58px,transparent 59px 116px),repeating-linear-gradient(-60deg,transparent 0 57px,rgba(119,92,255,.09) 58px,transparent 59px 116px);
}
.tech-hero small,.tech-feature small{color:var(--tech-cyan)}
.tech-hero h1{color:#fff;letter-spacing:-3px;text-shadow:0 0 32px rgba(67,231,255,.20)}
.tech-hero h2{color:#d9f6ff}.tech-hero p{color:#91a8b8}
.tech-capabilities{color:#85ddec}.tech-capabilities b{color:var(--tech-gold)}
.tech-button{border-color:rgba(67,231,255,.72);background:linear-gradient(135deg,rgba(20,68,91,.55),rgba(8,24,38,.72));color:#dffbff!important;box-shadow:inset 0 0 18px rgba(67,231,255,.06),0 0 22px rgba(27,169,220,.08)}
.tech-button:hover{background:rgba(67,231,255,.13);border-color:#72efff;box-shadow:0 0 28px rgba(67,231,255,.22);color:#fff!important}
.tech-artifact{width:min(510px,46vw);padding:1px;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);background:linear-gradient(135deg,var(--tech-cyan),rgba(119,92,255,.62) 45%,var(--tech-gold));filter:drop-shadow(0 30px 38px rgba(0,0,0,.65)) drop-shadow(0 0 24px rgba(67,231,255,.22))}
.tech-artifact::before{inset:2px;clip-path:inherit;background:radial-gradient(circle at 50% 48%,rgba(29,119,174,.24),transparent 40%),repeating-linear-gradient(90deg,transparent 0 31px,rgba(67,231,255,.06) 32px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(67,231,255,.05) 32px),linear-gradient(145deg,#06121f,#07101a 62%,#02070d);box-shadow:inset 0 0 55px #000}
.tech-artifact::after{inset:8%;width:auto;aspect-ratio:auto;clip-path:inherit;border:1px solid rgba(67,231,255,.20);background:none;box-shadow:inset 0 0 24px rgba(67,231,255,.05);filter:none}
.tech-circuit-ring{inset:10%;background:repeating-conic-gradient(from 0deg,rgba(67,231,255,.75) 0 1deg,transparent 1.5deg 6deg);mask:radial-gradient(circle,transparent 0 42%,#000 43% 52%,transparent 54%);filter:drop-shadow(0 0 5px rgba(67,231,255,.75));animation-duration:32s}
.tech-hud{position:relative;z-index:4;width:58%;aspect-ratio:1.12;padding:18px;display:flex;flex-direction:column;border:1px solid rgba(67,231,255,.55);background:linear-gradient(145deg,rgba(10,30,47,.94),rgba(4,12,22,.96));box-shadow:0 0 0 7px rgba(4,11,19,.75),0 0 32px rgba(67,231,255,.22),inset 0 0 26px rgba(28,144,191,.10)}
.tech-hud-top{display:flex;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(67,231,255,.20)}
.tech-hud-top i{width:5px;height:5px;border-radius:50%;background:var(--tech-cyan);box-shadow:0 0 8px var(--tech-cyan)}
.tech-hud-top span{margin-left:auto;color:#67eaff;font:7px/1 Consolas,monospace;letter-spacing:1.4px}
.tech-hud-grid{margin:14px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:7px;flex:1}.tech-hud-grid span{min-height:24px;border:1px solid rgba(67,231,255,.16);background:linear-gradient(135deg,rgba(22,141,255,.16),rgba(119,92,255,.08))}.tech-hud-grid .wide{grid-row:span 2}
.tech-hud strong{position:absolute;inset:0;display:grid;place-items:center;color:#dffcff;font:700 clamp(32px,4.6vw,66px)/1 Consolas,monospace;text-shadow:0 0 12px var(--tech-cyan),0 0 30px rgba(22,141,255,.8)}
.tech-hud small{color:#66dcec!important;font:7px/1.4 Consolas,monospace!important;letter-spacing:1.2px!important;text-align:center}
.tech-hero-seal{background:linear-gradient(145deg,#6ff0ff,#176e9e 45%,#765cff);color:#04111a;box-shadow:0 0 0 5px #07111d,0 0 24px rgba(67,231,255,.32)}
.tech-outcomes{border-color:rgba(67,231,255,.24);background:linear-gradient(90deg,#030910,#0b1c2c 50%,#030910);color:#c6f8ff}.tech-outcomes b{color:var(--tech-gold)}
.tech-section{background:radial-gradient(circle at 50% 0,rgba(22,141,255,.10),transparent 38%)}
.tech-section::before,.tech-section::after{opacity:.16;filter:hue-rotate(145deg) saturate(2)}
.tech-section-title h2,.tech-feature h2,.tech-cta h2{color:#f3fcff}
.tech-service-grid article{overflow:hidden;border-color:rgba(67,231,255,.20);background:linear-gradient(145deg,rgba(12,29,45,.92),rgba(5,14,24,.92));box-shadow:0 18px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(115,238,255,.10)}
.tech-service-grid article::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(67,231,255,.08),transparent);transform:translateX(-110%);transition:transform .7s ease}
.tech-service-grid article:hover::before{transform:translateX(110%)}
.tech-service-grid article::after{background:linear-gradient(90deg,transparent,var(--tech-cyan),var(--tech-violet),transparent)}
.tech-service-grid article:hover{border-color:rgba(67,231,255,.65);box-shadow:0 22px 46px rgba(0,0,0,.38),0 0 26px rgba(67,231,255,.10)}
.tech-icon{background:linear-gradient(145deg,rgba(18,55,78,.95),rgba(6,19,31,.98));color:var(--tech-cyan);box-shadow:inset 0 0 0 1px rgba(67,231,255,.65),0 0 18px rgba(67,231,255,.12)}
.tech-service-grid article:hover .tech-icon{color:#fff;box-shadow:inset 0 0 0 1px var(--tech-cyan),0 0 25px rgba(67,231,255,.34)}
.tech-service-grid h3{color:#e9faff}.tech-service-grid li,.tech-process-grid p{color:#91a8b8}.tech-service-grid li::before{color:var(--tech-cyan)}
.tech-feature{border-color:rgba(67,231,255,.22);background:radial-gradient(circle at 75% 40%,rgba(119,92,255,.13),transparent 34%),linear-gradient(120deg,#07111d,#091827 60%,#050c15);box-shadow:inset 0 20px 45px rgba(13,106,153,.05),inset 0 -20px 45px rgba(13,106,153,.05)}
.tech-feature p{color:#91a8b8}.project-preview{border-color:#07111a;box-shadow:0 25px 50px rgba(0,0,0,.52),0 0 28px rgba(67,231,255,.12)}.preview-bar{background:#101f2c}.preview-bar i{background:var(--tech-cyan)}.preview-scene{color:#8decff;background:linear-gradient(90deg,rgba(3,12,21,.88),rgba(12,31,52,.34)),radial-gradient(circle at 72% 35%,#2b69a7,#141b3d 38%,#050a11 75%)}.preview-scene em{color:#eefcff}
.tech-process{background:rgba(5,13,23,.62)}.tech-process-grid article{border-color:rgba(67,231,255,.18)}.tech-process-grid b{background:#071522;border-color:rgba(67,231,255,.65);color:var(--tech-cyan);box-shadow:0 0 16px rgba(67,231,255,.12)}.tech-process-grid h3{color:#e8faff}
.tech-cta{border-color:rgba(67,231,255,.42);background:radial-gradient(circle at 50% 0,rgba(22,141,255,.16),transparent 55%),linear-gradient(135deg,#071421,#050b13);box-shadow:inset 0 0 0 8px rgba(67,231,255,.025),0 18px 40px rgba(0,0,0,.34)}
@media(max-width:1050px){.tech-artifact{width:min(470px,74vw);margin-top:35px}}
@media(max-width:620px){.tech-page::before{inset:78px 0 0;background-size:34px 34px}.tech-hero{min-height:auto}.tech-hero h1{letter-spacing:-2px}.tech-artifact{width:min(390px,88vw)}.tech-hud{padding:13px}.tech-hud-top span{font-size:6px}.tech-hud small{font-size:6px!important}.tech-service-grid article{padding:34px 24px}}

/* SPAR10 TECH — TYPOGRAPHY ALIGNMENT WITH SPAR10 IMAGES */
.tech-page .tech-hero h1,
.tech-page .tech-hero h2,
.tech-page .tech-section-title h2,
.tech-page .tech-service-grid h3,
.tech-page .tech-feature h2,
.tech-page .tech-process-grid h3,
.tech-page .tech-cta h2,
.tech-page .preview-scene strong,
.tech-page .preview-scene em{
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
}
.tech-page .tech-hero small,
.tech-page .tech-feature small,
.tech-page .tech-capabilities,
.tech-page .tech-outcomes,
.tech-page .tech-button,
.tech-page .tech-process-grid b{
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
}
.tech-page .tech-hero h1{font-weight:400;letter-spacing:4px}
.tech-page .tech-hero h2{font-weight:400;letter-spacing:.5px}
.tech-page .tech-section-title h2,
.tech-page .tech-feature h2,
.tech-page .tech-cta h2{font-weight:400;letter-spacing:4px}
.tech-page .tech-service-grid h3,
.tech-page .tech-process-grid h3{font-weight:400;letter-spacing:2px}
.tech-page .tech-button{font-size:11px;letter-spacing:2.8px}
.tech-page .tech-outcomes{font-size:10px;letter-spacing:2.6px}
.tech-page .tech-hud,
.tech-page .tech-hud *{font-family:Consolas,"Courier New",monospace}
@media(max-width:620px){.tech-page .tech-hero h1{letter-spacing:2px}.tech-page .tech-section-title h2,.tech-page .tech-feature h2,.tech-page .tech-cta h2{letter-spacing:2px}}

@media(max-width:980px){
  .desktop-nav{gap:27px}
  .division-grid{gap:12px}
  .division-card h3{font-size:12px}
}
@media(max-width:820px){
  #cursorGlow{display:none}
  .site-header{height:78px}
  .desktop-nav{display:none}
  .mobile-menu{display:block}
  .brand-helmet{width:42px;height:42px}
  .brand-name{font-size:25px}
  .brand-sub{font-size:8px;letter-spacing:4px}
  .mobile-drawer{position:fixed;z-index:999;top:78px;left:0;right:0;padding:16px 6%;display:flex;flex-direction:column;gap:0;background:rgba(250,246,238,.98);border-bottom:1px solid rgba(191,142,49,.35);transform:translateY(-120%);transition:.25s}
  .mobile-drawer.open{transform:translateY(0)}
  .mobile-drawer button{padding:16px;border:0;border-bottom:1px solid rgba(100,75,38,.1);background:none;text-align:left;letter-spacing:3px;font-family:Georgia,serif}
  .initiative-grid{grid-template-columns:1fr;padding:45px 6% 80px}

  .hero{
    margin-top:78px;
    height:720px;
    min-height:0;
  }

  .hero h1{
    font-size:76px;
    letter-spacing:-2px;
  }

  .industry-title{
    font-size:15px;
    letter-spacing:5px;
  }

  .industry-title span{width:28px}
  .division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:470px){
  .brand-copy{display:none}
  .hero h1{font-size:61px}
  .industry-title{font-size:12px}
  .division-grid{grid-template-columns:1fr}
}


/* =========================================================
   SPAR10 GATEWAY EXPERIENCE — V5
========================================================= */
.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.gateway-vignette,.gateway-beam,.gateway-iris{
  position:absolute;pointer-events:none;z-index:4;opacity:0;
}
.gateway-vignette{
  inset:0;
  background:radial-gradient(ellipse at 50% 48%,transparent 0 27%,rgba(37,20,2,.10) 47%,rgba(20,10,0,.72) 100%);
}
.gateway-beam{
  inset:0 auto 0 50%;
  width:3px;
  transform:translateX(-50%) scaleY(.08);
  transform-origin:center;
  background:linear-gradient(180deg,transparent 0%,rgba(255,236,178,.58) 15%,rgba(255,213,105,.98) 48%,rgba(255,239,191,.72) 82%,transparent 100%);
  box-shadow:0 0 18px rgba(255,218,123,.95),0 0 58px rgba(255,205,89,.75),0 0 120px rgba(244,180,48,.45);
}
.gateway-iris{
  top:50%;left:50%;
  width:28vmin;height:28vmin;border-radius:50%;
  transform:translate(-50%,-50%) scale(.15);
  background:radial-gradient(circle,rgba(255,250,231,.98) 0 9%,rgba(255,224,143,.92) 22%,rgba(231,173,49,.46) 48%,transparent 72%);
}
.hero.gateway-sequence{isolation:isolate}
.hero.gateway-sequence .ecosystem-button{pointer-events:none}
.hero.gateway-awaken .gateway-vignette{animation:gatewayVignetteIn .55s ease-out forwards}
.hero.gateway-awaken .portal-glow{animation:gatewaySideWake .65s ease-out forwards!important}
.hero.gateway-awaken .hero-art{animation:gatewayPush 1.55s cubic-bezier(.18,.74,.22,1) forwards}
.hero.gateway-awaken .hero-content{animation:gatewayContentRecede .95s cubic-bezier(.3,.7,.2,1) .28s forwards}
.hero.gateway-open .gateway-beam{animation:gatewayBeamOpen .62s cubic-bezier(.2,.8,.2,1) forwards}
.hero.gateway-open .gateway-iris{animation:gatewayIrisOpen .78s cubic-bezier(.2,.75,.2,1) forwards}
.hero.gateway-enter .gateway-iris{animation:gatewayIrisEnter .62s cubic-bezier(.2,.75,.2,1) forwards}
.hero.gateway-enter .gateway-vignette{animation:gatewayVignetteOut .55s ease-in forwards}
.divisions.gateway-reveal .section-title{animation:gatewayTitleReveal .55s ease-out both}
.divisions.gateway-reveal .division-card{
  opacity:0;transform:translateY(20px) scale(.97);
  animation:gatewayCardReveal .55s cubic-bezier(.18,.78,.24,1) forwards;
}
.divisions.gateway-reveal .division-card:nth-child(1){animation-delay:.08s}
.divisions.gateway-reveal .division-card:nth-child(2){animation-delay:.17s}
.divisions.gateway-reveal .division-card:nth-child(3){animation-delay:.26s}
.divisions.gateway-reveal .division-card:nth-child(4){animation-delay:.35s}
.divisions.gateway-reveal .division-card:nth-child(5){animation-delay:.44s}

@keyframes gatewayVignetteIn{from{opacity:0}to{opacity:1}}
@keyframes gatewayVignetteOut{from{opacity:1}to{opacity:0}}
@keyframes gatewaySideWake{from{opacity:.18;filter:blur(40px)}to{opacity:.56;filter:blur(28px)}}
@keyframes gatewayPush{0%{transform:scale(1.03)}48%{transform:scale(1.075)}100%{transform:scale(1.16)}}
@keyframes gatewayContentRecede{
  0%{opacity:1;transform:translateY(54px) scale(1);filter:blur(0)}
  65%{opacity:.42}
  100%{opacity:0;transform:translateY(46px) scale(.94);filter:blur(3px)}
}
@keyframes gatewayBeamOpen{
  0%{opacity:0;width:2px;transform:translateX(-50%) scaleY(.08)}
  35%{opacity:1}
  100%{opacity:1;width:7px;transform:translateX(-50%) scaleY(1)}
}
@keyframes gatewayIrisOpen{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}
  38%{opacity:.65}
  100%{opacity:.92;transform:translate(-50%,-50%) scale(1.55)}
}
@keyframes gatewayIrisEnter{
  0%{opacity:.92;transform:translate(-50%,-50%) scale(1.55)}
  70%{opacity:.98}
  100%{opacity:0;transform:translate(-50%,-50%) scale(7.5)}
}
@keyframes gatewayTitleReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes gatewayCardReveal{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (prefers-reduced-motion: reduce){
  .hero.gateway-awaken .gateway-vignette,
  .hero.gateway-awaken .portal-glow,
  .hero.gateway-awaken .hero-art,
  .hero.gateway-awaken .hero-content,
  .hero.gateway-open .gateway-beam,
  .hero.gateway-open .gateway-iris,
  .hero.gateway-enter .gateway-iris,
  .hero.gateway-enter .gateway-vignette,
  .divisions.gateway-reveal .section-title,
  .divisions.gateway-reveal .division-card{animation:none!important}
}


/* =========================================================
   FULL-SCREEN ECOSYSTEM HUB — V6
========================================================= */
.ecosystem-page{
  min-height:100vh;
  padding-top:102px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(255,255,252,.98) 0 24%,rgba(250,246,237,.82) 55%,rgba(222,211,191,.42) 100%),
    repeating-linear-gradient(135deg,rgba(167,149,118,.055) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(45deg,rgba(255,255,255,.62) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#f7f3e9,#e9e0cf);
}

.ecosystem-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.88),transparent 32%),
    radial-gradient(circle at 50% 64%,rgba(255,252,241,.76),transparent 40%),
    linear-gradient(90deg,rgba(125,103,70,.08),transparent 14% 86%,rgba(125,103,70,.08));
}

.ecosystem-page::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='450' viewBox='0 0 520 450'%3E%3Cpath d='M130 2h260l128 223-128 223H130L2 225z' fill='none' stroke='%23b8aa91' stroke-opacity='.28' stroke-width='2'/%3E%3C/svg%3E");
  background-size:520px 450px;
  background-position:center;
}

.ecosystem-stage{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 102px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px 4.5% 70px;
}

.ecosystem-eyebrow{
  text-align:center;
  margin-bottom:14px;
  color:#9a7026;
  font-size:10px;
  letter-spacing:6px;
}

.ecosystem-page .section-title h2{
  font-size:clamp(42px,5vw,72px);
  letter-spacing:4px;
  color:#8e651b;
}

.ecosystem-page .section-title p{
  margin-top:10px;
}

.ecosystem-intro{
  text-align:center;
  margin:10px 0 34px;
  color:#6f6250;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  letter-spacing:4px;
}

.ecosystem-page .division-grid{
  width:min(1180px,94vw);
  margin:0 auto;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:28px;
}

.ecosystem-page .division-card{
  opacity:1;
}

.ecosystem-page .hex-frame{
  max-width:200px;
}

.ecosystem-page.reveal .section-title,
.ecosystem-page.reveal .ecosystem-eyebrow,
.ecosystem-page.reveal .ecosystem-intro{
  animation:ecosystemHeaderIn .7s ease-out both;
}

.ecosystem-page.reveal .division-card{
  opacity:0;
  transform:translateY(28px) scale(.96);
  animation:ecosystemDivisionIn .62s cubic-bezier(.18,.78,.24,1) forwards;
}
.ecosystem-page.reveal .division-card:nth-child(1){animation-delay:.12s}
.ecosystem-page.reveal .division-card:nth-child(2){animation-delay:.22s}
.ecosystem-page.reveal .division-card:nth-child(3){animation-delay:.32s}
.ecosystem-page.reveal .division-card:nth-child(4){animation-delay:.42s}
.ecosystem-page.reveal .division-card:nth-child(5){animation-delay:.52s}

@keyframes ecosystemHeaderIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes ecosystemDivisionIn{
  from{opacity:0;transform:translateY(28px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:980px){
  .ecosystem-page .division-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .ecosystem-page{padding-top:78px}
  .ecosystem-stage{min-height:calc(100vh - 78px);padding-top:42px}
  .ecosystem-page .division-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:470px){
  .ecosystem-page .division-grid{grid-template-columns:1fr}
}




/* =========================================================
   SPAR10 CORPORATE WORDMARK — reference-font treatment
   Scoped ONLY to exact "Spar10 Industries LLC" identity uses.
   ========================================================= */
.corporate-wordmark,
.corporate-wordmark-main,
.corporate-wordmark-sub,
.corporate-wordmark-inline{
  font-family:"Cinzel","Trajan Pro","Times New Roman",serif !important;
}

/* Header lockup */
.corporate-wordmark .brand-name{
  font-family:inherit;
  font-weight:500;
  letter-spacing:1.5px;
}
.corporate-wordmark .brand-sub{
  font-family:inherit;
  font-weight:500;
}

/* Hero lockup — preserve all existing sizing, shadows, spacing and animation */
.hero .corporate-wordmark-main{
  font-family:"Cinzel","Trajan Pro","Times New Roman",serif !important;
  font-weight:500;
}
.hero .corporate-wordmark-sub{
  font-family:"Cinzel","Trajan Pro","Times New Roman",serif !important;
  font-weight:500;
}

/* Small exact corporate-name instances on Ecosystem/About/Contact */
.corporate-wordmark-inline{
  font-weight:500;
}


/* =========================================================
   SPAR10 CUSTOM BLACK/GOLD WORDMARK
   Uses the approved custom logo artwork only in the two
   primary corporate lockups: fixed header + homepage hero.
   ========================================================= */
.brand-wordmark{
  display:block;
  width:190px;
  height:auto;
  object-fit:contain;
}

.hero-wordmark{
  display:block;
  width:min(690px,72vw);
  height:auto;
  margin:22px auto 0;
  filter:drop-shadow(0 8px 16px rgba(45,25,3,.30));
}

@media(max-width:820px){
  .brand-wordmark{width:150px}
  .hero-wordmark{width:min(570px,86vw);margin-top:18px}
}

@media(max-width:470px){
  .brand-wordmark{width:128px}
  .hero-wordmark{width:92vw}
}


/* Homepage Welcome button — restrained ivory and gold treatment */
.ecosystem-button{
  position:relative;
  display:flex;
  margin-left:auto;
  margin-right:auto;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(213,177,88,.04),transparent 24% 76%,rgba(213,177,88,.04)),
    linear-gradient(180deg,rgba(255,255,252,.96) 0%,rgba(250,247,239,.94) 52%,rgba(242,235,220,.94) 100%);
  border:1px solid rgba(190,140,45,.76);
  color:#a87318;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.30),
    0 4px 12px rgba(79,53,17,.14),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -7px 14px rgba(184,142,67,.07);
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:25px;
  font-style:italic;
  font-weight:400;
  letter-spacing:1.5px;
  text-shadow:0 1px 1px rgba(255,255,255,.86);
}
.ecosystem-button b{
  display:block;
  position:absolute;
  right:21px;
  margin:0;
  color:#b57d1d;
  font-family:Arial,sans-serif;
  font-size:25px;
  font-weight:200;
  line-height:1;
  text-shadow:0 1px 1px rgba(255,255,255,.86);
}
.ecosystem-button:hover{
  background:
    linear-gradient(90deg,rgba(213,177,88,.06),transparent 24% 76%,rgba(213,177,88,.06)),
    linear-gradient(180deg,#fffef9 0%,#fbf7ed 52%,#f2ead9 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.38),
    0 5px 15px rgba(79,53,17,.18),
    0 0 13px rgba(216,183,91,.24),
    inset 0 1px 0 #fff,
    inset 0 -7px 14px rgba(184,142,67,.09);
}

@media(max-width:470px){
  .ecosystem-button{width:270px;height:47px;font-size:22px;letter-spacing:1px}
  .ecosystem-button b{right:18px;font-size:23px}
}

/* =========================================================
   SPAR10 3D ORBITAL DIVISION CHAMBER
   ========================================================= */

.ecosystem-page .division-grid.orbital-interface{

  position:relative;

  display:block;

  width:min(1180px,94vw);

  height:500px;

  margin:10px auto 0;

  perspective:1300px;

  perspective-origin:50% 48%;

  transform-style:preserve-3d;

  overflow:visible;
}


/* ---------------------------------------------------------
   EACH DIVISION BECOMES A FLOATING ENTITY
   --------------------------------------------------------- */

.ecosystem-page
.division-grid.orbital-interface
.division-card{

  position:absolute;

  left:50%;
  top:50%;

  width:190px;

  margin:0;
  padding:0;

  transform-style:preserve-3d;

  transform-origin:center;

  will-change:
    transform,
    opacity,
    filter;

  transition:
    filter .35s ease,
    text-shadow .35s ease;

  backface-visibility:hidden;
}


/* Disable the old entrance animation once
   the orbital interface takes control. */

.ecosystem-page.reveal
.division-grid.orbital-interface
.division-card{

  animation:none !important;
}


/* ---------------------------------------------------------
   FLOATING ARTIFACT FRAME
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface
.hex-frame{

  position:relative;

  width:180px;
  height:166px;

  margin:0 auto 18px;

  transform-style:preserve-3d;

  background:
    linear-gradient(
      145deg,
      #f1d48c,
      #a57420 45%,
      #f3dc9d 72%,
      #8e631b
    );

  box-shadow:
    0 18px 35px
    rgba(41,24,4,.22),

    0 0
    calc(8px + 22px * var(--orbit-depth))
    color-mix(
      in srgb,
      var(--accent) 42%,
      transparent
    );

  filter:
    drop-shadow(
      0 12px 18px
      rgba(55,34,7,.24)
    );
}


/* ---------------------------------------------------------
   SUBTLE INTERNAL ROTATION
   Gives the impression that each entity is suspended.
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface
.hex-frame img{

  animation:
    spar10ArtifactTurn
    16s linear infinite;

  transform-style:preserve-3d;
}


@keyframes spar10ArtifactTurn{

  0%{
    transform:
      rotateY(-4deg)
      rotateX(1deg);
  }

  25%{
    transform:
      rotateY(3deg)
      rotateX(-1deg);
  }

  50%{
    transform:
      rotateY(5deg)
      rotateX(1deg);
  }

  75%{
    transform:
      rotateY(-2deg)
      rotateX(-1deg);
  }

  100%{
    transform:
      rotateY(-4deg)
      rotateX(1deg);
  }
}


/* ---------------------------------------------------------
   FRONT / DEPTH LIGHTING
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface
.division-card h3{

  transition:
    color .3s ease,
    text-shadow .3s ease;

  text-shadow:
    0 3px 12px
    rgba(51,31,4,.16);
}


.ecosystem-page
.orbital-interface
.division-card p{

  transition:
    color .3s ease,
    opacity .3s ease;
}


/* ---------------------------------------------------------
   HOVER / FOCUS
   Orbit itself slows through JavaScript.
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface
.division-card.orbital-focus{

  filter:
    brightness(1.12)
    saturate(1.08);
}


.ecosystem-page
.orbital-interface
.division-card.orbital-focus
.hex-frame{

  box-shadow:

    0 22px 42px
    rgba(43,26,5,.24),

    0 0 26px
    color-mix(
      in srgb,
      var(--accent) 68%,
      transparent
    ),

    0 0 58px
    color-mix(
      in srgb,
      var(--accent) 30%,
      transparent
    );
}


.ecosystem-page
.orbital-interface
.division-card.orbital-focus h3{

  color:var(--accent);

  text-shadow:
    0 0 15px
    color-mix(
      in srgb,
      var(--accent) 38%,
      transparent
    );
}


/* ---------------------------------------------------------
   SELECTION LOCK
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface.division-selected
.division-card{

  pointer-events:none;
}


.ecosystem-page
.orbital-interface
.chosen-division{

  z-index:1000 !important;

  opacity:1 !important;

  filter:
    brightness(1.15)
    saturate(1.15);
}


/* ---------------------------------------------------------
   ENVIRONMENTAL LIGHT DURING ENTRY
   --------------------------------------------------------- */

.ecosystem-page
.orbital-interface::before{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  opacity:0;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255,225,151,.20),
      transparent 58%
    );

  transition:
    opacity .6s ease;
}


.ecosystem-page
.orbital-interface.orbital-entry::before{

  opacity:1;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:820px){

  .ecosystem-page
  .division-grid.orbital-interface{

    height:470px;

    perspective:1000px;
  }

  .ecosystem-page
  .division-grid.orbital-interface
  .division-card{

    width:150px;
  }

  .ecosystem-page
  .orbital-interface
  .hex-frame{

    width:145px;
    height:134px;
  }
}


@media(max-width:470px){

  .ecosystem-page
  .division-grid.orbital-interface{

    height:440px;

    width:100%;
  }

  .ecosystem-page
  .division-grid.orbital-interface
  .division-card{

    width:126px;
  }

  .ecosystem-page
  .orbital-interface
  .hex-frame{

    width:120px;
    height:111px;
  }
}


/* =========================================================
   SPAR10 DIVISION TITLES — corporate font treatment
   Extends the approved Cinzel/Trajan-style treatment to all
   five division names without changing sizing or layout.
   ========================================================= */
.ecosystem-page .division-card h3{
  font-family:"Cinzel","Trajan Pro","Times New Roman",serif !important;
  font-weight:500;
}

/* =========================================================
   SPAR10 ORBITAL ARTIFACT ENERGIZATION — V2
   Visual-only enhancement. Orbit geometry/routing untouched.
   ========================================================= */
.ecosystem-page .orbital-interface .division-card.atlas{--artifact-a:#1a91a0;--artifact-b:#062e35;--artifact-hot:#71f4ff}
.ecosystem-page .orbital-interface .division-card.images{--artifact-a:#8d35cf;--artifact-b:#230535;--artifact-hot:#d79aff}
.ecosystem-page .orbital-interface .division-card.assets{--artifact-a:#1768c8;--artifact-b:#061b43;--artifact-hot:#83bdff}
.ecosystem-page .orbital-interface .division-card.impact{--artifact-a:#168348;--artifact-b:#052b19;--artifact-hot:#79efad}

.ecosystem-page .orbital-interface .impact-symbol{position:relative;z-index:3;width:86px;height:86px;display:grid;place-items:center}
.ecosystem-page .orbital-interface .impact-symbol i{position:absolute;width:18px;height:18px;border:2px solid #a6f3c5;border-radius:50%;box-shadow:0 0 8px rgba(121,239,173,.88),0 0 18px rgba(22,131,72,.58)}
.ecosystem-page .orbital-interface .impact-symbol i:nth-child(1){transform:translateY(-23px)}
.ecosystem-page .orbital-interface .impact-symbol i:nth-child(2){transform:translate(-22px,16px)}
.ecosystem-page .orbital-interface .impact-symbol i:nth-child(3){transform:translate(22px,16px)}
.ecosystem-page .orbital-interface .impact-symbol::before{content:"";position:absolute;width:54px;height:47px;background:conic-gradient(from 30deg at 50% 42%,transparent 0 15%,#79efad 16% 18%,transparent 19% 48%,#79efad 49% 51%,transparent 52% 81%,#79efad 82% 84%,transparent 85%);filter:drop-shadow(0 0 5px rgba(121,239,173,.75))}
.ecosystem-page .orbital-interface .division-card.fitness{--artifact-a:#c22d31;--artifact-b:#3a0709;--artifact-hot:#ff8a8e}
.ecosystem-page .orbital-interface .division-card.tech{--artifact-a:#c48b28;--artifact-b:#2d250f;--artifact-hot:#ffe19a}

.ecosystem-page .orbital-interface .tech-symbol{
  position:relative;
  z-index:3;
  color:#ffe19a;
  font-family:Consolas,"Courier New",monospace;
  font-size:38px;
  font-weight:700;
  letter-spacing:-5px;
  text-shadow:0 0 7px rgba(255,225,154,.88),0 0 18px rgba(196,139,40,.68);
}

.ecosystem-page .orbital-interface .hex-frame{
  isolation:isolate;
  overflow:hidden;
  padding:3px;
  background:
    linear-gradient(145deg,#fff0b5 0%,#b57d19 28%,#f6dc8d 48%,#8b5a12 72%,#f7dda0 100%);
  box-shadow:
    0 18px 35px rgba(41,24,4,.24),
    0 0 calc(10px + 28px * var(--orbit-depth)) color-mix(in srgb,var(--artifact-a) 52%,transparent),
    inset 0 0 14px rgba(255,231,164,.42);
}

/* dark marble/jewel chamber */
.ecosystem-page .orbital-interface .hex-frame::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:3px;
  clip-path:inherit;
  background:
    radial-gradient(circle at 48% 38%,color-mix(in srgb,var(--artifact-a) 28%,transparent),transparent 34%),
    repeating-linear-gradient(118deg,transparent 0 18px,color-mix(in srgb,var(--artifact-hot) 13%,transparent) 19px,transparent 21px 43px),
    linear-gradient(145deg,#020304 3%,var(--artifact-b) 48%,#010202 100%);
  box-shadow:inset 0 0 34px rgba(0,0,0,.78),inset 0 0 18px color-mix(in srgb,var(--artifact-a) 24%,transparent);
}

/* rotating energized perimeter / halo */
.ecosystem-page .orbital-interface .hex-frame::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:-42%;
  background:conic-gradient(from 0deg,transparent 0 16%,var(--artifact-hot) 20%,transparent 25% 49%,color-mix(in srgb,var(--artifact-a) 88%,white) 53%,transparent 58% 82%,var(--artifact-hot) 86%,transparent 91%);
  opacity:calc(.18 + var(--orbit-depth) * .48);
  filter:blur(7px);
  mix-blend-mode:screen;
  animation:spar10EnergySweep 6.8s linear infinite;
}

.ecosystem-page .orbital-interface .hex-frame img{
  position:relative;
  z-index:3;
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  padding:20%;
  background:transparent;
  filter:
    brightness(1.16)
    contrast(1.08)
    drop-shadow(0 0 5px rgba(255,239,188,.72))
    drop-shadow(0 0 calc(5px + 10px * var(--orbit-depth)) var(--artifact-hot));
}

/* fine inner hex line so the artifact reads like a powered seal */
.ecosystem-page .orbital-interface .division-card::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:5;
  left:18px;
  top:15px;
  width:154px;
  height:142px;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  border:1px solid color-mix(in srgb,var(--artifact-hot) calc(28% + var(--orbit-depth) * 36%),transparent);
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--artifact-a) 50%,transparent));
  opacity:calc(.35 + var(--orbit-depth) * .55);
  transition:opacity .3s ease,filter .3s ease;
}

.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame{
  box-shadow:
    0 24px 46px rgba(20,10,1,.32),
    0 0 24px color-mix(in srgb,var(--artifact-hot) 84%,transparent),
    0 0 72px color-mix(in srgb,var(--artifact-a) 48%,transparent),
    inset 0 0 20px rgba(255,236,180,.48);
}
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame::after{
  opacity:.88;
  animation-duration:2.2s;
}
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame img{
  filter:brightness(1.28) contrast(1.1) drop-shadow(0 0 8px #fff1bd) drop-shadow(0 0 20px var(--artifact-hot));
}
.ecosystem-page .orbital-interface .division-card.orbital-focus::before{
  opacity:1;
  filter:drop-shadow(0 0 12px var(--artifact-hot));
}

.ecosystem-page .orbital-interface .chosen-division .hex-frame{
  animation:spar10ChosenPulse .72s ease-in-out infinite alternate;
}

@keyframes spar10EnergySweep{to{transform:rotate(360deg)}}
@keyframes spar10ChosenPulse{
  from{filter:drop-shadow(0 0 8px var(--artifact-a)) brightness(1.05)}
  to{filter:drop-shadow(0 0 28px var(--artifact-hot)) brightness(1.24)}
}

@media(max-width:820px){
  .ecosystem-page .orbital-interface .division-card::before{left:12px;top:12px;width:126px;height:116px}
}
@media(max-width:470px){
  .ecosystem-page .orbital-interface .division-card::before{left:10px;top:10px;width:106px;height:98px}
}

@media(prefers-reduced-motion:reduce){
  .ecosystem-page .orbital-interface .hex-frame::after,
  .ecosystem-page .orbital-interface .chosen-division .hex-frame{animation:none!important}
}


/* =========================================================
   SPAR10 ORBITAL ARTIFACT IDENTITIES — V3
   Gives each division a unique internal "instrument" while
   preserving the shared hex chassis and orbital mechanics.
   ========================================================= */

/* shared identity layer — sits behind the logo, above the chamber */
.ecosystem-page .orbital-interface .division-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:2;
  left:18px;
  top:15px;
  width:154px;
  height:142px;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  opacity:calc(.10 + var(--orbit-depth) * .34);
  mix-blend-mode:screen;
  transition:opacity .35s ease, filter .35s ease, transform .35s ease;
}

/* ---------------------------------------------------------
   ATLAS — navigational globe / live coordinate instrument
   --------------------------------------------------------- */
.ecosystem-page .orbital-interface .division-card.atlas::after{
  background:
    radial-gradient(circle at 50% 50%,transparent 0 26%,rgba(113,244,255,.26) 27% 28%,transparent 29% 39%,rgba(113,244,255,.18) 40% 41%,transparent 42%),
    repeating-linear-gradient(90deg,transparent 0 18px,rgba(113,244,255,.12) 19px,transparent 20px 38px),
    repeating-linear-gradient(0deg,transparent 0 17px,rgba(113,244,255,.10) 18px,transparent 19px 36px);
  animation:atlasInstrumentDrift 12s linear infinite;
}

/* ---------------------------------------------------------
   IMAGES — camera aperture / optical iris
   --------------------------------------------------------- */
.ecosystem-page .orbital-interface .division-card.images::after{
  background:
    radial-gradient(circle at center,transparent 0 21%,rgba(215,154,255,.22) 22% 23%,transparent 24%),
    repeating-conic-gradient(
      from 9deg at 50% 50%,
      rgba(215,154,255,.18) 0 8deg,
      transparent 9deg 46deg
    );
  transform:scale(.78);
  animation:imagesIris 7.5s ease-in-out infinite;
}

/* ---------------------------------------------------------
   ASSETS — vault / architectural structure
   --------------------------------------------------------- */
.ecosystem-page .orbital-interface .division-card.assets::after{
  background:
    linear-gradient(90deg,transparent 12%,rgba(131,189,255,.18) 13% 15%,transparent 16% 32%,rgba(131,189,255,.20) 33% 35%,transparent 36% 64%,rgba(131,189,255,.20) 65% 67%,transparent 68% 84%,rgba(131,189,255,.18) 85% 87%,transparent 88%),
    linear-gradient(0deg,transparent 18%,rgba(131,189,255,.20) 19% 21%,transparent 22% 72%,rgba(131,189,255,.16) 73% 75%,transparent 76%),
    linear-gradient(135deg,transparent 47%,rgba(131,189,255,.10) 48% 49%,transparent 50%);
  filter:drop-shadow(0 0 5px rgba(131,189,255,.18));
  animation:assetsVaultPulse 5.8s ease-in-out infinite;
}

/* ---------------------------------------------------------
   IMPACT — connected communities / expanding reach
   --------------------------------------------------------- */
.ecosystem-page .orbital-interface .division-card.impact::after{
  background:
    radial-gradient(circle at center,transparent 0 18%,rgba(121,239,173,.28) 19% 20%,transparent 21% 34%,rgba(121,239,173,.18) 35% 36%,transparent 37% 50%,rgba(121,239,173,.10) 51% 52%,transparent 53%),
    radial-gradient(circle at 26% 34%,rgba(121,239,173,.80) 0 2px,transparent 3px),
    radial-gradient(circle at 73% 31%,rgba(121,239,173,.74) 0 2px,transparent 3px),
    radial-gradient(circle at 68% 73%,rgba(121,239,173,.78) 0 2px,transparent 3px),
    radial-gradient(circle at 31% 72%,rgba(121,239,173,.70) 0 2px,transparent 3px);
  animation:impactRipple 4.6s ease-in-out infinite;
}

/* ---------------------------------------------------------
   FITNESS — kinetic pulse / heartbeat energy
   --------------------------------------------------------- */
.ecosystem-page .orbital-interface .division-card.fitness::after{
  background:
    radial-gradient(circle at center,transparent 0 24%,rgba(255,138,142,.24) 25% 26%,transparent 27% 37%,rgba(255,138,142,.13) 38% 39%,transparent 40%),
    linear-gradient(90deg,transparent 0 17%,rgba(255,138,142,.11) 18% 21%,transparent 22% 38%,rgba(255,138,142,.28) 39% 41%,transparent 42% 47%,rgba(255,138,142,.46) 48% 51%,transparent 52% 58%,rgba(255,138,142,.22) 59% 61%,transparent 62% 78%,rgba(255,138,142,.10) 79% 82%,transparent 83%);
  animation:fitnessHeartbeat 2.8s ease-in-out infinite;
}

/* TECH — connected systems / digital circuitry */
.ecosystem-page .orbital-interface .division-card.tech::after{
  background:
    radial-gradient(circle at 25% 30%,rgba(255,225,154,.82) 0 2px,transparent 3px),
    radial-gradient(circle at 73% 27%,rgba(255,225,154,.74) 0 2px,transparent 3px),
    radial-gradient(circle at 68% 72%,rgba(255,225,154,.76) 0 2px,transparent 3px),
    linear-gradient(32deg,transparent 24%,rgba(255,225,154,.18) 25% 26%,transparent 27% 73%,rgba(255,225,154,.16) 74% 75%,transparent 76%),
    repeating-linear-gradient(90deg,transparent 0 25px,rgba(255,225,154,.08) 26px,transparent 27px 48px);
  animation:techCircuitPulse 4.2s ease-in-out infinite;
}

/* Bring each identity fully awake when hovered */
.ecosystem-page .orbital-interface .division-card.orbital-focus::after{
  opacity:.78;
  filter:drop-shadow(0 0 10px var(--artifact-hot));
}

/* Slightly more visible when selected */
.ecosystem-page .orbital-interface .division-card.chosen-division::after{
  opacity:.95;
  filter:drop-shadow(0 0 16px var(--artifact-hot));
}

/* Per-division chamber materials */
.ecosystem-page .orbital-interface .division-card.atlas .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(26,145,160,.30),transparent 34%),
    repeating-linear-gradient(118deg,transparent 0 18px,rgba(113,244,255,.10) 19px,transparent 21px 43px),
    linear-gradient(145deg,#010304 3%,#062e35 48%,#010202 100%);
}
.ecosystem-page .orbital-interface .division-card.images .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(141,53,207,.35),transparent 34%),
    repeating-radial-gradient(circle at center,transparent 0 16px,rgba(215,154,255,.055) 17px,transparent 18px 30px),
    linear-gradient(145deg,#030104 3%,#230535 48%,#010102 100%);
}
.ecosystem-page .orbital-interface .division-card.assets .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(23,104,200,.31),transparent 34%),
    repeating-linear-gradient(90deg,transparent 0 24px,rgba(131,189,255,.065) 25px,transparent 26px 49px),
    linear-gradient(145deg,#010204 3%,#061b43 48%,#010102 100%);
}
.ecosystem-page .orbital-interface .division-card.impact .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(22,131,72,.31),transparent 34%),
    repeating-linear-gradient(132deg,transparent 0 20px,rgba(121,239,173,.07) 21px,transparent 22px 46px),
    linear-gradient(145deg,#010402 3%,#052b19 48%,#010201 100%);
}
.ecosystem-page .orbital-interface .division-card.fitness .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(194,45,49,.32),transparent 34%),
    repeating-radial-gradient(circle at center,transparent 0 18px,rgba(255,138,142,.055) 19px,transparent 20px 35px),
    linear-gradient(145deg,#040101 3%,#3a0709 48%,#020101 100%);
}
.ecosystem-page .orbital-interface .division-card.tech .hex-frame::before{
  background:
    radial-gradient(circle at 50% 42%,rgba(196,139,40,.32),transparent 34%),
    repeating-linear-gradient(90deg,transparent 0 20px,rgba(255,225,154,.07) 21px,transparent 22px 42px),
    repeating-linear-gradient(0deg,transparent 0 20px,rgba(255,225,154,.055) 21px,transparent 22px 42px),
    linear-gradient(145deg,#030302 3%,#2d250f 48%,#020201 100%);
}

/* Unique motion signatures */
@keyframes atlasInstrumentDrift{
  0%{transform:rotate(0deg) scale(.82)}
  50%{transform:rotate(4deg) scale(.88)}
  100%{transform:rotate(0deg) scale(.82)}
}

@keyframes imagesIris{
  0%,100%{transform:rotate(0deg) scale(.72);opacity:.18}
  50%{transform:rotate(18deg) scale(.90);opacity:.48}
}

@keyframes assetsVaultPulse{
  0%,100%{opacity:.14;filter:brightness(.9)}
  50%{opacity:.44;filter:brightness(1.25)}
}

@keyframes impactRipple{
  0%,100%{transform:scale(.76);opacity:.16}
  50%{transform:scale(.94);opacity:.52}
}

@keyframes fitnessHeartbeat{
  0%,100%{transform:scale(.88);opacity:.14}
  12%{transform:scale(.98);opacity:.52}
  22%{transform:scale(.91);opacity:.22}
  34%{transform:scale(1.02);opacity:.60}
  48%{transform:scale(.90);opacity:.18}
}
@keyframes techCircuitPulse{
  0%,100%{opacity:.18;filter:brightness(.9)}
  50%{opacity:.58;filter:brightness(1.35)}
}

/* Responsive identity-layer geometry mirrors the existing inner frame */
@media(max-width:820px){
  .ecosystem-page .orbital-interface .division-card::after{
    left:12px;
    top:12px;
    width:126px;
    height:116px;
  }
}

@media(max-width:470px){
  .ecosystem-page .orbital-interface .division-card::after{
    left:10px;
    top:10px;
    width:106px;
    height:98px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ecosystem-page .orbital-interface .division-card::after{
    animation:none!important;
  }
}


/* =========================================================
   SPAR10 IMAGES — PEOPLE / PLACES / NATURE PORTFOLIO
   ========================================================= */
.images-portfolio-page{min-height:100vh;padding-top:102px;background:#080807;color:#f7f2e8;overflow-x:hidden}
.images-portfolio-shell{position:relative;min-height:calc(100vh - 102px);isolation:isolate;background:
 radial-gradient(circle at 18% 8%,rgba(157,99,210,.11),transparent 24%),
 radial-gradient(circle at 82% 82%,rgba(191,142,49,.09),transparent 30%),
 linear-gradient(135deg,#090908,#11100e 52%,#070706)}
.images-portfolio-shell::before{content:"";position:fixed;inset:102px 0 0;z-index:-2;pointer-events:none;opacity:.16;background-image:url("assets/backgrounds/marble-light.jpg");background-size:cover;filter:grayscale(1) contrast(1.12) brightness(.38)}
.images-portfolio-shell::after{content:"";position:fixed;inset:102px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.30) 46%,rgba(0,0,0,.68))}
.images-ambient{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 11.95%,rgba(218,177,87,.035) 12%,transparent 12.05%)}
.images-portfolio-header{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:48px 5.5% 25px;border-bottom:1px solid rgba(216,171,76,.22)}
.images-portfolio-header small,.images-category-intro small,.places-heading small,.images-collection-heading small{font-size:9px;letter-spacing:3.4px;color:#b98b37}
.images-portfolio-header h1{margin:10px 0 0;font-family:Cinzel,Georgia,serif;font-size:clamp(35px,4.3vw,68px);font-weight:400;letter-spacing:7px}.images-portfolio-header h1 span{color:#d2a046}.images-portfolio-header h1 sup{font-size:.18em}
.images-portfolio-header>p{margin:0;text-align:right;font-family:Cinzel,Georgia,serif;font-size:12px;line-height:1.7;letter-spacing:3.4px;color:#d9d1c4}.images-portfolio-header>p span{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;color:#777167}
.images-category-nav{position:sticky;top:102px;z-index:40;display:flex;justify-content:center;gap:42px;padding:16px 5%;background:rgba(9,9,8,.89);border-bottom:1px solid rgba(216,171,76,.16);backdrop-filter:blur(15px)}
.images-category-tab{position:relative;border:0;background:none;color:#746f66;cursor:pointer;padding:8px 2px;font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:3px;transition:.25s}.images-category-tab::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:#d2a046;transition:.25s}.images-category-tab:hover,.images-category-tab.active{color:#f4ecdc}.images-category-tab.active::after{left:0;right:0}
.images-category-stage{display:none;position:relative;z-index:2;min-height:calc(100vh - 230px);padding:48px 5.5% 70px}.images-category-stage.active{display:block;animation:imagesStageIn .55s ease both}@keyframes imagesStageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.images-category-intro{text-align:center;margin:12px auto 35px}.images-category-intro h2,.places-heading h2,.images-collection-heading h2{margin:9px 0;font-family:Cinzel,Georgia,serif;font-size:clamp(30px,4vw,58px);font-weight:400;letter-spacing:6px}.images-category-intro p,.places-heading p,.images-collection-heading p{color:#827b70;line-height:1.8}
.images-category-cards{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.images-category-card{position:relative;height:min(53vh,510px);min-height:370px;overflow:hidden;border:1px solid rgba(217,174,82,.20);background:#12110f;color:#f7f2e8;cursor:pointer;text-align:left;padding:0;box-shadow:0 22px 55px rgba(0,0,0,.28);transition:transform .45s cubic-bezier(.18,.82,.22,1),border-color .35s}.images-category-card:hover{transform:translateY(-8px);border-color:rgba(230,190,103,.65)}
.images-category-card-photo{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(213,169,74,.16),transparent 34%),linear-gradient(160deg,#25221c,#080807);background-size:cover;background-position:center;filter:saturate(.70) brightness(.62);transition:transform .8s ease,filter .5s}.images-category-card:hover .images-category-card-photo{transform:scale(1.045);filter:saturate(.95) brightness(.73)}
.images-category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.92) 100%)}
.images-category-card>div:last-child{position:absolute;z-index:3;left:28px;right:28px;bottom:28px}.images-category-card small{font-size:8px;letter-spacing:2.8px;color:#c1933f}.images-category-card h3{margin:8px 0 8px;font-family:Cinzel,Georgia,serif;font-size:clamp(31px,3.2vw,48px);font-weight:400;letter-spacing:6px}.images-category-card p{margin:0;color:#a49c8f;font-size:12px;line-height:1.6}.images-category-number{position:absolute;z-index:3;top:24px;right:24px;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;color:#d7ad59}
.places-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:1320px;margin:0 auto 15px}.places-heading p{max-width:370px;text-align:right}
.places-experience{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(520px,1.5fr) minmax(290px,.55fr);gap:55px;align-items:center}
.places-globe-wrap{position:relative;min-height:610px;display:grid;place-items:center;perspective:1200px}.places-globe-aura{position:absolute;width:min(62vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(202,155,58,.16),rgba(157,99,210,.07) 42%,transparent 70%);filter:blur(25px)}
.places-globe{--globe-size:min(48vw,520px);position:relative;width:var(--globe-size);height:var(--globe-size);border-radius:50%;cursor:grab;overflow:visible;background:radial-gradient(circle at 33% 25%,rgba(255,246,219,.22),transparent 20%),radial-gradient(circle at 48% 52%,#24231f 0,#151512 56%,#080807 74%);border:1px solid rgba(229,188,99,.62);box-shadow:inset -45px -20px 80px rgba(0,0,0,.72),inset 24px 18px 55px rgba(219,173,79,.08),0 0 45px rgba(195,145,49,.18),0 35px 70px rgba(0,0,0,.5)}.places-globe:active{cursor:grabbing}
.places-globe-grid{position:absolute;inset:0;border-radius:50%;overflow:hidden;opacity:.42;background:repeating-radial-gradient(ellipse at center,transparent 0 38px,rgba(223,187,111,.16) 39px,transparent 40px 76px),repeating-linear-gradient(90deg,transparent 0 51px,rgba(223,187,111,.12) 52px,transparent 53px 104px);mask-image:radial-gradient(circle,#000 69%,transparent 70%)}
.places-globe-shine{position:absolute;inset:4%;border-radius:50%;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.12),transparent 29% 70%,rgba(0,0,0,.26))}
.places-pins{position:absolute;inset:0;pointer-events:none}.place-pin{position:absolute;left:50%;top:50%;z-index:5;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border:0;border-radius:50%;background:#e5b653;box-shadow:0 0 0 5px rgba(229,182,83,.12),0 0 18px rgba(236,189,87,.78);cursor:pointer;pointer-events:auto;transition:opacity .15s,filter .2s,box-shadow .2s}.place-pin::after{content:attr(data-label);position:absolute;left:18px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 8px;background:rgba(5,5,5,.78);border:1px solid rgba(225,178,75,.2);color:#efe7d8;font-family:Cinzel,serif;font-size:8px;letter-spacing:1.8px;opacity:0;pointer-events:none;transition:.2s}.place-pin:hover::after,.place-pin.active::after{opacity:1}.place-pin.active{background:#fff2c6;box-shadow:0 0 0 7px rgba(229,182,83,.17),0 0 26px rgba(250,213,126,.95)}
.places-globe-caption{position:absolute;bottom:16px;font-size:8px;letter-spacing:2px;color:#5f5a51}.places-globe-caption b{color:#b98b37;font-weight:400}.places-globe-caption span{margin:0 8px;color:#69552e}
.places-detail{min-height:490px;padding:0 0 0 28px;border-left:1px solid rgba(213,166,67,.22)}.places-detail>small{font-size:8px;letter-spacing:3px;color:#b98b37}.places-cover{height:190px;margin:18px 0 18px;background:linear-gradient(135deg,#24211b,#111);background-size:cover;background-position:center;border:1px solid rgba(213,166,67,.22);box-shadow:0 18px 42px rgba(0,0,0,.32)}.places-coordinate{font-size:8px;letter-spacing:2px;color:#746f66}.places-detail h3{margin:10px 0 4px;font-family:Cinzel,Georgia,serif;font-size:clamp(27px,3vw,44px);font-weight:400;letter-spacing:5px}.places-detail h4{margin:0;color:#b88a36;font-size:9px;font-weight:400;letter-spacing:3px}.places-detail p{min-height:80px;margin:22px 0;color:#8e877b;font-size:12px;line-height:1.8}.places-detail button,.images-album-topbar button{border:0;border-bottom:1px solid rgba(210,160,61,.55);background:none;color:#d6aa50;cursor:pointer;padding:12px 0;font-family:Cinzel,Georgia,serif;font-size:9px;letter-spacing:3px}.places-detail button:disabled{opacity:.3;cursor:default}.places-detail button span{display:inline-grid;width:27px;height:27px;margin-left:12px;place-items:center;border:1px solid rgba(213,166,67,.5);border-radius:50%;font-size:17px}
.places-destination-strip{max-width:1320px;margin:15px auto 0;display:flex;gap:9px;overflow-x:auto;padding:8px 0 14px;scrollbar-width:thin}.destination-chip{flex:0 0 auto;border:1px solid rgba(213,166,67,.18);background:rgba(255,255,255,.025);color:#827b70;cursor:pointer;padding:10px 14px;font-size:8px;letter-spacing:2px}.destination-chip:hover,.destination-chip.active{border-color:rgba(227,181,82,.58);color:#eee5d4;background:rgba(213,166,67,.07)}
.images-collection-heading{max-width:1320px;margin:0 auto 30px}.images-project-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.images-project-card{position:relative;height:390px;overflow:hidden;border:1px solid rgba(213,166,67,.18);background:#111;cursor:pointer;padding:0;text-align:left;color:#eee6d8}.images-project-card-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.72) brightness(.62);transition:.55s}.images-project-card:hover .images-project-card-photo{transform:scale(1.04);filter:saturate(.95) brightness(.74)}.images-project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.9))}.images-project-card-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:23px}.images-project-card-copy small{font-size:8px;letter-spacing:2px;color:#c39543}.images-project-card-copy h3{margin:7px 0 5px;font-family:Cinzel,serif;font-size:25px;font-weight:400;letter-spacing:4px}.images-project-card-copy p{margin:0;color:#938b7e;font-size:10px;letter-spacing:1px}
.images-empty{grid-column:1/-1;padding:80px 20px;text-align:center;border:1px solid rgba(213,166,67,.15);color:#756f65;letter-spacing:1px}.images-empty b{display:block;margin-bottom:10px;font-family:Cinzel,serif;color:#c2943e;letter-spacing:3px}
.images-album{display:none;position:fixed;z-index:3000;inset:0;overflow:auto;background:#080807;color:#f5eee1}.images-album.open{display:block}.images-album-topbar{position:sticky;top:0;z-index:3;min-height:105px;padding:20px 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(8,8,7,.92);border-bottom:1px solid rgba(213,166,67,.18);backdrop-filter:blur(14px)}.images-album-topbar>div{text-align:center}.images-album-topbar small{font-size:8px;letter-spacing:3px;color:#b98b37}.images-album-topbar h2{margin:4px 0 0;font-family:Cinzel,serif;font-size:24px;font-weight:400;letter-spacing:5px}.images-album-topbar>span{text-align:right;color:#777167;font-size:9px;letter-spacing:2px}.images-album-grid{padding:18px;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:10px}.images-album-photo{border:0;padding:0;overflow:hidden;background:#111;cursor:zoom-in}.images-album-photo:nth-child(7n+1),.images-album-photo:nth-child(7n+5){grid-column:span 2;grid-row:span 2}.images-album-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.84);transition:.45s}.images-album-photo:hover img{transform:scale(1.025);filter:saturate(1)}

/* Persistent album return control: remains visible throughout People, Places and Nature albums. */
.images-album-topbar .images-album-return{
  position:relative;
  z-index:7;
  justify-self:start;
  display:inline-flex!important;
  align-items:center;
  min-height:42px;
  padding:11px 15px!important;
  border:1px solid rgba(214,170,80,.58)!important;
  border-radius:2px;
  background:rgba(15,13,9,.94)!important;
  color:#edc875!important;
  box-shadow:0 8px 28px rgba(0,0,0,.32);
  white-space:nowrap;
}
.images-album-topbar .images-album-return:hover,
.images-album-topbar .images-album-return:focus-visible{
  background:#201a0f!important;
  border-color:#edc875!important;
  outline:2px solid rgba(237,200,117,.3);
  outline-offset:3px;
}
@media(max-width:650px){
  .images-album-topbar .images-album-return{
    min-height:40px;
    padding:10px 11px!important;
    font-size:8px;
    letter-spacing:1.5px;
  }
}
.images-lightbox{display:none;position:fixed;z-index:4100;inset:0;place-items:center;background:rgba(0,0,0,.96)}.images-lightbox.open{display:grid}.images-lightbox figure{margin:0;max-width:86vw;max-height:88vh;text-align:center}.images-lightbox img{max-width:86vw;max-height:82vh;object-fit:contain;box-shadow:0 15px 70px #000}.images-lightbox figcaption{margin-top:10px;color:#80796f;font-size:9px;letter-spacing:2px}.images-lightbox-close,.images-lightbox-nav{position:absolute;border:0;background:none;color:#e9deca;cursor:pointer}.images-lightbox-close{right:28px;top:20px;font-size:35px;font-weight:200}.images-lightbox-nav{top:50%;transform:translateY(-50%);font-size:55px}.images-lightbox-nav.prev{left:28px}.images-lightbox-nav.next{right:28px}

@media(max-width:1150px) and (min-width:701px){
  .images-category-cards{grid-template-columns:repeat(2,1fr)}
  .images-category-card{height:390px;min-height:0}
}

@media(max-width:1000px){.images-category-cards{grid-template-columns:1fr}.images-category-card{height:330px;min-height:0}.places-experience{grid-template-columns:1fr}.places-detail{max-width:650px;margin:auto;padding:28px 0 0;border-left:0;border-top:1px solid rgba(213,166,67,.22)}.places-globe-wrap{min-height:570px}.images-project-grid{grid-template-columns:repeat(2,1fr)}.images-album-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.images-portfolio-page{padding-top:102px}.images-portfolio-header{align-items:flex-start;flex-direction:column;padding-top:30px}.images-portfolio-header>p{text-align:left}.images-category-nav{gap:12px;justify-content:space-between;overflow:auto}.images-category-tab{font-size:8px;letter-spacing:1.7px}.images-category-stage{padding:35px 5% 55px}.places-heading{display:block}.places-heading p{text-align:left}.places-experience{display:block}.places-globe-wrap{min-height:440px}.places-globe{--globe-size:min(88vw,390px)}.images-project-grid{grid-template-columns:1fr}.images-project-card{height:330px}.images-album-topbar{grid-template-columns:auto 1fr}.images-album-topbar>span{display:none}.images-album-grid{grid-template-columns:1fr;grid-auto-rows:280px}.images-album-photo:nth-child(n){grid-column:auto;grid-row:auto}.images-lightbox-nav{font-size:40px}.images-lightbox-nav.prev{left:8px}.images-lightbox-nav.next{right:8px}}

/* =========================================================
   SPAR10 IMAGES — GATEWAY-STYLE STAGE TRANSITION V6
   IMPORTANT: This does not alter the first-page gateway.
   ========================================================= */

/* Fixed transition layer lives above the site but below the selected division. */
.images-gateway-layer{
  position:fixed;
  inset:0;
  z-index:2400;
  pointer-events:none;
  overflow:hidden;
}
.images-gateway-cone,
.images-gateway-pool,
.images-gateway-veil{
  position:absolute;
  pointer-events:none;
}

/* The cone is aimed at the icon's actual on-screen location, so the icon
   doesn't have to jump to center just to meet the light. */
.images-gateway-cone{
  z-index:2;
  left:calc(var(--spot-x) - 230px);
  top:0;
  width:460px;
  height:calc(var(--spot-y) + 120px);
  opacity:0;
  transform:scaleX(.54);
  transform-origin:50% 0;
  clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);
  background:linear-gradient(
    180deg,
    rgba(255,255,242,.94) 0%,
    rgba(255,227,151,.48) 34%,
    rgba(215,154,255,.12) 72%,
    transparent 100%
  );
  transition:
    opacity .55s ease,
    transform .70s cubic-bezier(.18,.82,.22,1);
}
.images-gateway-pool{
  z-index:2;
  left:calc(var(--spot-x) - 185px);
  top:calc(var(--spot-y) + 78px);
  width:370px;
  height:118px;
  opacity:0;
  transform:translateY(-50%) scale(.76);
  border-radius:50%;
  background:radial-gradient(
    ellipse,
    rgba(255,235,184,.38) 0%,
    rgba(215,154,255,.12) 42%,
    transparent 74%
  );
  transition:
    opacity .55s ease,
    transform .70s cubic-bezier(.18,.82,.22,1);
}

/* Opaque handoff veil. It stays invisible until phase three. */
.images-gateway-veil{
  z-index:5;
  inset:0;
  background:#000;
  opacity:0;
  transition:opacity .42s ease;
}

.images-gateway-layer.phase-one .images-gateway-cone{
  opacity:.92;
  transform:scaleX(1);
}
.images-gateway-layer.phase-one .images-gateway-pool{
  opacity:1;
  transform:translateY(-50%) scale(1);
}

/* Room blackout occurs gradually while Images remains above it. */
.ecosystem-page.images-gateway-dim{
  position:relative;
  background:#000!important;
  transition:background-color .55s ease;
}
.ecosystem-page.images-gateway-dim .ecosystem-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:205;
  pointer-events:none;
  background:#000;
  opacity:0;
  transition:opacity .55s ease;
}
.ecosystem-page.images-gateway-dim.phase-one .ecosystem-stage::after{
  opacity:.94;
}

.ecosystem-page.images-gateway-dim .ecosystem-eyebrow,
.ecosystem-page.images-gateway-dim .section-title{
  transition:opacity .48s ease;
}
.ecosystem-page.images-gateway-dim.phase-one .ecosystem-eyebrow,
.ecosystem-page.images-gateway-dim.phase-one .section-title{
  opacity:0;
}

/* Every non-selected division disappears into the darkness in place.
   No flying away and no blur-heavy compositor work. */
.ecosystem-page.images-gateway-dim .division-card{
  transition:
    opacity .48s ease,
    filter .48s ease!important;
}
.ecosystem-page.images-gateway-dim.phase-one
.division-card:not(.images-gateway-selected){
  opacity:0!important;
  filter:brightness(0)!important;
  pointer-events:none!important;
}

/* Selected Images icon stays where the visitor clicked it. */
.ecosystem-page .orbital-interface .division-card.images.images-gateway-selected{
  z-index:2600!important;
  visibility:visible!important;
  transition:
    opacity .48s ease,
    filter .55s ease,
    transform .55s ease!important;
}
.ecosystem-page.images-gateway-dim.phase-one
.division-card.images.images-gateway-selected{
  filter:
    brightness(1.10)
    drop-shadow(0 0 16px rgba(215,154,255,.60))!important;
}
.ecosystem-page.images-gateway-dim.phase-two
.division-card.images.images-gateway-selected{
  filter:
    brightness(1.22)
    drop-shadow(0 0 24px rgba(215,154,255,.80))
    drop-shadow(0 0 16px rgba(255,222,146,.30))!important;
}
.ecosystem-page.images-gateway-dim.phase-two
.division-card.images.images-gateway-selected .hex-frame{
  transform:scale(1.045);
  transition:transform .52s cubic-bezier(.18,.82,.22,1)!important;
}

/* The chosen icon dissolves at the same time the black veil arrives. */
.images-gateway-layer.phase-three .images-gateway-veil{
  opacity:1;
}
.ecosystem-page.images-gateway-dim.phase-three
.division-card.images.images-gateway-selected{
  opacity:0!important;
  filter:brightness(.6)!important;
}
.images-gateway-layer.phase-three .images-gateway-cone,
.images-gateway-layer.phase-three .images-gateway-pool{
  opacity:0;
  transition:opacity .34s ease;
}

/* Route changes behind black. Then this same layer simply fades away,
   revealing the already-rendered Images page underneath. */
.images-gateway-layer.reveal-destination .images-gateway-veil{
  opacity:0;
  transition:opacity .78s cubic-bezier(.22,.7,.22,1);
}

/* Hide only the chrome during the dark stage. It comes back with the page. */
body.images-gateway-running .site-header{
  opacity:0;
  transition:opacity .48s ease;
}

@media(prefers-reduced-motion:reduce){
  .images-gateway-cone,
  .images-gateway-pool,
  .images-gateway-veil,
  .ecosystem-page.images-gateway-dim .division-card,
  .ecosystem-page.images-gateway-dim .ecosystem-eyebrow,
  .ecosystem-page.images-gateway-dim .section-title{
    transition:none!important;
  }
}

/* =========================================================
   ABOUT PAGE — WHITE / GOLD MARBLE THEME (VISIBLE PASS)
   Uses: assets/backgrounds/about-marble.jpg
   ========================================================= */
.about-page{
  position:relative;
  isolation:isolate;
  background-color:#fbf8f2;
  background-image:
    linear-gradient(
      rgba(255,253,249,.34),
      rgba(250,246,238,.42)
    ),
    url("assets/backgrounds/about-marble.jpg");
  background-position:center top, center top;
  background-size:100% auto, 100% auto;
  background-repeat:repeat-y, repeat-y;
}

/* Very light center wash: protects readability without hiding the stone. */
.about-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(
    ellipse at 50% 44%,
    rgba(255,255,255,.24) 0%,
    rgba(255,255,255,.12) 42%,
    transparent 76%
  );
}

.about-page .about-video-section,
.about-page .about-body{
  position:relative;
  z-index:1;
}

/* The empty video frame now clearly sits on the marble instead of masking it. */
.about-page .about-video-placeholder{
  background:rgba(255,255,255,.20);
  border-color:rgba(191,142,49,.44);
  box-shadow:0 18px 48px rgba(91,67,28,.06);
  backdrop-filter:none;
}

/* Keep copy open on the page — only a faint invisible reading halo. */
.about-page .about-body::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:18px;
  bottom:42px;
  left:50%;
  width:min(1020px,92vw);
  transform:translateX(-50%);
  pointer-events:none;
  background:radial-gradient(
    ellipse at center,
    rgba(255,255,255,.22) 0%,
    rgba(255,255,255,.10) 54%,
    transparent 86%
  );
}

@media (max-width: 900px){
  .about-page{
    background-size:auto 560px, auto 560px;
    background-position:center top, center top;
  }

  .about-page .about-video-placeholder{
    background:rgba(255,255,255,.26);
  }
}


/* =========================================================
   SPAR10 IMAGES — TRUE 3D EARTH GLOBE V3
   Replaces the radar-style globe with WebGL Earth.
   ========================================================= */
.places-globe{
  --globe-size:min(50vw,560px);
  position:relative;
  width:var(--globe-size);
  height:var(--globe-size);
  border-radius:50%;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
  cursor:grab;
}
.places-globe:active{cursor:grabbing}
.places-globe::before{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle,rgba(216,169,72,.12) 0 46%,rgba(148,100,34,.07) 56%,transparent 72%);
  filter:blur(25px);
}
.places-globe-webgl{position:absolute;inset:-5%;z-index:2}
.places-globe-webgl canvas{display:block;width:100%!important;height:100%!important;filter:drop-shadow(0 28px 35px rgba(0,0,0,.52))}
.places-globe-fallback{position:absolute;inset:7%;border-radius:50%;z-index:1;opacity:0;pointer-events:none;transition:opacity .3s;background:url("assets/images/globe/earth-spar10.jpg") center/cover;box-shadow:inset -45px -20px 80px rgba(0,0,0,.72),0 0 40px rgba(195,145,49,.18)}
.places-globe-fallback.visible{opacity:1}
.places-globe-grid,.places-globe-shine,.places-pins{display:none!important}
.places-globe-aura{width:min(67vw,690px);background:radial-gradient(circle,rgba(202,155,58,.13),rgba(157,99,210,.035) 46%,transparent 72%);filter:blur(34px)}
.places-globe-caption{bottom:-6px}
@media(max-width:650px){.places-globe{--globe-size:min(92vw,430px)}.places-globe-webgl{inset:-2%}}


/* =========================================================
   SPAR10 IMAGES — CLEAN PHYSICAL EARTH V4
   Final overrides intentionally isolate the Places globe.
   ========================================================= */
.images-places-stage .places-globe-wrap{
  min-height:590px;
}

.images-places-stage .places-globe-aura{
  width:min(58vw,620px);
  opacity:.56;
  background:
    radial-gradient(circle,
      rgba(93,132,168,.085) 0 42%,
      rgba(49,72,96,.035) 52%,
      transparent 72%);
  filter:blur(42px);
}

.images-places-stage .places-globe{
  --globe-size:min(47vw,535px);
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
}

.images-places-stage .places-globe::before{
  inset:13%;
  opacity:.65;
  background:
    radial-gradient(circle,
      rgba(101,140,176,.08) 0 48%,
      rgba(101,140,176,.025) 58%,
      transparent 72%);
  filter:blur(34px);
}

.images-places-stage .places-globe-webgl{
  inset:-3%;
}

.images-places-stage .places-globe-webgl canvas{
  filter:
    drop-shadow(0 24px 34px rgba(0,0,0,.58))
    drop-shadow(0 0 14px rgba(89,126,158,.10));
}

.images-places-stage .places-globe-fallback{
  inset:9%;
  border:0;
  box-shadow:
    inset -34px -16px 62px rgba(0,0,0,.52),
    0 22px 40px rgba(0,0,0,.38);
}

.images-places-stage .places-globe-caption{
  bottom:0;
  color:#69655e;
}

.images-places-stage .places-globe-caption b{
  color:#b98b37;
}

/* The destination panel remains Spar10 gold; the planet itself does not. */
.images-places-stage .places-detail{
  border-left-color:rgba(213,166,67,.18);
}

@media(max-width:650px){
  .images-places-stage .places-globe{
    --globe-size:min(90vw,430px);
  }
}


/* =========================================================
   SPAR10 INDUSTRY ARTIFACT REFINEMENT
   Visual-only. Orbit geometry, movement, routing and label
   placement remain untouched.
   ========================================================= */
.ecosystem-page .orbital-interface .division-card.atlas{--artifact-a:#7d2e2e;--artifact-b:#21090b;--artifact-hot:#d8a25b}
.ecosystem-page .orbital-interface .division-card.images{--artifact-a:#263d57;--artifact-b:#07111c;--artifact-hot:#caa65b}
.ecosystem-page .orbital-interface .division-card.assets{--artifact-a:#315d6f;--artifact-b:#071a22;--artifact-hot:#b6c9d0}
.ecosystem-page .orbital-interface .division-card.impact{--artifact-a:#405f43;--artifact-b:#0c1b0e;--artifact-hot:#d0b66a}
.ecosystem-page .orbital-interface .division-card.fitness{--artifact-a:#4e4b2e;--artifact-b:#15150b;--artifact-hot:#cbb875}
.ecosystem-page .orbital-interface .division-card.tech{--artifact-a:#30585d;--artifact-b:#07191b;--artifact-hot:#b9a765}

/* remove the electric sweep and neon bloom while retaining the existing frame */
.ecosystem-page .orbital-interface .hex-frame::after{display:none}
.ecosystem-page .orbital-interface .hex-frame{
  box-shadow:0 18px 35px rgba(41,24,4,.24),0 0 calc(5px + 12px * var(--orbit-depth)) color-mix(in srgb,var(--artifact-a) 26%,transparent),inset 0 0 14px rgba(255,231,164,.30);
}
.ecosystem-page .orbital-interface .hex-frame::before{
  background:radial-gradient(circle at 48% 38%,color-mix(in srgb,var(--artifact-a) 18%,transparent),transparent 38%),linear-gradient(145deg,#020304 3%,var(--artifact-b) 52%,#010202 100%);
}
.ecosystem-page .orbital-interface .hex-frame img{
  filter:brightness(.92) contrast(1.05) sepia(.12) drop-shadow(0 2px 5px rgba(0,0,0,.45));
}
.ecosystem-page .orbital-interface .division-card::before{
  border-color:color-mix(in srgb,var(--artifact-hot) 42%,transparent);
  filter:none;
  opacity:calc(.28 + var(--orbit-depth) * .34);
}
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame{
  box-shadow:0 24px 46px rgba(20,10,1,.32),0 0 20px color-mix(in srgb,var(--artifact-a) 34%,transparent),inset 0 0 18px rgba(255,236,180,.34);
}
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame img{
  filter:brightness(1.03) contrast(1.07) sepia(.08) drop-shadow(0 3px 7px rgba(0,0,0,.48));
}
.ecosystem-page .orbital-interface .division-card.orbital-focus::before{filter:none}

/* quieter built-in symbols */
.ecosystem-page .orbital-interface .impact-symbol i{border-color:#d0b66a;box-shadow:none}
.ecosystem-page .orbital-interface .impact-symbol::before{filter:none;opacity:.62}
.ecosystem-page .orbital-interface .tech-symbol{color:#d2bc76;text-shadow:none;font-weight:500;opacity:.78}


/* =========================================================
   SPAR10 INDUSTRIES — HOLOGRAPHIC MEDALLION OVERRIDE
   2026-08-13
   Presentation only: orbit geometry, routes, labels and page positions remain intact.
   ========================================================= */
.ecosystem-page .orbital-interface .division-card{
  --glass-accent:var(--accent);
}

/* circular, transparent artifact instead of the former hexagonal chamber */
.ecosystem-page .orbital-interface .hex-frame,
.ecosystem-page .orbital-interface .industry-coin{
  width:168px;
  height:168px;
  aspect-ratio:1;
  border-radius:50%;
  clip-path:none;
  overflow:visible;
  padding:0;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--glass-accent) 46%,#c69a42);
  background:
    radial-gradient(circle at 35% 26%,rgba(255,255,255,.42),transparent 24%),
    radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--glass-accent) 11%,transparent),rgba(255,255,255,.035) 62%,transparent 76%);
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.08),
    inset 0 0 24px color-mix(in srgb,var(--glass-accent) 10%,transparent),
    0 13px 24px rgba(49,37,20,.10),
    0 0 14px color-mix(in srgb,var(--glass-accent) 15%,transparent);
  backdrop-filter:blur(7px) saturate(112%);
  -webkit-backdrop-filter:blur(7px) saturate(112%);
  filter:none;
  transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;
}

/* thin etched inner rings */
.ecosystem-page .orbital-interface .hex-frame::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:8px;
  border-radius:50%;
  clip-path:none;
  border:1px solid rgba(191,142,49,.40);
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  pointer-events:none;
}
.ecosystem-page .orbital-interface .hex-frame::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:15px;
  border-radius:50%;
  background:linear-gradient(118deg,rgba(255,255,255,.18),transparent 31% 70%,rgba(255,255,255,.07));
  border:1px solid color-mix(in srgb,var(--glass-accent) 20%,transparent);
  pointer-events:none;
}

/* existing logo artwork becomes an etched hologram rather than a luminous tile */
.ecosystem-page .orbital-interface .hex-frame img{
  position:relative;
  z-index:3;
  width:70%;
  height:70%;
  padding:12%;
  object-fit:contain;
  clip-path:none;
  border-radius:0;
  background:transparent;
  opacity:.68;
  mix-blend-mode:multiply;
  filter:grayscale(.35) contrast(1.08) drop-shadow(0 0 4px color-mix(in srgb,var(--glass-accent) 30%,transparent));
  animation:none !important;
}

/* simplify the generated Impact / Tech marks to the same etched language */
.ecosystem-page .orbital-interface .impact-symbol,
.ecosystem-page .orbital-interface .tech-symbol{
  z-index:3;
  opacity:.66;
  filter:saturate(.65);
  text-shadow:none;
}
.ecosystem-page .orbital-interface .impact-symbol i{box-shadow:none}
.ecosystem-page .orbital-interface .impact-symbol::before{filter:none}

/* no electric perimeter animation */
.ecosystem-page .orbital-interface .hex-frame,
.ecosystem-page .orbital-interface .hex-frame::after{
  animation:none !important;
}

/* quiet professional focus */
.ecosystem-page .orbital-interface .division-card.orbital-focus{
  filter:none;
}
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame{
  border-color:color-mix(in srgb,var(--glass-accent) 72%,#d2ad5e);
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.10),
    inset 0 0 28px color-mix(in srgb,var(--glass-accent) 14%,transparent),
    0 15px 28px rgba(49,37,20,.12),
    0 0 18px color-mix(in srgb,var(--glass-accent) 25%,transparent);
}
.ecosystem-page .orbital-interface .division-card.orbital-focus h3{color:var(--ink);text-shadow:none}

/* selection beam: inherits the selected industry's accent and rises vertically */
.ecosystem-page .orbital-interface .division-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:calc(50% - 330px);
  width:34px;
  height:340px;
  transform:translateX(-50%) scaleY(.05);
  transform-origin:50% 100%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(to top,
    color-mix(in srgb,var(--glass-accent) 52%,transparent),
    color-mix(in srgb,var(--glass-accent) 15%,transparent) 62%,
    transparent);
  filter:blur(7px);
  transition:opacity .22s ease,transform .48s cubic-bezier(.2,.8,.2,1);
}
.ecosystem-page .orbital-interface .division-card.chosen-division::before{
  opacity:.62;
  transform:translateX(-50%) scaleY(1);
}
.ecosystem-page .orbital-interface .division-card.chosen-division .hex-frame{
  border-color:color-mix(in srgb,var(--glass-accent) 78%,#e1c16d);
  box-shadow:
    inset 0 0 0 5px rgba(255,255,255,.12),
    inset 0 0 30px color-mix(in srgb,var(--glass-accent) 18%,transparent),
    0 0 24px color-mix(in srgb,var(--glass-accent) 34%,transparent),
    0 16px 30px rgba(49,37,20,.12);
}

@media(max-width:820px){
  .ecosystem-page .orbital-interface .hex-frame,
  .ecosystem-page .orbital-interface .industry-coin{width:138px;height:138px}
}
@media(max-width:470px){
  .ecosystem-page .orbital-interface .hex-frame,
  .ecosystem-page .orbital-interface .industry-coin{width:112px;height:112px}
}

/* =========================================================
   SPAR10 INDUSTRIES — REFERENCE TOKEN APPEARANCE ONLY
   Matches the approved illuminated circular medallions.
   Orbit geometry, card positions, routing, copy, timing,
   transitions, page layout and all non-token systems remain unchanged.
   ========================================================= */

/* Division palette used only inside the physical tokens. */
.ecosystem-page .orbital-interface .division-card.atlas{
  --coin-dark:#082b40; --coin-mid:#1f7199; --coin-light:#bceaff; --coin-white:#effbff;
}
.ecosystem-page .orbital-interface .division-card.images{
  --coin-dark:#241039; --coin-mid:#7541a2; --coin-light:#e1b8ff; --coin-white:#f8efff;
}
.ecosystem-page .orbital-interface .division-card.assets{
  --coin-dark:#0b2942; --coin-mid:#397fa9; --coin-light:#b4e3ff; --coin-white:#effaff;
}
.ecosystem-page .orbital-interface .division-card.tech{
  --coin-dark:#4a3112; --coin-mid:#b67d2e; --coin-light:#ffe1a0; --coin-white:#fff7df;
}
.ecosystem-page .orbital-interface .division-card.fitness{
  --coin-dark:#451116; --coin-mid:#b13b3e; --coin-light:#ffaaa6; --coin-white:#fff1ef;
}
.ecosystem-page .orbital-interface .division-card.impact{
  --coin-dark:#0d392b; --coin-mid:#348965; --coin-light:#b3f2d3; --coin-white:#effff6;
}

/* Circular crystal/metal medallion body. */
.ecosystem-page .orbital-interface .hex-frame,
.ecosystem-page .orbital-interface .industry-coin{
  position:relative;
  width:180px;
  height:180px;
  aspect-ratio:1;
  margin:0 auto 22px;
  padding:0;
  border-radius:50%;
  clip-path:none;
  overflow:hidden;
  isolation:isolate;
  border:2px solid rgba(245,250,255,.82);
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.10) 0 10%, transparent 11%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--coin-mid) 42%,transparent) 0 35%, var(--coin-dark) 72%, #071017 100%);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.28),
    inset 0 0 0 7px color-mix(in srgb,var(--coin-light) 28%,transparent),
    inset 0 0 22px color-mix(in srgb,var(--coin-light) 16%,transparent),
    inset 0 -25px 38px rgba(0,0,0,.30),
    0 0 0 1px color-mix(in srgb,var(--coin-mid) 48%,transparent),
    0 0 12px color-mix(in srgb,var(--coin-light) 48%,transparent),
    0 0 30px color-mix(in srgb,var(--coin-mid) 34%,transparent),
    0 18px 24px rgba(44,31,13,.15);
  filter:none;
}

/* Precision-machined outer ring with the visible radial ticks from the reference. */
.ecosystem-page .orbital-interface .hex-frame::before{
  content:"";
  position:absolute;
  inset:5px;
  z-index:2;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.44);
  background:
    repeating-conic-gradient(
      from -1deg,
      rgba(245,252,255,.72) 0deg .65deg,
      transparent .65deg 5deg
    ),
    radial-gradient(circle,
      transparent 0 73%,
      color-mix(in srgb,var(--coin-light) 50%,transparent) 73.5% 75%,
      transparent 75.5% 100%
    );
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.14),
    inset 0 0 13px color-mix(in srgb,var(--coin-light) 28%,transparent),
    0 0 8px color-mix(in srgb,var(--coin-light) 40%,transparent);
  opacity:.96;
  pointer-events:none;
}

/* Inner circular grid/lens. */
.ecosystem-page .orbital-interface .hex-frame::after{
  content:"";
  position:absolute;
  inset:19px;
  z-index:1;
  display:block;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--coin-light) 58%,rgba(255,255,255,.45));
  background:
    linear-gradient(90deg, transparent 49.5%, color-mix(in srgb,var(--coin-light) 18%,transparent) 50%, transparent 50.5%),
    linear-gradient(0deg, transparent 49.5%, color-mix(in srgb,var(--coin-light) 18%,transparent) 50%, transparent 50.5%),
    repeating-radial-gradient(circle,
      transparent 0 20px,
      color-mix(in srgb,var(--coin-light) 15%,transparent) 20.5px 21.5px,
      transparent 22px 33px
    ),
    radial-gradient(circle at 50% 48%, color-mix(in srgb,var(--coin-mid) 14%,transparent), transparent 67%);
  box-shadow:
    inset 0 0 18px color-mix(in srgb,var(--coin-light) 18%,transparent),
    0 0 9px color-mix(in srgb,var(--coin-light) 24%,transparent);
  opacity:.90;
  pointer-events:none;
  animation:none !important;
}

/* Keep the existing identity art, but treat it like the bright etched icon in the goal image. */
.ecosystem-page .orbital-interface .hex-frame img{
  position:relative;
  z-index:4;
  width:72%;
  height:72%;
  padding:13%;
  object-fit:contain;
  clip-path:none;
  border-radius:0;
  background:transparent !important;
  opacity:1;
  mix-blend-mode:screen;
  animation:none !important;
  transform:none !important;
  filter:
    grayscale(.22)
    brightness(1.58)
    contrast(1.18)
    drop-shadow(0 0 3px rgba(255,255,255,.95))
    drop-shadow(0 0 9px var(--coin-light));
}

/* CSS-drawn Technology + Impact marks get the same luminous etched treatment. */
.ecosystem-page .orbital-interface .tech-symbol,
.ecosystem-page .orbital-interface .impact-symbol{
  position:relative;
  z-index:4;
  color:var(--coin-white) !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:
    0 0 2px #fff,
    0 0 8px var(--coin-light),
    0 0 16px color-mix(in srgb,var(--coin-mid) 80%,transparent) !important;
}
.ecosystem-page .orbital-interface .impact-symbol i{
  border-color:var(--coin-white) !important;
  box-shadow:0 0 5px var(--coin-light) !important;
}
.ecosystem-page .orbital-interface .impact-symbol::before{
  opacity:1 !important;
  filter:drop-shadow(0 0 6px var(--coin-light)) !important;
}

/* Optical highlight across the glass face. */
.ecosystem-page .orbital-interface .industry-coin{
  background-image:
    linear-gradient(125deg, rgba(255,255,255,.22) 2%, transparent 25% 65%, rgba(255,255,255,.055) 78%, transparent 90%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--coin-mid) 32%,transparent), var(--coin-dark) 70%, #070d12 100%);
}

/* The glowing base/ring underneath each medallion in the reference image. */
.ecosystem-page .orbital-interface .division-card::before{
  content:"";
  position:absolute;
  left:50%;
  top:174px;
  width:142px;
  height:22px;
  z-index:-1;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--coin-light) 56%,transparent);
  background:radial-gradient(ellipse at center,
    color-mix(in srgb,var(--coin-light) 28%,rgba(255,255,255,.20)) 0 22%,
    color-mix(in srgb,var(--coin-mid) 20%,transparent) 48%,
    transparent 72%);
  box-shadow:
    0 0 8px color-mix(in srgb,var(--coin-light) 48%,transparent),
    0 0 22px color-mix(in srgb,var(--coin-mid) 26%,transparent);
  pointer-events:none;
}

/* Restore the clean circular silhouette if an older token overlay exists. */
.ecosystem-page .orbital-interface .division-card::after{
  border-radius:50%;
  clip-path:none;
}

/* Hover: intensify illumination only; orbit motion/geometry is untouched. */
.ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame{
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.34),
    inset 0 0 0 7px color-mix(in srgb,var(--coin-light) 34%,transparent),
    inset 0 0 28px color-mix(in srgb,var(--coin-light) 23%,transparent),
    inset 0 -25px 38px rgba(0,0,0,.26),
    0 0 0 1px color-mix(in srgb,var(--coin-light) 58%,transparent),
    0 0 18px color-mix(in srgb,var(--coin-light) 64%,transparent),
    0 0 42px color-mix(in srgb,var(--coin-mid) 44%,transparent),
    0 20px 27px rgba(44,31,13,.16);
}

@media(max-width:820px){
  .ecosystem-page .orbital-interface .hex-frame,
  .ecosystem-page .orbital-interface .industry-coin{width:145px;height:145px}
  .ecosystem-page .orbital-interface .division-card::before{top:140px;width:116px;height:18px}
}
@media(max-width:470px){
  .ecosystem-page .orbital-interface .hex-frame,
  .ecosystem-page .orbital-interface .industry-coin{width:118px;height:118px}
  .ecosystem-page .orbital-interface .division-card::before{top:114px;width:94px;height:15px}
}


/* =========================================================
   SPAR10 IMAGES — NATURE GALAXY + CONSTELLATIONS
   Scoped only to the Spar10 Images portfolio experience.
   ========================================================= */
.images-portfolio-page{background:#020306}
.images-portfolio-shell{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 54% 43%,rgba(91,103,135,.16) 0%,rgba(25,31,48,.08) 20%,transparent 43%),
    radial-gradient(ellipse at 18% 72%,rgba(37,57,78,.16) 0%,transparent 32%),
    radial-gradient(ellipse at 84% 20%,rgba(67,48,83,.12) 0%,transparent 30%),
    linear-gradient(180deg,#030407 0%,#050609 46%,#020305 100%);
}
.images-portfolio-shell::before{
  content:"";
  position:fixed;
  inset:102px 0 0;
  z-index:-3;
  pointer-events:none;
  opacity:.92;
  filter:none;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.25px),
    radial-gradient(circle,rgba(196,218,255,.70) 0 .8px,transparent 1.15px),
    radial-gradient(circle,rgba(255,242,205,.62) 0 .7px,transparent 1px),
    radial-gradient(ellipse at 48% 43%,rgba(111,123,151,.16),rgba(42,48,64,.06) 30%,transparent 58%),
    radial-gradient(ellipse at 13% 78%,rgba(72,97,122,.12),transparent 38%),
    radial-gradient(ellipse at 83% 26%,rgba(88,66,99,.10),transparent 34%);
  background-size:137px 137px,211px 211px,293px 293px,100% 100%,100% 100%,100% 100%;
  background-position:0 0,31px 53px,87px 19px,center,center,center;
}
.images-portfolio-shell::after{
  content:"";
  position:fixed;
  inset:102px 0 0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.10) 46%,rgba(0,0,0,.48)),
    radial-gradient(ellipse at center,transparent 43%,rgba(0,0,0,.45) 100%);
}
.images-ambient{
  z-index:-1;
  opacity:.34;
  background:
    repeating-linear-gradient(90deg,transparent 0 11.95%,rgba(218,177,87,.025) 12%,transparent 12.05%);
}
.images-constellations{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.constellation{position:absolute;overflow:visible;opacity:.48;filter:drop-shadow(0 0 6px rgba(220,232,255,.32))}
.constellation-lines{fill:none;stroke:rgba(220,230,245,.48);stroke-width:.8}
.constellation-stars{fill:#f7f5eb}
.constellation-stars circle{filter:drop-shadow(0 0 4px rgba(230,240,255,.9))}
.constellation text{fill:rgba(191,142,49,.78);font:500 9px Arial,Helvetica,sans-serif;letter-spacing:2.4px}
.constellation-ursa{width:225px;left:1.5%;top:30%}
.constellation-cassiopeia{width:190px;left:48%;top:21%}
.constellation-orion{width:170px;left:2%;top:61%}
.constellation-scorpius{width:165px;right:27%;top:59%}
.images-portfolio-header,.images-category-nav,.images-category-stage,.images-album{position:relative;z-index:3}
@media(max-width:900px){
  .constellation{opacity:.28;transform:scale(.82)}
  .constellation-ursa{left:-5%;top:34%}
  .constellation-cassiopeia{left:58%;top:24%}
  .constellation-orion{left:-7%;top:66%}
  .constellation-scorpius{right:-5%;top:63%}
}
@media(max-width:650px){.images-constellations{display:none}}

/* =========================================================
   SPAR10 IMAGES — THE ANIMAL WORLD CINEMATIC SLIDESHOW
   Special album presentation for Nature / The Animal World.
   ========================================================= */
.images-album.animal-world-mode{
  background:
    radial-gradient(circle at 50% 15%,rgba(64,82,47,.24),transparent 34%),
    linear-gradient(180deg,#060806,#0a0d09 55%,#050605);
}
.images-album.animal-world-mode .images-album-topbar{
  background:rgba(5,8,5,.88);
  border-bottom-color:rgba(170,194,128,.18);
}
.images-album.animal-world-mode .images-album-topbar small,
.images-album.animal-world-mode .images-album-topbar button{color:#b8ca8b}
.images-album-grid.animal-world-slideshow{
  display:block;
  padding:0;
}
.animal-world-stage{
  position:relative;
  max-width:1500px;
  margin:0 auto;
  padding:28px 4% 46px;
}
.animal-world-atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background:
    radial-gradient(circle at 14% 35%,rgba(104,136,74,.16),transparent 24%),
    radial-gradient(circle at 84% 28%,rgba(162,126,70,.11),transparent 22%),
    linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 49%,transparent 50% 100%);
}
.animal-world-frame{
  position:relative;
  min-height:min(68vh,820px);
  overflow:hidden;
  border:1px solid rgba(185,205,140,.20);
  background:#0b0d0a;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.animal-world-image-button{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:#0b0d0a;
  cursor:zoom-in;
}
.animal-world-image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  opacity:1;
  transform:scale(1);
  filter:saturate(.94) contrast(1.02);
  transition:opacity .34s ease,transform 4.5s ease;
}
.animal-world-image:not(.changing){transform:scale(1.012)}
.animal-world-image.changing{opacity:.18}
.animal-world-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%,transparent 65%,rgba(0,0,0,.68)),
    linear-gradient(90deg,rgba(0,0,0,.32),transparent 18%,transparent 82%,rgba(0,0,0,.32));
}
.animal-world-copy{
  position:absolute;
  z-index:3;
  left:38px;
  bottom:34px;
  max-width:560px;
  pointer-events:none;
  text-shadow:0 3px 18px rgba(0,0,0,.8);
}
.animal-world-copy small{font-size:8px;letter-spacing:3px;color:#c4d39e}
.animal-world-copy h3{margin:8px 0 8px;font-family:Cinzel,Georgia,serif;font-size:clamp(28px,4vw,58px);font-weight:400;letter-spacing:5px;color:#f4f2e8}
.animal-world-copy p{margin:0;color:#c3c6b8;font-size:11px;letter-spacing:1.4px}
.animal-world-counter{
  position:absolute;
  z-index:3;
  right:34px;
  bottom:35px;
  color:#d8dfc5;
  font-family:Cinzel,Georgia,serif;
  font-size:11px;
  letter-spacing:3px;
}
.animal-world-nav{
  position:absolute;
  z-index:4;
  top:50%;
  width:54px;
  height:78px;
  margin-top:-39px;
  border:1px solid rgba(216,225,192,.22);
  background:rgba(4,6,4,.32);
  color:#eef4dc;
  font-family:Georgia,serif;
  font-size:42px;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:.25s;
}
.animal-world-nav:hover{background:rgba(60,82,45,.52);border-color:rgba(216,225,192,.50)}
.animal-world-prev{left:18px}.animal-world-next{right:18px}
.animal-world-progress{
  height:2px;
  margin-top:14px;
  background:rgba(191,207,156,.13);
  overflow:hidden;
}
.animal-world-progress span{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#7f9860,#d5dfb4);
  transition:width .35s ease;
}
.animal-world-filmstrip{
  display:flex;
  gap:9px;
  margin-top:14px;
  padding:3px 0 7px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.animal-world-thumb{
  flex:0 0 96px;
  height:68px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(192,207,161,.12);
  background:#0a0c09;
  opacity:.52;
  cursor:pointer;
  transition:.25s;
}
.animal-world-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.animal-world-thumb:hover,.animal-world-thumb.active{opacity:1;border-color:rgba(207,220,178,.58);transform:translateY(-2px)}
.animal-world-controls{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:18px;
}
.animal-world-controls button{
  border:1px solid rgba(183,201,145,.24);
  background:rgba(23,31,18,.58);
  color:#c7d4a7;
  padding:11px 18px;
  font-family:Cinzel,Georgia,serif;
  font-size:8px;
  letter-spacing:2px;
  cursor:pointer;
}
.animal-world-controls button:hover{border-color:rgba(205,219,174,.55);color:#eef4dc}
@media(max-width:700px){
  .animal-world-stage{padding:14px 3% 30px}
  .animal-world-frame{min-height:62vh}
  .animal-world-copy{left:20px;right:20px;bottom:24px}
  .animal-world-copy h3{letter-spacing:3px}
  .animal-world-counter{right:18px;top:18px;bottom:auto}
  .animal-world-nav{width:42px;height:62px;margin-top:-31px;font-size:34px}
  .animal-world-prev{left:8px}.animal-world-next{right:8px}
  .animal-world-thumb{flex-basis:78px;height:56px}
  .animal-world-controls{flex-wrap:wrap}
}

/* =========================================================
   SPAR10 IMAGES — PLACES CINEMATIC TRAVEL PRESENTATION
   Applied automatically to every Places album.
   ========================================================= */
.images-album.places-slideshow-mode{
  background:
    radial-gradient(circle at 50% 12%,rgba(0,191,218,.14),transparent 30%),
    linear-gradient(180deg,#03080b,#071014 54%,#020608);
}
.images-album.places-slideshow-mode .images-album-topbar{
  background:rgba(2,8,11,.90);
  border-bottom-color:rgba(52,218,238,.18);
}
.images-album.places-slideshow-mode .images-album-topbar small,
.images-album.places-slideshow-mode .images-album-topbar button{color:#63e8f5}
.images-album-grid.places-travel-slideshow{display:block;padding:0}
.places-travel-stage{
  position:relative;
  max-width:1500px;
  margin:0 auto;
  padding:28px 4% 46px;
}
.places-travel-atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background:
    radial-gradient(circle at 12% 26%,rgba(0,229,255,.12),transparent 24%),
    radial-gradient(circle at 86% 72%,rgba(0,119,150,.12),transparent 26%),
    repeating-linear-gradient(0deg,transparent 0 58px,rgba(81,221,238,.018) 59px,transparent 60px),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(81,221,238,.014) 79px,transparent 80px);
}
.places-travel-frame{
  position:relative;
  min-height:min(68vh,820px);
  overflow:hidden;
  border:1px solid rgba(74,222,239,.22);
  background:#050a0c;
  box-shadow:0 30px 90px rgba(0,0,0,.58),0 0 38px rgba(0,196,219,.05);
}
.places-travel-image-button{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:#050a0c;
  cursor:zoom-in;
}
.places-travel-image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  opacity:1;
  transform:scale(1);
  filter:saturate(.94) contrast(1.025);
  transition:opacity .38s ease,transform 5s ease;
}
.places-travel-image:not(.changing){transform:scale(1.014)}
.places-travel-image.changing{opacity:.16}
.places-travel-gridlines{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(90deg,transparent 49.93%,rgba(91,227,242,.20) 50%,transparent 50.07%),
    linear-gradient(0deg,transparent 49.93%,rgba(91,227,242,.14) 50%,transparent 50.07%);
}
.places-travel-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20),transparent 28%,transparent 62%,rgba(0,0,0,.76)),
    linear-gradient(90deg,rgba(0,0,0,.34),transparent 18%,transparent 82%,rgba(0,0,0,.34));
}
.places-travel-copy{
  position:absolute;
  z-index:3;
  left:38px;
  bottom:32px;
  max-width:700px;
  pointer-events:none;
  text-shadow:0 3px 18px rgba(0,0,0,.85);
}
.places-travel-copy small{font-size:8px;letter-spacing:3px;color:#67e9f6}
.places-travel-copy h3{margin:8px 0 8px;font-family:Cinzel,Georgia,serif;font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:5px;color:#f1fbfc}
.places-travel-copy p{margin:0 0 8px;color:#b9d9de;font-size:10px;letter-spacing:2.2px;text-transform:uppercase}
.places-travel-copy span{display:block;color:#71cbd5;font-family:Cinzel,Georgia,serif;font-size:9px;letter-spacing:2.3px}
.places-travel-counter{
  position:absolute;
  z-index:3;
  right:34px;
  bottom:35px;
  color:#d7f6f9;
  font-family:Cinzel,Georgia,serif;
  font-size:11px;
  letter-spacing:3px;
}
.places-travel-nav{
  position:absolute;
  z-index:4;
  top:50%;
  width:54px;
  height:78px;
  margin-top:-39px;
  border:1px solid rgba(112,231,243,.24);
  background:rgba(1,9,12,.34);
  color:#e8fbfd;
  font-family:Georgia,serif;
  font-size:42px;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:.25s;
}
.places-travel-nav:hover{background:rgba(0,107,126,.45);border-color:rgba(124,238,249,.58)}
.places-travel-prev{left:18px}.places-travel-next{right:18px}
.places-travel-progress{
  height:2px;
  margin-top:14px;
  background:rgba(87,218,232,.12);
  overflow:hidden;
}
.places-travel-progress span{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#00798f,#65eefa);
  transition:width .35s ease;
}
.places-travel-filmstrip{
  display:flex;
  gap:9px;
  margin-top:14px;
  padding:3px 0 7px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.places-travel-thumb{
  flex:0 0 96px;
  height:68px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(77,215,230,.12);
  background:#040b0d;
  opacity:.52;
  cursor:pointer;
  transition:.25s;
}
.places-travel-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.places-travel-thumb:hover,.places-travel-thumb.active{opacity:1;border-color:rgba(90,229,243,.62);transform:translateY(-2px)}
.places-travel-controls{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:18px;
}
.places-travel-controls button{
  border:1px solid rgba(79,219,234,.24);
  background:rgba(3,26,31,.58);
  color:#80e4ee;
  padding:11px 18px;
  font-family:Cinzel,Georgia,serif;
  font-size:8px;
  letter-spacing:2px;
  cursor:pointer;
}
.places-travel-controls button:hover{border-color:rgba(102,233,246,.60);color:#ebfdff}
@media(max-width:700px){
  .places-travel-stage{padding:14px 3% 30px}
  .places-travel-frame{min-height:62vh}
  .places-travel-copy{left:20px;right:20px;bottom:24px}
  .places-travel-copy h3{letter-spacing:3px}
  .places-travel-counter{right:18px;top:18px;bottom:auto}
  .places-travel-nav{width:42px;height:62px;margin-top:-31px;font-size:34px}
  .places-travel-prev{left:8px}.places-travel-next{right:8px}
  .places-travel-thumb{flex-basis:78px;height:56px}
  .places-travel-controls{flex-wrap:wrap}
}

/* PLACES — portrait-photo presentation adjustment only */
.places-travel-frame.is-portrait{
  width:min(760px,72vw);
  min-height:min(78vh,980px);
  margin-left:auto;
  margin-right:auto;
}
.places-travel-frame.is-portrait .places-travel-image{object-fit:contain}
.places-travel-frame.is-portrait .places-travel-prev{left:14px}
.places-travel-frame.is-portrait .places-travel-next{right:14px}

@media(max-width:700px){
  .places-travel-frame.is-portrait{
    width:100%;
    min-height:72vh;
  }
}

/* PLACES — duplicate existing album Back control on the globe screen only */
.places-back-button{
  display:block;
  width:max-content;
  margin:0 0 18px;
  padding:10px 0;
  border:0;
  border-bottom:1px solid rgba(52,218,238,.42);
  background:none;
  color:#63e8f5;
  cursor:pointer;
  font-family:Cinzel,Georgia,serif;
  font-size:9px;
  letter-spacing:3px;
}
.places-back-button:hover{color:#bff8ff;border-bottom-color:rgba(99,232,245,.78)}

/* =========================================================
   SPAR10 IMAGES — APPROVED GALACTIC ORBIT LANDING
   Pixel-faithful presentation: the approved mockup itself is
   the visual layer. Existing functional People / Places / Nature
   buttons are retained as transparent interaction zones.
   Only applies while the PORTFOLIO ("all") stage is active.
   ========================================================= */

@media (min-width: 701px){

  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ){
    position:relative;
    width:100%;
    aspect-ratio:1209 / 1107;
    min-height:0;
    overflow:hidden;
    background:
      url("assets/backgrounds/spar10-images-galactic-orbit-approved.png")
      center top / 100% 100% no-repeat !important;
  }

  /* Hide the live duplicate artwork/text; the approved mockup is the visual source. */
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-ambient,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-constellations,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-portfolio-header,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-category-nav{
    display:none !important;
  }

  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  )::before,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  )::after{
    display:none !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"].active{
    display:block !important;
    position:absolute;
    inset:0;
    min-height:0;
    padding:0;
    margin:0;
    background:transparent !important;
    animation:none !important;
    z-index:5;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-intro{
    display:none !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    pointer-events:none;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards::before,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards::after{
    display:none !important;
  }

  /* Transparent hit areas aligned to the three approved hexagonal portals. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card{
    position:absolute;
    top:49.9%;
    width:20.4%;
    height:25.5%;
    min-height:0;
    margin:0;
    padding:0;
    border:0 !important;
    outline:0;
    background:transparent !important;
    box-shadow:none !important;
    opacity:.001;
    cursor:pointer;
    pointer-events:auto;
    transform:none !important;
    clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.people{
    left:13.2%;
  }
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.places{
    left:39.8%;
  }
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.nature{
    left:66.3%;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card > *{
    visibility:hidden !important;
  }

  /* Keep hover functional without changing the approved visual. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card:hover{
    opacity:.001 !important;
    transform:none !important;
  }
}

/* Mobile keeps the existing responsive portfolio interface rather than
   distorting the approved desktop composition. */

/* =========================================================
   SPAR10 IMAGES — LIVE PORTFOLIO COVERS
   Keeps the approved Galactic Orbit composition unchanged,
   but replaces the three baked-in stock hex photographs with
   the real cover images supplied by the existing manifest.
   ========================================================= */

@media (min-width:701px){

  /* Restore the live category-card photo only; all duplicate text stays hidden. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card{
    opacity:1 !important;
    background:transparent !important;
    overflow:visible;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card > *{
    visibility:hidden !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card .images-category-card-photo{
    visibility:visible !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%) !important;
    transform:none !important;
    filter:saturate(.90) brightness(.78) contrast(1.08) !important;
    opacity:1 !important;
    pointer-events:none;
  }

  /* Recreate the exact portal borders over the live photography. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card::after{
    content:"";
    display:block !important;
    visibility:visible !important;
    position:absolute;
    inset:0;
    clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);
    pointer-events:none;
    background:transparent;
    box-shadow:inset 0 0 0 2px rgba(210,222,225,.78);
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.places::after{
    box-shadow:
      inset 0 0 0 3px rgba(0,229,255,.92),
      0 0 18px rgba(0,229,255,.12);
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.nature::after{
    box-shadow:inset 0 0 0 2px rgba(191,142,49,.88);
  }

  /* Keep the approved composition visually stable on hover. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card:hover .images-category-card-photo{
    transform:none !important;
    filter:saturate(.96) brightness(.86) contrast(1.06) !important;
  }
}

/* =========================================================
   SPAR10 IMAGES — GOLD PERSPECTIVES LANDING
   DESIGN-ONLY OVERRIDE.
   Existing People / Places / Nature controls and JavaScript
   remain intact; the live controls become invisible hit zones
   over the approved visual composition.
   ========================================================= */

@media (min-width:701px){

  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ){
    position:relative;
    width:100%;
    aspect-ratio:1363 / 1054;
    min-height:0;
    overflow:hidden;
    background:
      url("assets/backgrounds/spar10-images-gold-perspectives.jpg")
      center top / 100% 100% no-repeat !important;
  }

  /* The approved composition supplies all visible landing artwork/text. */
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-ambient,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-constellations,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-portfolio-header,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  ) > .images-category-nav{
    display:none !important;
  }

  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  )::before,
  .images-portfolio-page .images-portfolio-shell:has(
    .images-category-stage[data-images-view="all"].active
  )::after{
    display:none !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"].active{
    display:block !important;
    position:absolute;
    inset:0;
    min-height:0;
    margin:0;
    padding:0;
    background:transparent !important;
    animation:none !important;
    z-index:5;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-intro{
    display:none !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards{
    position:absolute;
    inset:0;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    display:block;
    pointer-events:none;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards::before,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-cards::after{
    display:none !important;
  }

  /* Invisible functional buttons aligned to the three gold hexagons. */
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card{
    position:absolute !important;
    top:46.6% !important;
    width:18.0% !important;
    height:28.1% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:.001 !important;
    cursor:pointer;
    pointer-events:auto;
    transform:none !important;
    overflow:hidden !important;
    clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%) !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.people{
    left:16.2% !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.places{
    left:41.0% !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card.nature{
    left:65.9% !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card > *,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card .images-category-card-photo,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card::before,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card::after{
    display:none !important;
    visibility:hidden !important;
  }

  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card:hover,
  .images-portfolio-page .images-category-stage[data-images-view="all"] .images-category-card:focus{
    opacity:.001 !important;
    transform:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}

/* Keep the existing responsive/mobile portfolio implementation intact. */

/* =========================================================
   SPAR10 INDUSTRIES — 3D MARBLE ORBITAL ARENA / FIERY ORBS
   THEME-ONLY FINAL OVERRIDE
   Existing orbit geometry, routes, hover deceleration, selection
   transitions and JavaScript are intentionally untouched.
   ========================================================= */

@media (min-width:701px){

  .ecosystem-page{
    background:#090806 !important;
    color:#f7f2e8;
  }

  .ecosystem-page .ecosystem-stage{
    position:relative;
    min-height:calc(100vh - 102px);
    padding:28px 0 44px;
    overflow:hidden;
    isolation:isolate;
    background:
      linear-gradient(180deg,rgba(7,6,4,.08),rgba(7,5,2,.28)),
      url("assets/backgrounds/industries-clean-arena.jpg")
      center center / cover no-repeat !important;
  }

  /* Architectural vignette and polished-gold stage lighting. */
  .ecosystem-page .ecosystem-stage::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 50% 72%,rgba(247,201,92,.18),transparent 34%),
      radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.22) 0 30%,rgba(0,0,0,.48) 62%,rgba(0,0,0,.70) 100%),
      linear-gradient(180deg,rgba(7,5,2,.42),rgba(7,5,2,.58));
  }

  .ecosystem-page .ecosystem-eyebrow,
  .ecosystem-page .section-title{
    position:relative;
    z-index:6;
  }

  .ecosystem-page .ecosystem-eyebrow{
    margin-top:3px;
    color:#d9a83f !important;
    font-family:"Cinzel",Georgia,serif !important;
    font-size:11px;
    letter-spacing:7px;
    text-align:center;
    text-shadow:0 2px 12px rgba(0,0,0,.7);
  }

  .ecosystem-page .section-title h2{
    margin:7px 0 0;
    color:#fffaf0 !important;
    font-family:"Cinzel",Georgia,serif !important;
    font-weight:400;
    font-size:clamp(42px,5vw,68px);
    letter-spacing:7px;
    text-shadow:0 5px 24px rgba(0,0,0,.58);
  }

  .ecosystem-page .section-rule{
    width:min(520px,52vw);
    margin:10px auto 0;
    color:#f0c65d;
  }

  .ecosystem-page .section-rule::after{
    content:"INNOVATION.  INTEGRATION.  IMPACT.";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin-top:34px;
    width:max-content;
    color:#d7aa48;
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    letter-spacing:4.5px;
    text-shadow:0 2px 8px rgba(0,0,0,.68);
  }

  /* Keep the existing 3D orbital mechanics; only enlarge the visual chamber. */
  .ecosystem-page .division-grid.orbital-interface{
    position:relative;
    z-index:4;
    width:min(1160px,92vw);
    height:590px;
    margin:34px auto 0;
    perspective:1450px;
    perspective-origin:50% 47%;
    transform-style:preserve-3d;
  }

  /* Marble/gold dais beneath the orbital system. */
  .ecosystem-page .division-grid.orbital-interface::before{
    content:"";
    position:absolute;
    left:50%;
    top:54%;
    width:min(1040px,88vw);
    height:420px;
    transform:translate(-50%,-50%) rotateX(67deg);
    border-radius:50%;
    opacity:1;
    pointer-events:none;
    background:
      radial-gradient(ellipse at center,rgba(255,252,244,.16) 0 18%,rgba(183,132,39,.11) 19% 36%,rgba(15,10,4,.36) 37% 63%,transparent 64%),
      repeating-radial-gradient(ellipse at center,transparent 0 46px,rgba(233,184,75,.26) 47px 49px,transparent 50px 73px);
    border:2px solid rgba(222,166,54,.50);
    box-shadow:
      inset 0 0 0 8px rgba(255,244,209,.05),
      inset 0 0 42px rgba(240,182,58,.14),
      0 0 22px rgba(235,176,48,.26),
      0 28px 50px rgba(0,0,0,.38);
  }

  /* Central Spartan crest / physical podium. */
  .ecosystem-page .division-grid.orbital-interface::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:210px;
    height:210px;
    transform:translate(-50%,-50%);
    z-index:90;
    pointer-events:none;
    border-radius:50%;
    background:
      url("assets/logos/spar10-helmet.png") center 45% / 52% auto no-repeat,
      radial-gradient(circle at 50% 38%,rgba(255,255,255,.70),rgba(247,239,219,.88) 32%,rgba(206,169,91,.66) 66%,rgba(89,57,12,.95) 100%);
    border:4px solid #d6a94b;
    box-shadow:
      inset 0 0 0 5px rgba(255,255,255,.45),
      inset 0 -22px 40px rgba(92,53,5,.34),
      0 0 0 7px rgba(95,59,11,.76),
      0 0 22px rgba(255,212,100,.62),
      0 0 54px rgba(210,144,23,.27),
      0 26px 35px rgba(0,0,0,.38);
  }

  .ecosystem-page .orbital-interface .division-card{
    width:184px !important;
    color:#fffaf0;
  }

  /* Existing category identities, shifted to the approved unique orb palette. */
  .ecosystem-page .orbital-interface .division-card.atlas{
    --orb:#1d7cff; --orb-hot:#70b7ff; --orb-deep:#03162f;
  }
  .ecosystem-page .orbital-interface .division-card.images{
    --orb:#c642d9; --orb-hot:#ff91f1; --orb-deep:#260429;
  }
  .ecosystem-page .orbital-interface .division-card.assets{
    --orb:#39be67; --orb-hot:#9affb8; --orb-deep:#061f10;
  }
  .ecosystem-page .orbital-interface .division-card.impact{
    --orb:#15a69f; --orb-hot:#77fff2; --orb-deep:#032421;
  }
  .ecosystem-page .orbital-interface .division-card.fitness{
    --orb:#ed3b23; --orb-hot:#ff986e; --orb-deep:#2a0803;
  }
  .ecosystem-page .orbital-interface .division-card.tech{
    --orb:#f2a900; --orb-hot:#ffd66a; --orb-deep:#2d1900;
  }

  /* True glass sphere. */
  .ecosystem-page .orbital-interface .hex-frame,
  .ecosystem-page .orbital-interface .industry-coin{
    position:relative !important;
    width:166px !important;
    height:166px !important;
    margin:0 auto 18px !important;
    padding:0 !important;
    clip-path:none !important;
    border-radius:50% !important;
    overflow:visible !important;
    isolation:isolate;
    border:2px solid color-mix(in srgb,var(--orb-hot) 72%,white) !important;
    background:
      radial-gradient(circle at 35% 23%,rgba(255,255,255,.43) 0 3%,rgba(255,255,255,.10) 4% 16%,transparent 17%),
      repeating-radial-gradient(circle at 50% 50%,transparent 0 18px,color-mix(in srgb,var(--orb-hot) 10%,transparent) 19px 20px,transparent 21px 31px),
      radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--orb) 34%,transparent) 0 33%,var(--orb-deep) 71%,#010202 100%) !important;
    box-shadow:
      inset 0 0 0 3px rgba(255,255,255,.16),
      inset 0 0 28px color-mix(in srgb,var(--orb) 31%,transparent),
      inset 0 -32px 43px rgba(0,0,0,.42),
      0 0 9px var(--orb-hot),
      0 0 27px color-mix(in srgb,var(--orb) 76%,transparent),
      0 19px 28px rgba(0,0,0,.34) !important;
    filter:none !important;
  }

  /* Fiery ring: independent of the JS orbit, continuously rotating around each orb. */
  .ecosystem-page .orbital-interface .hex-frame::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-12px !important;
    z-index:-1 !important;
    border-radius:50% !important;
    pointer-events:none !important;
    background:
      conic-gradient(
        from 0deg,
        transparent 0 5%,
        color-mix(in srgb,var(--orb-hot) 95%,white) 8%,
        var(--orb) 12%,
        transparent 19% 29%,
        var(--orb-hot) 34%,
        transparent 42% 54%,
        color-mix(in srgb,var(--orb) 92%,#ff6a00) 61%,
        var(--orb-hot) 67%,
        transparent 74% 86%,
        var(--orb) 92%,
        transparent 100%
      ) !important;
    opacity:calc(.72 + var(--orbit-depth) * .28) !important;
    filter:blur(7px) saturate(1.55) brightness(1.15) !important;
    mix-blend-mode:screen;
    animation:spar10FieryOrbSpin 3.8s linear infinite !important;
  }

  /* Second tight energy edge / honeycomb-like glass contour. */
  .ecosystem-page .orbital-interface .hex-frame::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:4px !important;
    z-index:2 !important;
    border-radius:50% !important;
    pointer-events:none !important;
    border:1px solid rgba(255,255,255,.43) !important;
    background:
      repeating-conic-gradient(from 1deg,color-mix(in srgb,var(--orb-hot) 25%,transparent) 0 .7deg,transparent .8deg 6deg),
      radial-gradient(circle,transparent 0 76%,color-mix(in srgb,var(--orb-hot) 34%,transparent) 77% 79%,transparent 80%) !important;
    box-shadow:
      inset 0 0 14px color-mix(in srgb,var(--orb) 28%,transparent),
      0 0 8px color-mix(in srgb,var(--orb-hot) 44%,transparent) !important;
    opacity:.92 !important;
  }

  .ecosystem-page .orbital-interface .hex-frame img{
    position:relative !important;
    z-index:4 !important;
    width:72% !important;
    height:72% !important;
    margin:14% !important;
    padding:12% !important;
    object-fit:contain !important;
    clip-path:none !important;
    background:transparent !important;
    mix-blend-mode:screen;
    filter:
      grayscale(.12)
      brightness(1.65)
      contrast(1.15)
      drop-shadow(0 0 4px #fff9e8)
      drop-shadow(0 0 14px var(--orb-hot)) !important;
  }

  .ecosystem-page .orbital-interface .tech-symbol,
  .ecosystem-page .orbital-interface .impact-symbol{
    position:relative;
    z-index:4;
    color:#fff7df !important;
    text-shadow:
      0 0 3px white,
      0 0 12px var(--orb-hot),
      0 0 22px var(--orb) !important;
  }

  .ecosystem-page .orbital-interface .impact-symbol i{
    border-color:#fff7df !important;
    box-shadow:0 0 7px var(--orb-hot) !important;
  }

  .ecosystem-page .orbital-interface .impact-symbol::before{
    filter:drop-shadow(0 0 8px var(--orb-hot)) !important;
    opacity:1 !important;
  }

  /* Physical illuminated pedestal underneath each rotating orb. */
  .ecosystem-page .orbital-interface .division-card::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:159px !important;
    width:132px !important;
    height:25px !important;
    transform:translateX(-50%) !important;
    z-index:-2 !important;
    border-radius:50% !important;
    border:2px solid color-mix(in srgb,var(--orb-hot) 70%,#d2a448) !important;
    background:
      radial-gradient(ellipse at center,color-mix(in srgb,var(--orb-hot) 55%,white) 0 8%,var(--orb) 20%,rgba(33,19,2,.90) 52%,rgba(4,3,2,.96) 72%) !important;
    box-shadow:
      inset 0 2px 7px rgba(255,255,255,.55),
      0 0 9px var(--orb-hot),
      0 0 23px color-mix(in srgb,var(--orb) 64%,transparent),
      0 7px 12px rgba(0,0,0,.55) !important;
    opacity:1 !important;
  }

  .ecosystem-page .orbital-interface .division-card::after{
    display:none !important;
  }

  .ecosystem-page .orbital-interface .division-card h3{
    margin-top:3px !important;
    color:#fff9ef !important;
    font-family:"Cinzel",Georgia,serif !important;
    font-weight:500 !important;
    font-size:15px !important;
    letter-spacing:2.2px !important;
    text-shadow:0 2px 9px rgba(0,0,0,.90) !important;
  }

  .ecosystem-page .orbital-interface .division-card p{
    margin-top:6px !important;
    color:#e2c778 !important;
    font-size:8px !important;
    letter-spacing:1.15px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.88) !important;
  }

  /* Hover still triggers the existing JS slowdown; visually the fire surges. */
  .ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame{
    border-color:#fff7dc !important;
    box-shadow:
      inset 0 0 0 3px rgba(255,255,255,.20),
      inset 0 0 34px color-mix(in srgb,var(--orb-hot) 34%,transparent),
      0 0 14px #fff4cc,
      0 0 34px var(--orb-hot),
      0 0 70px color-mix(in srgb,var(--orb) 58%,transparent),
      0 22px 32px rgba(0,0,0,.36) !important;
  }

  .ecosystem-page .orbital-interface .division-card.orbital-focus .hex-frame::after{
    animation-duration:1.35s !important;
    filter:blur(8px) saturate(1.8) brightness(1.42) !important;
    opacity:1 !important;
  }

  .ecosystem-page .orbital-interface .chosen-division .hex-frame{
    animation:spar10FieryChosen .62s ease-in-out infinite alternate !important;
  }

  @keyframes spar10FieryOrbSpin{
    to{transform:rotate(360deg)}
  }

  @keyframes spar10FieryChosen{
    from{filter:brightness(1.05) drop-shadow(0 0 8px var(--orb))}
    to{filter:brightness(1.30) drop-shadow(0 0 30px var(--orb-hot))}
  }
}

/* Preserve the existing compact/mobile Industries implementation. */
@media (prefers-reduced-motion:reduce){
  .ecosystem-page .orbital-interface .hex-frame::after{
    animation:none !important;
  }
}



/* =========================================================
   OUR INDUSTRIES — APPROVED REFERENCE DESIGN
   Scoped only to the ecosystem/Industries route.
   ========================================================= */
body.industries-reference-active{
  overflow:hidden;
  background:#0b0906;
}
body.industries-reference-active .site-header,
body.industries-reference-active .mobile-drawer,
body.industries-reference-active #cursorGlow{
  display:none !important;
}

.ecosystem-page:has(.industries-reference-stage){
  padding-top:0 !important;
  min-height:100vh;
  background:#0b0906 !important;
}
.ecosystem-page:has(.industries-reference-stage)::before,
.ecosystem-page:has(.industries-reference-stage)::after{
  display:none !important;
}
.ecosystem-page .industries-reference-stage{
  position:relative;
  width:100vw;
  height:100vh;
  min-height:0;
  padding:0;
  margin:0;
  display:block;
  overflow:hidden;
  background:#0b0906;
}
.ecosystem-page .industries-reference-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

/* Independent Industries spheres — fixed to their approved pedestal locations.
   Only vertical hover and contained energy illumination animate. */
.ecosystem-page .division-grid.industries-reference-layout{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  display:block !important;
  perspective:none !important;
  overflow:visible !important;
  pointer-events:none;
}
.ecosystem-page .industries-reference-layout .division-card{
  --energy:#ffd36f;
  --energy-hot:#fff4c7;
  position:absolute !important;
  z-index:20 !important;
  width:15.5% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  opacity:1 !important;
  box-shadow:none !important;
  cursor:pointer;
  pointer-events:auto;
  transform:translate(-50%,-50%);
  transform-origin:50% 50% !important;
  will-change:transform,filter;
  animation:industriesOrbHover 4.8s ease-in-out infinite;
}

/* Exact approved six-point composition. */
.ecosystem-page .industries-reference-layout .division-card.assets{left:50% !important;top:34.8% !important;--energy:#89ff39;--energy-hot:#e7ffc8;animation-delay:-.3s;}
.ecosystem-page .industries-reference-layout .division-card.images{left:29.65% !important;top:45.5% !important;--energy:#ff45ec;--energy-hot:#ffd1fb;animation-delay:-1.1s;}
.ecosystem-page .industries-reference-layout .division-card.atlas{left:70.35% !important;top:45.5% !important;--energy:#31aaff;--energy-hot:#c7edff;animation-delay:-1.9s;}
.ecosystem-page .industries-reference-layout .division-card.fitness{left:29.65% !important;top:66.9% !important;--energy:#ff4a23;--energy-hot:#ffd2b9;animation-delay:-2.7s;}
.ecosystem-page .industries-reference-layout .division-card.impact{left:50% !important;top:77.6% !important;--energy:#11e0c4;--energy-hot:#c8fff7;animation-delay:-3.5s;}
.ecosystem-page .industries-reference-layout .division-card.tech{left:70.35% !important;top:66.9% !important;--energy:#ffb51b;--energy-hot:#fff0ba;animation-delay:-4.2s;}

/* The approved sphere artwork itself remains upright and stationary. */
.ecosystem-page .industries-reference-layout .division-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  opacity:1 !important;
  transform:none !important;
  animation:industriesOrbCorePulse 2.65s ease-in-out infinite !important;
  filter:
    brightness(1.02)
    saturate(1.04)
    drop-shadow(0 0 5px var(--energy))
    drop-shadow(0 0 13px color-mix(in srgb,var(--energy) 58%,transparent));
}
.ecosystem-page .industries-reference-layout .division-card.assets::before{background-image:url("assets/backgrounds/orbs/capital.png") !important;}
.ecosystem-page .industries-reference-layout .division-card.images::before{background-image:url("assets/backgrounds/orbs/images.png") !important;}
.ecosystem-page .industries-reference-layout .division-card.atlas::before{background-image:url("assets/backgrounds/orbs/atlas.png") !important;}
.ecosystem-page .industries-reference-layout .division-card.fitness::before{background-image:url("assets/backgrounds/orbs/fitness.png") !important;}
.ecosystem-page .industries-reference-layout .division-card.impact::before{background-image:url("assets/backgrounds/orbs/impact.png") !important;}
.ecosystem-page .industries-reference-layout .division-card.tech::before{background-image:url("assets/backgrounds/orbs/tech.png") !important;}

/* Contained electrical/flame energy. It illuminates the orb instead of creating a
   separate hologram above it. Multiple narrow streaks flash through the glass. */
.ecosystem-page .industries-reference-layout .division-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:8% !important;
  z-index:2 !important;
  pointer-events:none !important;
  border-radius:50% !important;
  overflow:hidden;
  background:
    linear-gradient(112deg,transparent 0 37%,color-mix(in srgb,var(--energy-hot) 88%,white) 39%,transparent 41% 100%),
    linear-gradient(73deg,transparent 0 55%,color-mix(in srgb,var(--energy) 82%,white) 57%,transparent 59% 100%),
    linear-gradient(148deg,transparent 0 66%,color-mix(in srgb,var(--energy-hot) 80%,white) 68%,transparent 70% 100%),
    radial-gradient(circle at 48% 54%,color-mix(in srgb,var(--energy) 34%,transparent),transparent 48%);
  background-size:145% 145%,155% 155%,165% 165%,100% 100%;
  background-position:-28% 22%,126% 72%,46% -32%,center;
  mix-blend-mode:screen;
  opacity:.40;
  filter:blur(.25px) brightness(1.35);
  animation:industriesEnergyCrash 2.15s cubic-bezier(.4,0,.2,1) infinite;
}

.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus{
  animation-play-state:paused;
  filter:brightness(1.12) saturate(1.13) drop-shadow(0 0 17px color-mix(in srgb,var(--energy) 72%,transparent)) !important;
}
.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus::before{
  filter:
    brightness(1.14)
    saturate(1.10)
    drop-shadow(0 0 8px var(--energy-hot))
    drop-shadow(0 0 22px var(--energy)) !important;
}
.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus::after{
  opacity:.72;
  animation-duration:1.15s;
}
.ecosystem-page .industries-reference-layout .division-card.is-selected{
  animation-play-state:paused;
  filter:brightness(1.18) saturate(1.16) drop-shadow(0 0 24px var(--energy)) !important;
}
.ecosystem-page .industries-reference-layout .division-card > *:not(.sr-only){display:none !important;}
.ecosystem-page .industries-reference-layout .division-card:hover,
.ecosystem-page .industries-reference-layout .division-card:focus-visible{
  background:transparent !important;
  box-shadow:none !important;
  outline:none;
}

@keyframes industriesOrbHover{
  0%,100%{transform:translate(-50%,-50%) translateY(-2px)}
  50%{transform:translate(-50%,-50%) translateY(5px)}
}
@keyframes industriesOrbCorePulse{
  0%,100%{filter:brightness(1.00) saturate(1.03) drop-shadow(0 0 4px var(--energy)) drop-shadow(0 0 11px color-mix(in srgb,var(--energy) 48%,transparent));}
  50%{filter:brightness(1.10) saturate(1.09) drop-shadow(0 0 8px var(--energy-hot)) drop-shadow(0 0 20px color-mix(in srgb,var(--energy) 72%,transparent));}
}
@keyframes industriesEnergyCrash{
  0%,18%,100%{opacity:.22;background-position:-28% 22%,126% 72%,46% -32%,center;}
  24%{opacity:.78;background-position:30% 48%,76% 42%,54% 22%,center;}
  29%{opacity:.34;}
  43%{opacity:.56;background-position:82% 72%,28% 18%,42% 76%,center;}
  48%{opacity:.25;}
  72%{opacity:.70;background-position:44% 30%,52% 80%,74% 38%,center;}
  78%{opacity:.30;}
}

@media(max-width:820px){
  .ecosystem-page .industries-reference-art{object-fit:cover;}
}

/* =========================================================
   OUR INDUSTRIES — MOCKUP-MATCH LIGHTNING PASS
   Final scoped override only. No layout or site-wide changes.
   ========================================================= */
.ecosystem-page .industries-reference-layout .division-card{
  left:var(--orb-left) !important;
  top:var(--orb-top) !important;
  width:var(--orb-size) !important;
  height:var(--orb-size) !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%,-50%) !important;
  animation:industriesOrbHoverRefined 5.6s ease-in-out infinite !important;
  filter:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Keep the actual orb perfectly registered to the dark placeholder beneath it. */
.ecosystem-page .industries-reference-layout .division-card::before{
  inset:0 !important;
  transform:none !important;
  animation:industriesOrbGlassPulse 3.2s ease-in-out infinite !important;
  filter:
    brightness(1.08)
    saturate(1.12)
    drop-shadow(0 0 4px var(--energy))
    drop-shadow(0 0 11px color-mix(in srgb,var(--energy) 55%,transparent)) !important;
}

/* Natural branching lightning contained inside the glass sphere.
   The mask is made of irregular forked paths rather than straight gradients,
   so the energy reads as electrical cracks instead of laser beams. */
.ecosystem-page .industries-reference-layout .division-card::after{
  content:"" !important;
  position:absolute !important;
  inset:4.5% !important;
  z-index:3 !important;
  display:block !important;
  border-radius:50% !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--energy) 20%,transparent) 0 31%,transparent 67%),
    var(--energy-hot) !important;
  opacity:.72 !important;
  mix-blend-mode:screen !important;
  filter:
    drop-shadow(0 0 2px #fff)
    drop-shadow(0 0 5px var(--energy-hot))
    drop-shadow(0 0 10px var(--energy)) !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='2.7' d='M28 66 L47 75 L39 92 L62 99 L55 117 L80 124 L73 145'/%3E%3Cpath stroke-width='1.8' d='M47 75 L58 58 L68 68 L79 50'/%3E%3Cpath stroke-width='1.5' d='M62 99 L83 88 L94 96 L108 80'/%3E%3Cpath stroke-width='2.5' d='M169 50 L150 66 L158 82 L136 91 L144 108 L120 121 L128 143 L105 158'/%3E%3Cpath stroke-width='1.6' d='M150 66 L132 55 L122 66 L108 54'/%3E%3Cpath stroke-width='1.7' d='M136 91 L116 84 L104 96 L91 88'/%3E%3Cpath stroke-width='2.2' d='M79 28 L91 48 L86 64 L103 77 L96 96'/%3E%3Cpath stroke-width='1.5' d='M91 48 L108 37 L119 49'/%3E%3Cpath stroke-width='2.1' d='M51 158 L70 148 L82 160 L99 146 L112 159 L132 149 L145 165'/%3E%3Cpath stroke-width='1.4' d='M82 160 L76 178 M112 159 L120 177'/%3E%3C/g%3E%3C/svg%3E") !important;
  -webkit-mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  -webkit-mask-size:100% 100% !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='2.7' d='M28 66 L47 75 L39 92 L62 99 L55 117 L80 124 L73 145'/%3E%3Cpath stroke-width='1.8' d='M47 75 L58 58 L68 68 L79 50'/%3E%3Cpath stroke-width='1.5' d='M62 99 L83 88 L94 96 L108 80'/%3E%3Cpath stroke-width='2.5' d='M169 50 L150 66 L158 82 L136 91 L144 108 L120 121 L128 143 L105 158'/%3E%3Cpath stroke-width='1.6' d='M150 66 L132 55 L122 66 L108 54'/%3E%3Cpath stroke-width='1.7' d='M136 91 L116 84 L104 96 L91 88'/%3E%3Cpath stroke-width='2.2' d='M79 28 L91 48 L86 64 L103 77 L96 96'/%3E%3Cpath stroke-width='1.5' d='M91 48 L108 37 L119 49'/%3E%3Cpath stroke-width='2.1' d='M51 158 L70 148 L82 160 L99 146 L112 159 L132 149 L145 165'/%3E%3Cpath stroke-width='1.4' d='M82 160 L76 178 M112 159 L120 177'/%3E%3C/g%3E%3C/svg%3E") !important;
  mask-repeat:no-repeat !important;
  mask-position:center !important;
  mask-size:100% 100% !important;
  animation:industriesLightningFlicker 4.15s steps(1,end) infinite !important;
}

/* Per-orb phase variation keeps the discharges organic rather than synchronized. */
.ecosystem-page .industries-reference-layout .division-card.assets::after{animation-delay:-.42s !important;}
.ecosystem-page .industries-reference-layout .division-card.images::after{animation-delay:-1.31s !important;}
.ecosystem-page .industries-reference-layout .division-card.atlas::after{animation-delay:-2.06s !important;}
.ecosystem-page .industries-reference-layout .division-card.fitness::after{animation-delay:-2.77s !important;}
.ecosystem-page .industries-reference-layout .division-card.impact::after{animation-delay:-3.39s !important;}
.ecosystem-page .industries-reference-layout .division-card.tech::after{animation-delay:-3.86s !important;}

.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus{
  animation-play-state:paused !important;
  filter:brightness(1.07) saturate(1.08) drop-shadow(0 0 13px color-mix(in srgb,var(--energy) 50%,transparent)) !important;
}
.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus::before{
  filter:
    brightness(1.16)
    saturate(1.14)
    drop-shadow(0 0 6px var(--energy-hot))
    drop-shadow(0 0 18px var(--energy)) !important;
}
.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus::after{
  opacity:.95 !important;
  animation-duration:2.15s !important;
}

@keyframes industriesOrbHoverRefined{
  0%,100%{transform:translate(-50%,-50%) translateY(-1px)}
  50%{transform:translate(-50%,-50%) translateY(3px)}
}
@keyframes industriesOrbGlassPulse{
  0%,100%{filter:brightness(1.05) saturate(1.08) drop-shadow(0 0 3px var(--energy)) drop-shadow(0 0 9px color-mix(in srgb,var(--energy) 48%,transparent));}
  45%{filter:brightness(1.13) saturate(1.15) drop-shadow(0 0 5px var(--energy-hot)) drop-shadow(0 0 15px color-mix(in srgb,var(--energy) 64%,transparent));}
  52%{filter:brightness(1.08) saturate(1.10) drop-shadow(0 0 4px var(--energy)) drop-shadow(0 0 11px color-mix(in srgb,var(--energy) 52%,transparent));}
}
@keyframes industriesLightningFlicker{
  0%,16%,23%,49%,57%,78%,100%{opacity:.26;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px var(--energy-hot)) drop-shadow(0 0 7px var(--energy));}
  17%{opacity:.96;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px var(--energy-hot)) drop-shadow(0 0 14px var(--energy));}
  19%{opacity:.43;}
  21%{opacity:.82;}
  50%{opacity:.88;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px var(--energy-hot)) drop-shadow(0 0 13px var(--energy));}
  53%{opacity:.34;}
  58%{opacity:.73;}
  79%{opacity:.92;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px var(--energy-hot)) drop-shadow(0 0 15px var(--energy));}
  82%{opacity:.35;}
}

@media (prefers-reduced-motion:reduce){
  .ecosystem-page .industries-reference-layout .division-card,
  .ecosystem-page .industries-reference-layout .division-card::before,
  .ecosystem-page .industries-reference-layout .division-card::after{
    animation:none !important;
  }
}


/* =========================================================
   OUR INDUSTRIES — EXACT APPROVED PNG MATCH
   Final scoped override only.
   The approved PNG supplies the complete visual design.
   Existing buttons remain as invisible click targets.
   ========================================================= */
.ecosystem-page .industries-reference-stage{
  width:100vw !important;
  height:100vh !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.ecosystem-page .industries-reference-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:0 0 !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}

.ecosystem-page .industries-reference-layout .division-card{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  animation:none !important;
  transition:none !important;
}

.ecosystem-page .industries-reference-layout .division-card::before,
.ecosystem-page .industries-reference-layout .division-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
  animation:none !important;
}

.ecosystem-page .industries-reference-layout .division-card:hover,
.ecosystem-page .industries-reference-layout .division-card:focus-visible,
.ecosystem-page .industries-reference-layout .division-card.reference-orbital-focus,
.ecosystem-page .industries-reference-layout .division-card.is-selected{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  outline:none !important;
  transform:translate(-50%,-50%) !important;
}


/* =========================================================
   GLOBAL HEADER — CONSISTENT ACROSS ALL ROUTES
   Header-only correction. Page content remains untouched.
   ========================================================= */
.site-header{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:10000 !important;
  height:102px !important;
  padding:0 4.2% !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(249,245,237,.94)),
    url("assets/backgrounds/marble-light.jpg") center/cover !important;
  border-bottom:1px solid rgba(191,142,49,.48) !important;
  box-shadow:0 8px 30px rgba(71,49,18,.08) !important;
  backdrop-filter:blur(12px) !important;
}

body.industries-reference-active .site-header{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

.site-header .brand{
  flex:0 0 auto !important;
}

.site-header .desktop-nav{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  margin-left:auto !important;
}

.site-header .desktop-nav > button,
.site-header .desktop-nav .nav-divisions > button{
  border:0;
  background:none;
  cursor:pointer;
  padding:18px 0;
  position:relative;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  letter-spacing:3px;
  white-space:nowrap;
}

.site-header .nav-separator{
  width:1px;
  height:18px;
  background:rgba(136,98,31,.55);
  flex:0 0 1px;
}

.site-header .divisions-main-button{
  border:1px solid rgba(136,98,31,.65) !important;
  padding:14px 24px !important;
  margin-left:4px;
}

.site-header .divisions-main-button::after{
  display:none !important;
}

.site-header .nav-divisions{
  position:relative;
}

.site-header .dropdown{
  z-index:10001 !important;
}

.ecosystem-page:has(.industries-reference-stage){
  padding-top:102px !important;
  min-height:100vh !important;
}

.ecosystem-page .industries-reference-stage{
  height:calc(100vh - 102px) !important;
}

@media(max-width:980px){
  .site-header .desktop-nav{gap:18px !important;}
  .site-header .desktop-nav > button,
  .site-header .desktop-nav .nav-divisions > button{
    font-size:10px;
    letter-spacing:2px;
  }
  .site-header .divisions-main-button{padding:12px 16px !important;}
}

@media(max-width:820px){
  .site-header .desktop-nav{display:none !important;}
  .site-header .mobile-menu{display:block !important;}
  .mobile-drawer{
    position:fixed;
    top:78px;
    left:0;
    right:0;
    z-index:9999;
  }
}


/* =========================================================
   OUR INDUSTRIES — REMOVE ONLY BAKED-IN ART HEADER/FOOTER
   Keep the site's real interactive header unchanged.
   ========================================================= */
.ecosystem-page:has(.industries-reference-stage){
  padding-top:102px !important;
  min-height:100vh !important;
}

.ecosystem-page .industries-reference-stage{
  width:100vw !important;
  height:calc(100vh - 102px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.ecosystem-page .industries-reference-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:0 0 !important;
  transform:none !important;
}


/* =========================================================
   OUR INDUSTRIES — PRESERVE APPROVED ARTWORK PROPORTIONS
   Fix only the vertical squeeze. Nothing else is changed.
   Source artwork ratio: 1267 / 960.
   ========================================================= */
.ecosystem-page:has(.industries-reference-stage){
  padding-top:102px !important;
  min-height:0 !important;
}

.ecosystem-page .industries-reference-stage{
  position:relative !important;
  width:100vw !important;
  height:auto !important;
  aspect-ratio:1267 / 960 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.ecosystem-page .industries-reference-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  transform:none !important;
}


/* =========================================================
   SPAR10 FITNESS — PERSONALIZED PERFORMANCE EXPERIENCE
   ========================================================= */
.fitness-page{
  --fitness-orange:#f06422;
  --fitness-orange-soft:#ff914e;
  --fitness-cyan:#44d7ff;
  --fitness-ink:#050708;
  --fitness-panel:#0b0e10;
  position:relative;
  min-height:100vh;
  padding-top:102px;
  overflow:hidden;
  color:#f5f7f8;
  background:
    radial-gradient(circle at 85% 12%,rgba(68,215,255,.12),transparent 27%),
    radial-gradient(circle at 13% 32%,rgba(240,100,34,.10),transparent 26%),
    linear-gradient(145deg,#050708 0%,#080b0d 45%,#020304 100%);
}
.fitness-page::before{
  content:"";
  position:absolute;
  inset:102px 0 0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(68,215,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(68,215,255,.055) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent,black 24%,black 76%,transparent);
}
.fitness-page>*{position:relative;z-index:1}
.fitness-page small,
.fitness-page h1,
.fitness-page h2,
.fitness-page h3,
.fitness-page .fitness-button,
.fitness-page .fitness-principles,
.fitness-page .fitness-outcomes,
.fitness-page .fitness-performance,
.fitness-page .fitness-service-number,
.fitness-page .fitness-method-grid b{
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
}
.fitness-hero{
  width:min(1500px,100%);
  min-height:710px;
  margin:0 auto;
  padding:82px 6.5% 72px;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  align-items:center;
  gap:clamp(45px,7vw,110px);
}
.fitness-hero-copy small,
.fitness-section-title small,
.fitness-cta small{
  display:block;
  color:var(--fitness-cyan)!important;
  font-size:10px;
  letter-spacing:4px;
}
.fitness-hero-copy h1{
  margin:18px 0 24px;
  font-size:clamp(42px,5vw,76px);
  line-height:1;
  font-weight:400;
  letter-spacing:3px;
}
.fitness-hero-copy h1 span{color:var(--fitness-cyan)}
.fitness-hero-copy h1 sup{font-size:13px;color:#fff;vertical-align:top}
.fitness-hero-copy h2{
  margin:0;
  max-width:760px;
  font-size:clamp(58px,7.6vw,118px);
  line-height:.88;
  letter-spacing:-2px;
  font-weight:500;
  background:linear-gradient(180deg,#fff 0 41%,var(--fitness-orange-soft) 61%,var(--fitness-orange) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fitness-hero-copy>p{
  max-width:660px;
  margin:32px 0 0;
  color:#bac2c7;
  font-size:17px;
  line-height:1.8;
}
.fitness-hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px}
.fitness-button{
  min-width:210px;
  min-height:56px;
  padding:17px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(68,215,255,.65);
  color:#f7fbfd!important;
  text-decoration:none;
  font-size:10px;
  letter-spacing:2.4px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.fitness-button.primary{
  border-color:var(--fitness-orange);
  background:linear-gradient(135deg,#d9440e,var(--fitness-orange));
  box-shadow:0 0 0 1px rgba(255,129,67,.18),0 0 24px rgba(240,100,34,.22);
}
.fitness-button.secondary{background:rgba(7,16,20,.7)}
.fitness-button:hover,
.fitness-button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 24px rgba(68,215,255,.15)}
.fitness-principles{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px;
  color:#879197;
  font-size:9px;
  letter-spacing:2.4px;
}
.fitness-principles b{color:var(--fitness-orange)}

.fitness-performance{
  width:min(590px,100%);
  justify-self:end;
  border:1px solid rgba(68,215,255,.24);
  background:linear-gradient(145deg,rgba(14,20,23,.88),rgba(5,8,10,.94));
  box-shadow:inset 0 0 55px rgba(68,215,255,.035),0 32px 70px rgba(0,0,0,.45);
}
.fitness-performance-top,
.fitness-performance-bottom{
  min-height:52px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(68,215,255,.14);
  color:#9aa5ab;
  font-size:8px;
  letter-spacing:2px;
}
.fitness-performance-top em{font-style:normal;color:var(--fitness-orange-soft)}
.fitness-performance-core{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden}
.fitness-performance-core::before,
.fitness-performance-core::after{
  content:"";
  position:absolute;
  background:rgba(68,215,255,.17);
}
.fitness-performance-core::before{left:8%;right:8%;top:50%;height:1px}
.fitness-performance-core::after{top:8%;bottom:8%;left:50%;width:1px}
.fitness-orbit{
  position:absolute;
  border:1px solid rgba(68,215,255,.24);
  border-radius:50%;
  box-shadow:0 0 22px rgba(68,215,255,.055),inset 0 0 18px rgba(68,215,255,.035);
}
.fitness-orbit-one{width:300px;height:300px}
.fitness-orbit-two{width:210px;height:210px;border-color:rgba(240,100,34,.38)}
.fitness-core-mark{
  position:relative;
  z-index:2;
  width:126px;
  height:126px;
  border:1px solid var(--fitness-orange);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  transform:rotate(45deg);
  background:#090d0f;
  box-shadow:0 0 32px rgba(240,100,34,.18);
}
.fitness-core-mark>*{transform:rotate(-45deg)}
.fitness-core-mark strong{font:500 44px/1 "Cinzel",serif;color:#fff}
.fitness-core-mark span{font-size:7px;line-height:1.45;letter-spacing:1.2px;color:var(--fitness-cyan)}
.fitness-signal{
  position:absolute;
  z-index:3;
  padding:8px 11px;
  border:1px solid rgba(68,215,255,.24);
  background:#080d10;
  color:#b7c1c6;
  font-size:7px;
  letter-spacing:1.4px;
}
.signal-goals{top:17%;left:9%}.signal-schedule{top:17%;right:7%}.signal-equipment{bottom:17%;left:7%}.signal-support{right:6%;bottom:17%}
.fitness-performance-bottom{border-top:1px solid rgba(68,215,255,.14);border-bottom:0;gap:12px}
.fitness-performance-bottom span{white-space:nowrap}.fitness-performance-bottom b{color:var(--fitness-cyan);margin-right:4px}

.fitness-outcomes{
  min-height:76px;
  padding:20px 6%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:clamp(16px,3vw,46px);
  border-top:1px solid rgba(240,100,34,.38);
  border-bottom:1px solid rgba(240,100,34,.38);
  background:linear-gradient(90deg,rgba(240,100,34,.04),rgba(68,215,255,.06),rgba(240,100,34,.04));
  color:#d7dcdf;
  font-size:9px;
  letter-spacing:2.5px;
}
.fitness-outcomes b{color:var(--fitness-orange)}
.fitness-section{padding:105px 6% 120px}
.fitness-section-title{max-width:1000px;margin:0 auto 58px;text-align:center}
.fitness-section-title h2,
.fitness-cta h2{
  margin:15px 0 0;
  font-size:clamp(36px,4vw,60px);
  line-height:1.08;
  font-weight:400;
  letter-spacing:2px;
}
.fitness-rule{max-width:520px;margin:28px auto 0;display:flex;align-items:center;gap:14px;color:var(--fitness-orange)}
.fitness-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(240,100,34,.65))}
.fitness-rule span:last-child{background:linear-gradient(90deg,rgba(240,100,34,.65),transparent)}
.fitness-service-grid{
  width:min(1320px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.fitness-service-grid article{
  position:relative;
  min-height:420px;
  padding:42px 36px 38px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(68,215,255,.18);
  background:linear-gradient(155deg,rgba(15,21,24,.92),rgba(7,10,12,.96));
  box-shadow:inset 4px 0 0 rgba(240,100,34,.7);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.fitness-service-grid article:hover{transform:translateY(-7px);border-color:rgba(68,215,255,.46);box-shadow:inset 4px 0 0 var(--fitness-orange),0 24px 50px rgba(0,0,0,.32)}
.fitness-service-number{position:absolute;top:24px;right:26px;color:rgba(68,215,255,.34);font-size:28px}
.fitness-icon{
  width:72px;height:72px;
  display:grid;place-items:center;
  border:1px solid rgba(68,215,255,.62);
  color:var(--fitness-cyan);
  font-size:30px;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.fitness-service-grid h3{margin:34px 0 18px;font-size:21px;line-height:1.45;font-weight:400;letter-spacing:1.5px}
.fitness-service-grid p{margin:0;color:#9ea8ad;font-size:14px;line-height:1.85}
.fitness-service-grid a{margin-top:auto;padding-top:30px;color:var(--fitness-orange-soft)!important;text-decoration:none;font:10px/1 "Cinzel",serif;letter-spacing:2px}
.fitness-service-grid a span{font-size:18px;margin-left:7px}

.fitness-method{
  padding:102px 6% 110px;
  border-top:1px solid rgba(68,215,255,.14);
  border-bottom:1px solid rgba(68,215,255,.14);
  background:linear-gradient(180deg,rgba(10,16,19,.88),rgba(4,7,8,.95));
}
.fitness-method-grid{width:min(1300px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.fitness-method-grid article{position:relative;min-height:250px;padding:30px;border-right:1px solid rgba(68,215,255,.16)}
.fitness-method-grid article:last-child{border-right:0}
.fitness-method-grid b{display:grid;place-items:center;width:62px;height:62px;margin-bottom:25px;border:1px solid rgba(240,100,34,.62);color:var(--fitness-orange-soft);font-weight:400}
.fitness-method-grid h3{margin:0 0 15px;font-size:18px;letter-spacing:2px;font-weight:400}
.fitness-method-grid p{margin:0;color:#939da3;font-size:13px;line-height:1.75}
.fitness-cta{
  width:min(1180px,88%);
  margin:110px auto;
  padding:72px 7%;
  text-align:center;
  border:1px solid rgba(240,100,34,.5);
  background:radial-gradient(circle at 50% 0,rgba(240,100,34,.16),transparent 52%),linear-gradient(145deg,#0c1114,#050708);
  box-shadow:inset 0 0 0 7px rgba(240,100,34,.025),0 25px 60px rgba(0,0,0,.38);
}
.fitness-cta p{margin:20px auto 30px;color:#aab3b8;font-size:15px}
.fitness-cta .fitness-button{margin:auto}
.fitness-email{display:block;width:max-content;margin:25px auto 0;color:var(--fitness-cyan)!important;text-decoration:none;font-size:12px;letter-spacing:2px}

@media(max-width:1050px){
  .fitness-hero{grid-template-columns:1fr;padding-top:70px}
  .fitness-performance{justify-self:center;width:min(650px,100%)}
  .fitness-service-grid{grid-template-columns:1fr;max-width:720px}
  .fitness-service-grid article{min-height:340px}
  .fitness-method-grid{grid-template-columns:repeat(2,1fr)}
  .fitness-method-grid article:nth-child(2){border-right:0}
  .fitness-method-grid article:nth-child(-n+2){border-bottom:1px solid rgba(68,215,255,.16)}
}
@media(max-width:820px){
  .fitness-page{padding-top:78px}
  .fitness-page::before{inset:78px 0 0}
}
@media(max-width:620px){
  .fitness-hero{padding:55px 6% 60px;gap:55px}
  .fitness-hero-copy small,.fitness-section-title small,.fitness-cta small{letter-spacing:2.2px;line-height:1.7}
  .fitness-hero-copy h1{font-size:36px;letter-spacing:1px}
  .fitness-hero-copy h2{font-size:52px;letter-spacing:-1px}
  .fitness-hero-copy>p{font-size:15px;line-height:1.7}
  .fitness-hero-actions{display:grid}
  .fitness-button{width:100%}
  .fitness-principles{gap:8px;font-size:8px;letter-spacing:1.4px}
  .fitness-performance-core{min-height:330px}
  .fitness-orbit-one{width:245px;height:245px}.fitness-orbit-two{width:175px;height:175px}
  .fitness-core-mark{width:105px;height:105px}.fitness-core-mark strong{font-size:36px}
  .fitness-signal{font-size:6px;padding:6px}.signal-goals{left:4%}.signal-schedule{right:3%}.signal-equipment{left:3%}.signal-support{right:2%}
  .fitness-performance-bottom{display:grid;grid-template-columns:1fr 1fr;padding:12px 18px;gap:10px}
  .fitness-outcomes{display:grid;text-align:center}.fitness-outcomes b{display:none}
  .fitness-section,.fitness-method{padding:75px 6% 80px}
  .fitness-section-title{margin-bottom:42px}
  .fitness-section-title h2,.fitness-cta h2{font-size:33px;letter-spacing:1px}
  .fitness-service-grid article{padding:38px 28px;min-height:380px}
  .fitness-method-grid{grid-template-columns:1fr}
  .fitness-method-grid article,.fitness-method-grid article:nth-child(2){border-right:0;border-bottom:1px solid rgba(68,215,255,.16)}
  .fitness-method-grid article:last-child{border-bottom:0}
  .fitness-cta{width:88%;margin:75px auto;padding:55px 8%}
}
@media(prefers-reduced-motion:reduce){
  .fitness-button,.fitness-service-grid article{transition:none}
}


/* =========================================================
   OUR INDUSTRIES — APPROVED SIMPLIFIED BACKGROUND SWAP
   Only this route's artwork/aspect ratio is changed.
   ========================================================= */
.ecosystem-page .industries-reference-stage{
  width:100vw !important;
  height:auto !important;
  aspect-ratio:1274 / 1073 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.ecosystem-page .industries-reference-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
  transform:none !important;
}

/* ATLAS COMMAND DECK — 2026-08-30 */
.atlas-command-page{min-height:100vh;padding:132px 1.3% 28px;background:#02080d;color:#dcecf1;font-family:Arial,Helvetica,sans-serif}.atlas-shell{max-width:1700px;margin:auto}.atlas-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:18px}.atlas-topline small{color:#2bd7e4;letter-spacing:3px}.atlas-topline h1{margin:7px 0 5px;font-size:clamp(36px,4vw,64px);line-height:1;font-family:Arial,sans-serif;font-weight:800;color:#2bd7e4;letter-spacing:-2px}.atlas-topline h1 span{font-size:.42em;color:#fff;letter-spacing:0}.atlas-topline p{margin:0;color:#aab9bf;letter-spacing:1.5px}.atlas-topline p b{color:#25d9e5}.atlas-live{min-width:205px;border:1px solid #17313c;border-radius:7px;padding:13px 16px;display:flex;align-items:center;gap:10px;background:#061017}.atlas-live i{width:9px;height:9px;border-radius:50%;background:#20e36a;box-shadow:0 0 12px #20e36a}.atlas-live span{font-size:10px;color:#9aaab0}.atlas-live strong{margin-left:auto;color:#20e36a;font-size:12px}.atlas-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:12px}.atlas-kpis article,.atlas-panel{background:linear-gradient(145deg,#07131b,#030b10);border:1px solid #17313c;border-radius:7px;box-shadow:inset 0 0 30px rgba(26,199,214,.025)}.atlas-kpis article{padding:13px 18px}.atlas-kpis small{display:block;color:#93a6ae;font-size:9px;letter-spacing:1px}.atlas-kpis strong{display:block;margin:5px 0;color:#f1f7f8;font-size:22px}.atlas-kpis article:first-child strong{color:#ffd22e}.atlas-kpis span{font-size:10px;color:#778a92}.atlas-grid{display:grid;grid-template-columns:1.35fr 1.2fr .72fr;gap:12px}.atlas-panel{padding:15px;min-width:0}.atlas-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #142b34;padding-bottom:10px;margin-bottom:12px}.atlas-panel h2{margin:0;color:#eaf5f7;font-size:14px;letter-spacing:.5px}.atlas-panel header button,.atlas-tools button{border:1px solid #1b8591;background:transparent;color:#31d7e2;padding:7px 11px;border-radius:4px;cursor:pointer;font-size:10px}.atlas-board{grid-column:1}.atlas-radar{grid-column:2}.atlas-access{grid-column:3;grid-row:1/3}.atlas-life{grid-column:1/3}.atlas-tools{grid-column:1/4}.atlas-table-wrap{overflow:auto}.atlas-board table{width:100%;border-collapse:collapse;font-size:11px}.atlas-board th{padding:8px;color:#80949c;text-align:left;font-size:9px}.atlas-board td{padding:10px 8px;border-top:1px solid #10252d;color:#d7e4e8}.atlas-board td:nth-child(2){font-weight:700;color:white}.atlas-positive{color:#27e66c!important}.atlas-negative{color:#ff4949!important}.atlas-state{display:inline-block;min-width:70px;padding:4px 6px;border-radius:3px;text-align:center;background:#09271a;color:#2be66e}.atlas-empty{text-align:center!important;color:#6f838b!important;padding:42px!important}.radar{position:relative;width:min(340px,80%);aspect-ratio:1;margin:4px auto 10px;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 37px,rgba(31,211,225,.16) 38px 39px),linear-gradient(90deg,transparent 49.7%,rgba(31,211,225,.16) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(31,211,225,.16) 50%,transparent 50.3%),radial-gradient(circle,#06212a,#031016 70%);border:1px solid #15404a}.radar-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 78%,rgba(32,220,232,.28) 96%,rgba(32,220,232,.65));animation:atlasSweep 4s linear infinite;border-radius:50%}.radar-core{position:absolute;inset:42%;display:grid;place-items:center;border-radius:50%;background:#092b35;border:1px solid #25cbd7;color:#35dce6;font-size:8px;z-index:2}.ping{position:absolute;width:7px;height:7px;border-radius:50%;background:#24ef69;box-shadow:0 0 13px #24ef69}.p1{left:28%;top:31%}.p2{right:24%;top:44%}.p3{left:47%;bottom:24%}.p4{right:35%;top:22%}@keyframes atlasSweep{to{transform:rotate(360deg)}}.radar-legend{display:flex;justify-content:center;gap:25px;color:#899ca4;font-size:9px}.atlas-access>p{color:#9caeb5;line-height:1.5;font-size:12px}.access-tier{margin-top:12px;padding:14px;border:1px solid #173642;border-radius:6px}.access-tier h3{margin:0 0 9px;color:#2adbe7;font-size:12px}.access-tier p{color:#9eb0b7;font-size:11px;line-height:1.6}.access-tier a{display:block;margin-top:12px;padding:10px;border:1px solid #20c8d4;border-radius:4px;text-align:center;text-decoration:none;color:#d9fbff;font-size:10px}.access-tier.tracker a{background:#19cddd;color:#001014;font-weight:700}.life-flow{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:12px 4px}.life-flow div{text-align:center;flex:1}.life-flow b{display:block;color:#2bdbe7;font-size:11px}.life-flow div:nth-of-type(1) b,.life-flow div:nth-of-type(4) b{color:#ffd12b}.life-flow strong{display:block;margin:6px;font-size:25px;color:#eaf7f8}.life-flow span{color:#7e929a;font-size:9px}.life-flow em{font-style:normal;color:#60747c;font-size:24px}.atlas-tools p{color:#91a4ac;font-size:11px}.tool-row{display:flex;gap:10px;flex-wrap:wrap}.atlas-import,.atlas-tools button{padding:10px 15px;border:1px solid #1c8d99;border-radius:4px;color:#31d7e2;background:#041016;font-size:10px;cursor:pointer}.atlas-import input{display:none}.atlas-endpoint{display:block;margin-top:12px;color:#627982;letter-spacing:1px}.atlas-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 8px 0;color:#657981;font-size:9px}.atlas-command-page .site-header{background:#02080d}@media(max-width:1100px){.atlas-kpis{grid-template-columns:repeat(2,1fr)}.atlas-grid{grid-template-columns:1fr}.atlas-board,.atlas-radar,.atlas-access,.atlas-life,.atlas-tools{grid-column:1;grid-row:auto}.atlas-access{order:4}}@media(max-width:650px){.atlas-command-page{padding:120px 10px 20px}.atlas-topline{display:block}.atlas-live{margin-top:16px}.atlas-kpis{grid-template-columns:1fr 1fr}.life-flow{overflow:auto;justify-content:flex-start}.life-flow div{min-width:90px}.atlas-foot{display:block}.atlas-foot span{display:block;margin:5px 0}}


/* =========================================================
   ATLAS V2 — REFERENCE-MATCH COSMETIC THEME
   Reference: 2026-08-30 cinematic Spar10 Atlas mockup
   Data pipeline / API behavior intentionally unchanged.
   ========================================================= */
.atlas-v2{--a-bg:#01080c;--a-panel:#031017;--a-panel2:#06151d;--a-cyan:#00e5f0;--a-cyan2:#17b8d1;--a-gold:#d6a43b;--a-green:#00e978;--a-red:#ff4c4c;--a-line:rgba(25,191,218,.28);min-height:100vh;padding:76px 0 0!important;background:radial-gradient(circle at 50% 20%,#06202a 0,#01090e 38%,#010508 75%);color:#eaf7fa;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.atlas-v2 *{box-sizing:border-box}.atlas-v2 button,.atlas-v2 label{font-family:inherit}.atlas-v2 .atlas-v2-hero{position:relative;height:210px;border-top:1px solid rgba(214,164,59,.65);border-bottom:1px solid rgba(214,164,59,.65);overflow:hidden;background:#02090d}
.atlas-v2-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#02090d 0%,rgba(2,9,13,.94) 19%,rgba(2,9,13,.16) 45%,rgba(2,9,13,.08) 75%,rgba(2,9,13,.82) 100%),url('assets/atlas/atlas-hero-reference.webp') center/cover no-repeat;filter:saturate(1.18) contrast(1.05)}
.atlas-v2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5));pointer-events:none}
.atlas-v2-brand{position:absolute;z-index:2;left:3.2%;top:23px;display:flex;gap:17px;align-items:flex-start}.atlas-v2-orb{width:82px;height:82px;border:1px solid rgba(0,229,240,.75);border-radius:50%;display:grid;place-items:center;color:var(--a-cyan);font-size:44px;box-shadow:0 0 26px rgba(0,229,240,.25),inset 0 0 20px rgba(0,229,240,.14);background:radial-gradient(circle,rgba(0,229,240,.12),transparent 68%)}
.atlas-v2-brand h1{margin:0;color:#f5f7f7;font:400 42px/1.05 Georgia,serif;letter-spacing:8px;text-shadow:0 0 14px rgba(0,229,240,.15)}.atlas-v2-brand h1 sup{font:9px Arial;color:var(--a-cyan);letter-spacing:0}.atlas-v2-brand h2{margin:5px 0 10px;color:#fff;font-size:11px;letter-spacing:3px}.atlas-v2-brand p{margin:0;color:#84d7e2;font-size:9px;letter-spacing:3px}.atlas-v2-brand p span{color:#6aa9b5}
.atlas-v2-hero blockquote{position:absolute;z-index:2;right:4%;top:35px;margin:0;text-align:right;color:#e5edf0;font:15px/1.55 Georgia,serif;letter-spacing:.3px}.atlas-v2-hero blockquote small{display:block;margin-top:8px;color:#fff;font:9px Arial;letter-spacing:2px}
.atlas-v2-hero-kpis{position:absolute;z-index:3;left:3.2%;bottom:12px;display:grid;grid-template-columns:repeat(4,145px);gap:0}.atlas-v2-hero-kpis article{position:relative;min-height:48px;padding:2px 14px 0 35px;border-right:1px solid rgba(44,133,151,.32)}.atlas-v2-hero-kpis article:first-child{padding-left:34px}.atlas-v2-hero-kpis i{position:absolute;left:4px;top:12px;color:var(--a-cyan);font-style:normal;font-size:20px}.atlas-v2-hero-kpis small{display:block;color:var(--a-cyan);font-size:7px;letter-spacing:1.1px}.atlas-v2-hero-kpis strong{display:block;margin:3px 0 1px;color:#f5fbfc;font-size:17px;font-weight:500}.atlas-v2-hero-kpis article:nth-child(3) strong{color:var(--a-cyan)}.atlas-v2-hero-kpis span{display:block;color:#658894;font-size:6px;letter-spacing:1px}
.atlas-v2-workspace{display:grid;grid-template-columns:190px minmax(600px,1fr) 270px 265px;gap:10px;padding:18px 20px 12px;max-width:1536px;margin:auto;background:linear-gradient(180deg,rgba(1,8,12,.98),rgba(1,6,9,.98))}
.atlas-v2-sidebar{border-right:1px solid rgba(23,112,132,.25);padding-right:10px}.atlas-v2-sidebar nav{display:grid;gap:3px;margin-bottom:15px}.atlas-v2-sidebar nav button{height:39px;padding:0 14px;border:0;border-radius:5px;background:transparent;color:#dce9ed;text-align:left;font-size:9px;letter-spacing:.7px;cursor:pointer}.atlas-v2-sidebar nav button span{margin-left:12px}.atlas-v2-sidebar nav button.active{color:#00f4ff;background:linear-gradient(90deg,rgba(0,229,240,.25),rgba(0,229,240,.07));border-left:2px solid var(--a-cyan);box-shadow:inset 0 0 16px rgba(0,229,240,.08)}
.atlas-v2-side-card{position:relative;margin:10px 0;padding:13px;border:1px solid var(--a-line);border-radius:6px;background:linear-gradient(145deg,#04131a,#020b10)}.atlas-v2-side-card small,.atlas-v2-quick>small{display:block;color:#9bb3bb;font-size:7px;letter-spacing:1.1px}.atlas-v2-side-card strong{display:block;margin-top:7px;color:#cceef2;font-size:10px;letter-spacing:1px}.atlas-v2-side-card.status strong{color:var(--a-green)}.atlas-v2-side-card.status b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--a-green);box-shadow:0 0 8px var(--a-green)}.atlas-v2-side-card em{position:absolute;right:13px;bottom:12px;color:var(--a-cyan);font-style:normal}
.atlas-v2-quick{margin-top:12px;padding:12px;border:1px solid rgba(24,127,147,.24);border-radius:6px}.atlas-v2-quick button,.atlas-v2-quick label{display:block;width:100%;margin-top:8px;padding:8px 10px;border:1px solid rgba(0,229,240,.38);border-radius:4px;background:#03141b;color:#42dbe7;font-size:7px;text-align:left;cursor:pointer}.atlas-v2-quick input{display:none}.atlas-v2-motto{margin-top:34px;text-align:center;color:var(--a-gold);font:16px Georgia,serif;letter-spacing:5px}.atlas-v2-motto small{display:block;margin-top:8px;font:7px/1.55 Arial;letter-spacing:2px}
.atlas-v2-main{min-width:0}.atlas-v2-tabs{display:flex;gap:9px;margin-bottom:7px}.atlas-v2-tabs button{padding:8px 15px;border:1px solid rgba(22,113,133,.36);border-radius:4px;background:#031018;color:#9bb3bd;font-size:7px;letter-spacing:.8px}.atlas-v2-tabs button.active{border-color:var(--a-cyan);color:#eaffff;background:rgba(0,229,240,.1);box-shadow:0 0 12px rgba(0,229,240,.08)}
.atlas-v2 .atlas-v2-panel,.atlas-v2-member-card,.atlas-v2-account,.atlas-v2-command{background:linear-gradient(145deg,rgba(5,18,25,.97),rgba(1,10,15,.98));border:1px solid rgba(25,133,153,.35);border-radius:8px;box-shadow:inset 0 0 28px rgba(0,229,240,.018)}.atlas-v2 .atlas-v2-panel{padding:12px}.atlas-v2 .atlas-v2-panel header{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 0 9px;border-bottom:1px solid rgba(25,133,153,.22)}.atlas-v2 .atlas-v2-panel h2{margin:0;color:#f3f7f8;font-size:10px;letter-spacing:1.1px}.atlas-v2-board header h2{font-size:12px}.atlas-v2-board header h2:first-letter{color:var(--a-cyan)}.atlas-v2-board header button{border:0;background:transparent;color:var(--a-cyan);font-size:7px;letter-spacing:1px;cursor:pointer}
.atlas-v2-board{min-height:340px}.atlas-v2-board table{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:8px}.atlas-v2-board thead th{padding:7px 6px;color:#91aab4;text-align:left;font-size:6.5px;letter-spacing:.6px;font-weight:500}.atlas-v2-board tbody tr{background:linear-gradient(90deg,rgba(3,18,25,.9),rgba(3,24,31,.72));box-shadow:inset 0 0 0 1px rgba(23,91,106,.24)}.atlas-v2-board td{padding:10px 6px;color:#dce9ec;border:0!important}.atlas-v2-board td:nth-child(2){color:#00e7ef!important;font-weight:700;font-size:9px}.atlas-rank{color:#eaf7fa}.atlas-positive{color:#00e978!important}.atlas-negative{color:#ff5656!important}.atlas-state{display:inline-block;min-width:60px;padding:5px 7px;border-radius:14px!important;text-align:center;font-size:6px!important;background:rgba(0,229,240,.12)!important;color:#28e4ef!important}.state-armed{background:rgba(0,233,120,.12)!important;color:#00ed82!important}.state-ready{background:rgba(0,229,240,.14)!important;color:#00ecf7!important}.state-pullback{background:rgba(214,164,59,.18)!important;color:#f1bb35!important}.state-extended{background:rgba(17,142,214,.17)!important;color:#55c8ff!important}.state-caution{background:rgba(255,130,25,.16)!important;color:#ff9d32!important}.atlas-score{display:grid;place-items:center;width:28px;height:28px;border:2px solid #00e9b0;border-radius:50%;color:#fff;box-shadow:0 0 10px rgba(0,233,176,.18)}
.atlas-v2-lower{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.atlas-v2-life,.atlas-v2-tools{min-height:160px}.atlas-v2 .life-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:13px 4px 3px}.atlas-v2 .life-flow div{min-width:46px;text-align:center}.atlas-v2 .life-flow i{display:grid;place-items:center;width:26px;height:26px;margin:auto auto 7px;border:1px solid var(--a-cyan);border-radius:50%;color:var(--a-cyan);font-style:normal}.atlas-v2 .life-flow div:nth-of-type(2) i,.atlas-v2 .life-flow div:nth-of-type(4) i{border-color:var(--a-gold);color:var(--a-gold)}.atlas-v2 .life-flow div:nth-of-type(3) i{border-color:var(--a-green);color:var(--a-green)}.atlas-v2 .life-flow b{display:block;color:#3bdceb;font-size:6px}.atlas-v2 .life-flow strong{display:none}.atlas-v2 .life-flow em{color:#4b7680;font-style:normal}.atlas-v2-life>p{margin:11px 5px 0;color:#668793;font-size:7px}.atlas-v2-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.atlas-v2-tool-grid button,.atlas-v2-tool-grid label{min-height:66px;display:grid;place-items:center;border:1px solid rgba(0,229,240,.35);border-radius:5px;background:#03141b;color:#dce8eb;font-size:7px;text-align:center}.atlas-v2-tool-grid b{color:#fff}.atlas-v2-tool-grid input{display:none}.atlas-v2-tools>small{display:block;margin-top:12px;color:#3f7784;font-size:6px}
.atlas-v2-right{display:grid;gap:8px;align-content:start}.atlas-v2-market{min-height:410px}.atlas-v2-market-tabs{display:flex;justify-content:space-around;border-bottom:1px solid rgba(25,133,153,.25);color:#94aeb8;font-size:7px}.atlas-v2-market-tabs>*{padding:8px 12px}.atlas-v2-market-tabs b{color:#fff;background:linear-gradient(180deg,rgba(0,229,240,.24),rgba(0,229,240,.03));border:1px solid rgba(0,229,240,.4);border-radius:4px}.atlas-v2-index{display:block;margin:14px 0 4px;color:#fff;font-size:22px}.atlas-v2-index em{margin-left:8px;color:var(--a-green);font-size:7px;font-style:normal}.atlas-v2-chart{height:100px;border-bottom:1px solid rgba(0,229,240,.2);background:linear-gradient(180deg,transparent,rgba(0,229,240,.07))}.atlas-v2-chart svg{width:100%;height:100%}.atlas-v2-chart polyline{fill:none;stroke:var(--a-cyan);stroke-width:2}.atlas-v2-market h3{margin:15px 0 8px;color:#dce7ea;font-size:8px;letter-spacing:.8px}.atlas-v2-market ul{list-style:none;margin:0;padding:0}.atlas-v2-market li{display:flex;justify-content:space-between;padding:5px 0;color:#91a9b2;font-size:7px}.atlas-v2-market li b{color:var(--a-green)}.atlas-v2-alerts{min-height:165px}.atlas-v2-alerts #atlasAlertRows>div{display:grid;grid-template-columns:1fr .8fr 1fr;gap:4px;padding:6px;border-bottom:1px solid rgba(22,97,113,.18);font-size:7px}.atlas-v2-alerts #atlasAlertRows em{color:#38d8e3;font-style:normal}.atlas-v2-alerts p{color:#6e8993;font-size:7px}
.atlas-v2-members{display:grid;gap:10px;align-content:start}.atlas-v2-member-card{padding:14px;border-color:rgba(214,164,59,.52);background:radial-gradient(circle at 90% 10%,rgba(214,164,59,.17),transparent 34%),linear-gradient(145deg,#071116,#02090d)}.atlas-v2-member-card header{padding-bottom:11px;border-bottom:1px solid rgba(214,164,59,.22)}.atlas-v2-member-card h2{margin:0;color:#e9bd55;font:14px Georgia,serif;letter-spacing:1.5px}.atlas-v2-member-card header p{margin:5px 0 0;color:#c5c5bd;font-size:7px}.atlas-v2-plan{position:relative;margin:12px 0;padding:11px;border:1px solid rgba(214,164,59,.4);border-radius:5px;background:linear-gradient(90deg,rgba(214,164,59,.3),rgba(214,164,59,.05))}.atlas-v2-plan b{display:block;color:#fff;font-size:9px}.atlas-v2-plan small{color:#b8a77e;font-size:6px}.atlas-v2-member-card ul{list-style:none;margin:10px 0;padding:0}.atlas-v2-member-card li{padding:4px 0;color:#87cbd4;font-size:7px}.atlas-v2-member-card li::first-letter{color:var(--a-green)}.atlas-v2-member-card li.off{color:#9b8e8e}.atlas-v2-member-card button{width:100%;padding:10px;border:0;border-radius:4px;background:linear-gradient(90deg,#e5b43d,#f0c75c,#dca62d);color:#151006;font-weight:700;font-size:7px;cursor:pointer}.atlas-v2-member-card>a{display:block;margin-top:9px;text-align:center;color:#c3a45e!important;text-decoration:none;font-size:6px}.atlas-v2-account,.atlas-v2-command{padding:14px}.atlas-v2-account h2,.atlas-v2-command h2{margin:0;color:#e8f1f3;font-size:9px;letter-spacing:.7px}.atlas-v2-account p{margin:12px 0 4px;color:#91a9b2;font-size:7px}.atlas-v2-account p strong{display:block;margin:4px 0;color:#e5c06d;font:17px Georgia,serif}.atlas-v2-account p span{display:block;color:#5eb8c7}.atlas-v2-account a{color:var(--a-cyan)!important;text-decoration:none;font-size:7px}.atlas-v2-command p{color:#6f8992;font-size:7px}.atlas-v2-command button{width:100%;padding:8px;border:1px solid var(--a-cyan);border-radius:4px;background:transparent;color:var(--a-cyan);font-size:7px}
.atlas-v2-footer{position:relative;padding:23px 2.5% 15px;border-top:1px solid rgba(214,164,59,.5);background:radial-gradient(ellipse at 50% 0,rgba(214,164,59,.2),transparent 24%),linear-gradient(180deg,#02090d,#000);text-align:center}.atlas-v2-footer>div{color:#e3b85b;font:13px Georgia,serif;letter-spacing:4px}.atlas-v2-footer>div b{margin:0 13px;color:#a37a2d}.atlas-v2-footer nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:1250px;margin:18px auto 0}.atlas-v2-footer nav span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;padding:10px;text-align:left;border:1px solid rgba(23,103,120,.22);border-radius:5px;color:#00d995;font-size:8px}.atlas-v2-footer nav span::first-letter{font-size:22px}.atlas-v2-footer nav b{grid-column:2;color:currentColor}.atlas-v2-footer nav small{grid-column:2;color:#83a2aa;font-size:6px}.atlas-v2-footer .assets{color:#28c8ff}.atlas-v2-footer .images{color:#bc67ff}.atlas-v2-footer .fitness{color:#ff5a4d}.atlas-v2-footer .impact{color:#00e99a}
@media(max-width:1250px){.atlas-v2-workspace{grid-template-columns:170px minmax(520px,1fr) 245px}.atlas-v2-members{grid-column:2/4;grid-template-columns:1.4fr 1fr 1fr}.atlas-v2-hero blockquote{display:none}}
@media(max-width:900px){.atlas-v2-workspace{grid-template-columns:1fr}.atlas-v2-sidebar{display:none}.atlas-v2-right,.atlas-v2-members{grid-column:1;grid-template-columns:1fr 1fr}.atlas-v2-hero-kpis{grid-template-columns:repeat(2,145px)}.atlas-v2-hero{height:250px!important}.atlas-v2-brand{left:4%}.atlas-v2-footer nav{grid-template-columns:1fr 1fr}.atlas-v2-lower{grid-template-columns:1fr}}
@media(max-width:600px){.atlas-v2{padding-top:70px!important}.atlas-v2-brand .atlas-v2-orb{display:none}.atlas-v2-brand h1{font-size:34px}.atlas-v2-hero-kpis{left:4%;right:4%;grid-template-columns:1fr 1fr}.atlas-v2-workspace{padding:10px}.atlas-v2-right,.atlas-v2-members{grid-template-columns:1fr}.atlas-v2-tabs{overflow:auto}.atlas-v2-board{overflow:auto}.atlas-v2-board table{min-width:760px}.atlas-v2-footer nav{grid-template-columns:1fr}.atlas-v2-footer>div{font-size:10px;line-height:1.8}}


/* =========================================================
   2026-08-30 INDUSTRY COLOR SYSTEM + IMPACT / A&A REVITALIZATION
   Mature page structure/functionality intentionally preserved.
   ========================================================= */

/* INDUSTRY COLOR-ONLY OVERRIDES */
.images-portfolio-page{
  --images-electric:#b026ff;
}
.images-portfolio-page .images-hero-copy small,
.images-portfolio-page .images-hero-copy h1 span,
.images-portfolio-page .images-collection-heading small,
.images-portfolio-page .places-detail small,
.images-portfolio-page .places-back-button,
.images-portfolio-page .images-category-nav button.active{
  color:var(--images-electric)!important;
}
.images-portfolio-page .images-category-nav button.active,
.images-portfolio-page .places-back-button{
  border-color:color-mix(in srgb,var(--images-electric) 62%,transparent)!important;
}
.images-portfolio-page .images-hero,
.images-portfolio-page .images-portfolio-shell{
  box-shadow:inset 0 0 90px color-mix(in srgb,var(--images-electric) 7%,transparent);
}

.fitness-page{
  --fitness-orange:#ff2d2d!important;
  --fitness-orange-soft:#ff6b6b!important;
  --fitness-cyan:#ff4141!important;
}
.fitness-page::before{
  background-image:
    linear-gradient(rgba(255,65,65,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,65,65,.05) 1px,transparent 1px)!important;
}

.tech-page{
  --tech-gold:#d9a928;
}
.tech-page .tech-hero small,
.tech-page .tech-feature small,
.tech-page .tech-capabilities,
.tech-page .tech-button,
.tech-page .tech-service-grid a,
.tech-page .tech-process-grid b{
  color:var(--tech-gold)!important;
}
.tech-page .tech-button,
.tech-page .tech-service-grid article,
.tech-page .tech-process-grid article{
  border-color:color-mix(in srgb,var(--tech-gold) 34%,transparent)!important;
}

.atlas-v2{
  --a-cyan:#19a7ff!important;
  --a-cyan2:#0077ff!important;
  --a-line:rgba(25,167,255,.28)!important;
}
.atlas-v2 .atlas-v2-hero-art{filter:saturate(1.16) contrast(1.05) hue-rotate(7deg)}
.atlas-v2 .atlas-v2-orb,
.atlas-v2 .atlas-v2-panel,
.atlas-v2 .atlas-v2-side-card{
  border-color:color-mix(in srgb,var(--a-cyan) 34%,transparent)!important;
}

/* SPAR10 ASSETS & ACQUISITIONS — LIME GREEN */
.assets-page{
  --aa:#8cff2a;
  --aa-soft:#c9ff91;
  --aa-line:rgba(140,255,42,.24);
  position:relative;
  min-height:100vh;
  padding-top:102px;
  overflow:hidden;
  color:#f5f9f2;
  background:
    radial-gradient(circle at 82% 18%,rgba(140,255,42,.12),transparent 25%),
    radial-gradient(circle at 18% 42%,rgba(140,255,42,.06),transparent 28%),
    linear-gradient(145deg,#030704 0%,#071008 48%,#020402 100%);
}
.assets-page>*{position:relative;z-index:1}
.assets-page::before{
  content:"";position:absolute;inset:102px 0 0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(140,255,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(140,255,42,.06) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)
}
.assets-page small,.assets-page h1,.assets-page h2,.assets-page h3,.assets-button,.assets-thesis,.assets-grid b,.assets-focus-list{
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
}
.assets-hero{
  width:min(1500px,100%);min-height:720px;margin:auto;padding:88px 6.5% 74px;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;gap:clamp(45px,7vw,110px)
}
.assets-hero-copy small,.assets-section-title small,.assets-focus small,.assets-cta small{
  color:var(--aa);font-size:10px;letter-spacing:4px
}
.assets-hero-copy h1{margin:18px 0 22px;font-size:clamp(48px,6vw,88px);line-height:.9;font-weight:400;letter-spacing:2px}
.assets-hero-copy h1 span{display:block;margin-top:10px;color:var(--aa);font-size:.48em;line-height:1.12;letter-spacing:4px}
.assets-hero-copy h1 sup{font-size:12px;color:#fff;vertical-align:top}
.assets-hero-copy h2{margin:0;font-size:clamp(34px,3.8vw,58px);line-height:1.05;font-weight:400;letter-spacing:2px}
.assets-hero-copy p{max-width:680px;margin:28px 0 0;color:#b9c4b4;font-size:17px;line-height:1.8}
.assets-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.assets-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid var(--aa-line);text-decoration:none;font-size:10px;letter-spacing:2.4px;transition:.25s}
.assets-button.primary{background:var(--aa);color:#071004!important;border-color:var(--aa);box-shadow:0 0 28px rgba(140,255,42,.16)}
.assets-button.secondary{color:var(--aa)!important;background:rgba(140,255,42,.035)}
.assets-button:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(140,255,42,.20)}

.assets-radar{position:relative;width:min(500px,42vw);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(140,255,42,.09),transparent 58%);filter:drop-shadow(0 0 35px rgba(140,255,42,.13))}
.assets-ring{position:absolute;border:1px solid var(--aa-line);border-radius:50%;inset:8%}
.assets-ring.ring-two{inset:22%;border-style:dashed;transform:rotate(24deg)}
.assets-ring.ring-three{inset:36%;box-shadow:0 0 28px rgba(140,255,42,.14),inset 0 0 22px rgba(140,255,42,.08)}
.assets-axis{position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,var(--aa-line),transparent)}
.assets-axis.axis-x{top:50%;left:10%;right:10%;bottom:auto;width:auto;height:1px}
.assets-core{position:absolute;inset:39%;border:1px solid rgba(140,255,42,.5);border-radius:50%;display:grid;place-items:center;text-align:center;background:#061006;box-shadow:0 0 35px rgba(140,255,42,.18)}
.assets-core strong{font:600 32px/1 "Cinzel",serif;color:var(--aa)}
.assets-core span{font-size:7px;letter-spacing:1.6px;color:#a6b49f}
.asset-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--aa);box-shadow:0 0 16px var(--aa)}
.node-a{left:17%;top:38%}.node-b{right:18%;top:28%}.node-c{right:27%;bottom:17%}.node-d{left:31%;bottom:22%}

.assets-thesis{min-height:58px;padding:0 5%;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--aa-line);border-bottom:1px solid var(--aa-line);color:#b9c5b4;font-size:9px;letter-spacing:2.4px;background:rgba(140,255,42,.025)}
.assets-thesis b{color:var(--aa)}
.assets-section{padding:92px 6% 105px}
.assets-section-title{text-align:center;max-width:900px;margin:0 auto 48px}
.assets-section-title h2{margin:14px 0 0;font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:3px}
.assets-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.assets-grid article{padding:34px 28px;border:1px solid var(--aa-line);background:linear-gradient(180deg,rgba(140,255,42,.045),rgba(255,255,255,.01))}
.assets-grid b{display:block;color:var(--aa);font-size:28px;font-weight:400}
.assets-grid h3{margin:25px 0 14px;font-size:18px;font-weight:400;letter-spacing:2px}
.assets-grid p{margin:0;color:#9fac9b;line-height:1.7}
.assets-focus{max-width:1240px;margin:0 auto 110px;padding:58px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;border:1px solid var(--aa-line);background:rgba(140,255,42,.025)}
.assets-focus h2{margin:15px 0 22px;font-size:clamp(32px,3.6vw,52px);font-weight:400}
.assets-focus p{color:#aab5a6;line-height:1.8}
.assets-focus-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.assets-focus-list span{padding:18px;border:1px solid rgba(140,255,42,.15);color:#d7e2d1;font-size:9px;letter-spacing:1.7px}
.assets-cta{text-align:center;padding:95px 6% 120px;border-top:1px solid var(--aa-line);background:radial-gradient(circle at 50% 120%,rgba(140,255,42,.14),transparent 44%)}
.assets-cta h2{margin:15px auto 18px;font-size:clamp(36px,4.5vw,64px);font-weight:400}
.assets-cta p{color:#a9b4a5}.assets-cta .assets-button{margin-top:20px}

/* SPAR10 IMPACT — EMERALD GREEN */
.impact-page{
  --impact-emerald:#19c56f;
  --impact-bright:#5bffad;
  --impact-deep:#07130c;
  --impact-line:rgba(25,197,111,.24);
  position:relative;min-height:100vh;padding-top:102px;overflow:hidden;color:#f3f8f4;
  background:
    radial-gradient(circle at 75% 14%,rgba(25,197,111,.18),transparent 30%),
    radial-gradient(circle at 17% 35%,rgba(25,197,111,.08),transparent 28%),
    linear-gradient(145deg,#030706 0%,#06100b 48%,#010403 100%);
}
.impact-page>*{position:relative;z-index:1}
.impact-page small,.impact-page h1,.impact-page h2,.impact-page strong,.impact-button,.impact-watch,.impact-promise,.impact-action-grid strong,.impact-needs-grid b,.impact-foundation{
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
}
.impact-hero{
  width:min(1540px,100%);min-height:760px;margin:auto;padding:80px 5.8% 75px;
  display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:5vw;align-items:center
}
.impact-hero-copy small,.impact-section-title small,.impact-action>small,.impact-story small,.impact-future small,.impact-cta small{
  color:var(--impact-bright);font-size:10px;letter-spacing:4px
}
.impact-hero-copy h1{margin:18px 0 18px;font-size:clamp(50px,6vw,90px);font-weight:400;letter-spacing:3px;line-height:1}
.impact-hero-copy h1 span{color:var(--impact-bright)}.impact-hero-copy h1 sup{font-size:12px;color:#fff;vertical-align:top}
.impact-motto{font:400 clamp(22px,2.3vw,34px)/1.45 "Cinzel",Georgia,serif;letter-spacing:2px;color:#e9f0eb}
.impact-motto strong{color:var(--impact-bright);font-weight:400}
.impact-hero-copy>p{max-width:650px;margin:26px 0;color:#afbbb2;font-size:17px;line-height:1.8}
.impact-watch{display:inline-flex;gap:16px;align-items:center;margin-top:12px;color:var(--impact-bright)!important;text-decoration:none;font-size:10px;letter-spacing:2.6px}
.impact-watch span{width:28px;height:28px;border:1px solid var(--impact-line);border-radius:50%;display:grid;place-items:center}

.impact-world{position:relative;width:min(640px,46vw);aspect-ratio:1;margin:auto;border-radius:50%;border:1px solid rgba(25,197,111,.24);background:
  radial-gradient(circle at 36% 30%,rgba(91,255,173,.18),transparent 22%),
  radial-gradient(circle at 55% 55%,rgba(25,197,111,.16),rgba(4,16,10,.92) 53%,#020805 74%);
  box-shadow:0 0 60px rgba(25,197,111,.12),inset 0 0 80px rgba(25,197,111,.08);overflow:hidden
}
.impact-globe-grid{position:absolute;inset:8%;border-radius:50%;opacity:.35;background:
  repeating-radial-gradient(circle at center,transparent 0 32px,rgba(91,255,173,.12) 33px,transparent 34px 64px),
  repeating-linear-gradient(90deg,transparent 0 55px,rgba(91,255,173,.08) 56px,transparent 57px 112px);
  transform:perspective(500px) rotateX(62deg)
}
.impact-globe-line{position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--impact-bright),transparent);opacity:.36;transform:rotate(20deg)}
.impact-globe-line.line-b{transform:rotate(-35deg)}.impact-globe-line.line-c{transform:rotate(68deg)}
.impact-point{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--impact-bright);box-shadow:0 0 12px var(--impact-bright),0 0 28px rgba(91,255,173,.7)}
.p1{left:26%;top:34%}.p2{left:47%;top:25%}.p3{right:24%;top:38%}.p4{left:37%;bottom:28%}.p5{right:32%;bottom:20%}.p6{left:18%;bottom:39%}
.impact-world-core{position:absolute;inset:37%;border:1px solid rgba(91,255,173,.35);border-radius:50%;display:grid;place-items:center;text-align:center;align-content:center;background:rgba(2,10,6,.85);font:400 10px/1.4 "Cinzel",serif;letter-spacing:2px;color:#d5e3da;box-shadow:0 0 35px rgba(25,197,111,.14)}
.impact-world-core strong{color:var(--impact-bright);font-size:18px;font-weight:400}

.impact-promise{min-height:60px;padding:0 5%;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;border-block:1px solid var(--impact-line);background:rgba(25,197,111,.025);color:#b8c6bd;font-size:9px;letter-spacing:2.4px}
.impact-promise b{color:var(--impact-bright)}
.impact-action{padding:100px 6% 110px;text-align:center}
.impact-action h2{max-width:980px;margin:14px auto 14px;font-size:clamp(36px,5vw,70px);font-weight:400;letter-spacing:2px}
.impact-action>p{color:#a9b7ae;font-size:17px}
.impact-action-grid{max-width:1180px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.impact-action-grid a{padding:36px 30px;border:1px solid var(--impact-line);background:linear-gradient(180deg,rgba(25,197,111,.05),rgba(255,255,255,.01));text-align:left;text-decoration:none;color:#eef6f0;transition:.25s}
.impact-action-grid a:hover{transform:translateY(-4px);border-color:rgba(91,255,173,.6);box-shadow:0 0 34px rgba(25,197,111,.10)}
.impact-action-grid span{display:block;color:var(--impact-bright);font-size:10px;letter-spacing:3px}.impact-action-grid strong{display:block;margin:22px 0 13px;font-size:22px;letter-spacing:2px}.impact-action-grid p{margin:0;color:#9eaca3;line-height:1.7}
.impact-needs{padding:100px 6% 110px;border-top:1px solid var(--impact-line);background:rgba(0,0,0,.16)}
.impact-section-title{text-align:center}.impact-section-title h2{margin:14px 0 0;font-size:clamp(34px,4.2vw,60px);font-weight:400;letter-spacing:3px}
.impact-needs-grid{max-width:1240px;margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.impact-needs-grid article{min-height:180px;padding:32px;border:1px solid rgba(25,197,111,.18);background:radial-gradient(circle at 90% 0%,rgba(25,197,111,.09),transparent 38%)}
.impact-needs-grid b{display:block;color:var(--impact-bright);font-size:17px;letter-spacing:2px}.impact-needs-grid p{color:#9fac9f;line-height:1.7}
.impact-story{max-width:1240px;margin:110px auto;padding:58px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;border:1px solid var(--impact-line);background:linear-gradient(135deg,rgba(25,197,111,.05),rgba(0,0,0,.18))}
.impact-story h2{margin:15px 0 22px;font-size:clamp(38px,4.5vw,66px);font-weight:400}.impact-story p{color:#aab6ad;line-height:1.8;font-size:17px}
.impact-shield{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(91,255,173,.18);clip-path:polygon(50% 0,94% 18%,86% 76%,50% 100%,14% 76%,6% 18%);background:radial-gradient(circle,rgba(25,197,111,.12),rgba(2,8,5,.94) 62%)}
.impact-shield span{color:var(--impact-bright);font-size:44px}.impact-shield strong{margin-top:12px;color:#dce9e0;font-size:17px;letter-spacing:3px;font-weight:400}
.impact-future{max-width:1240px;margin:0 auto 110px;padding:62px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;border-top:1px solid var(--impact-line);border-bottom:1px solid var(--impact-line)}
.impact-future h2{margin:14px 0 20px;font-size:clamp(34px,4vw,58px);font-weight:400}.impact-future p{color:#a9b5ac;line-height:1.8}
.impact-foundation{min-height:250px;border:1px solid rgba(91,255,173,.2);display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,rgba(25,197,111,.10),transparent 68%)}
.impact-foundation span,.impact-foundation em{font-size:9px;letter-spacing:3px;color:#85978b}.impact-foundation strong{margin:18px 0;color:var(--impact-bright);font-size:28px;font-weight:400;letter-spacing:3px}.impact-foundation em{font-style:normal}
.impact-cta{text-align:center;padding:95px 6% 125px;background:radial-gradient(circle at 50% 120%,rgba(25,197,111,.18),transparent 46%)}
.impact-cta h2{margin:16px auto 30px;font-size:clamp(42px,5vw,72px);font-weight:400}.impact-button{display:inline-flex;padding:16px 24px;border:1px solid var(--impact-bright);background:rgba(25,197,111,.08);color:var(--impact-bright)!important;text-decoration:none;font-size:10px;letter-spacing:2.4px}

@media(max-width:980px){
  .assets-hero,.impact-hero{grid-template-columns:1fr}
  .assets-radar,.impact-world{width:min(560px,78vw)}
  .assets-grid{grid-template-columns:1fr 1fr}
  .assets-focus,.impact-story,.impact-future{grid-template-columns:1fr}
  .impact-action-grid,.impact-needs-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .assets-page,.impact-page{padding-top:78px}
  .assets-hero,.impact-hero{padding:58px 6% 60px;min-height:auto}
  .assets-radar,.impact-world{width:86vw}
  .assets-grid,.assets-focus-list{grid-template-columns:1fr}
  .assets-focus,.impact-story,.impact-future{padding:34px 24px;margin-left:5%;margin-right:5%}
  .impact-action,.impact-needs,.assets-section{padding-left:5%;padding-right:5%}
}


/* =========================================================
   SPAR10 MEMBER HUB — CINEMATIC COSMIC V1
   Visual target: approved 2026-08-30 Member Hub concept
   ========================================================= */
body.member-hub-active{background:#03070d;color:#f7f2e8}
body.member-hub-active .site-header{background:rgba(3,7,13,.88);border-bottom:1px solid rgba(226,172,77,.34);box-shadow:0 12px 35px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
body.member-hub-active .desktop-nav button,body.member-hub-active .mobile-menu{color:#f8f0de}
body.member-hub-active .brand-wordmark{filter:brightness(0) invert(1) sepia(.25) saturate(1.2)}
body.member-hub-active .brand-helmet{filter:drop-shadow(0 0 12px rgba(236,178,63,.55))}
body.member-hub-active #cursorGlow{opacity:.2;background:radial-gradient(circle,rgba(21,155,255,.35),rgba(165,40,255,.10) 35%,transparent 70%)}

.member-hub-page{position:relative;min-height:100vh;padding:102px 284px 0 250px;background:#02070e;color:#f7f4ec;overflow:hidden}
.member-hub-page.active{display:grid;grid-template-columns:minmax(0,1fr);}
.member-cosmos{position:absolute;inset:102px 0 0;z-index:0;overflow:hidden;background:
radial-gradient(circle at 52% 3%,rgba(12,132,220,.18),transparent 25%),
radial-gradient(circle at 73% 8%,rgba(190,26,255,.2),transparent 28%),
radial-gradient(circle at 58% 48%,rgba(18,64,120,.13),transparent 45%),
linear-gradient(180deg,#03101d 0,#02070e 48%,#04070d 100%)}
.member-cosmos:before,.member-cosmos:after{content:"";position:absolute;inset:-30%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px);background-size:67px 67px;opacity:.13;animation:memberStars 35s linear infinite}
.member-cosmos:after{background-size:113px 113px;opacity:.08;animation-duration:58s;animation-direction:reverse}
.member-cosmos i{position:absolute;border-radius:50%;filter:blur(55px);opacity:.42;animation:memberNebula 14s ease-in-out infinite alternate}
.member-cosmos i:nth-child(1){width:560px;height:260px;left:5%;top:4%;background:linear-gradient(90deg,#00a9ff,#6622ff)}
.member-cosmos i:nth-child(2){width:650px;height:310px;right:3%;top:8%;background:linear-gradient(90deg,#8e19ff,#ff2b91);animation-delay:-5s}
.member-cosmos i:nth-child(3){width:450px;height:220px;left:42%;bottom:8%;background:linear-gradient(90deg,#004bff,#00bfff);animation-delay:-9s}
@keyframes memberStars{to{transform:translate3d(70px,45px,0)}}
@keyframes memberNebula{to{transform:translate3d(45px,28px,0) scale(1.12);opacity:.56}}

.member-rail{position:fixed;left:0;top:102px;bottom:0;width:250px;z-index:12;padding:28px 18px 24px 34px;background:linear-gradient(90deg,rgba(2,7,13,.96),rgba(2,7,13,.92));border-right:1px solid rgba(226,172,77,.23);overflow:hidden}
.member-rail-art{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,13,.2),rgba(2,7,13,.85)),url("assets/members/spartan-rail.webp") left center/cover no-repeat;opacity:.48;filter:saturate(1.2) contrast(1.07)}
.member-rail:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 80%,rgba(255,141,16,.27),transparent 40%);pointer-events:none}
.member-rail>*{position:relative;z-index:2}.member-rail-brand{display:flex;align-items:center;gap:10px;font-family:"Cinzel",Georgia,serif;font-size:25px;letter-spacing:3px}.member-mark{color:#f3bc55;font-size:35px;filter:drop-shadow(0 0 10px #f2a62e)}
.member-rail>small{display:block;margin:20px 0 18px 45px;color:#efb74c;font:500 12px/1 Arial;letter-spacing:2px}.member-rail nav{display:flex;flex-direction:column;gap:5px}.member-rail nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;background:transparent;color:#f6f1e8;text-align:left;font-size:10px;letter-spacing:.5px;border-radius:4px;cursor:pointer;transition:.25s}.member-rail nav button span{width:20px;color:#fff;font-size:15px;text-align:center}.member-rail nav button:hover,.member-rail nav button.active{border-color:rgba(234,181,76,.5);background:linear-gradient(90deg,rgba(222,165,55,.2),rgba(117,73,14,.08));color:#ffd67f;box-shadow:inset 0 0 22px rgba(245,181,64,.05)}

.member-shell{position:relative;z-index:3;min-width:0;padding:0 18px 22px}.member-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(226,172,77,.16)}
.member-search{width:min(510px,55%);height:36px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid rgba(226,172,77,.27);border-radius:8px;background:rgba(3,10,18,.64);box-shadow:inset 0 0 20px rgba(22,64,105,.08)}.member-search span{color:#dca743;font-size:18px}.member-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.member-search input::placeholder{color:#8c9299}.member-top-actions{display:flex;align-items:center;gap:9px;color:#eac069}.member-bell{position:relative;border:0;background:none;color:#f4c056;font-size:20px}.member-bell i{position:absolute;width:6px;height:6px;border-radius:50%;right:2px;top:0;background:#ff7b20;box-shadow:0 0 8px #ff7b20}.member-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8a340;background:radial-gradient(circle,#3c4b58,#121921);color:#f3c66b;font-family:Georgia,serif}.member-top-actions div:nth-of-type(2){display:flex;flex-direction:column}.member-top-actions b{font-size:10px;color:#f4ead6}.member-top-actions small{font-size:7px;color:#dca640;letter-spacing:1px}

.member-welcome{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 0 17px}.member-welcome h1{margin:0;font-family:"Cinzel",Georgia,serif;font-size:clamp(23px,2.1vw,36px);font-weight:400;letter-spacing:1.5px}.member-welcome h1 em{font-style:normal;color:#efb443}.member-welcome p{margin:5px 0 0;font:italic 20px/1.2 Georgia,serif;color:#f5f0e5;letter-spacing:1px}.member-status-pill{display:flex;flex-direction:column;align-items:flex-end;padding:8px 0}.member-status-pill span{color:#efb747;font:600 9px Arial;letter-spacing:1px}.member-status-pill small{margin-top:4px;color:#758493;font-size:7px;letter-spacing:1.5px}

.member-worlds{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px}.world-card{--world:#00a9ff;position:relative;min-height:320px;padding:12px 12px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--world) 54%,transparent);border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--world) 9%,rgba(5,12,20,.94)),rgba(3,8,14,.95) 67%);box-shadow:inset 0 0 45px color-mix(in srgb,var(--world) 6%,transparent),0 12px 34px rgba(0,0,0,.22);text-align:center;cursor:pointer;transition:.35s cubic-bezier(.2,.8,.2,1)}.world-card:before{content:"";position:absolute;left:15%;right:15%;top:37%;height:46%;background:radial-gradient(ellipse,color-mix(in srgb,var(--world) 24%,transparent),transparent 68%);filter:blur(18px);opacity:.45;transition:.35s}.world-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 0 22px color-mix(in srgb,var(--world) 25%,transparent),0 22px 55px rgba(0,0,0,.34)}.world-card:hover:before{opacity:.85}.fitness-world{--world:#a1ff31}.images-world{--world:#d13dff}.assets-world{--world:#18c9ff}.impact-world{--world:#ff5139}.world-orb-wrap{position:relative;width:min(164px,88%);aspect-ratio:1;margin:0 auto -2px;border-radius:50%;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--world) 54%,transparent));perspective:600px}.world-orb-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;animation:planetTurn 28s linear infinite;will-change:transform}.world-card:nth-child(2) img{animation-duration:34s;animation-direction:reverse}.world-card:nth-child(3) img{animation-duration:31s}.world-card:nth-child(4) img{animation-duration:38s;animation-direction:reverse}.world-card:nth-child(5) img{animation-duration:27s}.world-orb-wrap i{position:absolute;inset:-3%;border-radius:50%;border:1px solid color-mix(in srgb,var(--world) 70%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--world) 44%,transparent),inset 0 0 20px color-mix(in srgb,var(--world) 22%,transparent);animation:orbPulse 3.8s ease-in-out infinite}.world-orb-wrap:after{content:"";position:absolute;inset:9% -4%;border:1px solid color-mix(in srgb,var(--world) 48%,transparent);border-radius:50%;transform:rotate(-18deg);animation:ringSpin 9s linear infinite}.world-card h2{position:relative;margin:4px 0 5px;font-family:"Cinzel",Georgia,serif;font-size:clamp(14px,1.18vw,20px);font-weight:500;letter-spacing:.5px}.world-card h3{margin:0;color:color-mix(in srgb,var(--world) 78%,#fff);font-size:8px;font-weight:500;letter-spacing:.5px}.world-card p{height:28px;margin:7px auto;color:#b8bec6;font-size:9px;line-height:1.45}.world-card>button{position:relative;z-index:3;margin-top:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--world) 55%,transparent);border-radius:4px;background:rgba(2,8,14,.64);color:color-mix(in srgb,var(--world) 82%,#fff);font-size:8px;letter-spacing:.4px;cursor:pointer;transition:.25s}.world-card>button:hover{background:color-mix(in srgb,var(--world) 16%,#02080e);box-shadow:0 0 15px color-mix(in srgb,var(--world) 25%,transparent)}.world-card>small{display:block;margin-top:8px;color:color-mix(in srgb,var(--world) 88%,#fff);font-size:7px;letter-spacing:1px}@keyframes planetTurn{50%{transform:rotateY(180deg) scale(1.035)}to{transform:rotateY(360deg)}}@keyframes ringSpin{to{transform:rotate(342deg)}}@keyframes orbPulse{50%{transform:scale(1.035);opacity:.65}}

.member-lower-grid{display:grid;grid-template-columns:1.02fr 1.45fr 1fr;gap:12px;margin-top:13px}.member-panel{min-height:176px;padding:13px 14px 10px;border:1px solid rgba(229,180,85,.24);border-radius:7px;background:linear-gradient(180deg,rgba(4,13,23,.83),rgba(2,8,14,.9));box-shadow:inset 0 0 35px rgba(33,77,118,.04)}.member-panel h3{margin:0 0 11px;color:#edb64e;font-size:9px;font-weight:500;letter-spacing:.5px}.member-panel ul{list-style:none;margin:0;padding:0}.member-panel li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:8px}.member-panel li span{color:#e3b04e}.member-panel li b{font-weight:400}.member-panel time{color:#8f98a1}.member-panel>button{display:block;margin:10px auto 0;border:0;background:none;color:#e5b34f;font-size:8px;letter-spacing:.5px;cursor:pointer}.rec-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045)}.rec-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(91,98,255,.45);background:radial-gradient(circle,#2b2b72,#08111c);font-style:normal;color:#8ec3ff;box-shadow:0 0 14px rgba(56,71,255,.16)}.rec-item div{display:flex;flex-direction:column}.rec-item b{font-size:9px;font-weight:500}.rec-item small{margin-top:3px;color:#969fa9;font-size:7px}.rec-item button{padding:6px 8px;border:1px solid rgba(222,172,71,.4);border-radius:3px;background:transparent;color:#e4b34e;font-size:7px}

.member-legacy{position:fixed;right:15px;top:116px;bottom:15px;width:254px;z-index:7;padding:17px 16px;border:1px solid rgba(229,180,85,.28);border-radius:10px;background:linear-gradient(180deg,rgba(4,13,23,.94),rgba(2,7,13,.97));box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:auto}.legacy-art{height:180px;margin:-17px -16px 14px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,rgba(1,7,13,.05),rgba(2,7,13,.9)),url("assets/members/legacy-aurora.webp") center/cover no-repeat}.member-legacy h2{margin:-48px 0 25px;position:relative;color:#f0c36a;font:500 18px/1.25 "Cinzel",Georgia,serif;letter-spacing:1px}.member-legacy>p{color:#c9ced3;font-size:10px;line-height:1.6}.legacy-points{margin-top:18px}.legacy-points article{display:grid;grid-template-columns:34px 1fr;gap:8px;margin:15px 0}.legacy-points i{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(236,183,74,.48);border-radius:50%;color:#efbb50;font-style:normal;box-shadow:0 0 12px rgba(224,156,25,.1)}.legacy-points div{display:flex;flex-direction:column}.legacy-points b{color:#f2c363;font-size:8px;letter-spacing:.4px}.legacy-points span{margin-top:3px;color:#aab2bb;font-size:8px;line-height:1.45}.legacy-cta{margin-top:18px;padding-top:17px;border-top:1px solid rgba(225,173,68,.25);text-align:center}.legacy-cta b{font:500 13px/1.35 "Cinzel",Georgia,serif}.legacy-cta button{width:100%;margin-top:12px;padding:10px;border:0;border-radius:4px;background:linear-gradient(180deg,#f1c260,#c88928);color:#151007;font-size:8px;font-weight:700;letter-spacing:.3px;box-shadow:0 0 22px rgba(235,173,54,.17)}

.member-transition-layer{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:#02050a;overflow:hidden}.member-transition-layer.active{visibility:visible;animation:memberTransitionMaster 2.05s cubic-bezier(.2,.8,.2,1) forwards}.member-transition-stars{position:absolute;inset:-20%;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:50px 50px;opacity:.18;animation:transitionStars 2s linear}.member-transition-ring{position:absolute;width:min(52vw,620px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 0 30px currentColor)}.ring-a{color:#ff7a24;border:3px solid rgba(255,123,36,.7);box-shadow:0 0 80px rgba(255,93,31,.25),inset 0 0 70px rgba(255,101,21,.15);animation:transRingA 1.7s ease-in-out forwards}.ring-b{width:min(43vw,520px);color:#8838ff;border:3px solid rgba(107,61,255,.7);box-shadow:0 0 90px rgba(85,40,255,.3),inset 0 0 70px rgba(108,49,255,.13);animation:transRingB 1.6s ease-in-out forwards}.member-transition-core{position:relative;z-index:2;text-align:center;color:#fff}.transition-helmet{font-size:86px;line-height:.8;color:#f3b94d;text-shadow:0 0 18px #ff9b2b,0 0 50px rgba(255,123,35,.55)}.transition-word{margin-top:8px;font:400 35px/1 "Cinzel",Georgia,serif;letter-spacing:8px}.member-transition-core small{display:block;margin-top:18px;color:#c9a45e;font-size:8px;letter-spacing:3px}.transition-progress{width:220px;height:2px;margin:17px auto 0;background:rgba(255,255,255,.13)}.transition-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#cc8b22,#ffd87d);box-shadow:0 0 12px #f0b64d;animation:memberLoad 1.25s .2s ease-out forwards}@keyframes memberLoad{to{width:100%}}@keyframes transitionStars{to{transform:scale(1.18) rotate(2deg)}}@keyframes transRingA{50%{transform:scale(1.08) rotate(130deg)}to{transform:scale(1.48) rotate(230deg);opacity:.05}}@keyframes transRingB{50%{transform:scale(.92) rotate(-120deg)}to{transform:scale(1.3) rotate(-250deg);opacity:.04}}@keyframes memberTransitionMaster{0%{opacity:0}8%{opacity:1}70%{opacity:1}100%{opacity:0;visibility:hidden}}
.member-hub-page.member-arriving .member-shell,.member-hub-page.member-arriving .member-rail,.member-hub-page.member-arriving .member-legacy{animation:memberReveal 1.25s .78s both cubic-bezier(.2,.8,.2,1)}@keyframes memberReveal{from{opacity:0;filter:blur(12px);transform:scale(.985)}to{opacity:1;filter:blur(0);transform:none}}

@media (max-width:1350px){.member-hub-page{padding-right:18px}.member-legacy{display:none}.member-worlds{grid-template-columns:repeat(5,minmax(130px,1fr))}.world-card{min-height:300px}.member-rail{width:220px}.member-hub-page{padding-left:220px}}
@media (max-width:1050px){.member-hub-page{padding-left:0;padding-top:102px}.member-rail{position:relative;top:auto;left:auto;bottom:auto;width:auto;height:auto;margin:0 14px;padding:18px 16px;background:rgba(3,9,16,.88);border:1px solid rgba(226,172,77,.22);border-radius:8px}.member-rail-art{display:none}.member-rail nav{display:grid;grid-template-columns:repeat(4,1fr)}.member-rail>small{margin:7px 0 10px}.member-worlds{grid-template-columns:repeat(2,1fr)}.member-lower-grid{grid-template-columns:1fr}.member-shell{padding:0 14px 25px}.member-hub-page.active{display:block}}
@media (max-width:680px){.member-worlds{grid-template-columns:1fr}.member-welcome{align-items:flex-start;gap:15px;flex-direction:column}.member-status-pill{align-items:flex-start}.member-search{width:65%}.member-top-actions div:nth-of-type(2),.member-top-actions>span{display:none}.member-rail nav{grid-template-columns:repeat(2,1fr)}.member-welcome p{font-size:15px}.world-card{min-height:330px}.world-orb-wrap{width:180px}}
@media (prefers-reduced-motion:reduce){.member-cosmos:before,.member-cosmos:after,.member-cosmos i,.world-orb-wrap img,.world-orb-wrap i,.world-orb-wrap:after,.member-transition-layer *{animation:none!important}.member-transition-layer.active{animation:memberTransitionMaster .4s linear forwards}}


/* =========================================================
   SPAR10 MEMBER HUB — V5 REFERENCE MATCH OVERRIDES
   Target: supplied 2026-08-30 approved Member Hub composition
   ========================================================= */
body.member-hub-active{overflow:hidden!important;background:#02070d!important}
body.member-hub-active .site-header,
body.member-hub-active .mobile-drawer{display:none!important}
body.member-hub-active #cursorGlow{display:none!important}

.member-hub-page{
  min-height:100vh!important;height:100vh!important;padding:0 276px 0 242px!important;
  background:#02070d!important;overflow:hidden!important
}
.member-hub-page.active{display:block!important}
.member-cosmos{inset:0!important;background:
  radial-gradient(ellipse at 42% 2%,rgba(0,132,235,.28),transparent 27%),
  radial-gradient(ellipse at 66% 2%,rgba(194,25,255,.29),transparent 32%),
  radial-gradient(ellipse at 79% 27%,rgba(255,58,85,.13),transparent 30%),
  radial-gradient(ellipse at 33% 48%,rgba(0,98,182,.16),transparent 44%),
  linear-gradient(180deg,#04101a 0%,#02070d 46%,#02070c 100%)!important
}
.member-cosmos:before{opacity:.18!important;background-size:52px 52px!important}
.member-cosmos:after{opacity:.08!important;background-size:87px 87px!important}

.member-rail{
  top:0!important;bottom:0!important;left:0!important;width:242px!important;
  padding:18px 18px 16px 102px!important;border-right:1px solid rgba(214,161,63,.27)!important;
  background:
    linear-gradient(90deg,rgba(2,8,14,.01),rgba(2,8,14,.78) 42%,rgba(2,8,14,.95)),
    linear-gradient(180deg,rgba(3,14,24,.9),rgba(2,7,13,.98))!important;
  box-shadow:12px 0 42px rgba(0,0,0,.36)!important;overflow:hidden!important
}
.member-rail-art{
  display:block!important;position:absolute!important;z-index:-1!important;left:0!important;top:0!important;bottom:0!important;
  width:112px!important;height:auto!important;margin:0!important;border-radius:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.02),rgba(2,7,13,.34) 72%,#02070d 100%),
    url("assets/members/spartan-rail.webp") 36% center/cover no-repeat!important;
  opacity:1!important;filter:saturate(1.05) contrast(1.06)!important
}
.member-rail-brand{position:relative!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 8px!important}
.member-rail-logo{width:29px!important;height:38px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(235,177,66,.5))!important}
.member-rail-brand b{font:500 17px/1 "Cinzel",Georgia,serif!important;letter-spacing:2.2px!important;color:#f4f1e9!important}
.member-rail>small{display:block!important;margin:5px 0 18px!important;color:#d8a747!important;font-size:8px!important;letter-spacing:1px!important}
.member-rail nav{display:flex!important;flex-direction:column!important;gap:3px!important}
.member-rail nav button{
  width:128px!important;min-height:30px!important;padding:7px 8px!important;border:1px solid transparent!important;
  border-radius:4px!important;background:transparent!important;color:#e7e9ea!important;text-align:left!important;
  font-size:7.7px!important;letter-spacing:.15px!important;white-space:nowrap!important;cursor:pointer!important
}
.member-rail nav button span{display:inline-grid!important;width:17px!important;color:#dfe5e7!important}
.member-rail nav button:hover{background:rgba(218,162,55,.07)!important;border-color:rgba(222,168,67,.2)!important}
.member-rail nav button.active{background:linear-gradient(90deg,rgba(206,154,53,.18),rgba(206,154,53,.06))!important;border-color:rgba(226,174,74,.62)!important;color:#fff3d2!important}
.member-rail nav button.active span{color:#f0bb54!important}
.member-rail .member-exit{margin-top:8px!important}

.member-shell{
  position:relative!important;z-index:5!important;width:100%!important;height:100vh!important;
  padding:11px 15px 12px!important;overflow:hidden!important
}
.member-topbar{height:42px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important}
.member-search{
  width:min(325px,40vw)!important;height:29px!important;margin-left:auto!important;margin-right:92px!important;
  border:1px solid rgba(212,160,65,.36)!important;border-radius:5px!important;background:rgba(2,8,14,.58)!important
}
.member-search span{color:#e2ad48!important;font-size:13px!important}
.member-search input{font-size:7px!important;color:#c3c9cf!important}
.member-top-actions{gap:8px!important;color:#eee!important}
.member-bell{font-size:13px!important}
.member-avatar{width:29px!important;height:29px!important;border:1px solid rgba(229,180,81,.55)!important;background:radial-gradient(circle at 45% 34%,#6a4934,#17191c 70%)!important;font-size:9px!important}
.member-top-actions div:nth-of-type(2) b{display:block!important;color:#e6b75b!important;font-size:7px!important;letter-spacing:.5px!important}
.member-top-actions div:nth-of-type(2) small{display:block!important;margin-top:2px!important;color:#9a9fa3!important;font-size:5.7px!important}

.member-welcome{
  min-height:61px!important;margin:0 0 7px!important;padding:0 0 0 52px!important;display:flex!important;align-items:center!important;
  border:0!important;background:transparent!important
}
.member-welcome h1{margin:0!important;font:400 19px/1.05 "Cinzel",Georgia,serif!important;letter-spacing:1.3px!important;color:#f5f1e9!important}
.member-welcome h1 em{font-style:normal!important}
.member-welcome p{margin:5px 0 0!important;font:italic 16px/1.05 Georgia,serif!important;letter-spacing:.5px!important;color:#f4eee5!important;text-shadow:0 0 10px rgba(255,255,255,.12)!important}

.member-worlds{
  height:286px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important;margin:0!important
}
.world-card{
  min-height:0!important;height:286px!important;padding:9px 7px 8px!important;border-radius:7px!important;
  border:1px solid color-mix(in srgb,var(--world) 47%,#26394b)!important;
  background:
    radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--world) 10%,transparent),transparent 36%),
    linear-gradient(180deg,rgba(4,14,24,.88),rgba(2,8,14,.94))!important;
  box-shadow:inset 0 0 32px rgba(0,0,0,.33),0 8px 24px rgba(0,0,0,.24)!important
}
.world-card:before{opacity:.55!important}
.world-orb-wrap{width:min(137px,91%)!important;margin:0 auto -5px!important;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--world) 50%,transparent))!important}
.world-orb-wrap img{filter:saturate(1.12) contrast(1.08)!important}
.world-card h2{margin:2px 0 5px!important;font-size:13px!important;line-height:1.05!important;letter-spacing:.5px!important}
.world-card h3{font-size:6.8px!important;line-height:1.2!important;letter-spacing:.5px!important}
.world-card p{height:24px!important;margin:5px auto 0!important;font-size:7.2px!important;line-height:1.4!important}
.world-card>button{margin-top:4px!important;padding:7px 9px!important;font-size:6.8px!important}
.world-card>small{margin-top:6px!important;font-size:5.8px!important}

.member-lower-grid{
  height:165px!important;display:grid!important;grid-template-columns:1.03fr 1.3fr 1.13fr!important;gap:9px!important;margin-top:9px!important
}
.member-panel{min-height:0!important;height:165px!important;padding:10px 12px 8px!important;border-radius:6px!important;background:linear-gradient(180deg,rgba(4,14,23,.88),rgba(2,8,13,.94))!important}
.member-panel h3{margin-bottom:7px!important;font-size:7px!important;color:#f0f0ec!important}
.member-panel li{grid-template-columns:16px 1fr auto!important;padding:6px 0!important;font-size:6.8px!important}
.member-panel>button{margin-top:7px!important;font-size:6.6px!important}
.rec-item{grid-template-columns:30px 1fr auto!important;padding:4px 0!important}
.rec-icon{width:27px!important;height:27px!important;font-size:8px!important}
.rec-item b{font-size:7.2px!important}.rec-item small{font-size:6px!important}.rec-item button{padding:5px 6px!important;font-size:5.8px!important}

.member-legacy{
  right:15px!important;top:18px!important;bottom:18px!important;width:246px!important;padding:16px 13px 14px!important;
  border:1px solid rgba(225,175,77,.34)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(4,14,24,.95),rgba(2,7,13,.98))!important;
  overflow:hidden!important
}
.legacy-art{height:205px!important;margin:-16px -13px 11px!important;background:
  linear-gradient(180deg,rgba(1,7,13,.02),rgba(2,7,13,.22) 58%,rgba(2,7,13,.98)),
  url("assets/members/legacy-aurora.webp") center/cover no-repeat!important}
.member-legacy h2{margin:-72px 0 76px!important;text-align:center!important;color:#efc467!important;font-size:13px!important;line-height:1.25!important;letter-spacing:1px!important}
.member-legacy>p{display:none!important}
.legacy-points{margin-top:0!important}
.legacy-points article{grid-template-columns:34px 1fr!important;gap:8px!important;margin:11px 0!important}
.legacy-points i{width:30px!important;height:30px!important;font-size:9px!important}
.legacy-points b{font-size:6.8px!important}.legacy-points span{font-size:6.5px!important;line-height:1.35!important}
.legacy-cta{margin-top:11px!important;padding-top:12px!important}
.legacy-cta b{font-size:9.5px!important}.legacy-cta button{margin-top:9px!important;padding:9px!important;font-size:6.4px!important}

@media (min-width:1500px){
  .member-hub-page{padding-left:252px!important;padding-right:284px!important}
  .member-rail{width:252px!important;padding-left:108px!important}
  .member-legacy{width:254px!important}
  .member-worlds{height:306px!important}.world-card{height:306px!important}.world-orb-wrap{width:148px!important}
  .member-lower-grid,.member-panel{height:176px!important}
}
@media (max-width:1180px){
  body.member-hub-active{overflow:auto!important}
  .member-hub-page{height:auto!important;min-height:100vh!important;padding:0 18px 24px 214px!important;overflow:visible!important}
  .member-rail{width:214px!important;padding-left:88px!important}
  .member-legacy{display:none!important}
  .member-shell{height:auto!important;overflow:visible!important}
}
@media (max-width:900px){
  .member-hub-page{padding:0 12px 24px!important}
  .member-rail{position:relative!important;width:auto!important;height:auto!important;margin:12px!important;padding:14px!important}
  .member-rail-art{display:none!important}.member-rail nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .member-rail nav button{width:auto!important}
  .member-worlds{height:auto!important;grid-template-columns:repeat(2,1fr)!important}.world-card{height:300px!important}
  .member-lower-grid{height:auto!important;grid-template-columns:1fr!important}.member-panel{height:auto!important}
  .member-search{margin-right:10px!important}.member-welcome{padding-left:0!important}
}
@media (max-width:620px){
  .member-rail nav{grid-template-columns:repeat(2,1fr)!important}
  .member-worlds{grid-template-columns:1fr!important}
}


/* =========================================================
   SPAR10 MEMBER HUB — V5.2 STRUCTURAL LAYER FIX
   The Member Hub is now a REAL three-column grid:
   LEFT RAIL | DASHBOARD | JOURNEY RAIL
   No fixed overlays. No card-under-panel collisions.
   ========================================================= */

body.member-hub-active{
  overflow:hidden!important;
  background:#02070d!important;
}
body.member-hub-active .site-header,
body.member-hub-active .mobile-drawer,
body.member-hub-active #cursorGlow{
  display:none!important;
}

/* Root hub owns the entire viewport and reserves each column structurally. */
.member-hub-page,
.member-hub-page.active{
  position:relative!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) 252px!important;
  grid-template-rows:100vh!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#02070d!important;
  color:#f7f4ec!important;
}

/* Background stays behind all three real columns. */
.member-hub-page .member-cosmos{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* LEFT RAIL — normal grid column, never fixed. */
.member-hub-page .member-rail{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:100vh!important;
  min-width:0!important;
  z-index:10!important;
  padding:18px 14px 18px 22px!important;
  overflow:hidden auto!important;
  border-right:1px solid rgba(226,172,77,.28)!important;
  background:
    radial-gradient(ellipse at -20% 18%,rgba(0,145,255,.24),transparent 33%),
    radial-gradient(ellipse at -14% 78%,rgba(255,141,22,.18),transparent 37%),
    linear-gradient(180deg,rgba(3,14,24,.97),rgba(2,7,13,.995))!important;
  box-shadow:12px 0 38px rgba(0,0,0,.28)!important;
}

/* Kill every legacy implementation of the duplicated rail artwork. */
.member-hub-page .member-rail-art{
  display:none!important;
  background:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.member-hub-page .member-rail:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(232,169,54,.04),transparent 28%),
    radial-gradient(circle at 12% 52%,rgba(0,120,220,.10),transparent 38%)!important;
}
.member-hub-page .member-rail>*{
  position:relative!important;
  z-index:2!important;
}

.member-hub-page .member-rail-brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 7px!important;
}
.member-hub-page .member-rail-logo{
  width:28px!important;
  height:34px!important;
  object-fit:contain!important;
}
.member-hub-page .member-rail-brand b{
  font:500 16px/1 "Cinzel",Georgia,serif!important;
  letter-spacing:2px!important;
}
.member-hub-page .member-rail>small{
  margin:6px 0 16px!important;
  color:#e7b65a!important;
  font-size:8px!important;
  letter-spacing:1.1px!important;
}
.member-hub-page .member-rail nav{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.member-hub-page .member-rail nav button{
  width:100%!important;
  min-height:31px!important;
  padding:7px 8px!important;
  gap:8px!important;
  font-size:7.6px!important;
  white-space:nowrap!important;
}

/* CENTER DASHBOARD — normal grid column with hard clipping to its own area. */
.member-hub-page .member-shell{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  min-width:0!important;
  height:100vh!important;
  padding:12px 12px 14px!important;
  margin:0!important;
  overflow:hidden!important;
}

.member-hub-page .member-topbar{
  height:38px!important;
  margin:0!important;
}
.member-hub-page .member-search{
  width:min(330px,42vw)!important;
  height:28px!important;
  margin-left:auto!important;
  margin-right:90px!important;
}
.member-hub-page .member-welcome{
  min-height:62px!important;
  margin:0 0 8px!important;
  padding-left:35px!important;
}
.member-hub-page .member-welcome h1{
  font-size:18px!important;
}
.member-hub-page .member-welcome p{
  font-size:15px!important;
}

/* Five worlds are constrained to the center column only. */
.member-hub-page .member-worlds{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:286px!important;
  overflow:hidden!important;
  margin:0!important;
}
.member-hub-page .world-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:286px!important;
  min-height:0!important;
  padding:8px 6px 7px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.member-hub-page .world-orb-wrap{
  width:min(132px,88%)!important;
}
.member-hub-page .world-card h2{
  font-size:12.3px!important;
}
.member-hub-page .world-card h3{
  font-size:6.3px!important;
}
.member-hub-page .world-card p{
  font-size:6.8px!important;
  height:22px!important;
}
.member-hub-page .world-card>button{
  font-size:6.3px!important;
  padding:6px 8px!important;
}
.member-hub-page .world-card>small{
  font-size:5.6px!important;
}

/* Bottom panels fit the center dashboard without extending behind either rail. */
.member-hub-page .member-lower-grid{
  display:grid!important;
  grid-template-columns:1.05fr 1.32fr 1.05fr!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:164px!important;
  margin-top:8px!important;
  overflow:hidden!important;
}
.member-hub-page .member-panel{
  width:100%!important;
  min-width:0!important;
  height:164px!important;
  min-height:0!important;
  padding:9px 10px 7px!important;
  overflow:hidden!important;
}

/* RIGHT JOURNEY RAIL — third grid column, never an overlay. */
.member-hub-page .member-legacy{
  grid-column:3!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:10!important;
  width:auto!important;
  height:calc(100vh - 24px)!important;
  margin:12px 10px 12px 0!important;
  padding:15px 12px 13px!important;
  overflow:hidden auto!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(4,14,24,.96),rgba(2,7,13,.99))!important;
  box-shadow:-10px 0 34px rgba(0,0,0,.22)!important;
}
.member-hub-page .legacy-art{
  height:205px!important;
  margin:-15px -12px 10px!important;
}
.member-hub-page .member-legacy h2{
  margin:-70px 0 73px!important;
  text-align:center!important;
  font-size:12.5px!important;
}
.member-hub-page .legacy-points article{
  margin:10px 0!important;
}
.member-hub-page .legacy-cta{
  margin-top:10px!important;
  padding-top:11px!important;
}

/* Hard stacking contract. */
.member-hub-page .member-cosmos{z-index:0!important}
.member-hub-page .member-shell{z-index:5!important}
.member-hub-page .member-rail,
.member-hub-page .member-legacy{z-index:10!important}
.member-hub-page .member-transition-layer{z-index:5000!important}

/* 1366–1599: preserve all three columns, just make the rails narrower. */
@media (min-width:1181px) and (max-width:1599px){
  .member-hub-page,
  .member-hub-page.active{
    grid-template-columns:190px minmax(0,1fr) 220px!important;
  }
  .member-hub-page .member-rail{
    padding-left:16px!important;
    padding-right:10px!important;
  }
  .member-hub-page .member-rail nav button{
    font-size:6.6px!important;
    padding-left:6px!important;
    padding-right:4px!important;
  }
  .member-hub-page .member-legacy{
    margin-right:8px!important;
  }
  .member-hub-page .world-orb-wrap{
    width:min(112px,86%)!important;
  }
  .member-hub-page .world-card h2{font-size:10.5px!important}
  .member-hub-page .world-card h3{font-size:5.7px!important}
  .member-hub-page .world-card p{font-size:6px!important}
  .member-hub-page .member-search{margin-right:38px!important}
}

/* Tablet fallback: collapse Journey panel first, then rail. */
@media (max-width:1180px){
  body.member-hub-active{overflow:auto!important}
  .member-hub-page,
  .member-hub-page.active{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }
  .member-hub-page .member-legacy{display:none!important}
  .member-hub-page .member-rail{height:100vh!important;position:sticky!important;top:0!important}
  .member-hub-page .member-shell{height:auto!important;min-height:100vh!important;overflow:visible!important}
  .member-hub-page .member-worlds{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .member-hub-page .world-card{height:290px!important}
  .member-hub-page .member-lower-grid{height:auto!important;grid-template-columns:1fr!important}
  .member-hub-page .member-panel{height:auto!important}
}
@media (max-width:760px){
  .member-hub-page,
  .member-hub-page.active{
    display:block!important;
  }
  .member-hub-page .member-rail{
    position:relative!important;
    width:auto!important;
    height:auto!important;
    margin:10px!important;
  }
  .member-hub-page .member-rail nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .member-hub-page .member-worlds{grid-template-columns:1fr!important}
  .member-hub-page .member-shell{padding:10px!important}
}


/* =========================================================
   MEMBER HUB V5.3 — LEFT OVERLAP REMOVAL
   Permanently suppress legacy baked-in member rail artwork.
   ========================================================= */

/* The live sidebar must be a clean CSS surface only. */
body.member-hub-active .member-hub-page .member-rail,
body.member-hub-active .member-hub-page .member-rail::before,
body.member-hub-active .member-hub-page .member-rail::after{
  background-image:none!important;
}
body.member-hub-active .member-hub-page .member-rail{
  background:
    radial-gradient(ellipse at 0% 20%,rgba(0,138,230,.16),transparent 34%),
    radial-gradient(ellipse at 0% 82%,rgba(231,151,38,.13),transparent 38%),
    linear-gradient(180deg,#06121c 0%,#030a11 50%,#03080e 100%)!important;
}

/* Absolutely disable every known legacy rail/reference layer. */
body.member-hub-active .member-rail-art,
body.member-hub-active [class*="member"][class*="reference"],
body.member-hub-active [class*="member"][class*="backdrop"],
body.member-hub-active img[src*="spartan-rail"],
body.member-hub-active [style*="spartan-rail"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Do not allow a decorative child to occupy the first portion of the rail. */
body.member-hub-active .member-rail > :not(.member-rail-brand):not(small):not(nav){
  display:none!important;
}

/* Normalize live nav to start at the true left edge of its column. */
@media (min-width:1181px){
  body.member-hub-active .member-hub-page .member-rail{
    padding-left:18px!important;
    padding-right:12px!important;
  }
  body.member-hub-active .member-hub-page .member-rail-brand,
  body.member-hub-active .member-hub-page .member-rail>small,
  body.member-hub-active .member-hub-page .member-rail nav{
    margin-left:0!important;
    transform:none!important;
  }
}

/* Final opaque underlay ensures nothing from an older art layer can show through. */
body.member-hub-active .member-hub-page .member-rail::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(0,146,255,.12),transparent 26%),
    radial-gradient(circle at 5% 82%,rgba(236,158,43,.10),transparent 31%),
    linear-gradient(180deg,#06121c,#03090f 58%,#02070c)!important;
  opacity:1!important;
  visibility:visible!important;
}
body.member-hub-active .member-hub-page .member-rail>*{
  position:relative!important;
  z-index:2!important;
}


/* =========================================================
   SPAR10 MEMBER HUB — PIXEL LOCK V8
   The supplied PNG itself is the desktop Member Hub.
   No recreation, no theme approximation, no generated artwork.
   ========================================================= */

.member-pixel-lock{display:none!important}

@media (min-width:1181px){
  body.member-hub-active{
    margin:0!important;
    overflow:hidden!important;
    background:#02070d!important;
  }

  body.member-hub-active .site-header,
  body.member-hub-active .mobile-drawer,
  body.member-hub-active #cursorGlow,
  body.member-hub-active .member-transition-layer{
    display:none!important;
  }

  body.member-hub-active .member-hub-page,
  body.member-hub-active .member-hub-page.active{
    display:block!important;
    position:relative!important;
    width:100vw!important;
    height:100vh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#02070d!important;
  }

  /* Hide the recreated/live desktop presentation entirely. */
  body.member-hub-active .member-hub-page > .member-reference-lock,
  body.member-hub-active .member-hub-page > .member-cosmos,
  body.member-hub-active .member-hub-page > .member-rail,
  body.member-hub-active .member-hub-page > .member-shell,
  body.member-hub-active .member-hub-page > .member-legacy{
    display:none!important;
  }

  body.member-hub-active .member-pixel-lock{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:999!important;
    overflow:hidden!important;
    background:#02070d!important;
  }

  body.member-hub-active .member-pixel-lock-canvas{
    position:relative!important;
    display:block!important;
    width:100vw!important;
    height:auto!important;
    aspect-ratio:1536 / 583!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.member-hub-active .member-pixel-lock-image{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:contain!important;
    object-position:top left!important;
    image-rendering:auto!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
    pointer-events:none!important;
  }

  /* Invisible route map only. It cannot change appearance. */
  body.member-hub-active .member-pixel-hotspot{
    position:absolute!important;
    display:block!important;
    z-index:1000!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    cursor:pointer!important;
  }

  .ph-atlas{left:17.55%!important;top:18.0%!important;width:11.30%!important;height:48.5%!important}
  .ph-fit{left:29.60%!important;top:18.0%!important;width:11.35%!important;height:48.5%!important}
  .ph-images{left:41.45%!important;top:18.0%!important;width:11.55%!important;height:48.5%!important}
  .ph-assets{left:53.75%!important;top:18.0%!important;width:11.90%!important;height:48.5%!important}
  .ph-impact{left:66.40%!important;top:18.0%!important;width:11.80%!important;height:48.5%!important}

  .ph-nav-atlas{left:6.5%!important;top:23.5%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-fit{left:6.5%!important;top:28.8%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-images{left:6.5%!important;top:34.3%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-assets{left:6.5%!important;top:39.8%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-impact{left:6.5%!important;top:45.2%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-opportunities{left:6.5%!important;top:50.7%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-messages{left:6.5%!important;top:56.1%!important;width:8.7%!important;height:5.0%!important}
  .ph-nav-logout{left:6.5%!important;top:78.8%!important;width:8.7%!important;height:5.0%!important}
}

@media (max-width:1180px){
  .member-pixel-lock{display:none!important}
}


/* =========================================================
   SPAR10 MEMBERS-ONLY RESTORE V10
   STRICT VISUAL SCOPE: only the active Members route.
   No other route is restyled or replaced.
   ========================================================= */

.member-pixel-lock{display:none!important}

@media (min-width:1181px){
  body.member-hub-active{
    overflow:hidden!important;
  }

  body.member-hub-active .site-header,
  body.member-hub-active .mobile-drawer,
  body.member-hub-active #cursorGlow{
    display:none!important;
  }

  .member-hub-page.active{
    position:relative!important;
    display:block!important;
    width:100vw!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#02070d!important;
  }

  .member-hub-page.active > .member-transition-layer,
  .member-hub-page.active > .member-reference-lock,
  .member-hub-page.active > .member-cosmos,
  .member-hub-page.active > .member-rail,
  .member-hub-page.active > .member-shell,
  .member-hub-page.active > .member-legacy{
    display:none!important;
  }

  .member-hub-page.active > .member-pixel-lock{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:999!important;
    width:100vw!important;
    height:100vh!important;
    overflow:hidden!important;
    background:#02070d!important;
  }

  .member-hub-page.active .member-pixel-lock-canvas{
    position:relative!important;
    width:100vw!important;
    aspect-ratio:1536 / 583!important;
    margin:0!important;
    padding:0!important;
  }

  .member-hub-page.active .member-pixel-lock-image{
    position:absolute!important;
    left:0!important;
    top:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
  }

  .member-hub-page.active .member-pixel-hotspot{
    position:absolute!important;
    z-index:1000!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:0!important;
    cursor:pointer!important;
  }

  .px-atlas{left:17.55%!important;top:18.0%!important;width:11.3%!important;height:48.5%!important}
  .px-fit{left:29.60%!important;top:18.0%!important;width:11.35%!important;height:48.5%!important}
  .px-images{left:41.45%!important;top:18.0%!important;width:11.55%!important;height:48.5%!important}
  .px-assets{left:53.75%!important;top:18.0%!important;width:11.9%!important;height:48.5%!important}
  .px-impact{left:66.40%!important;top:18.0%!important;width:11.8%!important;height:48.5%!important}

  .px-brand-home{left:4.0%!important;top:1.5%!important;width:9.3%!important;height:9%!important}
  .px-dashboard{left:6.3%!important;top:16.5%!important;width:8.8%!important;height:5.2%!important}
  .px-nav-atlas{left:6.3%!important;top:23.2%!important;width:8.8%!important;height:5%!important}
  .px-nav-fit{left:6.3%!important;top:28.6%!important;width:8.8%!important;height:5%!important}
  .px-nav-images{left:6.3%!important;top:34.0%!important;width:8.8%!important;height:5%!important}
  .px-nav-assets{left:6.3%!important;top:39.5%!important;width:8.8%!important;height:5%!important}
  .px-nav-impact{left:6.3%!important;top:44.9%!important;width:8.8%!important;height:5%!important}
  .px-opportunities{left:6.3%!important;top:50.3%!important;width:8.8%!important;height:5%!important}
  .px-messages{left:6.3%!important;top:55.8%!important;width:8.8%!important;height:5%!important}
  .px-logout{left:6.3%!important;top:78.4%!important;width:8.8%!important;height:5.2%!important}

  .px-act-atlas{left:17.7%!important;top:75.0%!important;width:16.8%!important;height:4.2%!important}
  .px-act-fit{left:17.7%!important;top:79.4%!important;width:16.8%!important;height:4.2%!important}
  .px-act-message{left:17.7%!important;top:83.8%!important;width:16.8%!important;height:4.2%!important}
  .px-act-images{left:17.7%!important;top:88.1%!important;width:16.8%!important;height:4.2%!important}

  .px-rec-atlas{left:35.7%!important;top:73.9%!important;width:22.0%!important;height:7.4%!important}
  .px-rec-fit{left:35.7%!important;top:81.5%!important;width:22.0%!important;height:7.4%!important}
  .px-rec-impact{left:35.7%!important;top:89.0%!important;width:22.0%!important;height:7.4%!important}

  .px-up-atlas{left:59.0%!important;top:74.7%!important;width:18.8%!important;height:5.2%!important}
  .px-up-fit{left:59.0%!important;top:81.1%!important;width:18.8%!important;height:5.2%!important}
  .px-up-impact{left:59.0%!important;top:87.5%!important;width:18.8%!important;height:5.2%!important}

  .px-legacy-informed{left:82.0%!important;top:39.0%!important;width:16%!important;height:10%!important}
  .px-legacy-action{left:82.0%!important;top:51.2%!important;width:16%!important;height:10%!important}
  .px-legacy-impact{left:82.0%!important;top:63.5%!important;width:16%!important;height:10%!important}
  .px-legacy-assets{left:82.0%!important;top:75.7%!important;width:16%!important;height:10%!important}
  .px-upgrade{left:83.0%!important;top:90.0%!important;width:14.2%!important;height:6.2%!important}
}

@media (max-width:1180px){
  .member-pixel-lock{display:none!important}
}


/* Launch repair: route isolation and accessible live-data controls. */
.page[hidden], .atlas-filter-panel[hidden] { display:none !important; }
.member-preview-notice {position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;background:#07121c;color:#edf6fc;border-bottom:1px solid #71623f;font:14px/1.5 Arial,sans-serif;}
.member-preview-notice strong {color:#dfc482;letter-spacing:.08em;}
.member-preview-notice span {flex:1 1 420px;}
.member-preview-notice button {padding:9px 12px;border:1px solid #b79858;background:#102331;color:#fff;cursor:pointer;}
.atlas-feed-message {padding:12px 16px;margin:0;color:#c5e8ef;font:13px/1.5 Arial,sans-serif;}
.atlas-filter-panel {display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#07171c;color:#dcebf0;}
.atlas-filter-panel label {display:flex;flex-direction:column;gap:6px;font:12px Arial,sans-serif;}
.atlas-filter-panel input,.atlas-filter-panel select {max-width:100%;padding:8px;background:#102b35;color:white;border:1px solid #537e87;}
#atlasUpdated {font-size:clamp(11px,1vw,15px);line-height:1.4;overflow-wrap:anywhere;}
#atlasImportMessage {padding:8px 12px;color:#e5e9e7;font:13px/1.5 Arial,sans-serif;}
.atlas-v2-market p,.atlas-v2-market > strong {display:block;padding:12px;color:#d6e8ec;font:13px/1.6 Arial,sans-serif;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {outline:2px solid #39cde6;outline-offset:3px;}
.member-preview-notice {grid-column:1 / -1;}
@media (min-width:1181px) {
  body.member-hub-active {overflow:auto!important;}
  .member-hub-page.active {height:auto!important;overflow:visible!important;}
  .member-hub-page.active > .member-pixel-lock {position:relative!important;inset:auto!important;height:auto!important;min-height:calc(100vh - 100px);}
}