*{box-sizing:border-box}
html{background:#171817;color:#fff}
body.knitts-countdown-page{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.countdown-backdrop{position:fixed;inset:0;background:#171817;z-index:-1;overflow:hidden}
.countdown-backdrop img,.countdown-backdrop video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.countdown-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.08) 45%,rgba(0,0,0,.4))}
.countdown-backdrop video{opacity:0;transition:opacity .3s linear}
.countdown-backdrop video.is-playing{opacity:1}
.countdown-shell{min-height:100svh;display:flex;flex-direction:column;padding:30px 32px 28px;position:relative;isolation:isolate}
.countdown-header,.countdown-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex:none}
.countdown-brand{font-weight:900;font-size:30px;letter-spacing:-.08em;line-height:.85}
.countdown-brand .countdown-logo{display:block;width:152px;max-width:40vw;height:auto;object-fit:contain}
.countdown-issue,.countdown-footer{font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.02em}
.countdown-issue{text-align:right}
.countdown-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8vh 0 6vh}
.countdown-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}
.countdown-heading h1{font-size:clamp(1.6rem,3vw,3rem);font-weight:600;letter-spacing:-.065em;line-height:1;margin:0}
.countdown-heading p{font-size:10px;font-weight:600;letter-spacing:.08em;margin:0}
.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.countdown-unit{min-width:0;container-type:inline-size;border-top:1px solid rgba(255,255,255,.32);padding-top:14px}
.countdown-number{font-size:17vw;font-size:78cqw;font-weight:800;line-height:.85;letter-spacing:-.055em;font-variant-numeric:tabular-nums;display:block;margin-left:-.025em}
.countdown-label{font-size:10px;letter-spacing:.12em;display:block;margin-top:24px}
.countdown-status{font-size:12px;line-height:1.4;margin:22px 0 0;min-height:17px}
.countdown-footer time{text-align:right;font-style:normal}
.countdown-noscript{position:fixed;bottom:0;left:0;right:0;padding:16px;margin:0;background:#171817;font-size:12px}
@media(max-width:767px){
 .countdown-shell{padding:calc(25px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px))}
 .countdown-brand{font-size:28px}
 .countdown-brand .countdown-logo{width:120px}
 .countdown-issue,.countdown-footer{font-size:9px}
 .countdown-main{padding:8svh 0 5svh}
 .countdown-heading{display:block;margin-bottom:24px}
 .countdown-heading h1{font-size:30px;line-height:.95}
 .countdown-heading p{margin:8px 0 0;font-size:9px}
 .countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .countdown-unit{padding-top:12px}
 .countdown-number{font-size:34vw;font-size:78cqw;line-height:.82;font-weight:800}
 .countdown-label{font-size:9px;margin-top:12px}
 .countdown-status{margin-top:12px;min-height:0}
 .countdown-status:empty{display:none}
}
@media(max-height:700px) and (max-width:767px){
 .countdown-main{padding:5svh 0 4svh}.countdown-number{font-size:min(78cqw,23svh)}.countdown-grid{gap:18px}.countdown-heading{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
