@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111619;--panel:#1b2224;--logo-bg:#34373b;--green:#00a51b;--lime:#83d84b;--paper:#eef0e8;--dim:#a5afab;--line:#36403e;--width:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Noto Sans SC','Microsoft YaHei',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.page-width{width:min(calc(100% - 92px),var(--width));margin-inline:auto}.reading-progress{position:fixed;z-index:30;top:0;left:0;right:0;height:3px;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:var(--lime)}
.topbar{height:78px;padding:0 max(46px,calc((100vw - var(--width))/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:#14191b}.topbar-brand{display:flex;align-items:center;gap:16px;min-width:0}.topbar-brand img{width:92px;height:42px;object-fit:contain;mix-blend-mode:lighten}.topbar-brand span,.draft-badge,.topbar nav{font-size:11px;letter-spacing:.12em;font-weight:700;white-space:nowrap}.topbar-brand span{color:#a8b2ad}.topbar nav{display:flex;gap:34px}.topbar nav a:hover,.footer a:hover{color:var(--lime)}.draft-badge{color:var(--lime)}
.hero{min-height:min(860px,calc(100vh - 78px));position:relative;overflow:hidden;background:#182326}.hero-image{position:absolute;inset:0;background:url('assets/xichou-mountains.jpg') center 52%/cover no-repeat;filter:saturate(.75) contrast(1.12)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091012ee 0%,#0a1012bd 40%,#07101441 100%),linear-gradient(0deg,#0b1115d9,transparent 44%)}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(90deg,transparent 49.5%,#fff 50%,transparent 50.5%);background-size:12px 12px;mix-blend-mode:overlay;pointer-events:none}.hero-content{min-height:inherit;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding-block:90px 40px}.eyebrow,.section-number,.corner-label{font-family:Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:12px;color:#d5ddd7}.green-square{width:8px;height:8px;background:var(--lime);display:inline-block}.hero h1{margin:50px 0 18px;display:grid;line-height:.98;font-size:clamp(76px,10.2vw,165px);font-weight:900;letter-spacing:-.075em}.hero h1 .year{color:transparent;-webkit-text-stroke:1px #c6d0c4a8;font-family:Arial,sans-serif;letter-spacing:-.09em}.accent{color:var(--lime)}.hero-subtitle{font-size:clamp(22px,2.6vw,40px);font-weight:800;letter-spacing:.06em;margin:0;display:flex;align-items:center;gap:22px}.hero-subtitle i{height:3px;width:60px;background:var(--lime);display:inline-block;transform:skewX(-25deg)}.hero-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:80px}.hero-bottom p{font-size:14px;line-height:1.8;letter-spacing:.12em}.hero-bottom a{font:700 10px Arial,sans-serif;letter-spacing:.16em;display:flex;align-items:center;gap:18px}.hero-bottom b{font-size:24px}.hero-vertical{position:absolute;z-index:1;right:24px;top:50%;writing-mode:vertical-rl;font:700 10px Arial;letter-spacing:.2em;color:#d2dbd1a8}
.section-number{color:var(--lime);border-top:1px solid var(--line);padding-top:18px}.opening{padding-block:110px 80px}.opening-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;align-items:end;margin-top:45px}.opening h2,.journey h2,.identity h2,.materials h2,.end-frame h2{font-size:clamp(48px,5.8vw,88px);line-height:1.16;letter-spacing:-.055em;margin:0;font-weight:900}.opening h2 em,.journey h2 em,.identity h2 em,.materials h2 em,.end-frame h2 em{font-style:normal;color:var(--lime)}.opening-copy{max-width:430px;line-height:1.9;font-size:16px}.opening-copy p{margin:0 0 20px}.muted{color:var(--dim);font-size:13px}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px;padding:26px 0;display:grid;grid-template-columns:repeat(4,1fr)}.facts div{display:grid;gap:5px;border-right:1px solid var(--line);padding-left:28px}.facts div:first-child{padding-left:0}.facts div:last-child{border:0}.facts strong{font:800 clamp(38px,4vw,64px) Arial,sans-serif;letter-spacing:-.08em}.facts span{font-size:12px;color:var(--dim)}.story-media{display:block}.story-video{position:relative;width:100%;aspect-ratio:2.2;margin:0;overflow:hidden;background:#111b1b;isolation:isolate}.story-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.story-video:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff58 1px,transparent 1px),linear-gradient(#ffffff58 1px,transparent 1px);background-size:48px 48px;opacity:.34}.story-video:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0d171863,transparent 34%,transparent 68%,#0d171882)}.story-video-mark{position:absolute;z-index:2;top:22px;right:24px;background:#0d1315aa;border:1px solid #ffffff48;padding:12px 18px}.story-video-mark img{display:block;width:180px;height:42px;object-fit:contain}.story-video figcaption{position:absolute;z-index:2;bottom:20px;left:22px;background:#0d1315d9;padding:9px 12px;font:700 10px Arial;letter-spacing:.13em}.journey{padding-block:125px 140px}.journey-header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:45px}.journey-header p{max-width:270px;color:var(--dim);font-size:14px;line-height:1.8}.journey-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:72px;border-top:1px solid var(--green)}.journey-track div{position:relative;padding:32px 15px 0 0;display:grid;gap:12px}.journey-track div:before{content:'';width:10px;height:10px;background:var(--lime);position:absolute;top:-5px;left:0;border-radius:50%}.journey-track b{color:var(--lime);font:800 12px Arial}.journey-track strong{font-size:19px}.journey-track small{color:var(--dim);font-size:12px}
.identity{background:#e7ebe2;color:#121a18;padding-block:105px 125px}.identity .section-number{border-color:#b9c5b8;color:#167921}.identity-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin:45px 0 60px}.identity-heading h2 em{color:#228d20}.identity-heading p{max-width:350px;font-size:15px;line-height:1.9}.identity-showcase{display:grid;grid-template-columns:1.45fr .55fr;gap:16px;min-height:520px}.logo-showcase{background:var(--logo-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;position:relative;color:#e8eee7}.logo-showcase .corner-label{position:absolute;top:28px;left:28px;color:#aeb9af}.logo-showcase img{width:min(80%,730px);mix-blend-mode:lighten}.logo-caption{font-size:clamp(15px,2vw,25px);font-weight:800;margin-top:30px;letter-spacing:.03em}.identity-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.colors,.motif{background:#f6f7f1;padding:30px;position:relative;overflow:hidden}.colors .corner-label,.motif .corner-label{color:#58645b}.colors>div{display:flex;gap:8px;margin-top:28px}.swatch{height:92px;flex:1}.swatch.dark{background:#111619}.swatch.green{background:#00a51b}.swatch.ivory{background:#eef0e8;border:1px solid #cbd2c7}.colors p{font-size:12px;letter-spacing:.1em;margin:15px 0 0}.motif svg{position:absolute;left:0;right:0;bottom:-13px;width:100%;height:85%}.motif path{stroke:#159a2b;stroke-width:6;fill:none}.motif path+path{stroke-width:2}
.materials{padding-block:115px 145px}.materials-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:45px 0 60px}.materials-heading p{max-width:350px;color:var(--dim);font-size:14px;line-height:1.8}.material{background:#202829;margin-top:18px;overflow:hidden}.material-meta{display:flex;align-items:center;gap:22px;min-height:100px;padding:22px 30px}.material-meta>span{color:var(--lime);font:800 10px Arial;letter-spacing:.12em;white-space:nowrap}.material-meta h3{font-size:26px;margin:0;white-space:nowrap}.material-meta p{font-size:13px;color:#aeb8b2;line-height:1.5;margin:0 0 0 auto}.mockup{position:relative;overflow:hidden}.material-wide .mockup{min-height:450px}.material-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.material-pair .material-meta{display:block;min-height:148px}.material-pair .material-meta h3{margin-top:10px}.material-pair .material-meta p{margin:6px 0 0}.material-pair .mockup{height:420px}
.end-frame{min-height:650px;position:relative;display:flex;align-items:center}.end-frame>img,.end-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.end-cover{background:linear-gradient(90deg,#0a1111e8,#0a111177),linear-gradient(0deg,#0a1111c9,transparent 70%)}.end-content{position:relative}.end-frame h2{font-size:clamp(65px,8vw,120px);margin:30px 0}.end-frame h2 em{color:var(--lime)}.end-content>p:last-child{font-size:17px;font-weight:800;letter-spacing:.08em}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:100px;font-size:11px;color:#a5ada7;letter-spacing:.06em}.footer a{color:#e6eee4;font:800 10px Arial;letter-spacing:.13em}
@media(max-width:1000px){.page-width{width:min(calc(100% - 48px),var(--width))}.topbar{padding-inline:24px}.draft-badge{display:none}.opening-grid,.identity-showcase{grid-template-columns:1fr}.identity-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.identity-showcase{min-height:0}.logo-showcase{min-height:400px}.identity-side>*{min-height:250px}.material-meta{align-items:start;flex-wrap:wrap}.material-meta p{flex-basis:100%;margin:0}.material-pair .material-meta{min-height:165px}}
@media(max-width:700px){.topbar{height:66px}.topbar-brand img{width:76px;height:34px}.topbar-brand span{display:none}.topbar nav{gap:11px;font-size:9px}.hero{min-height:700px}.hero-content{padding-block:65px 35px}.hero h1{font-size:clamp(54px,13vw,95px);margin-top:80px}.hero-subtitle{display:block;font-size:22px}.hero-subtitle i{display:none}.hero-bottom{padding-top:90px}.hero-vertical{display:none}.opening,.journey,.materials{padding-block:75px}.opening-grid,.journey-header,.identity-heading,.materials-heading{display:block}.opening-copy,.journey-header p,.identity-heading p,.materials-heading p{margin-top:25px}.facts{grid-template-columns:1fr 1fr;row-gap:28px}.facts div:nth-child(2){border:0}.facts div:nth-child(3){padding-left:0}.story-video{aspect-ratio:4/3}.story-video:before{background-size:28px 28px;opacity:.28}.story-video-mark{top:10px;right:10px;padding:5px 9px}.story-video-mark img{width:90px;height:26px}.story-video figcaption{bottom:8px;left:8px;padding:6px 7px;font-size:7px;letter-spacing:.06em}.material-pair{grid-template-columns:1fr}.journey-track{grid-template-columns:1fr 1fr;row-gap:25px;border:0}.journey-track div{border-top:1px solid var(--green);padding-top:18px}.journey-track div:before{top:-5px}.identity{padding-block:75px}.identity-side{grid-template-columns:1fr;grid-template-rows:220px 220px}.logo-showcase{min-height:310px;padding:35px}.logo-caption{text-align:center}.material-meta{min-height:125px}.material-pair .material-meta{min-height:125px}.material-wide .mockup{min-height:330px}.material-pair .mockup{height:330px}.decal-number{font-size:27vw}.shirt-scene{flex-direction:column;overflow:visible;justify-content:center;gap:0;padding-block:28px}.material-wide .shirt-scene{min-height:690px}.shirt-item{transform:scale(.68);transform-origin:center bottom;width:280px;margin-bottom:-65px}.shirt-set{flex:0 0 auto}.band{width:100%;height:55px;padding-inline:15px}.band span{font-size:10px}.band strong{font-size:12px}.band b{font-size:17px}.stage-backdrop>b{font-size:28px}.gantry-top small{display:none}.gantry-top strong{font-size:22px}.footer{padding-block:25px;flex-wrap:wrap}.footer span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:700px){.decal-top img{width:155px;flex:0 0 155px}.decal-top span{font-size:9px;max-width:86px;line-height:1.4}.decal-bottom strong{font-size:18px}.decal-bottom span{font-size:9px;max-width:115px;line-height:1.4}}
@media(max-width:360px){.opening h2,.journey h2,.identity h2,.materials h2,.end-frame h2{font-size:36px}.hero h1{font-size:48px}.topbar-brand span{display:none}.topbar nav{gap:12px}}

/* Photo-based application previews. The artwork stays editable in HTML. */
.route-note{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:42px 0 0;padding:20px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:#d8e2d7}.route-note b{color:var(--lime);white-space:nowrap}.route-note small{color:var(--dim);font-size:11px}
.materials .material{margin-top:26px}.materials .material-meta{min-height:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:14px 26px;padding:24px 30px}.materials .material-meta h3{font-size:28px}.materials .material-meta p{margin-left:auto;max-width:510px}.photo-mockup,.material-wide .photo-mockup,.material-pair .photo-mockup{aspect-ratio:1672/939;min-height:0;height:auto;background:#252d2d;isolation:isolate}.photo-mockup .scene-image{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.materials .material-meta{display:block;padding:18px}.materials .material-meta h3{font-size:23px;margin:7px 0}.materials .material-meta p{margin:0;font-size:12px}.route-note{display:block;font-size:12px}.route-note>*{display:block}.route-note small{margin-top:5px}}

/* Route study based on the supplied course diagram. Contours are illustrative. */
.course{background:#e9ebe6;color:#151b1a;padding-block:105px 100px}.course .section-number{border-color:#bac4bd;color:#167921}.course-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin:46px 0 55px}.course-heading .eyebrow{color:#458346;margin:0 0 24px}.course-heading h2{font-size:clamp(50px,5.8vw,88px);line-height:1.12;letter-spacing:-.055em;margin:0;font-weight:900}.course-heading h2 em{font-style:normal;color:#258e31}.course-heading>p{max-width:440px;font-size:15px;line-height:1.9;color:#54605a;margin:0 0 6px}.course-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b8c3b9;border-bottom:1px solid #b8c3b9;margin-bottom:36px}.course-stats>div{display:flex;align-items:baseline;gap:18px;padding:20px 26px;border-right:1px solid #b8c3b9}.course-stats>div:first-child{padding-left:0}.course-stats>div:last-child{border:0}.course-stats strong{font:900 clamp(40px,5vw,72px)/1 Arial,sans-serif;letter-spacing:-.07em}.course-stats strong small{font-size:.25em;letter-spacing:.04em;margin-left:5px}.course-stats span{font-size:13px;font-weight:700;color:#626e65}.course-figure{margin-block:0}.course-map{position:relative;width:100%;aspect-ratio:1425/543;overflow:hidden;background:#d8dcda;border:1px solid #c7ceca}.course-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 2px #2b2c2c77)}.course-route path{fill:none;stroke-linejoin:round;stroke-linecap:round}.route-halo{stroke:#fff;stroke-width:19;opacity:.9}.route-line{stroke:#e83c49;stroke-width:9}.course-pin{position:absolute;z-index:2;width:clamp(22px,2.8vw,38px);height:clamp(22px,2.8vw,38px);border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#e83c49;color:white;border:3px solid white;box-shadow:0 2px 8px #0007;font:900 clamp(10px,1.1vw,16px) Arial,sans-serif}.course-start{left:5.8%;top:93%}.course-finish{left:81.3%;top:50.6%}.map-corner{position:absolute;top:18px;left:20px;font:800 10px Arial,sans-serif;letter-spacing:.16em;color:#29302e;background:#f6f7f0d9;padding:8px 10px}.course-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:#57615a;font-size:11px;line-height:1.5}.course-figure figcaption span:first-child{display:flex;align-items:center;gap:9px;color:#29312c;font-weight:800}.legend-line{width:24px;height:3px;background:#e83c49;display:inline-block}.course-segments{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.course-segments>div{background:#f8f9f5;border-top:4px solid #e83c49;padding:26px 30px;display:grid;gap:10px}.course-segments>div:first-child{border-color:#2d3930}.course-segments span{font:800 10px Arial,sans-serif;letter-spacing:.15em;color:#6a776d}.course-segments strong{font-size:20px}.course-segments small{font-size:13px;color:#66716a}
@media(max-width:700px){.course{padding-block:75px}.course-heading{display:block;margin:35px 0}.course-heading h2{font-size:clamp(42px,10vw,62px)}.course-heading>p{margin-top:22px;font-size:13px}.course-stats{margin-bottom:18px}.course-stats>div{display:block;padding:14px 9px}.course-stats>div:first-child{padding-left:0}.course-stats strong{font-size:clamp(28px,8vw,42px);display:block}.course-stats strong small{font-size:.24em;margin-left:2px}.course-stats span{font-size:10px}.course-map{aspect-ratio:1.55}.course-route{filter:drop-shadow(0 1px 1px #20202099)}.map-corner{font-size:6px;top:8px;left:8px;padding:5px}.course-figure figcaption{display:block;font-size:10px}.course-figure figcaption span{display:flex;margin-bottom:7px}.course-segments{grid-template-columns:1fr;gap:10px;margin-top:16px}.course-segments>div{padding:20px}.course-segments strong{font-size:17px}}

/* Reference production dimensions remain separate from the visual mockups. */
.material-reference{display:flex;align-items:center;gap:28px;background:#192322;border-left:5px solid var(--lime);padding:23px 28px;margin-bottom:32px}.material-reference strong{font-size:15px;color:var(--lime);white-space:nowrap}.material-reference p{font-size:12px;line-height:1.8;color:#b9c8bb;margin:0}.material-spec{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:18px 30px;border-top:1px solid #34413c;background:#1b2222;font-size:12px;color:#c5d0c6}.material-spec b{font-size:10px;color:var(--lime);letter-spacing:.1em}.material-spec span{position:relative;padding-left:13px}.material-spec span:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;background:#7e9982;transform:rotate(45deg)}.vehicle-kit{margin:28px 0 55px;background:#171e1d}.vehicle-kit img{width:100%;height:auto;aspect-ratio:1672/939;object-fit:cover}.vehicle-kit figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding:20px 30px}.vehicle-kit figcaption span{font:800 10px Arial,sans-serif;letter-spacing:.14em;color:var(--lime);white-space:nowrap}.vehicle-kit figcaption strong{font-size:17px}.materials-footnote{font-size:11px;line-height:1.8;color:#9baaa0;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}
@media(max-width:700px){.material-reference{display:block;padding:20px;margin-bottom:25px}.material-reference strong{font-size:13px}.material-reference p{margin-top:9px;font-size:11px}.material-spec{padding:15px 18px;gap:9px 18px;font-size:11px}.material-spec b{flex-basis:100%}.vehicle-kit{margin:26px 0 45px}.vehicle-kit figcaption{display:block;padding:16px 18px}.vehicle-kit figcaption strong{display:block;font-size:14px;margin-top:7px}}
.material-alt{display:grid;grid-template-columns:28% 72%;align-items:stretch;background:#151d1c;border-top:1px solid #34413c}.material-alt>div{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:13px}.material-alt span{font:800 10px Arial,sans-serif;letter-spacing:.13em;color:var(--lime)}.material-alt strong{font-size:24px}.material-alt small{font-size:12px;color:#aebeb1;line-height:1.7}.material-alt img{width:100%;height:100%;object-fit:cover;aspect-ratio:1672/941}
@media(max-width:700px){.material-alt{display:block}.material-alt>div{padding:18px;gap:5px}.material-alt strong{font-size:19px}.material-alt small{font-size:11px}.material-alt img{height:auto}}

/* 2026 presentation: compact, scene-led applications. */
.course-stage{position:relative;width:100%;aspect-ratio:1427/540;overflow:hidden;background:#d8dcd5;border:1px solid #c7cec5;touch-action:pan-y}
.interactive-stage canvas,.stage-fallback{position:absolute;inset:0;width:100%;height:100%}
.stage-fallback{object-fit:cover}
.interactive-stage canvas{opacity:0;transition:opacity .5s ease;display:block}
.interactive-stage.three-ready canvas{opacity:1}
.interactive-stage.three-ready .stage-fallback{opacity:0}
.stage-corner,.stage-hint{position:absolute;z-index:2;pointer-events:none;font:800 10px Arial,sans-serif;letter-spacing:.14em}
.stage-corner{left:20px;top:18px;color:#233028;background:#f5f7eddd;padding:9px 12px}
.stage-hint{right:18px;bottom:17px;color:#eff8ed;background:#111b1bc9;padding:10px 12px}
.course-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:#57615a;font-size:11px;line-height:1.5}
.course-source-link{color:#277b32;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.course-figure figcaption span:first-child{display:flex;align-items:center;gap:9px;color:#29312c;font-weight:800}
.applications{padding-block:108px 110px}
.applications-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:44px 0 34px}
.applications-heading h2{font-size:clamp(48px,5.8vw,88px);line-height:1.16;letter-spacing:-.055em;margin:0;font-weight:900}
.applications-heading h2 em{font-style:normal;color:var(--lime)}
.applications-heading p{max-width:350px;color:var(--dim);font-size:14px;line-height:1.8}
.concept-note{border-left:4px solid var(--lime);background:#1a2422;padding:14px 18px;font-size:12px;line-height:1.65;color:#b9cabd;margin:0 0 23px}
.scene-block{display:grid;grid-template-columns:minmax(230px,28%) minmax(0,1fr);gap:20px;border-top:1px solid #48584c;padding:27px 0 38px}
.scene-intro{padding:17px 16px 0 0}
.scene-intro>span,.partners>div:first-child>span{font:800 11px Arial,sans-serif;letter-spacing:.18em;color:var(--lime)}
.scene-intro h3{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-.045em;margin:24px 0 19px}
.scene-intro p{max-width:285px;color:#b9c5bc;font-size:13px;line-height:1.8}
.scene-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}
.scene-tags b{font-size:10px;font-weight:700;padding:7px 9px;border:1px solid #496050;color:#cee6cf}
.scene-content{min-width:0}
.scene-hero{margin:0;position:relative;background:#26302b;overflow:hidden}
.scene-hero img{width:100%;aspect-ratio:1672/939;object-fit:cover}
.scene-block#people .scene-hero img{aspect-ratio:3/2;object-fit:contain;background:#333638}
.scene-hero figcaption{position:absolute;bottom:14px;left:14px;background:#111a18c9;padding:9px 11px;font:800 10px Arial,sans-serif;letter-spacing:.13em;color:#e4f1e5}
.detail-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.detail-strip figure{margin:0;background:#202a29;overflow:hidden}
.detail-strip img{width:100%;aspect-ratio:2.35;object-fit:cover}
.detail-strip figcaption{font-size:11px;color:#c4d3c6;padding:11px 14px;line-height:1.45}
.scene-spec{border-top:1px solid #39443b;margin-top:12px;color:#a8b9ab;font-size:11px}
.scene-spec summary{cursor:pointer;list-style:none;padding:13px 0;color:var(--lime);font-weight:800}
.scene-spec summary:after{content:'＋';float:right;font-size:14px}
.scene-spec[open] summary:after{content:'−'}
.scene-spec p{margin:0 0 14px;line-height:1.8}
.vehicle-stage{height:clamp(420px,44vw,625px);position:relative;overflow:hidden;background:linear-gradient(180deg,#1a2123 0%,#182022 60%,#303634 61%,#1d2523 100%);touch-action:pan-y}
.vehicle-stage:before{content:'';position:absolute;inset:0 0 40%;background:repeating-linear-gradient(90deg,transparent 0 16%,#ffffff0b 16.1% 16.3%,transparent 16.4% 33%),linear-gradient(0deg,#ffffff08,transparent);pointer-events:none}
.vehicle-stage .stage-fallback{object-fit:cover;filter:brightness(.6)}
.vehicle-stage.three-ready .stage-fallback{opacity:0}
.garage-sign{position:absolute;top:16px;left:20px;z-index:2;display:grid;gap:3px;pointer-events:none}
.garage-sign img{width:110px;height:44px;object-fit:contain;object-position:left;mix-blend-mode:lighten}
.garage-sign span{font:700 8px Arial,sans-serif;letter-spacing:.16em;color:#aebcb2}
.decal-key{display:grid;grid-template-columns:repeat(5,1fr);background:#202a28}
.decal-key>div{display:grid;gap:5px;border-right:1px solid #39483e;padding:15px 10px}
.decal-key>div:last-child{border:0}
.decal-key b{font:900 11px Arial,sans-serif;color:var(--lime)}
.decal-key span{font-size:11px;color:#e3ebe0;line-height:1.35}
.partner-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#222c28;padding:7px;margin-top:12px}
.rail-cell{height:70px;min-width:0;display:grid;place-items:center;padding:9px;background:#e8ebe4;overflow:hidden}
.rail-cell img{width:100%;height:100%;min-height:0;object-fit:contain}
.rail-brand{background:#30373a}.rail-brand img{mix-blend-mode:lighten}
.rail-empty{border:1px dashed #899889;background:#27332d;color:#aebfaf;font-size:11px;text-align:center}
.partners{display:grid;grid-template-columns:28% 1fr;gap:20px;border-top:1px solid #48584c;padding:46px 0 27px}
.partners h3{font-size:clamp(25px,3vw,40px);line-height:1.25;margin:20px 0}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.partner-card{min-height:136px;background:#edf0e9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:14px;color:#2a3a2c}
.partner-card img{width:100%;height:57px;object-fit:contain}
.partner-card small{font-size:10px;font-weight:800;letter-spacing:.08em}
.partner-open{background:#1e2924;border:1px dashed #5b795f;color:#a6bea6}
.partner-open strong{font:300 36px Arial}
.materials-footnote{font-size:11px;line-height:1.8;color:#9baaa0;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}
.closing{background:#090c0d;position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center;text-align:center}
.closing-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-block:75px 100px}
.closing-logo{width:150px;mix-blend-mode:lighten}
.closing-kicker{color:var(--lime);font:800 10px Arial,sans-serif;letter-spacing:.2em;margin:27px 0 10px}
.closing h2{font-size:clamp(53px,6vw,85px);letter-spacing:-.07em;margin:0 0 8px}
.closing-content>p:not(.closing-kicker){font-size:13px;color:#b3beb4;letter-spacing:.1em;margin:0}
.closing-partners{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin:48px 0 37px}
.closing-partners span{font-size:10px;color:#87988b;margin-right:8px}
.closing-partners img{width:95px;height:48px;object-fit:contain;background:#eef0eb;padding:9px}
.closing-partners i{font-size:10px;font-style:normal;color:#8ba18e;border:1px dashed #5f7662;padding:15px 10px}
.closing-content>a{font:800 10px Arial,sans-serif;letter-spacing:.15em;color:var(--lime)}
.closing-watermark{position:absolute;left:50%;transform:translateX(-50%);bottom:-.25em;font:900 min(39vw,610px)/1 Arial,sans-serif;letter-spacing:-.1em;color:#171c1d;white-space:nowrap;pointer-events:none}
@media(max-width:1000px){.scene-block{grid-template-columns:25% 1fr}.scene-intro h3{font-size:27px}.partners{grid-template-columns:25% 1fr}}
@media(max-width:700px){.course-stage{aspect-ratio:1.9}.stage-corner{font-size:7px;left:8px;top:8px;padding:6px}.stage-hint{font-size:8px;right:8px;bottom:8px;padding:7px}.applications{padding-block:70px}.applications-heading{display:block;margin:35px 0 24px}.applications-heading h2{font-size:clamp(39px,10vw,62px)}.applications-heading p{margin-top:18px;font-size:12px}.scene-block{display:block;padding:24px 0 31px}.scene-intro{padding:0 0 16px}.scene-intro h3{font-size:28px;margin:12px 0}.scene-intro p{max-width:none;font-size:12px;margin:0}.scene-tags{margin-top:13px}.scene-tags b{font-size:9px;padding:6px 8px}.detail-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px}.detail-strip figure{flex:0 0 77%;scroll-snap-align:start}.detail-strip img{aspect-ratio:2.2}.detail-strip figcaption{font-size:10px;padding:9px 11px}.scene-hero figcaption{font-size:8px;bottom:8px;left:8px}.vehicle-stage{height:310px}.garage-sign img{width:74px;height:33px}.garage-sign span{font-size:6px}.decal-key{grid-template-columns:repeat(5,1fr)}.decal-key>div{padding:10px 4px}.decal-key b{font-size:9px}.decal-key span{font-size:8px}.partner-rail{overflow-x:auto;display:flex;scroll-snap-type:x mandatory}.rail-cell{flex:0 0 105px;height:56px;scroll-snap-align:start}.rail-empty{font-size:9px}.partners{display:block;padding-top:30px}.partners h3{font-size:27px}.partner-grid{grid-template-columns:repeat(2,1fr)}.partner-card{min-height:113px}.partner-card img{height:45px}.closing{min-height:590px}.closing-logo{width:110px}.closing-partners{max-width:300px;margin:35px 0 30px;gap:7px}.closing-partners span{flex-basis:100%;margin:0 0 6px}.closing-partners img{width:88px;height:42px}.closing-partners i{padding:13px 7px}.closing-watermark{font-size:47vw;bottom:-.2em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.interactive-stage canvas{transition:none}}