*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#252331;background:#f4f2f7;font:15px/1.65 -apple-system,BlinkMacSystemFont,'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #7143c4;outline-offset:7px}.header{position:absolute;z-index:20;top:0;left:0;width:100%;height:110px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:190px;display:block}nav{display:flex;gap:44px;font-size:13px}nav a{position:relative}nav a:after{content:'';height:1px;position:absolute;bottom:-8px;left:0;right:0;background:currentColor;scale:0 1;transform-origin:left;transition:scale .35s}nav a:hover:after{scale:1 1}.contact{font-size:15px;letter-spacing:.04em;display:flex;gap:30px}.contact span{font-size:22px}.flight{position:relative}.motion-enabled .flight{height:510svh}.stage{height:100svh;min-height:650px;position:relative;overflow:clip;isolation:isolate;background:#eeedf4}.motion-enabled .stage{position:sticky;top:0;background:rgb(var(--bg-r,238) var(--bg-g,237) var(--bg-b,244));color:rgb(var(--fg-r,37) var(--fg-g,35) var(--fg-b,49))}.sky-glow{position:absolute;width:100%;height:110%;top:0;left:20%;background:radial-gradient(ellipse at 60% 40%,#fff9,transparent 60%);opacity:var(--glow,1)}.horizon{position:absolute;top:65%;left:-30%;right:-30%;height:50%;border-top:1px solid #8b77ac1a;border-radius:50%;box-shadow:0 -50px 130px #fff4;rotate:-9deg;opacity:var(--glow,1)}.giant-type{position:absolute;font-size:clamp(200px,32vw,500px);letter-spacing:-.06em;font-weight:700;line-height:1;left:36%;bottom:7%;color:#68568705;-webkit-text-stroke:1px #74648613;pointer-events:none}.aircraft{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;transform:translate(var(--plane-x,12%),var(--plane-y,10%)) scale(var(--plane-scale,1.1));will-change:transform;pointer-events:none}.aircraft canvas,.aircraft>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.aircraft canvas{opacity:0}.canvas-ready .aircraft canvas{opacity:1}.canvas-ready .aircraft>img{visibility:hidden}.copy-track{position:absolute;inset:0;z-index:3;pointer-events:none}.chapter{position:absolute;top:24%;left:7%;max-width:540px;visibility:hidden;opacity:0;translate:0 22px;transition:opacity .5s,translate .65s cubic-bezier(.22,1,.36,1),visibility .5s}.chapter.is-active{visibility:visible;opacity:1;translate:0 0}.eyebrow{display:block;font:10px/1.6 ui-monospace,monospace;letter-spacing:.16em;opacity:.5}.chapter h1,.chapter h2{font-size:clamp(52px,6.7vw,104px);line-height:1.13;letter-spacing:-.055em;font-weight:500;margin:27px 0 28px}.chapter h1 em{font-style:normal;color:#7550ab}.chapter h2{font-size:clamp(44px,5.3vw,80px)}.chapter p{font-size:14px;line-height:1.9;opacity:.6;margin:0}.chapter[data-chapter="1"]{top:17%;max-width:unset;left:7%}.chapter[data-chapter="1"] h2{font-size:clamp(42px,4.5vw,68px)}.chapter[data-chapter="2"]{left:auto;right:7%;top:26%;text-align:right}.chapter[data-chapter="3"]{top:21%}.text-link{display:inline-flex;gap:50px;align-items:center;border-bottom:1px solid #ffffff50;padding-bottom:10px;margin-top:35px;font-size:12px;pointer-events:auto}.text-link span{font-size:20px}.scene-caption{position:absolute;bottom:55px;left:7%;display:flex;gap:22px;align-items:center;z-index:5;font-size:11px;letter-spacing:.04em;opacity:.65}.scene-number{font:24px ui-monospace,monospace;letter-spacing:-.1em;opacity:.65}.scroll-hint{position:absolute;right:7%;bottom:55px;font-size:10px;display:flex;align-items:center;gap:24px;opacity:.6;z-index:5}.scroll-hint i{font-style:normal;font-size:22px}.chapter-nav{position:absolute;right:2.5%;top:50%;display:flex;flex-direction:column;gap:8px;z-index:7;transform:translateY(-50%)}.chapter-nav button{background:transparent;border:0;width:28px;height:28px;display:grid;place-items:center;color:inherit}.chapter-nav button:after{content:'';width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.25;transition:scale .3s,opacity .3s}.chapter-nav button[aria-current]:after{scale:1.6;opacity:.9}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#75628d13}.progress i{display:block;width:calc(var(--progress,0)*100%);height:100%;background:#8b6ebe}.loading{position:absolute;bottom:18px;left:7%;font-size:10px;opacity:.5;z-index:5}.loading[hidden]{display:none}.section-intro{max-width:800px;margin-bottom:65px}.details{padding:120px 7% 140px;background:#f8f7fa}.section-intro h2{font-size:clamp(38px,4.7vw,70px);line-height:1.22;font-weight:450;letter-spacing:-.04em;margin:28px 0}.section-intro em{font-style:normal;color:#a09aa9}.section-intro p{font-size:14px;color:#98919f}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.detail-card{min-width:0}.detail-media{aspect-ratio:1.05;overflow:hidden;border-radius:5px;background:#9a9ca2}.detail-media img{width:100%;height:100%;object-fit:cover;transition:scale 1s cubic-bezier(.22,1,.36,1)}.detail-copy{padding:30px 0}.detail-copy>span{font:9px ui-monospace,monospace;letter-spacing:.14em;color:#9a92a4}.detail-copy h3{font-size:25px;font-weight:500;margin:14px 0}.detail-copy p{font-size:12px;color:#898290;max-width:290px;line-height:1.9}.promise{padding:125px 7%;min-height:650px;background:#262033;color:#f8f5ff;position:relative;overflow:clip}.promise h2{font-size:clamp(45px,6vw,85px);line-height:1.2;letter-spacing:-.05em;font-weight:450;margin:30px 0 45px}.pill{position:relative;z-index:1;display:inline-flex;gap:55px;align-items:center;border:1px solid #ffffff45;border-radius:50px;padding:18px 28px;font-size:13px;transition:background .3s,color .3s}.pill:hover{background:#f3effa;color:#262033}.promise>p{position:absolute;bottom:50px;right:7%;font-size:12px;opacity:.4}.promise-line{position:absolute;width:90vw;height:90vw;border:1px solid #8f72af30;border-radius:50%;left:50%;top:0;box-shadow:0 0 0 60px #a17bcb05,0 0 0 120px #a17bcb04}footer{padding:45px 7%;display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:11px;color:#a09aa8}footer img{width:145px}footer a{color:#65566d}.reveal-pending{opacity:0;translate:0 28px}.detail-card{transition:opacity .8s,translate .8s cubic-bezier(.22,1,.36,1)}.static-mode .flight{height:auto}.static-mode .stage{min-height:740px;height:100svh}.static-mode .chapter:not([data-chapter="0"]){display:none}.static-mode .chapter-nav,.static-mode .progress,.static-mode .loading{display:none}.static-mode .scroll-hint{display:none}@media(hover:hover){.detail-card:hover img{scale:1.05}}@media(max-width:760px){.header{height:85px;padding-inline:6%}.brand img{width:145px}nav{display:none}.contact{font-size:12px;gap:12px}.stage{min-height:620px}.chapter{top:20%;left:7%;right:7%;max-width:none}.chapter h1{font-size:58px}.chapter h2{font-size:45px}.chapter p{font-size:12px}.aircraft{width:150%;left:-25%;transform:translate(0,18%) scale(1)}.chapter[data-chapter="1"],.chapter[data-chapter="3"]{top:19%}.chapter[data-chapter="2"]{top:19%;text-align:left;left:7%;right:7%}.chapter[data-chapter="1"] h2{font-size:45px}.scene-caption{bottom:35px;font-size:9px;gap:12px}.scroll-hint{display:none}.chapter-nav{right:2%;top:75%}.giant-type{left:10%;bottom:20%;font-size:60vw}.details{padding:75px 7% 65px}.detail-grid{grid-template-columns:1fr;gap:30px}.section-intro{margin-bottom:45px}.detail-media{aspect-ratio:1.25}.detail-copy{padding-top:20px}.detail-copy p{max-width:none}.promise{padding:80px 7%;min-height:530px}.promise>p{bottom:30px;left:7%}footer{flex-wrap:wrap}footer span{display:none}.loading{bottom:10px}.static-mode .stage{min-height:700px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-pending{opacity:1;translate:none}.motion-enabled .flight{height:auto}.motion-enabled .stage{position:relative}.aircraft{will-change:auto}}

/* Wider views preserve the complete airframe instead of cropping into components. */
.detail-media{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#eeebf5 75%,#e6e1ef 100%);border:1px solid #e6e0ed;border-radius:12px}
.detail-media img{object-fit:contain}
@media(hover:hover){.detail-card:hover img{scale:1.025}}

/* Original reference scenes retain their complete background and composition. */
.detail-media{aspect-ratio:16/9;background:#edf0f5;border:0;border-radius:10px}
.detail-media img{display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover){.detail-card:hover img{scale:1;filter:brightness(1.04)}}

/* Fill the flight scene card without letterboxing. */
.detail-media img[src="assets/reference-flight.jpg"]{object-fit:cover;object-position:center}
