/* Approved About composition. Artwork, content and motion remain separate. */
.approved-about #main>.section{padding:0;overflow:clip}
.approved-about .about-hero h1 span{display:block}
.approved-about .about-hero .page-hero-art img{object-position:65% center}
.approved-about .about-hero .page-hero-copy{max-width:620px;width:49%}
.approved-about .about-hero h1{font-size:var(--ds-hero);line-height:1.05;}
.about-map-stage{position:relative;isolation:isolate;background:#f7fbff;max-width:1800px;margin:auto}
.about-map-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.about-gap-copy{position:absolute;z-index:2;left:4.5%;top:4%;width:43%;max-width:620px}
.about-gap-copy h2{font-size:var(--ds-title);line-height:1.1;margin:0 0 18px;}
.about-gap-copy p{color:#174184;font-size:var(--ds-copy);line-height:1.55;text-wrap:pretty;}
.about-map-overlay{position:absolute;inset:0;pointer-events:none}
.about-map-links{width:100%;height:100%;overflow:visible}
.about-map-links path{fill:none;stroke:#00aaff;stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--about-progress,1));filter:drop-shadow(0 0 5px #0062ff)}
.about-map-links .about-wire-halo{stroke:#fff;stroke-width:7;filter:url(#about-wire-glow);opacity:.9}
.about-map-player{position:absolute;left:var(--x);top:var(--y);width:clamp(28px,4.1vw,68px);aspect-ratio:.75;transform:translate(-50%,-100%);border:2px solid #7fe4ff;border-radius:7px;background:#062e55;box-shadow:0 0 8px #fff,0 0 20px #007aff,0 12px 15px #001d5740}
.about-map-player img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.about-map-player:after{content:"";position:absolute;left:20%;right:20%;height:8px;bottom:-16px;border:2px solid #7fe4ff;border-radius:50%;background:#42b4ff;box-shadow:0 0 14px #0062ff}
.about-gap-note{position:absolute;bottom:4%;left:4.5%;width:50%;max-width:650px;color:#174184;border:1px solid #007aff;background:#f7fbfff0;padding:18px 24px;border-radius:8px;font-size:clamp(14px,1.3vw,18px);line-height:1.4;box-shadow:0 8px 30px #0062ff15}
.about-gap-statement{position:relative;background:linear-gradient(105deg,#031a36 85%,#0054ed 85%,#037ef5 88%,#d8f3ff 89%);color:white;padding:25px 10% 25px 4.5%;border-block:1px solid #26a5ff;box-shadow:inset 0 0 20px #0062ff55}
.about-gap-statement p{max-width:1150px;margin:0;font-size:var(--ds-copy);line-height:1.55;}
.about-purpose{position:relative;isolation:isolate;min-height:350px;background:#00142c}
.about-purpose-art{position:absolute;inset:0;z-index:-1;background:url("/assets/about-purpose-v7.webp") center 64%/cover no-repeat}
.about-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:35px 145px}
.about-purpose-grid article{max-width:500px}
.about-purpose-grid h2{font-size:var(--ds-title);line-height:1.1;max-width:410px;}
.about-purpose-grid p:not(.eyebrow){max-width:340px;font-size:var(--ds-eyebrow);color:#d8edff;text-shadow:0 2px 6px #02101f;}
.about-platform>.wrap{padding-block:40px 24px}
.about-platform-grid{display:grid;grid-template-columns:37% 63%;align-items:center}
.about-platform-grid h2{font-size:var(--ds-title);line-height:1.1;}
.about-platform-grid>div:first-child{padding-right:25px}
.about-platform-scene{position:relative;isolation:isolate;aspect-ratio:1.65}
.about-platform-court{position:absolute;width:80%;height:75%;left:10%;top:12%;object-fit:contain;mix-blend-mode:multiply}
.about-system{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:17%;min-height:60px;padding:10px 3px;color:#0757d4;background:#fff;border:1px solid #cfe6ff;box-shadow:0 0 12px #007aff45,0 9px 20px #0757d423;border-radius:7px;font-size:12px;z-index:2}
.about-system .icon{width:25px;height:25px}
.about-system-0{left:17%;top:0}.about-system-1{left:44%;top:0}.about-system-2{right:0;top:0}.about-system-3{right:-2%;top:36%}.about-system-4{right:0;bottom:10%}.about-system-5{right:24%;bottom:0}.about-system-6{left:28%;bottom:0}.about-system-7{left:0;bottom:17%}.about-system-8{left:-1%;top:27%}
.about-network-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.about-network-wires path{fill:none;stroke:#007fff;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #42b4ff)}
.about-network-wires circle{fill:#6edcfc;stroke:white;stroke-width:1}
.about-trust-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:24px 0 0;padding:13px 20px;color:#0058e8;border:1px solid #b8dfff;border-radius:8px;box-shadow:0 0 12px #0062ff35;background:#f7fbff}
.about-trust-chain li{display:flex;position:relative;align-items:center;justify-content:center;gap:10px;padding:5px 24px 5px 5px;font-size:14px}
.about-trust-chain li:not(:last-child):after{content:"→";position:absolute;right:0;font-size:23px}
.about-trust-chain .icon{width:28px;height:28px;flex:none}
.about-platform-note{text-align:center;font-size:13px;color:#3765a5;margin:12px 0 0}
.about-city{background:#0b1f38 url("/assets/about-city-v7.webp") center/cover}
.about-city>.wrap,.about-close>.wrap{padding-block:35px;position:relative}
.about-city h2,.about-close h2{font-size:var(--ds-title);line-height:1.1;}
.about-city p:not(.eyebrow),.about-close p:not(.eyebrow){max-width:430px;line-height:1.25;color:#e7f0ff;}
.about-company{background:#edf6ff}
.about-company>.wrap{padding-block:22px}
.about-company-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 34%;gap:16px 35px;padding:30px 35px;border:1px solid #40baff;border-radius:9px;background:#031a36;color:#fff;box-shadow:0 0 6px #fff,0 0 18px #0062ff88,0 12px 25px #05284330;overflow:hidden}
.about-company-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:url("/assets/contact-city-v6.webp") right bottom/60% auto no-repeat;pointer-events:none}
.about-company-card h2{font-size:var(--ds-title);line-height:1.1;color:white;margin:0 0 12px;}
.about-company-card p{margin-bottom:0;font-size:1rem;line-height:1.5;}
.about-company-logo{width:100%;max-width:340px;align-self:center;justify-self:center;filter:drop-shadow(0 0 14px #008cff44)}
.about-company-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin:8px 0 0;border-top:1px solid #0089dd;padding-top:18px}
.about-company-card dl>div{display:grid;grid-template-columns:45px 1fr;gap:3px 12px;padding-right:25px}
.about-company-card dl>div+div{border-left:1px solid #145584;padding-left:25px}
.about-company-card dt{color:#00cfff;font-weight:600;font-size:16px}
.about-company-card dd{grid-column:2;margin:0;color:#e7f0ff;font-size:15px}
.about-company-card address{font-style:normal}
.about-company-card .icon{grid-row:1/3;width:35px;height:35px;color:#00bfff}
.about-close{background:linear-gradient(90deg,#03182bf0 20%,#03182b25 80%),url("/assets/about-close-v7.webp") center 53%/cover}
@media(min-width:1500px){.about-map-stage{max-height:950px}.about-map-art{height:950px;object-fit:fill}}
@media(max-width:800px){
 .approved-about .about-hero .page-hero-copy{width:65%;max-width:500px}.approved-about .about-hero h1{font-size:var(--ds-hero);}
 .about-gap-copy{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:28px 5% 0;margin:0}.about-gap-copy p{font-size:var(--ds-copy);}.about-map-stage{display:flex;flex-direction:column}.about-map-art{order:2}.about-gap-copy{order:1}.about-gap-note{position:relative;order:3;left:auto;bottom:auto;width:90%;margin:0 auto 24px;font-size:15px}.about-map-overlay{inset:auto 0 auto;height:auto;aspect-ratio:3/2;top:var(--about-map-top,240px)}
 .about-gap-statement{background:#031a36;padding:22px 5%}
 .about-purpose-grid{gap:5%;padding-bottom:170px}.about-purpose-grid h2{font-size:var(--ds-title);}.about-purpose-grid p:not(.eyebrow){font-size:var(--ds-eyebrow);}
 .about-platform-grid{grid-template-columns:1fr}.about-platform-grid>div:first-child{padding:0 0 25px}.about-platform-scene{max-width:700px;width:100%;margin:auto}.about-trust-chain{grid-template-columns:1fr 1fr}.about-trust-chain li{font-size:12px}.about-trust-chain li:nth-child(2):after{display:none}
 .about-company-card{grid-template-columns:1fr;padding:25px}.about-company-logo{grid-row:1;width:160px;justify-self:start}.about-company-card p{font-size:1rem;}
 .about-city,.about-close{background-position:65% center}.about-city>.wrap,.about-close>.wrap{background:linear-gradient(90deg,#03182bf0,#03182b70);width:100%;padding:30px 5%}
}
@media(max-width:480px){.approved-about .about-hero .page-hero-copy{width:100%;padding-top:190px}.approved-about .about-hero .page-hero-art img{object-position:72% top}.about-purpose-grid{grid-template-columns:1fr;padding-top:25px;padding-bottom:240px;gap:20px}.about-purpose-grid h2{font-size:var(--ds-title);max-width:340px;}.about-purpose-art{background-position:55% bottom;background-size:auto 100%}.about-purpose-grid article{padding:12px;background:#00142c99;border-radius:5px}.about-company-card dl{grid-template-columns:1fr;gap:20px}.about-company-card dl>div+div{border-left:0;padding-left:0;padding-top:18px;border-top:1px solid #145584}.about-system{font-size:9px;min-height:46px;padding:5px 2px}.about-system .icon{width:20px;height:20px}.about-trust-chain{padding:10px;gap:8px}.about-trust-chain li{padding:0 14px 0 0}.about-trust-chain .icon{width:21px;height:21px}.about-gap-copy h2{font-size:var(--ds-title);}}
@media(prefers-reduced-motion:reduce){.about-map-links path{stroke-dashoffset:0!important}}