@font-face{font-family:W2WDoomsday;src:url(barlow-condensed-700-latin.woff2) format('woff2');font-weight:700;font-display:swap}
.w2w-doomsday{--doom-brand:var(--w2wt-orange,#ff8a00);position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;box-sizing:border-box;width:100%;min-width:0;border-radius:5px;background:#090f10;color:#fff;margin-block:24px;padding:clamp(48px,10vw,160px) 16px}
.w2w-doomsday:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.12) 65%,rgba(0,0,0,.25))}
.w2w-doomsday .w2w-doomsday__background{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;margin:0}
.w2w-doomsday .w2w-doomsday__background img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;margin:0;border:0}
.w2w-doomsday .w2w-doomsday__clock{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(4,minmax(0,1fr));gap:clamp(8px,2cqi,28px);max-width:760px;width:100%;margin:auto;text-align:center;position:relative}
.w2w-doomsday__unit{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.w2w-doomsday__unit:not(:last-child):after{content:':';position:absolute;right:calc(clamp(8px,2cqi,28px)/-2 - .08em);top:0;font:700 clamp(30px,7cqi,80px)/1 W2WDoomsday,sans-serif;color:var(--doom-brand);text-shadow:0 2px 8px #000}
.w2w-doomsday .w2w-doomsday__number{display:block;font:700 clamp(30px,7cqi,80px)/1 W2WDoomsday,Impact,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff;text-shadow:0 2px 12px #000;white-space:nowrap}
.w2w-doomsday .w2w-doomsday__label{display:block;font:700 clamp(9px,1.3cqi,13px)/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.w2w-doomsday .w2w-doomsday__noscript{position:relative;text-align:center;font:14px/1.5 Arial,sans-serif;color:#fff}
@media(max-width:600px){.w2w-doomsday{padding:260px 16px 48px}.w2w-doomsday__unit{gap:6px}}
@container(max-width:360px){.w2w-doomsday .w2w-doomsday__number,.w2w-doomsday__unit:not(:last-child):after{font-size:clamp(22px,8cqi,30px);letter-spacing:0}.w2w-doomsday .w2w-doomsday__label{font-size:9px;letter-spacing:.02em}}

/* Editable dimensions; overlay is above the image and below the timer. */
.w2w-doomsday{height:var(--doom-height-desktop,400px);min-height:160px;padding:24px 16px;display:flex;align-items:center;justify-content:center}
.w2w-doomsday:after{background:#000;opacity:var(--doom-overlay,.45);pointer-events:none}
.w2w-doomsday .w2w-doomsday__link{position:absolute;inset:0;z-index:2;border:0;text-decoration:none}
.w2w-doomsday .w2w-doomsday__link:focus-visible{outline:3px solid var(--doom-brand);outline-offset:-5px}
@media(max-width:600px){.w2w-doomsday{height:var(--doom-height-mobile,420px);align-items:flex-end;padding:24px 16px}}

.w2w-doomsday__content{position:relative;width:100%;min-width:0}
.w2w-doomsday .w2w-doomsday__text{max-width:760px;margin:0 auto 20px;padding:0;color:#fff;font:600 clamp(16px,2.4cqi,24px)/1.4 Arial,sans-serif;text-align:center;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 2px 10px #000}
.w2w-doomsday .w2w-doomsday__content .w2w-doomsday__clock{margin:0 auto}

@font-face{font-family:W2WDoomsday;src:url(barlow-condensed-700-vietnamese.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
.w2w-doomsday{--doom-x:var(--doom-x-desktop,50%);--doom-y:var(--doom-y-desktop,50%);--doom-text-size:var(--doom-text-size-desktop,24px);--doom-number-size:var(--doom-number-size-desktop,80px)}
.w2w-doomsday .w2w-doomsday__content{position:absolute;left:var(--doom-x);top:var(--doom-y);transform:translate(calc(-1 * var(--doom-x)),calc(-1 * var(--doom-y)));width:calc(100% - 32px);max-width:760px}
.w2w-doomsday .w2w-doomsday__text{font-family:W2WDoomsday,sans-serif;font-weight:700;font-size:var(--doom-text-size)}
.w2w-doomsday .w2w-doomsday__number,.w2w-doomsday .w2w-doomsday__unit:not(:last-child):after{font-size:min(var(--doom-number-size),10cqi)}
.w2w-doomsday .w2w-doomsday__label{font-family:W2WDoomsday,sans-serif}
@media(max-width:600px){.w2w-doomsday{--doom-x:var(--doom-x-mobile,50%);--doom-y:var(--doom-y-mobile,90%);--doom-text-size:var(--doom-text-size-mobile,20px);--doom-number-size:var(--doom-number-size-mobile,32px)}}
