/* Current-work labels leave the central dots and discs clear. */
.browse-v08-caption{position:absolute;z-index:6;left:var(--ui-edge);right:var(--ui-edge);bottom:var(--browse-caption-bottom,clamp(72px,calc(94px * var(--s)),118px));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;color:#fdfdfd;opacity:0;visibility:hidden;transition:opacity 440ms cubic-bezier(.2,.8,.3,1),filter 420ms var(--settle);font-family:Helvetica,'Source Han Sans'}
body[data-phase=browse] .browse-v08-caption{opacity:1;visibility:visible}
body.intro-ui-arriving .browse-v08-caption{opacity:1;visibility:visible;transition:none}
.browse-v08-ordinal{--browse-v08-spacing:-.075em;--browse-caption-font:calc(220px * var(--s));--browse-roll-distance:calc(var(--browse-caption-font) * 1.15);position:relative;width:max-content;max-width:calc(600px * var(--s));height:var(--browse-caption-font);font-size:var(--browse-caption-font);font-weight:400;line-height:1;letter-spacing:-.075em;font-variant-numeric:tabular-nums}
.browse-v10-number-group{position:relative;flex:none;max-width:35%}
.browse-v08-names{width:min(35%,calc(650px * var(--s)));text-align:right}
.browse-v08-english{--browse-v08-spacing:-.035em;--browse-caption-font:calc(84px * var(--s));--browse-roll-distance:calc(var(--browse-caption-font) * 2.53);position:relative;height:calc(var(--browse-caption-font) * 2.2);font-size:var(--browse-caption-font);font-weight:400;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.browse-v08-chinese{--browse-caption-font:calc(22px * var(--s));--browse-roll-distance:calc(var(--browse-caption-font) * 2.3);position:relative;height:calc(var(--browse-caption-font) * 2);margin-top:calc(14px * var(--s));font-family:'Source Han Sans',Helvetica,sans-serif;font-size:var(--browse-caption-font);font-weight:700;line-height:1}
/* Padding contains the actual final-digit ink; vertical masks hide complete old/new lines. */
.browse-v08-ordinal,.browse-v08-english,.browse-v08-chinese{display:grid;grid-template-rows:minmax(0,1fr);align-items:end;overflow:hidden;padding:0 .08em;margin-left:-.08em;margin-right:-.08em}
.browse-v11-line{position:relative;display:block;grid-area:1 / 1;width:100%;font-size:calc(1em * var(--browse-line-scale,1));white-space:pre-wrap;will-change:transform}
.browse-v11-line.is-outgoing{pointer-events:none}
.browse-v08-light{--browse-v08-color:transparent;--browse-v08-strength:.03;position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;mix-blend-mode:hue;transition:opacity 800ms ease}
html[data-motion=full] .browse-v08-light{--browse-v08-strength:.06}
body[data-phase=browse] .browse-v08-light.is-colored{opacity:var(--browse-v08-strength)}
.browse-v08-horizon-band,.browse-v08-sea-light{position:absolute;left:0;right:0;background-color:var(--browse-v08-color);transition:background-color 800ms ease;pointer-events:none}
.browse-v08-horizon-band{top:calc(var(--browse-v08-horizon-y) - 42px);height:84px;mask-image:linear-gradient(to bottom,transparent,#000 48%,#000 52%,transparent)}
.browse-v08-sea-light{top:var(--browse-v08-horizon-y);height:clamp(55px,15vh,160px);opacity:.35;mask-image:radial-gradient(ellipse at 55% 0,#000,transparent 72%)}
body.is-filter-open .browse-v08-caption{opacity:.3;filter:blur(calc(9px * var(--s)))}
html[data-page-transition=leaving] .browse-v08-caption{opacity:0;transition:opacity 180ms ease}
html[data-page-transition-mode=shared]:is([data-page-transition=waiting],[data-page-transition=revealing]):not([data-shared-stage=landed]) .browse-v08-caption{opacity:0}
@media(max-width:1100px){
 .browse-v08-ordinal{--browse-caption-font:calc(185px * var(--s))}
 .browse-v08-english{--browse-caption-font:calc(72px * var(--s))}
 .browse-v08-names{width:35%}
}
@media(max-width:760px){
 .browse-v08-caption{bottom:var(--browse-caption-bottom,126px);align-items:flex-end;gap:20px}
 .browse-v10-number-group{max-width:none;width:max-content;flex-shrink:0}
 .browse-v08-ordinal{--browse-caption-font:clamp(42px,9.5vw,72px);flex:none;width:max-content;max-width:none}
 .browse-v08-names{width:auto;max-width:70%;margin-left:auto}
 .browse-v08-english{--browse-caption-font:clamp(18px,4vw,30px)}
 .browse-v08-chinese{--browse-caption-font:11px;margin-top:4px}
}
@media(max-height:500px) and (min-width:761px){
 .browse-v08-ordinal{--browse-caption-font:calc(175px * var(--s))}
 .browse-v08-english{--browse-caption-font:calc(68px * var(--s))}
}
@media(prefers-reduced-motion:reduce){
 .browse-v08-caption{transition:none;filter:none!important}
 .browse-v08-light{display:none!important;transition:none}
 .browse-v08-horizon-band,.browse-v08-sea-light{transition:none}
 .browse-v11-line{transform:none!important;will-change:auto}
}
