:root{--accent:#b52723;--navy:#391517;--sky:#8b2825}
.alien-page{--leading:1}
.alien-page h2{line-height:1.18}.alien-page h3{line-height:1.24}
.alien-page .lead,.alien-page .project-meta dd{line-height:1.48}
.alien-page .project-place{line-height:1.45}
.alien-page .section-copy{line-height:1.51;max-width:840px}
.alien-page .eyebrow{font-size:17px;font-weight:650;color:var(--accent);margin:0 0 18px}
.alien-page .hero-slides{aspect-ratio:3/2;position:relative}
.alien-page .hero-slide{position:absolute;inset:0}
.alien-page .hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.hero-count{position:absolute;right:22px;bottom:20px;color:white;font-size:14px;background:#0008;border-radius:20px;padding:7px 14px}
.alien-page .hero-arrow{font-size:34px;line-height:1;cursor:pointer}
.alien-page .visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding:0;margin:32px 0 0;list-style:none}
.visual-steps li{text-align:center;min-width:0;position:relative}
.alien-page .drawing{position:relative;aspect-ratio:.78;overflow:hidden;background:#fff}
.alien-page .drawing img{position:absolute;width:calc(100% * var(--count));max-width:none;height:auto;left:calc(-100% * var(--panel));top:50%;transform:translateY(-50%);pointer-events:none}
.alien-page .pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bbb;border-radius:999px;padding:12px 18px;font-size:16px;line-height:1.25;min-height:48px;font-weight:600;word-break:keep-all;background:#fff}
.visual-steps li:not(:last-child)::after{content:'→';position:absolute;right:-31px;bottom:13px;color:#aaa;font-size:22px}
.alien-page .line-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px;margin-top:52px}
.line-steps .drawing{aspect-ratio:.86}
.alien-page .film{margin-top:38px}
.alien-page .film video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#111}
.alien-page figcaption{line-height:1.39}
.alien-page .explain-pair{display:grid;grid-template-columns:1fr 1.6fr;gap:50px;align-items:center;margin-top:45px}
.alien-page .encounter-drawing{max-width:540px;margin:35px auto 0}
.alien-page .sync-flow{display:flex;align-items:center;justify-content:center;gap:24px;margin:25px 0 0}
.sync-flow span{border:1px solid #bbb;border-radius:30px;font-size:17px;padding:12px 24px;line-height:1.3;text-align:center;font-weight:600}
.sync-flow i{font-style:normal;color:#999}
.alien-page .space-labels{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:25px}
.space-labels span{border:1px solid #bbb;border-radius:30px;padding:10px 18px;font-size:15px;line-height:1.3}
.alien-page .topview{margin:35px 0 0}
.alien-page #credits a{color:inherit}
@media(max-width:700px){
.alien-page .visual-steps{gap:16px;grid-template-columns:1fr;margin-top:25px}
.visual-steps li{width:min(340px,100%);margin:auto}
.visual-steps li:not(:last-child)::after{display:none}
.alien-page .drawing{aspect-ratio:.82}
.alien-page .models .drawing{aspect-ratio:.78}
.alien-page .line-steps{grid-template-columns:1fr;gap:35px}
.line-steps .drawing{aspect-ratio:.84}
.alien-page .explain-pair{display:flex;flex-direction:column;gap:28px;margin-top:30px}
.explain-pair>.drawing{width:min(360px,100%)}
.explain-pair>figure{width:100%}
.alien-page .encounter-drawing{max-width:330px}
.alien-page .sync-flow{flex-direction:column;gap:10px}
.sync-flow i{transform:rotate(90deg)}
.alien-page .film{margin-top:26px}
.alien-page .section{padding:48px 0}
.alien-page .hero-slides{aspect-ratio:4/5}
.alien-page .hero-arrow{width:38px;height:38px;font-size:28px}.hero-prev{left:12px}.hero-next{right:12px}
.alien-page .space-labels{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v2: official sketch, location hierarchy and spatial model */
.alien-page .hero-slides{aspect-ratio:16/9}
.alien-page .hero-slide img{object-fit:contain;object-position:center}
.alien-page .film video{aspect-ratio:auto}
.location-trail{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px;font-size:18px;line-height:1.5}
.location-trail span,.location-trail strong{padding:9px 17px;border:1px solid #ddd;border-radius:99px;font-weight:550}
.location-trail strong{border-color:#a32928;color:#a32928}.location-trail i{font-style:normal;color:#aaa}
.alien-page .space-subtitle{margin:60px 0 0;font-size:26px}
.alien-page .topview{margin-top:16px}
.map-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:9px 16px;background:#fff;border:1px solid #aaa;border-radius:99px;font-size:16px;font-weight:650;line-height:1.2;white-space:nowrap;pointer-events:none}
.map-label.red{background:#a62926;color:white;border-color:#a62926}.map-label.escalator{color:#555;background:#fffe;border-color:#ccc;font-weight:500}
.space-key-mini{display:flex;gap:24px;justify-content:center;margin-top:22px;line-height:1.5;font-size:16px}.space-key-mini b{color:#a32928;margin-right:8px}
.short-explain p:not(.eyebrow){font-size:20px;line-height:1.6;color:#666;margin-top:20px}
.alien-page .explain-pair{grid-template-columns:1fr 1fr;max-width:860px;margin:45px auto;gap:72px}
@media(max-width:700px){
.alien-page .hero-slides{aspect-ratio:16/9}.alien-page .hero-arrow{width:44px;height:44px}
.location-trail{gap:8px;font-size:14px}.location-trail span,.location-trail strong{padding:7px 10px}
.alien-page .space-subtitle{font-size:23px;margin-top:38px}
.map-label{font-size:12px;padding:5px 8px}.map-label.escalator{font-size:11px;padding:4px 8px}.kiosk-label{--x:19%!important;--y:73%!important}
.space-key-mini{flex-direction:column;gap:9px;font-size:15px;margin-top:20px}
.alien-page .explain-pair{gap:22px}.short-explain{text-align:center}.short-explain p:not(.eyebrow){font-size:18px}
}

@media(max-width:700px){.map-label{font-size:14px;padding:5px 8px}.map-label.escalator{font-size:12px}.location-trail{display:grid;grid-template-columns:auto auto 1fr;gap:8px}.location-trail i{display:none}.location-trail strong{grid-column:1/-1;justify-self:start}}