/* Uhr-Seite (/uhr, /en/watch, /zh|zh-hant|yue/watch) */
body.watch .kicker{font:600 17px/1.4 var(--sans);color:var(--ink-muted);margin:0 0 16px}
body.watch .hero-link{margin:16px 0 0}body.watch :is(.hero-link a,.replay){display:inline-flex;align-items:center;min-height:44px}
body.watch .expo-hero>.fig{margin:0;max-width:600px;width:100%;justify-self:center}
body.watch .uhr-hero h1{text-wrap:balance}
body.watch .fig.fig-0 svg{overflow:hidden}
@media(max-width:999px){body.watch .uhr-hero .expo-copy{display:contents}body.watch .uhr-hero .kicker{order:1}body.watch .uhr-hero h1{order:2;margin:0}body.watch .uhr-hero>.fig{order:3;width:72%;max-width:340px}body.watch .uhr-hero .expo-copy>:not(.kicker,h1){order:4}body.watch .uhr-hero .intro{margin:0}}

@media(min-width:1000px){body.watch .expo-hero>.fig{grid-column:7/13;grid-row:1}}
body.watch .uhr-prog h2{font-size:clamp(26px,22px + 1vw,32px)}
body.watch .programme{margin:24px 0 16px;border-top:1px solid var(--ink);max-width:900px}
@media(min-width:1000px){body.watch .programme{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;max-width:none}}

body.watch :is(.pg-part,.uhr-label,.uhr-opt,.uhr-notes h2){font:600 15px/1.3 var(--sans);font-variant-caps:all-small-caps;letter-spacing:.05em;white-space:nowrap}
body.watch .pg-part{color:var(--ink-muted);margin:20px 0 4px}
body.watch .pg-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
body.watch .pg-letter{font:500 18px/1 var(--serif);width:24px}
body.watch .pg-title{font:400 clamp(20px,18px + .5vw,24px)/1.3 var(--serif);margin:0;flex:1 1 calc(100% - 48px)}
body.watch .pg-leader{display:none}body.watch .pg-row>.uhr-label{margin-left:36px}
body.watch :is(.legend,.endnotes){font-size:15px;line-height:1.55;color:var(--ink-muted);max-width:52em;margin:16px 0 0}
body.watch .endnotes{max-width:44em}
body.watch .uhr-notes h2{color:var(--ink-muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin:0;font-size:17px}

body.watch .uhr-label{display:inline-flex;align-items:baseline;gap:8px}
body.watch .uhr-label::before{content:"";height:14px;border-left:2px solid;align-self:center}
body.watch .dev{color:var(--graphite)}body.watch .uhr-label.dev::before{border-left:2px dashed var(--graphite)}body.watch .uhr-opt{color:var(--ink-muted)}
body.watch .staff>:is(.uhr-label,.uhr-opt){background:var(--paper);padding:2px 8px 2px 4px}body.watch .staff>.uhr-opt{margin-left:-16px}

body.watch .uhr-text{max-width:760px}body.watch .uhr-text h3{margin-top:32px}body.watch :is(.fig,.uhr-text)+.uhr-text{margin-top:48px}body.watch .sub-label{margin:0 0 8px}body.watch .sub-head h3{margin-top:0}
body.watch .uhr-cols{display:grid;gap:0 48px}
@media(min-width:1000px){body.watch :is(.uhr-text,.uhr-cols){display:grid;grid-template-columns:5fr 7fr;column-gap:48px;max-width:none;align-items:start}
body.watch .uhr-text>*{grid-column:2}body.watch :is(.uhr-text,.uhr-cols)>:is(h2,.sub-head){grid-column:1;grid-row:1/span 9}body.watch .flip .uhr-text{grid-template-columns:7fr 5fr}body.watch .flip .uhr-text>*{grid-column:1}body.watch .flip .uhr-text>:is(h2,.sub-head){grid-column:2}}
body.watch sup{line-height:0}body.watch sup a{text-decoration:none;padding:0 2px;color:var(--ink-muted)}
body.watch .fig{position:relative;margin:40px 0 0}
body.watch .fig svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans);fill:none}
body.watch .fig text{fill:var(--ink)}
body.watch figcaption{font-size:15px;line-height:1.5;color:var(--ink-muted);margin:14px 0 0;max-width:46em}
body.watch .v-w{display:none!important}body.watch .v-p{max-width:520px;margin-inline:auto}
@media(min-width:1000px){body.watch .v-w{display:block!important}body.watch .v-p{display:none!important}}
body.watch .stage{position:relative}body.watch .crop{position:absolute}body.watch .crop-p{display:block;margin-top:4px}
body.watch :is(.crop,.crop-p){background:var(--sheet)}
body.watch :is(.crop,.crop-p) img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
body.watch .fig-e .crop{-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent);mask-image:linear-gradient(90deg,#000 84%,transparent)}
body.watch .fig .replay{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:4px 0 0 auto;padding:0;background:none;border:0;color:var(--graphite);opacity:.6;cursor:pointer}
body.watch .fig .replay:is(:hover,:focus-visible){opacity:1;color:var(--ink)}
body.watch .fig .replay[hidden]{display:none}
@media(min-width:1000px){body.watch .fig:not(.fig-d)>.replay{position:absolute;top:-4px;right:0;margin:0}}
body.watch .uhr-defs{position:absolute;overflow:hidden}
body.watch .uhr{color:var(--graphite)}
body.watch .no-straps .uhr-straps,body.watch .screen-only :is(.uhr-straps,.uhr-case){display:none}
body.watch .ink{--graphite:#a9acad}body.watch .ink .sb{fill:var(--band)}
body.watch .ink text{fill:var(--on-band)}body.watch .fig .ink .m{fill:var(--on-band);fill-opacity:.72}body.watch .ink .kr{fill:#f07f68}
body.watch .pencil .sb{fill:var(--paper);stroke:var(--graphite);stroke-width:1.6;stroke-dasharray:6 5}
body.watch .pencil text{fill:var(--graphite)}
body.watch .fig .b{font-weight:600}body.watch .tn{font-variant-numeric:tabular-nums}
body.watch .prime{font-family:Georgia,"Times New Roman",serif}
body.watch:is(:lang(zh),:lang(ja),:lang(ko),:lang(th)) :is(.uhr-label,.pg-part,.uhr-opt){font-size:16px;letter-spacing:.08em;font-variant-caps:normal}
body.watch:is(:lang(zh),:lang(ja),:lang(ko),:lang(th)) :is(h1 em,.it,.both){font-style:normal}
body.watch .fig .m{fill:var(--ink-muted)}
body.watch .sc{font-variant-caps:all-small-caps;font-weight:600;letter-spacing:.05em}
body.watch .ff{font-family:var(--serif);font-weight:500}body.watch .bn{font-weight:380}body.watch :is(.it,.both){font-family:var(--remark-face);font-style:italic}
body.watch .fig .fp{fill:var(--pencil)}body.watch .fig .fi,body.watch .bk{fill:var(--ink)}body.watch .fig .fg{fill:var(--graphite)}
body.watch .fr{fill:var(--red)}body.watch .fo{fill:var(--on-band)}body.watch .hb{fill:var(--on-band);fill-opacity:.14}
body.watch :is(.pl,.sgl,.pb2,.so){stroke:var(--graphite);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.watch .pb2{stroke-width:2.4}body.watch .up{stroke-width:2.6}body.watch .so{stroke:var(--on-band);stroke-width:2.4}
body.watch .sp{stroke:var(--pencil);stroke-width:2}body.watch .rw{stroke-width:3}body.watch .si{stroke:var(--ink);stroke-width:1.5}body.watch .lt{stroke-opacity:.4}
body.watch :is(.sd,.pd,.pb){stroke:var(--graphite);stroke-width:1.5;stroke-dasharray:5 4}
body.watch .pb{stroke:var(--pencil)}body.watch .fig .pd{fill:var(--paper)}body.watch .ld{stroke:var(--graphite);stroke-dasharray:1 3}
body.watch .stf{stroke:var(--ink);stroke-opacity:.3;stroke-width:1.2}body.watch .grd{stroke:var(--line);stroke-dasharray:1 5}
body.watch .hat{stroke:var(--graphite);stroke-width:1.1;stroke-opacity:.8}
body.watch :is(.rb,.rB,.rh){stroke:var(--red);stroke-width:2.5}body.watch .rB{stroke-width:6}body.watch .rh{stroke-width:1.5}
body.watch .fig :is(.ink3,.ink4,.ink5){stroke:var(--ink);stroke-width:3;stroke-linecap:round}body.watch .fig .ink4{stroke-width:4.5;stroke-linecap:butt}body.watch .fig .ink5{stroke-width:5}
body.watch .key{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
body.watch .hl{fill:var(--red);fill-opacity:.17}body.watch .hl2{fill:var(--red);fill-opacity:.08}
body.watch :is(.rg,.rp,.hr){stroke:var(--graphite);stroke-width:1.6}body.watch .rg{opacity:.35}body.watch .rp{stroke-width:2}
body.watch .hr{stroke-width:3;stroke-dashoffset:0}body.watch .bz{opacity:.35}body.watch .arcs{opacity:.55}
body.watch [pathLength]{stroke-dasharray:1}
body.watch :is(.a-out,.a-on,.a-tap,.a-tap3,.a-pulse,.a-sweep),body.watch .fig-b .L-mark{opacity:0}
body.watch .hal{fill:var(--paper)}
body.watch .fig-p{max-width:760px}
body.watch .fig-w{max-width:360px;margin:0 auto}
body.watch.expo main>section.uhr-more{margin-top:0;border-top:0;padding-top:64px}
body.watch .uhr-wear-row{display:grid;gap:8px 48px;margin-top:32px;align-items:center}
body.watch .uhr-table{width:100%;border-collapse:collapse;line-height:1.45}
body.watch .uhr-table :is(th,td){text-align:left;vertical-align:top;padding:14px 20px 14px 0;border-top:1px solid var(--line)}
body.watch .uhr-table thead th{font:600 15px/1.3 var(--sans);color:var(--ink-muted);border-top:0}
body.watch .uhr-table p{margin:0}
body.watch .uhr-th{display:none}
@media(min-width:1000px){body.watch .uhr-wear-row{grid-template-columns:7fr 5fr}}
@media(max-width:699px){body.watch .uhr-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.watch .uhr-table tr{display:block;padding:12px 0;border-top:1px solid var(--line)}
body.watch .uhr-table :is(th,td){display:block;border:0;padding:4px 0}
body.watch .uhr-th{display:inline;font:600 15px var(--sans);font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--ink-muted);margin-right:6px}}
body.watch .d-row{display:grid;gap:24px;align-items:center}
body.watch .tr{stroke:var(--graphite);stroke-width:1.4;stroke-linejoin:round}

body.watch .lead-in{font-size:15px;color:var(--ink-muted);margin:0}
@media(min-width:800px){body.watch .d-row{grid-template-columns:7fr 5fr;column-gap:48px}}
body.watch .credit p{margin:0}
body.watch .chip{display:inline-block;margin-bottom:20px;font-size:17px;padding:6px 14px;border:1.5px solid;border-radius:18px}
body.watch .box{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
body.watch .bx{flex:none;width:22px;height:22px;margin-top:4px;border:1.5px solid var(--ink);border-radius:2px}
body.watch .dev .bx{border:1.5px dashed var(--graphite)}
body.watch .both{font-size:17px;color:var(--graphite);padding:4px 0 12px 34px}
body.watch .endnotes{padding-left:1.4em}body.watch .endnotes li{margin:0 0 8px}body.watch .endnotes a{color:var(--ink)}
body.watch.expo .privacy-band{display:block}body.watch .privacy-band h2{margin-bottom:24px}
body.watch.expo main>section.ink-band{margin-top:0;border-top:0;padding-block:var(--section-space)}
body.watch.expo main>section.uhr-stage{margin-top:var(--section-space)}
body.watch :is(.uhr-stage,.on-dark){--ink:var(--on-band);--ink-muted:#c9c6bd;--line:#faf8f238;--paper:var(--band)}
body.watch :is(.uhr-stage,.on-dark) .ink .sb{fill:#0f1213}
body.watch :is(.uhr-stage,.on-dark) :is(.rb,.rB){stroke:#ee6b4f}
body.watch .z-row{display:grid;gap:32px;align-items:center}
@media(min-width:1200px){body.watch .z-row{grid-template-columns:7fr 5fr;column-gap:48px}}
body.watch .z-label{font-size:17px;margin:0 0 8px}
body.watch .z-sheet{display:block;width:100%;height:auto;--graphite:#5e6163}
body.watch .z-sheet .sheet{fill:var(--sheet)}
body.watch .ink-band h2{max-width:18em}body.watch .ink-band p{max-width:38em}body.watch .uhr-mail{font-size:17px;margin-top:32px}
/* the real app screens (closing band): our own neutral frame, no device */
body.watch .uhr-screens{margin:48px 0 0;max-width:960px}body.watch .scr-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 16px;list-style:none;margin:0;padding:0}body.watch .scr-row li{display:flex;flex-direction:column;gap:2px 0;margin:0}body.watch .scr-frame{width:100%;height:auto;aspect-ratio:416/340;object-fit:contain;object-position:50% 0;background:#000;border:1px solid var(--line);border-radius:22px;padding:8px 4px;box-sizing:border-box;margin-bottom:8px}body.watch .scr-name{font-size:17px}body.watch .uhr-screens .dev{color:var(--ink-muted)}body.watch .uhr-screens .dev::before{border-left-color:var(--ink-muted)}@media(min-width:800px){body.watch .scr-row{grid-template-columns:repeat(4,1fr)}}
body.watch :is(.a-pop,.a-tap,.a-tap3,.a-press,.a-key,.a-ripple,.a-pulse,.a-bell,.a-drop,.dot){transform-box:fill-box;transform-origin:center}
body.watch .will-play *{animation-play-state:paused!important}
body.watch :is(.will-play,.is-playing) :is([class^=a-],[class*=" a-"]){animation:var(--n) var(--t) var(--e,ease-out) var(--d) var(--c,1) var(--f,both)}
body.watch .fig-0:is(.will-play,.is-playing) .dot{animation:uhr-pop .14s ease-out .76s both}
body.watch .fig-b:is(.will-play,.is-playing) .L-mark{animation:uhr-sm 3s linear both}
body.watch .fig-b:is(.will-play,.is-playing) .L-marked{animation:uhr-sd 3s linear both}
@keyframes uhr-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes uhr-in{from{opacity:0}}
@keyframes uhr-out{from{opacity:1}to{opacity:0}}
@keyframes uhr-on{0%,to{opacity:1}}
@keyframes uhr-pop{from{transform:scale(.6)}}
@keyframes uhr-tap{0%{transform:scale(.4);opacity:0}5%{opacity:.8}to{transform:scale(1.3);opacity:0}}
@keyframes uhr-tap3{0%{transform:scale(.4);opacity:0}5%{transform:scale(.4);opacity:.8}40%,to{transform:scale(1.3);opacity:0}}
@keyframes uhr-press{50%{transform:scale(.97)}}
@keyframes uhr-hold{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes uhr-deplete{from{stroke-dashoffset:0}}
@keyframes uhr-drop{from{transform:translateY(-24px);opacity:0}20%{opacity:1}}
@keyframes uhr-key{50%{transform:translateY(2px)}}
@keyframes uhr-ripple{0%{transform:scale(.85)}50%{transform:scale(1.05)}to{transform:scale(.95)}}
@keyframes uhr-sine{from{transform:translateX(28px)}}
@keyframes uhr-pulse{0%{transform:scale(.35);opacity:0}1%{opacity:.9}to{transform:scale(1.5);opacity:0}}
@keyframes uhr-beat{30%{font-weight:500}}
@keyframes uhr-buzz{15%{opacity:1}}
@keyframes uhr-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes uhr-bell{25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}
@keyframes uhr-sweep{0%{transform:translateX(var(--x0));opacity:1}96%{transform:translateX(var(--x1));opacity:1}to{transform:translateX(var(--x1));opacity:0}}

@keyframes uhr-sm{0%,1.6%{opacity:1}5.6%,22.3%{opacity:0}26.3%,35%{opacity:1}39%,55.6%{opacity:0}59.6%,68.3%{opacity:1}72.3%,to{opacity:0}}
@keyframes uhr-sd{0%,1.6%{opacity:0}5.6%,22.3%{opacity:1}26.3%,35%{opacity:0}39%,55.6%{opacity:1}59.6%,68.3%{opacity:0}72.3%,to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.watch .fig *{animation:none!important}}
@media print{body.watch .fig *{animation:none!important}body.watch .replay,body.watch .v-p{display:none!important}body.watch .v-w{display:block!important}}