.about-intro,.about-section{max-width:none}
.about-hero{align-items:center}
.about-hero h1{max-width:none;margin-bottom:12px;font-size:clamp(48px,6vw,76px);white-space:nowrap}
.about-hero h1 span{color:var(--mint);font-style:italic}
.about-deck{margin:0;color:var(--muted);font-size:17px}
.about-intro>p{max-width:850px;color:var(--muted);font-size:18px}
.about-intro>p strong{color:var(--text)}
.station-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0}
.station-facts>div{display:grid;gap:5px}
.station-facts dt,.station-facts dd{padding:0}
.station-facts dt{color:var(--mint);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.station-facts dd{color:var(--text)}
.about-section>h2{position:relative;display:inline-block;margin-bottom:28px}
.about-section>h2::after{content:"";position:absolute;left:0;right:18%;bottom:-8px;height:3px;background:linear-gradient(90deg,var(--mint),var(--amber));transform:rotate(-.5deg)}
.architecture-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}
.architecture-flow li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,247,223,.025)}
.architecture-flow li:not(:last-child)::after{content:"→";position:absolute;z-index:1;right:-12px;top:50%;color:var(--mint);font-weight:800;transform:translate(50%,-50%)}
.architecture-flow li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#6b4b2d;color:var(--text);font-size:12px;font-weight:800}
.architecture-flow strong,.architecture-flow small{display:block}
.architecture-flow small{margin-top:4px;color:var(--muted);line-height:1.4}
.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.component-grid article{padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(255,247,223,.025)}
.component-grid h3{margin:0 0 8px;font:21px/1.15 var(--serif);color:var(--text)}
.component-grid p,.about-boundary>p:last-child{margin:0;color:var(--muted)}
.about-boundary>p:last-child{max-width:900px;font-size:17px}
@media(max-width:900px){.architecture-flow{grid-template-columns:1fr}.architecture-flow li:not(:last-child)::after{content:"↓";right:auto;left:27px;top:auto;bottom:-13px;transform:translate(-50%,50%)}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-hero{gap:22px}.about-hero h1{font-size:clamp(42px,12vw,58px);white-space:normal}.about-deck{font-size:15px}.station-facts,.component-grid{grid-template-columns:1fr}.about-intro>p{font-size:16px}.architecture-flow li{padding:14px}.about-section>h2{margin-bottom:22px}}