/* Nocturne concept — the fixed AXICOR palette, revealed through light. */
body.nocturne{--ink:#e8eaee;--muted:#aeb6c2;--line:#354055;background:var(--navy);color:var(--ink)}
.nocturne .site-header{height:86px;background:rgba(24,35,55,.95);border-bottom-color:rgba(184,185,189,.16);color:var(--silver);backdrop-filter:blur(15px)}
.nocturne .brand img{width:180px}.nocturne .desktop-nav{gap:38px}.nocturne .desktop-nav a{color:var(--silver)}.nocturne .desktop-nav a:hover{color:#fff}.nocturne .header-contact{border-left-color:#4a5362;color:#f0f1f4}.nocturne .language{color:#f0f1f4}.nocturne .language span{color:#949faf}.nocturne .skip{background:var(--silver);color:var(--navy)}.nocturne .mobile-nav{background:var(--navy);color:var(--silver);border-color:var(--line)}.nocturne .menu-toggle span{background:var(--silver)}
.nocturne .hero{min-height:790px;height:calc(100svh - 86px);max-height:1100px;background:#101929;padding:80px var(--space) 110px;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.nocturne .hero-image{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;z-index:-2;pointer-events:none}
.nocturne .hero-image img{width:100%;height:100%;object-fit:cover;object-position:63% 50%;mix-blend-mode:normal}
.nocturne .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,25,41,.96) 0%,rgba(16,25,41,.74) 23%,rgba(16,25,41,.1) 52%,transparent 70%),linear-gradient(0deg,rgba(16,25,41,.95),transparent 24%);pointer-events:none}
.nocturne .hero-copy{width:100%;pointer-events:none}.nocturne .hero-copy a{pointer-events:auto}.nocturne .hero .eyebrow{color:var(--silver);max-width:100%;font-size:11px;letter-spacing:.14em}.nocturne .tiny-line{width:26px;height:2px;background:var(--orange)}
.nocturne .hero h1{font-size:clamp(3.7rem,5.8vw,6.3rem);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin-top:34px;color:#ebedf1}.nocturne .hero-flight{font-size:1.37em;letter-spacing:-.065em;line-height:1.04;display:inline-block}.nocturne .hero-chinese{color:var(--silver);font-size:17px;letter-spacing:.15em;margin-top:26px}.nocturne .hero-description{font-size:16px;color:#aeb6c2;max-width:320px;margin-top:18px}.nocturne .hero .primary{margin-top:28px;background:transparent;color:#e8eaee;padding:14px 0;border-top:1px solid #687282;border-bottom:1px solid #687282;gap:52px;min-width:245px}.nocturne .hero .primary:hover{color:#fff;border-color:var(--silver);transform:none}.nocturne .hero .primary>span:last-child{color:var(--orange)}
.nocturne .hero-bottom{bottom:27px;color:#aeb6c2;border-top:1px solid rgba(184,185,189,.22);padding-top:18px;font-size:11px}.nocturne .hero-bottom .image-note{color:#aeb6c2}.nocturne .hero-chapter{position:absolute;right:var(--space);top:45px;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.13em;color:#b9c0ca}.nocturne .chapter-rule{width:65px;height:1px;background:#778391}
.nocturne .intro{padding-top:110px;padding-bottom:110px;grid-template-columns:1fr 2.5fr;gap:70px;border-bottom:1px solid var(--line)}.nocturne .intro-content h2{font-size:clamp(2.6rem,4.3vw,4.6rem);font-weight:400;line-height:1.16;letter-spacing:-.04em;max-width:920px}.nocturne .intro-bottom p{font-size:18px;color:var(--muted);max-width:600px}.nocturne .intro-bottom{align-items:center;justify-content:space-between}.nocturne .intro-bottom img{width:115px;opacity:.7}.nocturne .section-index{color:#b8bec8}.nocturne .small-cn{color:#98a4b4}.nocturne .intro .small-cn{color:#98a4b4}
.nocturne .signature{margin:40px var(--space) 0;min-height:650px;background:#0c1421;border:1px solid #3a4455}.nocturne .signature-copy{padding:76px 50px;max-width:600px}.nocturne .signature h2{font-size:clamp(2.7rem,4.35vw,4.8rem);font-weight:400}.nocturne .signature-shade{background:linear-gradient(90deg,rgba(14,23,38,.97),rgba(14,23,38,.87) 24%,rgba(14,23,38,.16) 68%,transparent)}.nocturne .signature-image{object-position:65% center}.nocturne .signature-caption{right:30px}.nocturne .signature-copy p:not(.eyebrow){color:#c0c7d1}.nocturne .text-link.light{color:var(--silver);border-color:#697384}
.nocturne .components{padding-top:110px;padding-bottom:95px}.nocturne .section-heading{border-bottom:1px solid var(--line);padding-bottom:42px;margin-bottom:45px}.nocturne .section-heading h2{font-weight:400;font-size:clamp(2.6rem,4.1vw,4.6rem)}.nocturne .section-heading>p{color:var(--muted);max-width:310px}.nocturne .collection-grid{grid-template-columns:repeat(12,1fr);gap:58px 40px;align-items:start}.nocturne .collection{grid-column:span 6;position:relative}.nocturne .collection-image{background:#e8e9ea;aspect-ratio:3/2;border:none}.nocturne .collection-image img{mix-blend-mode:multiply;filter:none}.nocturne .collection-image:after{height:3px}.nocturne .collection-info{border-bottom:1px solid #4b5566;padding:24px 0 25px;align-items:center}.nocturne .collection-number{color:#a8b2c0}.nocturne .collection h3{color:#e8eaee;font-weight:400;font-size:clamp(1.6rem,2.5vw,2.45rem)}.nocturne .collection p{color:#aeb6c2;font-size:14px}.nocturne .circle-arrow{border-color:#606b7a;color:#e1e4e9;border-radius:0;width:42px;height:42px;background:none}.nocturne .collection:hover .circle-arrow{background:var(--orange);border-color:var(--orange);color:#fff}.nocturne .collection-footer{margin-top:52px;border-top:0;padding-top:0}.nocturne .collection-footer p{color:#98a4b4}.nocturne .collection-footer .text-link{color:var(--silver);border-color:#606b7a}
.nocturne .application{grid-template-columns:1fr;background:#101929;border-top:1px solid var(--line);padding-bottom:55px;gap:30px}.nocturne .application-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:80px;align-items:start}.nocturne .application-copy .section-index{grid-column:1/-1;display:flex;gap:25px;margin-bottom:24px}.nocturne .application-copy .small-cn{margin:0;color:#98a4b4}.nocturne .application h2{margin-top:0;grid-row:2 / span 3;font-size:clamp(2.6rem,4.1vw,4.6rem);font-weight:400}.nocturne .application-copy>p{margin-top:0;max-width:470px;font-size:17px}.nocturne .view-controls{margin-top:24px;justify-self:start;border-color:#566173}.nocturne .view-controls button{color:var(--silver)}.nocturne .view-controls button.active{background:var(--silver);color:var(--navy)}.nocturne .application-copy .application-note{margin-top:14px;max-width:450px;color:#a0aab8}.nocturne .application-figure{margin:0}.nocturne .application-figure img{mix-blend-mode:normal;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.nocturne .application-figure[data-showing=frame] img{object-fit:contain;background:#f4f4f2;aspect-ratio:16/9}.nocturne .application-figure figcaption{border-color:#485263;color:#aeb6c2;font-size:12px;letter-spacing:.1em;padding-top:18px}
.nocturne .materials{padding-top:100px;padding-bottom:110px;grid-template-columns:1.2fr 1fr;gap:100px}.nocturne .materials h2{font-weight:400}.nocturne .materials-heading>p{color:var(--muted);max-width:380px}.nocturne .color-system{display:flex;flex-direction:column;gap:0}.nocturne .swatch{background:none;color:var(--silver);position:relative;display:grid;grid-template-columns:1fr auto;min-height:108px;padding:24px 0 24px 85px;align-content:center;gap:2px;border-bottom:1px solid #475162}.nocturne .swatch:before{content:"";position:absolute;left:0;top:26px;width:54px;height:54px;background:var(--swatch-color);border:1px solid #525c6c}.nocturne .swatch.navy{--swatch-color:var(--navy)}.nocturne .swatch.green{--swatch-color:var(--green)}.nocturne .swatch.orange-bg{--swatch-color:var(--orange)}.nocturne .swatch.silver{--swatch-color:var(--silver)}.nocturne .swatch>span:first-child{grid-column:2;grid-row:1/3;align-self:center;color:#aeb6c2}.nocturne .swatch strong{grid-column:1;grid-row:1;font-size:14px;margin:0;color:#e0e4e9;letter-spacing:.08em}.nocturne .swatch>span:last-child{grid-column:1;grid-row:2;font-size:13px;margin:0;color:#aeb6c2}
.nocturne .contact{background:#101929;border-top:1px solid #3f495b}.nocturne .contact:before{width:55px}.nocturne .contact h2{font-weight:400;font-size:clamp(3.4rem,6.1vw,6.8rem)}.nocturne .site-footer{background:#101929;border-color:#354055}.nocturne .site-footer img{width:190px}.nocturne .footer-bottom{border-color:#354055}
.nocturne dialog{background:var(--navy);color:var(--silver);border:1px solid #596274}.nocturne dialog::backdrop{background:rgba(5,10,20,.86)}.nocturne .dialog-bar{background:var(--navy);border-color:#475162}.nocturne .dialog-content h2{color:#e8eaee}.nocturne .dialog-content>p:not(.eyebrow){color:#b8c0cc}.nocturne .dialog-photo figcaption{border-color:#475162;color:var(--silver)}.nocturne .dialog-footer p{color:#aeb6c2}.nocturne .dialog-footer .primary{border:1px solid #657183;color:#e8eaee;background:none}.nocturne .dialog-close{color:var(--silver)}
@media(min-width:1700px){.nocturne .hero{padding-top:90px}.nocturne .hero h1{font-size:6.3rem}.nocturne .hero-image img{object-position:center}.nocturne .hero-copy{max-width:650px}.nocturne .hero-description{max-width:370px}}
@media(max-width:1150px){.nocturne .hero{min-height:750px;padding-top:65px}.nocturne .hero h1{font-size:6.4vw}.nocturne .hero-image{inset:0;width:100%;height:100%;transform:none}.nocturne .hero-image img{object-position:59% center}.nocturne .hero-chapter{top:24px}.nocturne .signature{min-height:610px}.nocturne .signature-copy{padding:65px 34px}.nocturne .materials{gap:50px}.nocturne .collection-grid{gap:40px 30px}.nocturne .application-copy{column-gap:45px}}
@media(max-width:900px){.nocturne .site-header{height:76px}.nocturne .hero{height:calc(100svh - 76px);min-height:780px;max-height:1050px;display:flex;flex-direction:row;padding-top:60px;padding-bottom:100px;align-items:center}.nocturne .hero-copy{position:relative;width:100%;margin:0}.nocturne .hero h1{font-size:clamp(3.8rem,8vw,5.4rem);max-width:460px}.nocturne .hero-image{position:absolute;inset:0;right:0;top:0;transform:none;width:100%;height:100%;margin:0}.nocturne .hero-image img{object-position:59% center}.nocturne .hero:before{background:linear-gradient(90deg,rgba(16,25,41,.91),rgba(16,25,41,.65) 35%,rgba(16,25,41,.12) 75%),linear-gradient(0deg,rgba(16,25,41,.97),transparent 35%)}.nocturne .hero-bottom{position:absolute;bottom:25px;left:var(--space);right:var(--space);margin:0;align-items:center}.nocturne .hero-chapter{display:none}.nocturne .intro{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:80px}.nocturne .intro-content h2{font-size:clamp(2.6rem,5.9vw,4rem)}.nocturne .signature{min-height:600px}.nocturne .signature-copy{max-width:450px}.nocturne .signature h2{font-size:3.5rem}.nocturne .signature-shade{background:linear-gradient(90deg,rgba(14,23,38,.97),rgba(14,23,38,.78) 45%,rgba(14,23,38,.05))}.nocturne .collection-grid{grid-template-columns:1fr 1fr;gap:42px 25px}.nocturne .collection{grid-column:auto}.nocturne .collection h3{font-size:1.6rem}.nocturne .application-copy{column-gap:35px}.nocturne .application h2{font-size:3rem}.nocturne .application-copy>p{font-size:16px}.nocturne .materials{grid-template-columns:1fr;gap:30px;padding-top:80px;padding-bottom:80px}.nocturne .materials-heading>p{max-width:500px}.nocturne .color-system{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.nocturne .swatch{padding-left:70px}.nocturne .swatch:before{width:45px;height:45px;top:30px}.nocturne .swatch strong{font-size:12px}.nocturne .contact h2{font-size:5.5rem}}
@media(max-width:600px){.nocturne .site-header{height:76px}.nocturne .brand img{width:145px}.nocturne .hero{height:auto;min-height:920px;max-height:none;display:block;padding:48px 24px 400px}.nocturne .hero h1{font-size:clamp(3.3rem,13.3vw,4.5rem);margin-top:26px;line-height:1.04}.nocturne .hero-flight{font-size:1.35em;line-height:1.02}.nocturne .hero .eyebrow{font-size:10px;letter-spacing:.055em}.nocturne .tiny-line{width:18px}.nocturne .hero-chinese{font-size:16px;margin-top:22px;letter-spacing:.09em}.nocturne .hero-description{font-size:16px;max-width:295px;margin-top:16px}.nocturne .hero .primary{margin-top:23px;min-height:50px;min-width:245px;font-size:14px}.nocturne .hero-image{inset:auto 0 65px 0;position:absolute;width:100%;height:430px;margin:0;transform:none}.nocturne .hero-image img{object-fit:cover;object-position:72% center;width:100%;height:100%}.nocturne .hero:before{background:linear-gradient(180deg,rgba(16,25,41,0) 0%,rgba(16,25,41,0) 44%,rgba(16,25,41,.1) 55%,transparent 74%,rgba(16,25,41,.94) 100%);z-index:-1}.nocturne .hero-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101929,transparent 23%,transparent 73%,#101929)}.nocturne .hero-bottom{bottom:24px;padding-top:15px;align-items:start}.nocturne .hero-location{font-size:10px}.nocturne .hero-bottom .image-note{font-size:10px;max-width:145px}.nocturne .hero-copy{pointer-events:auto}.nocturne .intro{padding:62px 24px;gap:27px}.nocturne .intro-content h2{font-size:2.5rem;line-height:1.15}.nocturne .intro-bottom{gap:25px;align-items:start}.nocturne .intro-bottom p{font-size:16px;line-height:1.8}.nocturne .intro-bottom img{width:50px;margin-top:7px}.nocturne .signature{margin:0 16px;min-height:770px;border-color:#465062}.nocturne .signature-copy{padding:40px 24px 0}.nocturne .signature h2{font-size:2.8rem;line-height:1.08}.nocturne .signature-copy p:not(.eyebrow){font-size:16px;max-width:270px}.nocturne .signature-image{height:49%;bottom:0;object-position:73% center}.nocturne .signature-shade{background:linear-gradient(180deg,#101929 0%,#101929 46%,rgba(16,25,41,.3) 65%,transparent 100%)}.nocturne .signature-caption{right:20px;font-size:10px}.nocturne .components{padding-top:64px;padding-bottom:65px}.nocturne .section-heading{padding-bottom:28px;margin-bottom:30px}.nocturne .section-heading h2{font-size:2.7rem}.nocturne .section-heading>p{font-size:16px;margin-top:22px}.nocturne .collection-grid{display:grid;grid-template-columns:1fr;gap:32px}.nocturne .collection:nth-child(n){grid-column:auto;padding-top:0}.nocturne .collection-image{aspect-ratio:3/2}.nocturne .collection-info{padding:20px 0 22px}.nocturne .collection h3{font-size:1.9rem}.nocturne .collection p{font-size:14px}.nocturne .circle-arrow{width:38px;height:38px}.nocturne .collection-footer{margin-top:28px}.nocturne .application{padding:60px 24px 38px;gap:24px}.nocturne .application-copy{display:block}.nocturne .application .section-index{display:flex;margin-bottom:22px;gap:20px}.nocturne .application h2{font-size:2.7rem}.nocturne .application-copy>p{margin-top:22px;font-size:16px}.nocturne .view-controls{margin-top:22px}.nocturne .application-copy .application-note{margin-top:16px}.nocturne .application-figure{margin:0 -12px}.nocturne .application-figure img{aspect-ratio:1.15;object-fit:cover;object-position:center}.nocturne .application-figure[data-showing=frame] img{aspect-ratio:1.15;object-fit:contain}.nocturne .application-figure figcaption{font-size:10px;letter-spacing:.03em;margin:0 12px;padding-top:16px}.nocturne .materials{padding:60px 24px;gap:25px}.nocturne .materials h2{font-size:2.7rem}.nocturne .color-system{display:flex;gap:0}.nocturne .swatch{min-height:92px;padding:20px 0 20px 77px}.nocturne .swatch:before{top:22px;width:48px;height:48px}.nocturne .swatch strong{font-size:14px}.nocturne .swatch>span:last-child{font-size:13px}.nocturne .contact h2{font-size:clamp(2.85rem,10.7vw,4rem)}.nocturne .site-footer img{width:160px}.nocturne .dialog-bar{padding:15px 20px}.nocturne .dialog-content{padding:30px 20px}.nocturne.zh h2{font-size:2.3rem}.nocturne.zh .hero h1{font-size:clamp(3.3rem,13.3vw,4.5rem)}}
/* CAD-derived folding film: deliberate playback, two camera chapters. */
.folding-motion{padding-top:100px;padding-bottom:80px;border-bottom:1px solid var(--line)}
.motion-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.motion-heading .eyebrow{color:var(--silver);font-size:12px}.motion-heading h2{margin-top:24px;font-weight:400;font-size:clamp(2.7rem,4.1vw,4.6rem)}.motion-heading>p{max-width:440px;color:var(--muted);font-size:17px;line-height:1.8}
.motion-player{background:#0a111c;border:1px solid #3a4455;overflow:hidden}.motion-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.motion-footer{display:flex;justify-content:flex-end;align-items:start;gap:35px;margin-top:22px}.motion-chapters{display:flex;gap:28px;flex-shrink:0}.motion-chapters button{display:flex;gap:12px;background:none;padding:8px 0;color:var(--silver);font-size:14px;border-bottom:1px solid #576174}.motion-chapters button:hover{color:#fff;border-color:var(--orange)}.motion-footer>p{font-size:13px;line-height:1.7;color:#aeb6c2;max-width:440px}.nocturne .application-figure[data-showing=flight] img{aspect-ratio:16/9;object-fit:contain;background:#0a111c}
@media(max-width:900px){.motion-heading{gap:35px}.motion-footer{display:block}.motion-footer>p{margin-top:20px;max-width:600px}}
@media(max-width:600px){.folding-motion{padding:62px 24px}.motion-heading{display:block;margin-bottom:28px}.motion-heading h2{font-size:2.7rem}.motion-heading>p{margin-top:24px;font-size:16px}.motion-player{margin:0 -12px}.motion-chapters{gap:25px;flex-wrap:wrap}.motion-chapters button{font-size:14px;min-height:44px}.motion-footer>p{font-size:13px}}
/* Full-width UAV portrait and continuous ambient folding motion. */
.nocturne .application-figure[data-showing=flight]{margin-inline:calc(-1 * var(--space))}.nocturne .application-figure[data-showing=flight] figcaption{margin-inline:var(--space)}
.motion-player video{background:#070c14;outline-offset:-4px}.motion-player video:focus-visible{outline:2px solid var(--silver)}

/* Match the latest low-frontal camera reference aspect ratio. */
.nocturne .application-figure[data-showing=flight] img{aspect-ratio:2/1}
/* Supplied A / B photography: continuous AXICOR NAVY backdrop. */
.nocturne .hero,.nocturne .application{background:var(--navy)}
.nocturne .hero-image{background:var(--navy);isolation:isolate}
.nocturne .hero-image img{mix-blend-mode:screen}
.nocturne .hero:before{background:linear-gradient(90deg,rgba(24,35,55,.98) 0%,rgba(24,35,55,.83) 24%,rgba(24,35,55,.2) 49%,transparent 70%),linear-gradient(0deg,var(--navy) 0%,rgba(24,35,55,.78) 7%,transparent 27%),linear-gradient(180deg,rgba(24,35,55,.45),transparent 16%)}
.nocturne .application-figure[data-showing=flight] .application-visual{position:relative;isolation:isolate;background:var(--navy)}
.nocturne .application-figure[data-showing=flight] .application-visual img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain;background:transparent;mix-blend-mode:screen}
.nocturne .application-figure[data-showing=flight] .application-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(24,35,55,.8) 0%,transparent 4%,transparent 92%,var(--navy) 100%)}
.nocturne .application-figure[data-showing=frame] .application-visual{background:var(--paper)}
.nocturne .application-figure[data-showing=frame] .application-visual img{mix-blend-mode:normal}
@media(max-width:900px){.nocturne .hero:before{background:linear-gradient(90deg,rgba(24,35,55,.95),rgba(24,35,55,.74) 35%,rgba(24,35,55,.1) 78%),linear-gradient(0deg,var(--navy),transparent 30%)}}
@media(max-width:600px){.nocturne .hero:before{background:linear-gradient(0deg,var(--navy),transparent 17%)}.nocturne .hero-image:after{background:linear-gradient(180deg,var(--navy),transparent 23%,transparent 78%,var(--navy))}}

/* Preserve the assembly photograph and its calibrated brand navy. */
.nocturne .collection-assembly .collection-image{aspect-ratio:3/2;background:#10151d}.nocturne .collection-assembly .collection-image img{mix-blend-mode:normal;object-fit:contain;filter:none}.nocturne .collection-assembly .collection-number{font-size:14px}

.nocturne .collection-mount-assembly .collection-image{aspect-ratio:3/2;background:#10151d}.nocturne .collection-mount-assembly .collection-image img{mix-blend-mode:normal;object-fit:contain;filter:none}.nocturne .collection-mount-assembly .collection-number{font-size:14px}

/* Component cards 01–04 share equal columns, aligned tops and 3:2 image areas. */

.nocturne .joint-operation{border-color:#475162}.nocturne .joint-operation-heading h3,.nocturne .joint-operation-steps h4{color:#e8eaee}.nocturne .joint-operation-heading .eyebrow,.nocturne .joint-step-number,.nocturne .joint-operation-steps p,.nocturne .joint-operation-note{color:#b8c0cc}

#folding-video::-webkit-media-controls,#folding-video::-webkit-media-controls-start-playback-button,#folding-video::-webkit-media-controls-overlay-play-button{display:none!important}

.nocturne .collection-feet-photo .collection-image{aspect-ratio:3/2;background:#10151d}
.nocturne .collection-feet-photo .collection-image img{object-fit:contain;mix-blend-mode:normal;filter:none}

.nocturne .collection-junction-photo .collection-image{aspect-ratio:3/2;background:#10151d}
.nocturne .collection-junction-photo .collection-image img{object-fit:contain;mix-blend-mode:normal;filter:none}