/* DIST visual identity, adapted from the supplied brand references. */
:root,.corp,.foundation,.network{--bg:#080f17;--fg:#f3f7fa;--muted:#a5b6c6;--accent:#00e5ee;--line:#293744;--panel:#101e2b;color-scheme:dark}
.foundation{--bg:#0d1721;--panel:#142432;--muted:#b0c0cd}.network{--bg:#070e1c;--panel:#101e33}
body{background-image:radial-gradient(ellipse at 90% 14%,#12304b66,transparent 40%)}
.mark{position:relative;clip-path:none;background:none;width:44px;height:30px;flex-shrink:0}
.mark:before,.mark:after{content:'';position:absolute;top:0;height:30px;width:27px;clip-path:polygon(0 0,48% 0,100% 50%,48% 100%,0 100%,52% 50%)}
.mark:before{left:0;background:#f4f7fa}.mark:after{right:0;background:var(--accent)}
.logo{font-family:'Arial Black','Space Grotesk',sans-serif;font-style:italic;letter-spacing:-1.5px;font-size:36px}.logo small{font-family:'DM Sans',sans-serif;font-style:normal;font-size:9px;letter-spacing:.18em}
.hero{position:relative;grid-template-columns:1fr 1fr;gap:42px;min-height:700px;padding-top:45px;padding-bottom:60px}
h1,.foundation h1{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.055em;font-size:clamp(48px,5.2vw,76px);line-height:1.06}.foundation h1 em{font-style:normal}.hero h1 em,.network h1 em{color:var(--accent)}
.hero .art{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.brand-image{display:block;width:100%;height:525px;object-fit:cover;object-position:49% center;border:1px solid #344d60}.foundation .brand-image{object-position:35% center}
.art-label{color:#a5b6c6;font-size:9px}.art svg{filter:drop-shadow(0 0 35px #00ddea10)}
.hero:before{content:'';position:absolute;width:150px;height:2px;left:5.5%;top:15px;background:linear-gradient(90deg,var(--accent),transparent)}
.button,.foundation .button{color:#06131b;background:var(--accent);font-weight:700}.nav-cta{border-color:#3d727b!important}.eyebrow{letter-spacing:.2em}.status{background:#0d1823}.section h2{font-weight:500}.num{color:var(--accent)}.area{position:relative}.area:before{content:'';position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--accent)}
.step{background:linear-gradient(145deg,#142534,#0c1721)}.site-card{background:linear-gradient(140deg,#15233177,transparent);border-top:2px solid #00d7e2}.site-card:hover{background:#182d3d}.blueprint{box-shadow:0 0 60px #00dbe908}.ecosystem{background:#050b12}.section .eyebrow{color:#84d5de}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero .art{max-width:none}.brand-image{height:480px;object-position:center 35%}.foundation .brand-image{height:auto;object-fit:contain}.hero{min-height:0}.hero-copy{max-width:650px}}
@media(max-width:560px){.hero{gap:30px}.hero h1{font-size:49px}.brand-image{height:380px}.logo{font-size:30px}.mark{width:37px;height:26px}.mark:before,.mark:after{width:23px;height:26px}.logo small{font-size:8px}.art-label{font-size:8px}.hero:before{left:6%;top:8px}}

/* Reference-matched vector wordmark and original cinematic artwork. */
.logo{gap:16px;font-style:normal;letter-spacing:normal}.dist-wordmark{width:180px;height:auto;display:block}.logo small{font-size:9px;padding-left:16px;line-height:1.5}
.brand-image,.foundation .brand-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.hero .art{justify-content:center}.hero{grid-template-columns:.94fr 1.06fr}.art-label{gap:14px;letter-spacing:.08em;font-size:9px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.brand-image,.foundation .brand-image{height:auto;aspect-ratio:3/2}}
@media(max-width:560px){.dist-wordmark{width:146px}.logo{gap:10px}.logo small{padding-left:10px;font-size:8px}.art-label{font-size:8px}}

/* Related identities with individual color and inline division lettering. */
.corp{--bg:#080f17;--accent:#20dfe9;--muted:#a9bac9;--line:#293c4c;--panel:#112331;--glow:#12425b66;--surface:#0c1b27;--gradient-start:#9ef8ff;--gradient-end:#16b9e7}
.foundation{--bg:#0b1817;--fg:#f3f5ed;--accent:#a3e4b9;--muted:#b3c7ba;--line:#30493e;--panel:#162d25;--glow:#42634655;--surface:#10231d;--gradient-start:#b5f7d1;--gradient-end:#f1cf8e}
.network{--bg:#100e21;--fg:#f4f2ff;--accent:#b7a4ff;--muted:#bcb4d6;--line:#3b3258;--panel:#211b39;--glow:#533b8560;--surface:#19152d;--gradient-start:#8de4ff;--gradient-end:#c095ff}
body{background-image:radial-gradient(ellipse at 90% 14%,var(--glow),transparent 42%)}
.logo{gap:12px;white-space:nowrap;flex-shrink:0;align-items:center}
.logo small{display:block;border:0;padding:0;font-family:'Space Grotesk','Arial Black',sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--accent);background-image:linear-gradient(110deg,var(--gradient-start) 5%,var(--gradient-end) 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.dist-wordmark{width:180px;flex-shrink:0}
.status,.ecosystem{background:var(--surface)}
.step{background:linear-gradient(145deg,var(--panel),var(--bg))}
.site-card{background:linear-gradient(140deg,var(--panel),transparent);border-top-color:var(--accent)}
.site-card:hover{background:var(--panel)}
.section .eyebrow,.art-label{color:var(--muted)}
.nav-cta{border-color:var(--line)!important}
.brand-image{border-color:var(--line)}
.blueprint{box-shadow:none}
@media(min-width:561px) and (max-width:1100px){.header{flex-wrap:wrap;row-gap:24px}.header .nav{width:100%;justify-content:flex-start}.logo small{font-size:30px}}
@media(max-width:560px){.logo{gap:8px}.dist-wordmark{width:124px}.logo small{font-size:19px;letter-spacing:-.055em;padding:0}.header{gap:12px}.mobile-toggle{font-size:12px;padding:6px 8px}}
@media(max-width:370px){.dist-wordmark{width:110px}.logo small{font-size:17px}}
@media(forced-colors:active){.logo small{background:none;-webkit-text-fill-color:CanvasText}}

/* One vector lockup: identical cap height, baseline, and geometric construction. */
.logo{display:block;min-width:0;max-width:100%;flex-shrink:1}
.logo .dist-wordmark{display:block;width:auto;height:28px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:560px){.logo{max-width:calc(100% - 66px)}.logo .dist-wordmark{width:auto;height:auto;max-height:25px;max-width:100%}}

/* DIST NET: neutral charcoal identity. */
.network{--bg:#333333;--fg:#f7f7f7;--accent:#e0e0e0;--muted:#cccccc;--line:#626262;--panel:#3d3d3d;--glow:transparent;--surface:#2c2c2c;--gradient-start:#ffffff;--gradient-end:#bcbcbc;background-color:#333333;background-image:none}

/* Full-page scenery moves naturally with the document, including on mobile. */
.network{position:relative;isolation:isolate;background:#333333}
.network::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,rgba(20,23,25,.30),rgba(26,28,30,.68) 30%,rgba(26,28,30,.68) 70%,rgba(20,23,25,.30)),none;background-size:100% 100%,100% 100%;background-position:top center;background-repeat:no-repeat}
.network .ecosystem,.network .status{background:rgba(35,35,35,.82)}
.network .header{background:transparent}
.network .section{border-color:rgba(200,210,215,.24)}
.network .step,.network .site-card,.network .blueprint{background:rgba(42,44,46,.9)}
.network .site-card:hover{background:rgba(64,67,69,.96)}
.network .intro,.network .section-head p,.network .area p{color:#dedede}
@media(max-width:850px){.network::before{background-size:100% 100%,auto 100%}}

/* Companion full-page landscapes for CORP and ORG. */
.corp,.foundation{position:relative;isolation:isolate;background:var(--bg)}
.corp{--scene:none;--scene-edge:rgba(5,15,25,.24);--scene-center:rgba(6,17,29,.67);--scene-panel:rgba(12,29,43,.91);--scene-strip:rgba(8,23,36,.86)}
.foundation{--scene:url('org-research-background.png');--scene-edge:rgba(6,22,15,.35);--scene-center:rgba(8,25,18,.76);--scene-panel:rgba(15,35,26,.93);--scene-strip:rgba(9,28,19,.88)}
.corp::before,.foundation::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,var(--scene-edge),var(--scene-center) 30%,var(--scene-center) 70%,var(--scene-edge)),var(--scene);background-size:100% 100%,100% 100%;background-position:top center;background-repeat:no-repeat}
.corp .ecosystem,.corp .status,.foundation .ecosystem,.foundation .status{background:var(--scene-strip)}
.corp .step,.corp .site-card,.foundation .step,.foundation .site-card{background:var(--scene-panel)}
.corp .site-card:hover,.foundation .site-card:hover{background:var(--panel)}
.corp .intro,.corp .section-head p,.corp .area p{color:#d3e1eb}
.foundation .intro,.foundation .section-head p,.foundation .area p{color:#d8e7dc}
@media(max-width:850px){.corp::before,.foundation::before{background-size:100% 100%,auto 100%}}