/* About's four original locations: readable flow first, a pinned exhibition as enhancement. */
[data-page=about] .company-exhibition{--hall:#081b2d;--paper:#f2eee6;--quiet:#b8c5d1;--rule:#f2eee633;--exhibit-nav:108px;color:var(--paper);background:var(--hall);isolation:isolate}
[data-page=about] .company-exhibition ::selection{background:var(--gold);color:var(--hall)}
[data-page=about] .company-exhibition .exhibition-stage{padding:28px 5% 54px}
[data-page=about] .company-exhibition .exhibition-topbar{display:flex;align-items:center;justify-content:flex-end;gap:28px}
[data-page=about] .company-exhibition .exhibition-count{display:none;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
[data-page=about] .company-exhibition .exhibition-count-window{position:relative;width:1.55em;height:1.2em;overflow:hidden;font-size:38px;line-height:1.2;color:var(--gold)}
[data-page=about] .company-exhibition .exhibition-count-window>span{position:absolute;inset:0}
[data-page=about] .company-exhibition .exhibition-count-total{color:var(--quiet);font-size:14px;line-height:1.2;letter-spacing:.12em}
[data-page=about] .company-exhibition .exhibition-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(58%,800px)}
[data-page=about] .company-exhibition .exhibition-index a{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:18px;line-height:1.5;color:var(--quiet)}
[data-page=about] .company-exhibition .exhibition-index a>span{color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}
[data-page=about] .company-exhibition .exhibition-index a[aria-current=step]{color:var(--paper);border-color:var(--gold)}
[data-page=about] .company-exhibition .exhibition-index a:hover{color:var(--paper)}
[data-page=about] .company-exhibition .exhibition-index a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
[data-page=about] .company-exhibition .exhibition-chapter{position:relative;display:grid;gap:24px;margin:0;padding:58px 0 52px;border-bottom:1px solid var(--rule);scroll-margin-top:6px}
[data-page=about] .company-exhibition .exhibition-title-mask{overflow:hidden;min-width:0}
[data-page=about] .company-exhibition .exhibition-title{margin:0;color:var(--paper);font:600 clamp(70px,10vw,180px)/1.1 var(--sans);letter-spacing:-.04em}
[data-page=about] .company-exhibition .exhibition-chapter-number{position:absolute;right:0;top:68px;color:var(--gold);font:400 18px/1.5 var(--sans);font-variant-numeric:tabular-nums}
[data-page=about] .company-exhibition .exhibition-visual{position:relative;width:100%;min-width:0;aspect-ratio:var(--image-ratio)}
[data-page=about] .company-exhibition :is(.exhibition-depth,.exhibition-mask,.exhibition-camera){width:100%;height:100%;transform-origin:center}
[data-page=about] .company-exhibition .exhibition-depth{position:relative}
[data-page=about] .company-exhibition .exhibition-depth::before,[data-page=about] .company-exhibition .exhibition-depth::after{content:'';position:absolute;z-index:2;width:22px;height:22px;pointer-events:none}
[data-page=about] .company-exhibition .exhibition-depth::before{left:-8px;top:-8px;border-top:1px solid var(--gold);border-left:1px solid var(--gold)}
[data-page=about] .company-exhibition .exhibition-depth::after{right:-8px;bottom:-8px;border-bottom:1px solid var(--gold);border-right:1px solid var(--gold)}
[data-page=about] .company-exhibition .exhibition-mask{overflow:hidden;background:var(--hall)}
[data-page=about] .company-exhibition .exhibition-camera img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;cursor:default}
[data-page=about] .company-exhibition .exhibition-caption{margin:0;padding:0;background:transparent;color:var(--paper);font:400 clamp(16px,1.12vw,21px)/1.9 var(--sans)}
[data-page=about] .company-exhibition .exhibition-caption p+p{color:var(--quiet);font-size:.86em}
[data-page=about] .company-exhibition .exhibition-progress{display:none;align-self:end;height:1px;background:var(--rule)}
[data-page=about] .company-exhibition .exhibition-progress>span{display:block;height:100%;background:var(--gold);transform-origin:left}
@media(min-width:1101px){[data-page=about] .company-exhibition:not([data-exhibit-mode=desktop]) .chapter-xian .exhibition-visual{width:min(58%,760px)}}
/* Only a successfully initialized desktop timeline activates the stack. */
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-stage{--scene-h:calc(var(--exhibit-height) - 156px);display:grid;grid-template-rows:64px minmax(0,1fr) 40px;height:var(--exhibit-height);padding:28px 5% 24px;overflow:hidden;background:var(--hall)}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-topbar{justify-content:space-between}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-count{display:flex}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-viewport{position:relative;min-height:0;perspective:1800px}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-chapter{position:absolute;inset:0;display:block;padding:0;border:0}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-title-mask{position:absolute;left:0;top:7%;z-index:3;padding-right:.08em}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-title{font-size:clamp(130px,13vw,260px);line-height:1.12}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-chapter-number{display:none}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-visual{position:absolute;top:6%;right:2%;z-index:2;width:min(78%,calc(var(--scene-h) * 1.528))}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-caption{position:absolute;bottom:4%;left:0;z-index:4;max-width:30%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xian .exhibition-visual{left:7%;right:auto;top:1%;width:min(42%,calc(var(--scene-h) * .7874))}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xian .exhibition-title-mask{left:52%;top:19%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xian .exhibition-caption{left:53%;bottom:24%;max-width:45%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-tongchuan .exhibition-visual{left:1%;right:auto;top:5%;width:min(69%,calc(var(--scene-h) * 1.528))}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-tongchuan .exhibition-title-mask{left:auto;right:0;top:13%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-tongchuan .exhibition-caption{left:auto;right:0;bottom:6%;max-width:28%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xinjiang .exhibition-visual{right:1%;top:4%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xinjiang .exhibition-title-mask{top:auto;bottom:24%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .chapter-xinjiang .exhibition-caption{bottom:5%}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-progress{display:block}
@media(max-width:1100px){
 [data-page=about] .company-exhibition .exhibition-stage{padding:24px 5% 48px}
 [data-page=about] .company-exhibition .exhibition-index{width:100%;gap:18px}
 [data-page=about] .company-exhibition .exhibition-index a{font-size:17px;gap:10px}
 [data-page=about] .company-exhibition .exhibition-chapter{gap:25px;padding-top:42px;padding-bottom:38px}
 [data-page=about] .company-exhibition .exhibition-title{font-size:clamp(76px,13vw,116px)}
 [data-page=about] .company-exhibition .exhibition-chapter-number{top:53px;font-size:17px}
 [data-page=about] .company-exhibition .exhibition-caption{font-size:17px}
}
@media(max-width:480px){
 [data-page=about] .company-exhibition .exhibition-index{gap:12px}
 [data-page=about] .company-exhibition .exhibition-index a{gap:7px;font-size:15px}
 [data-page=about] .company-exhibition .exhibition-index a>span{font-size:11px}
 [data-page=about] .company-exhibition .exhibition-chapter{gap:22px;padding-top:36px;padding-bottom:34px}
 [data-page=about] .company-exhibition .exhibition-title{font-size:76px}
 [data-page=about] .company-exhibition .exhibition-chapter-number{top:47px}
 [data-page=about] .company-exhibition .exhibition-caption{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 [data-page=about] .company-exhibition .exhibition-mask{clip-path:none!important}
 [data-page=about] .company-exhibition :is(.exhibition-camera,.exhibition-depth,.exhibition-title,.exhibition-caption){transform:none!important;opacity:1!important;visibility:visible!important}
}
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-chapter,
[data-page=about] .company-exhibition[data-exhibit-mode=desktop] .exhibition-visual{transform-style:preserve-3d}



/* Absolute animated digits need an in-flow strut to expose their real baseline. */
[data-page=about] .company-exhibition .exhibition-count-window::before{content:'00';display:block;visibility:hidden}