/* Compact editorial carousel; approved images keep their native composition. */
.design-language{--dl-ink:#e3e7ed;--dl-muted:#b0bbc9;--dl-line:#435065;background:#182337;color:var(--dl-ink);padding-top:70px;padding-bottom:64px}
.dl-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:30px}
.design-language .section-index{display:flex;flex-wrap:wrap;gap:12px 24px;color:#c2cbd7}
.design-language .small-cn{color:#aeb8c7;margin:0}
.design-language .dl-heading h2{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin-top:20px;max-width:660px}
.dl-intro{color:var(--dl-muted);font-size:16px;line-height:1.8;max-width:420px}
.dl-carousel{min-width:0}
.dl-chapters{display:flex;gap:30px;border-bottom:1px solid var(--dl-line);margin-bottom:24px}
.dl-chapters button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0 16px;color:var(--dl-muted);font:inherit;font-size:14px;cursor:pointer}
.dl-chapters button[aria-current=true]{color:var(--dl-ink);border-bottom-color:var(--orange)}
.dl-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;align-items:stretch}
.dl-track::-webkit-scrollbar{display:none}
.dl-slide{min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:36px;align-items:center}
.dl-slide figure{margin:0;min-width:0}
.dl-sketch{background:#f8f7f3;align-self:center}
.dl-sketch img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.dl-copy{min-width:0;padding:18px 0}
.dl-kicker{font-size:12px!important;letter-spacing:.1em;color:#b7c2d1;line-height:1.7!important}
.dl-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:14px 0 20px}
.dl-copy>p{font-size:16px;line-height:1.85;color:var(--dl-muted)}
.dl-copy .dl-takeaway,.dl-copy .dl-spirit-line{border-left:2px solid var(--orange);padding-left:16px;margin-top:22px;color:var(--dl-ink)}
.dl-copy .dl-note{font-size:12px;margin-top:20px;line-height:1.7}
.dl-cad-board{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--dl-line);align-self:stretch;min-width:0}
.dl-cad-board figure{background:#111a27;display:flex;flex-direction:column;justify-content:center;padding:12px}
.dl-cad-board .dl-cad-main{grid-column:1/-1}
.dl-cad-board img{width:100%;height:125px;object-fit:contain}
.dl-cad-board .dl-cad-main img{height:210px}
.dl-cad-board figcaption{font-size:12px;line-height:1.5;color:var(--dl-muted);padding:6px 4px 0}
.dl-identity{grid-template-columns:1fr 1.25fr;gap:70px}
.dl-palette h4{font-size:22px;font-weight:400;margin:0 0 24px;line-height:1.3}
.dl-swatches{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px}
.dl-color{display:block;height:8px;width:100%;margin-bottom:14px;background:var(--dl-color);border:1px solid #697485}
.dl-swatch-navy{--dl-color:var(--navy)}.dl-swatch-green{--dl-color:var(--green)}.dl-swatch-orange{--dl-color:var(--orange)}.dl-swatch-silver{--dl-color:var(--silver)}
.dl-swatch strong{font-size:12px;line-height:1.5;letter-spacing:.05em;font-weight:500;display:block}
.dl-swatch h4{font-size:16px;line-height:1.5;margin:6px 0}
.dl-swatch p{font-size:14px;line-height:1.7;color:var(--dl-muted)}
.dl-palette-note{font-size:12px;line-height:1.7;color:var(--dl-muted);margin-top:22px}
.dl-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;border-top:1px solid var(--dl-line);padding-top:16px}
.dl-hint{font-size:14px;color:var(--dl-muted)}
.dl-navigation{display:flex;align-items:center;gap:10px}
.dl-position{font-size:13px;letter-spacing:.1em;margin-right:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dl-navigation button{width:44px;height:44px;border:1px solid #657184;border-radius:50%;background:transparent;color:var(--dl-ink);font-size:23px;cursor:pointer;display:grid;place-items:center}
.dl-navigation button:hover{background:#2b384b}.dl-chapters button:hover{color:#fff}
.design-language button:focus-visible,.dl-track:focus-visible{outline:2px solid #e3e7ed;outline-offset:-3px}
html[lang=zh-Hant] .design-language h2,html[lang=zh-Hant] .design-language h3{letter-spacing:0;line-height:1.35}
@media(max-width:1000px){.dl-heading{gap:30px}.dl-slide{gap:24px;grid-template-columns:1.3fr 1fr}.dl-identity{grid-template-columns:1fr 1.15fr}.dl-copy h3{font-size:28px}.dl-swatches{gap:18px}.dl-cad-board .dl-cad-main img{height:190px}}
@media(max-width:700px){.design-language{padding:48px 24px}.dl-heading{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.design-language .dl-heading h2{font-size:30px;margin-top:16px}.dl-intro{max-width:none}.dl-chapters{gap:0;justify-content:space-between;margin-bottom:20px}.dl-chapters button{font-size:13px;padding:10px 0 12px}.dl-slide,.dl-identity{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px;align-content:start;align-items:start}.dl-copy{padding:0}.dl-copy h3{font-size:27px;margin:10px 0 14px}.dl-copy>p{font-size:16px;line-height:1.8}.dl-copy .dl-takeaway,.dl-copy .dl-spirit-line{margin-top:16px}.dl-cad-board{align-self:start}.dl-cad-board figure{padding:8px}.dl-cad-board img{height:85px}.dl-cad-board .dl-cad-main img{height:145px}.dl-cad-board figcaption{font-size:12px}.dl-palette h4{font-size:19px;margin-bottom:16px}.dl-swatch h4{font-size:15px;margin:5px 0}.dl-swatch p{font-size:14px}.dl-swatch strong{letter-spacing:0}.dl-color{margin-bottom:10px}.dl-palette-note{margin-top:14px}.dl-controls{margin-top:22px}.dl-position{margin-right:4px}.dl-hint{font-size:13px}.dl-identity{gap:24px}}
.dl-autoplay{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 6px;background:transparent;border:0;color:var(--dl-muted);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.dl-autoplay:hover{color:var(--dl-ink)}.dl-play-icon{display:inline-block;width:18px;text-align:center;font-size:18px}
