/* Scoped Industries scene; the site header and other routes retain their styles. */
body.industries-reference-active{overflow:auto!important;background:#02070b!important}
.ecosystem-page.industries-cosmos-page[hidden]{display:none!important}
.ecosystem-page.industries-cosmos-page{
  background:#02070b!important;
  padding:102px 0 0!important;
  min-height:0!important;
  color:#f5f8fa;
}
.ecosystem-page.industries-cosmos-page::before,
.ecosystem-page.industries-cosmos-page::after{display:none!important}
.industries-cosmos-page .industries-cosmos-stage{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:max(760px,calc(100svh - 102px));
  overflow:hidden;
  background:
    radial-gradient(ellipse 70% 68% at 50% 33%,#0a2033 0%,#040d16 65%,#02070b 100%);
}
.industries-cosmos-page .industries-cosmos-stage::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:28%;
  z-index:1;
  background:linear-gradient(transparent,#02070bf2);
  pointer-events:none;
}
.industries-cosmos-page .industries-cosmos-scene{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.industries-cosmos-page .industries-cosmos-art{
  position:absolute;
  width:min(100%,950px);
  height:100%;
  top:0;
  left:50%;
  transform:translateX(-50%);
  object-fit:cover;
  object-position:center top;
  opacity:.93;
  filter:saturate(1.07) contrast(1.04);
  animation:cosmosBreathe 12s ease-in-out infinite alternate;
}
.industries-cosmos-page .industries-cosmos-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#02070bea 0%,transparent 24%,transparent 76%,#02070bea 100%),
    linear-gradient(180deg,#02070b6a,transparent 31%,transparent 61%,#02070ba8);
}
.industries-cosmos-page .industries-cosmos-light{
  position:absolute;
  z-index:1;
  left:50%;
  top:0;
  width:min(43vw,470px);
  height:72%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 0%,#a3d8ff4d,transparent 65%);
  mix-blend-mode:screen;
  animation:cosmosBeam 5.5s ease-in-out infinite alternate;
}
.industries-cosmos-page .industries-cosmos-orbit{
  position:absolute;
  z-index:2;
  top:clamp(188px,24%,252px);
  left:50%;
  width:clamp(380px,46vw,670px);
  aspect-ratio:2.7;
  border:1px solid #76bdff8c;
  border-radius:50%;
  box-shadow:0 0 8px #39a6ff90,inset 0 0 7px #39a6ff6b;
  transform:translateX(-50%) rotate(-17deg);
  opacity:.55;
  animation:cosmosOrbit 14s linear infinite;
}
.industries-cosmos-page .industries-cosmos-glimmer{
  position:absolute;
  z-index:2;
  inset:0;
  background:radial-gradient(circle at 50% 51%,#78bdff32,transparent 30%);
  mix-blend-mode:screen;
  animation:cosmosBeam 3.5s ease-in-out infinite alternate;
}
.industries-cosmos-page .industries-cosmos-heading{
  position:relative;
  z-index:3;
  padding:clamp(28px,4vw,57px) 4% 0;
  text-align:center;
  text-shadow:0 3px 25px #000;
}
.industries-cosmos-page .industries-cosmos-heading span{
  font:700 10px/1.3 Arial,sans-serif;
  color:#b7e8ff;
  letter-spacing:.35em;
}
.industries-cosmos-page .industries-cosmos-heading h1{
  margin:8px 0 0;
  font:400 clamp(35px,4.7vw,65px)/1.08 Georgia,serif;
  color:#f4f7fc;
  letter-spacing:.01em;
}
.industries-cosmos-page .industries-cosmos-list{
  position:absolute;
  z-index:4;
  inset:29% max(3%,calc((100% - 1540px)/2)) 13%;
  display:grid;
  grid-template-columns:minmax(230px,315px) minmax(230px,315px);
  grid-template-rows:repeat(3,1fr);
  justify-content:space-between;
  align-items:center;
  column-gap:40px;
  pointer-events:none;
}
.industries-cosmos-page .industry-entry{
  pointer-events:auto;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:14px 12px;
  border:0;
  border-bottom:1px solid #bedce24a;
  border-radius:0;
  background:linear-gradient(90deg,#02070b7a,#02070b39);
  color:#f6f7f7;
  text-align:left;
  text-decoration:none;
  text-transform:none;
  cursor:pointer;
  font:500 clamp(16px,1.5vw,22px)/1.16 Georgia,serif;
  text-shadow:0 2px 12px #000;
  transition:transform .35s,border-color .35s,background .35s,box-shadow .35s;
}
.industries-cosmos-page .industry-entry:nth-child(n+4){grid-column:2}
.industries-cosmos-page .industry-entry:nth-child(1){grid-row:1}
.industries-cosmos-page .industry-entry:nth-child(2){grid-row:2}
.industries-cosmos-page .industry-entry:nth-child(3){grid-row:3}
.industries-cosmos-page .industry-entry:nth-child(4){grid-row:1}
.industries-cosmos-page .industry-entry:nth-child(5){grid-row:2}
.industries-cosmos-page .industry-entry:nth-child(6){grid-row:3}
.industries-cosmos-page .industry-number{
  align-self:flex-start;
  padding-top:4px;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.1em;
  color:var(--sector);
}
.industries-cosmos-page .industry-name{flex:1}
.industries-cosmos-page .industry-arrow{
  font:400 19px/1 Arial,sans-serif;
  color:var(--sector);
  opacity:.75;
  transition:transform .3s,opacity .3s;
}
.industries-cosmos-page .industry-entry:hover,
.industries-cosmos-page .industry-entry:focus-visible{
  outline:1px solid var(--sector);
  border-color:var(--sector);
  background:#071724cf;
  box-shadow:0 0 28px color-mix(in srgb,var(--sector) 18%,transparent);
  transform:translateY(-4px);
}
.industries-cosmos-page .industry-entry:hover .industry-arrow,
.industries-cosmos-page .industry-entry:focus-visible .industry-arrow{
  transform:translate(3px,-3px);
  opacity:1;
}
@keyframes cosmosBreathe{
  from{filter:saturate(1.01) contrast(1.02) brightness(.91)}
  to{filter:saturate(1.14) contrast(1.06) brightness(1.04)}
}
@keyframes cosmosBeam{from{opacity:.34}to{opacity:.9}}
@keyframes cosmosOrbit{
  0%{transform:translateX(-50%) rotate(-17deg) scale(1);opacity:.43}
  50%{transform:translateX(-50%) rotate(163deg) scale(1.035);opacity:.73}
  100%{transform:translateX(-50%) rotate(343deg) scale(1);opacity:.43}
}
@media(max-width:1050px){
  .industries-cosmos-page .industries-cosmos-list{
    inset:32% 2% 12%;
    grid-template-columns:minmax(195px,250px) minmax(195px,250px);
  }
  .industries-cosmos-page .industry-entry{font-size:17px}
}
@media(max-width:760px){
  .ecosystem-page.industries-cosmos-page{padding-top:78px!important}
  .industries-cosmos-page .industries-cosmos-stage{min-height:0;overflow:visible}
  .industries-cosmos-page .industries-cosmos-stage::after{display:none}
  .industries-cosmos-page .industries-cosmos-scene{position:relative;height:clamp(400px,85svh,690px)}
  .industries-cosmos-page .industries-cosmos-art{width:100%;height:100%;object-position:center top}
  .industries-cosmos-page .industries-cosmos-scene::after{
    background:linear-gradient(180deg,#02070b44,transparent 29%,transparent 63%,#02070b);
  }
  .industries-cosmos-page .industries-cosmos-heading{
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding-top:32px;
  }
  .industries-cosmos-page .industries-cosmos-heading h1{font-size:clamp(32px,8vw,49px)}
  .industries-cosmos-page .industries-cosmos-orbit{
    top:29%;
    width:min(94vw,560px);
  }
  .industries-cosmos-page .industries-cosmos-list{
    position:relative;
    inset:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    gap:8px;
    padding:12px 14px 38px;
    background:#02070b;
  }
  .industries-cosmos-page .industry-entry,
  .industries-cosmos-page .industry-entry:nth-child(n){
    grid-row:auto;
    grid-column:auto;
  }
  .industries-cosmos-page .industry-entry{
    min-height:71px;
    padding:12px 10px;
    border:1px solid #3e68704a;
    background:#09171e;
    font-size:clamp(14px,3.6vw,19px);
  }
  .industries-cosmos-page .industry-arrow{font-size:15px}
}
@media(max-width:390px){
  .industries-cosmos-page .industries-cosmos-list{grid-template-columns:1fr}
  .industries-cosmos-page .industry-entry{min-height:53px}
}
@media(prefers-reduced-motion:reduce){
  .industries-cosmos-page .industries-cosmos-art,
  .industries-cosmos-page .industries-cosmos-light,
  .industries-cosmos-page .industries-cosmos-orbit,
  .industries-cosmos-page .industries-cosmos-glimmer{animation:none!important}
  .industries-cosmos-page .industry-entry,
  .industries-cosmos-page .industry-arrow{transition:none!important}
}
