/* A compact horizontal clock, with live hands and countdown numerals. */
.tempo{padding-block:clamp(60px,7vw,100px)}
.tempo__inner{width:100%;grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);align-items:center;gap:clamp(20px,3vw,44px)}
.tempo__heading{text-align:left;margin:0;justify-self:start}
.tempo__heading h2{font-size:clamp(46px,4.5vw,72px)}
.tempo__heading .section-kicker{margin:0 0 20px;font-size:10px}
.ck.ck--wide{width:100%;aspect-ratio:3/1;container-type:inline-size}
.ck--wide .ck__body{filter:drop-shadow(0 18px 28px #000b)}
.ck--wide .ck__hand{transform-origin:50% 50%}
.ck--wide .ck__hand--h{left:21.13%;top:27.29%;width:13.14%}
.ck--wide .ck__hand--m{left:18.09%;top:18.17%;width:19.22%}
.ck--wide .ck__hand--s{left:17.44%;top:16.22%;width:20.52%}
.ck--wide .ck__hub{left:26.875%;top:44.525%;width:1.65%}
.ck__digit{position:absolute;top:46.8%;transform:translate(-50%,-50%);display:block;color:#f0dfc3;font:600 clamp(18px,7.8cqi,90px)/1 var(--gothic);font-variant-numeric:tabular-nums;text-shadow:0 2px 2px #000,0 0 14px #e2302866}
.ck__digit--1{left:57.2%}.ck__digit--2{left:70.4%}.ck__digit--3{left:83.7%}
.ck__caption{position:absolute;left:54.2%;top:73%;width:32.5%;text-align:center;color:#d1b38e;font:700 clamp(5px,1.12cqi,13px)/1.6 var(--ui);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px #000}
@media(max-width:800px){
 .tempo__inner{grid-template-columns:1fr;gap:26px}
 .tempo__heading{justify-self:center;text-align:center}
 .tempo__heading h2{font-size:clamp(40px,8vw,62px)}
 .tempo__heading .section-kicker{margin-bottom:14px}
 .ck.ck--wide{max-width:650px}
}