.stage{height:100svh;min-height:600px;--edge:40px;--track:clamp(150px,23vh,240px)}
header{inset:28px var(--edge) auto}
main{top:29%;width:min(760px,70vw)}
h1{letter-spacing:-.035em;word-spacing:.075em;font-size:clamp(72px,7.5vw,104px);white-space:nowrap}
.record-label{bottom:calc(var(--track) + 65px);font-size:11px}
.record-label b{color:var(--ink2)}
.time-caption{position:absolute;left:var(--edge);right:var(--edge);bottom:calc(var(--track) + 38px);display:flex;justify-content:space-between;font:9px var(--font-data);letter-spacing:.07em;color:var(--ink3);pointer-events:none}
#clock{color:var(--accent-ink);letter-spacing:0}
.future-caption{position:absolute;bottom:calc(var(--track) + 70px);right:var(--edge);font:10px var(--font-data);color:var(--ink3);max-width:240px;text-align:right;line-height:1.6;pointer-events:none}
.future-caption[hidden]{display:none}
footer{left:var(--edge);right:var(--edge);bottom:18px}
.source{z-index:1}.source-a{left:4%;top:34%}.source-b{right:4%;top:46%}
.source-state{letter-spacing:0}
#data-note{max-height:calc(100svh - 90px);overflow:auto;box-shadow:none}
@media(min-width:1600px){main{top:30%}.source-a{left:9%;top:34%}.source-b{right:9%;top:45%}.brand-mark{width:54px;height:54px}.lead{font-size:23px}.stage{--track:clamp(210px,25vh,340px)}}
@media(max-width:1200px) and (min-width:701px){main{width:650px;top:26%}h1{font-size:86px}.source{width:174px}.source-a{left:4%;top:11%}.source-b{right:4%;top:52%}.source-after{font-size:17px}.source-kind{padding-top:12px}.source-after{margin-bottom:14px}}
@media(max-width:1000px) and (min-height:850px) and (min-width:701px){main{top:32%;width:90%}.source-a{top:13%;left:9%}.source-b{top:17%;right:9%}.stage{--track:240px}h1{font-size:92px}.record-label{bottom:305px}}
@media(max-width:700px){
 .stage{--edge:20px;--track:150px;min-height:670px}header{inset:18px 20px auto}.edition{font-size:8px}
 main{top:32%;width:100%;padding:0 20px}.brand-mark{width:34px;height:34px;margin-bottom:15px}
 h1{font-size:clamp(43px,13.3vw,76px);letter-spacing:-.035em;word-spacing:.06em;margin:15px -6px 16px;white-space:nowrap}
 .source-a{top:124px;left:20px;width:146px;margin-left:0}.source-b{display:none}
 .lead{font-size:17px}form{margin-top:25px}.record-label{bottom:208px}.record-label b,.count-total,.count-unit{font-size:9px}
 .time-caption{bottom:184px;font-size:7px;letter-spacing:.035em}footer{bottom:15px;font-size:8px}.unit-key{max-width:none}
 #about{max-width:none;white-space:nowrap}.record-fact{max-width:225px;line-height:1.6}
 .email-row button{padding:0 11px;font-size:12px;gap:8px}.week-date{display:none}
}
@media(max-width:700px) and (max-height:760px){main{top:30%}.source-a{top:83px}.source-kind{padding-top:7px;padding-bottom:4px}.source-after{margin-bottom:8px}.source-foot{padding-top:5px;padding-bottom:5px}.brand-mark{width:27px;height:27px;margin-bottom:10px}h1{margin-top:12px;margin-bottom:12px}form{margin-top:18px}.stage{--track:118px}.record-label{bottom:166px}.time-caption{bottom:150px}#form-note{font-size:9px}}
@media(min-width:701px) and (max-width:950px) and (min-height:661px) and (max-height:849px){.source-b{display:none}main{width:92%}}

@media(min-width:701px) and (max-height:660px){
 .stage{min-height:360px;--edge:24px;--track:84px}header{inset:15px 24px auto}.edition{font-size:8px}.controls button{height:28px;width:28px}
 main{top:55px;width:490px;padding:0 20px}.brand-mark{width:26px;height:26px;margin-bottom:8px}.prelaunch{font-size:7px;gap:5px}
 h1{font-size:58px;margin:9px 0 11px;letter-spacing:-.03em}.lead{font-size:14px}.mobile-break{display:none}form{width:370px;margin-top:17px}.email-row{min-height:44px;padding:3px;border-radius:9px}.email-row button{min-height:36px;font-size:11px;padding:0 12px;gap:10px}input{font-size:12px;padding:0 10px}#form-note{font-size:9px;margin-top:7px;min-height:20px}
 .source{width:150px;top:109px;margin:0}.source-a{left:18px}.source-b{right:18px;display:block}.source-address{height:25px;font-size:8px;padding:0 9px}.source-kind{font-size:9px;padding:10px 10px 7px}.source-before{font-size:12px;margin:0 10px 4px}.source-after{font-size:15px;margin:0 10px 10px}.source-foot{font-size:6px;padding:7px 9px}.write-caret{height:11px}
 .record-label{bottom:108px}.record-label b,.count-total,.count-unit{font-size:8px}.time-caption{bottom:89px;font-size:7px}.future-caption{bottom:118px;font-size:8px;max-width:145px}footer{bottom:10px;font-size:7px}.week-date{display:none}.unit-key{max-width:none}#about{max-width:none}
}
@media(max-width:370px) and (min-height:661px){input{font-size:11px;padding:0 7px}.email-row button{font-size:11px;padding:0 8px;gap:4px}.lead{font-size:15px}.record-label b,.count-total,.count-unit{font-size:8px}}
@media(prefers-reduced-motion:reduce){.source{will-change:auto}.write-caret{display:none}}

.record-label b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink2)}
.record-label .count-unit{margin:0;font-size:10px}
.record-fact{color:var(--ink3)}
#data-note p:last-child{display:block}
@media(max-width:700px){.record-label b{font-size:13px}.record-label .count-unit{font-size:9px}.source-after{font-size:14px}.source-kind{font-size:9px}.source-before{font-size:12px}footer{gap:10px;font-size:7px}.record-fact{max-width:210px}}
@media(min-width:701px) and (max-height:660px){.record-label{left:24px;transform:none;text-align:left}.record-label b{font-size:10px}.record-label .count-unit{font-size:7px}.time-caption{left:50%;right:24px}.time-caption #scale{display:none}}
@media(min-width:1201px) and (max-height:850px){.brand-mark{width:34px;height:34px;margin-bottom:14px}h1{font-size:90px;margin:16px 0 20px}.lead{font-size:19px}form{margin-top:28px}}
@media(min-width:701px) and (max-height:660px){h1{font-size:52px;margin:8px 0 9px}.brand-mark{height:24px;width:24px;margin-bottom:6px}.lead{font-size:13px}form{margin-top:13px}#form-note{min-height:14px}.source-b{display:none}}