:root{--cal-today: var(--brand)}.cdcal__lead--b2{display:grid}.countdown-cal{position:relative;color:var(--ink);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(110% 90% at 88% -5%,rgba(230,26,67,.07),transparent 55%),radial-gradient(90% 80% at -5% 105%,rgba(199,249,0,.06),transparent 52%),var(--canvas);padding:clamp(40px,6vh,80px) clamp(20px,5vw,64px);overflow:hidden}.cdcal__inner{width:100%;margin:0 auto;align-items:center}.cdcal__inner{max-width:1180px;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(26px,5vw,76px)}.cdcal__lead--b2{gap:4px;align-content:center}.cdcal__lead--b2 .cdcal__kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin:0 0 10px}.cdcal__lead--b2 .cdcal__dot{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:cdcalpulse 1.7s ease-in-out infinite}@keyframes cdcalpulse{0%,to{opacity:1;box-shadow:0 0 #e61a4380}60%{opacity:.5;box-shadow:0 0 0 7px #e61a4300}}.cdcal__lead--b2 .cdcal__big{font-family:var(--display);font-weight:800;font-size:clamp(60px,9vw,132px);line-height:.82;letter-spacing:-.04em;color:var(--ink);margin:2px 0 0;font-variant-numeric:tabular-nums}.cdcal__lead--b2 .cdcal__days{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.02em;color:var(--brand);margin:2px 0 0}.cdcal__hms{display:flex;gap:clamp(20px,2.6vw,40px);margin:clamp(18px,2.6vh,30px) 0 0}.cdcal__hu{display:flex;flex-direction:column;gap:3px}.cdcal__hn{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.4vw,50px);line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.cdcal__hl{font-family:var(--mono);font-weight:700;font-size:clamp(10px,.85vw,12px);letter-spacing:.16em;text-transform:uppercase;color:var(--graphite)}.cdcal__when{font-family:var(--display);font-weight:800;font-size:clamp(17px,1.7vw,23px);letter-spacing:-.015em;color:var(--ink);margin:clamp(20px,2.8vh,32px) 0 0}.cdcal__when2{font-family:var(--mono);font-weight:700;font-size:clamp(11px,1vw,13.5px);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:6px 0 0}.cdcal__page{position:relative;width:100%;background:#fffdf9;border-radius:18px;padding:clamp(20px,2.4vw,32px) clamp(20px,2.4vw,34px) clamp(22px,2.6vw,34px);box-shadow:0 1px #1412100a,0 30px 60px -20px #14121047,0 2px 8px #1412100f;border:1px solid rgba(20,18,16,.05);transform:rotate(-.4deg)}.cdcal__page{max-width:660px;justify-self:center}.cdcal__page:before,.cdcal__page:after{content:"";position:absolute;top:-10px;width:78px;height:22px;background:#e61a4321;border:1px solid rgba(230,26,67,.16);border-radius:1px}.cdcal__page:before{left:24px;transform:rotate(-4deg)}.cdcal__page:after{right:24px;transform:rotate(4deg)}.cdcal__pagehead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.cdcal__month{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.03em;color:var(--ink);margin:0}.cdcal__year{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--graphite)}.cdcal__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,.5vw,8px);margin-bottom:6px}.cdcal__weekdays span{font-family:var(--mono);font-size:clamp(9px,.8vw,11px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite);text-align:center}.cdcal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,.5vw,8px);overflow:visible}.cdcal__cell{position:relative;aspect-ratio:1 / .92;display:grid;place-items:center;border-radius:10px}.cdcal__cell--blank{visibility:hidden}.cdcal__num{font-family:var(--display);font-weight:700;font-size:clamp(15px,1.5vw,21px);color:var(--ink);position:relative;z-index:1}.cdcal__cell--past .cdcal__num{color:var(--graphite);opacity:.55}.cdcal__cross{position:absolute;inset:8%;z-index:2;overflow:visible;pointer-events:none}.cdcal__cross path{fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;opacity:.82;stroke-dasharray:100;stroke-dashoffset:100}.cdcal.is-in .cdcal__cross path{stroke-dashoffset:0;transition:stroke-dashoffset .36s ease;transition-delay:var(--d, 0s)}.cdcal__todaytag{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite);background:var(--canvas);padding:1px 5px;border-radius:4px}.cdcal__todayring,.cdcal__todaypill{display:none}.cdcal__cell--today{background:transparent;overflow:visible;z-index:2}.cdcal__cell--today .cdcal__todaytag{display:none}.cdcal__cell--today .cdcal__num{color:var(--cal-today);font-weight:800}.cdcal__todayring{display:block;position:absolute;left:50%;top:47%;width:152%;height:162%;transform:translate(-50%,-50%);z-index:0;overflow:visible;pointer-events:none}.cdcal__todayring path{fill:none;stroke:var(--cal-today);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.cdcal.is-in .cdcal__todayring path{stroke-dashoffset:0;transition:stroke-dashoffset .85s var(--ease);transition-delay:var(--todayringd, 1s)}.cdcal__todaypill{display:inline-flex;align-items:center;position:absolute;bottom:-13px;left:50%;white-space:nowrap;font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cal-today);padding:4px 8px;border-radius:999px;box-shadow:0 6px 14px #e61a4366;opacity:0;transform:translate(-50%,5px) scale(.8);transform-origin:top center;z-index:4}.cdcal.is-in .cdcal__todaypill{opacity:1;transform:translate(-50%) scale(1);transition:opacity .4s var(--ease),transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--todaypilld, 1.4s)}.cdcal__cell--camp{overflow:visible;z-index:3}.cdcal__cell--camp .cdcal__num{color:var(--brand);font-weight:800}.cdcal__ring{position:absolute;left:50%;top:47%;width:152%;height:162%;transform:translate(-50%,-50%);z-index:0;overflow:visible;pointer-events:none}.cdcal__ring path{fill:none;stroke:var(--brand);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.cdcal.is-in .cdcal__ring path{stroke-dashoffset:0;transition:stroke-dashoffset .85s var(--ease);transition-delay:var(--ringd, 1s)}.cdcal__tag{position:absolute;top:-16px;right:-6px;transform:translateY(6px) scale(.8) rotate(5deg);transform-origin:bottom left;white-space:nowrap;font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--brand);padding:4px 8px;border-radius:999px;box-shadow:0 6px 14px #e61a4366;opacity:0;z-index:4}.cdcal.is-in .cdcal__tag{opacity:1;transform:translateY(0) scale(1) rotate(5deg);transition:opacity .4s var(--ease),transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--tagd, 1.4s)}.cdcal__page{opacity:0;transform:translateY(26px) rotate(-.4deg);transition:opacity .7s var(--ease),transform .7s var(--ease)}.cdcal.is-in .cdcal__page{opacity:1;transform:translateY(0) rotate(-.4deg)}.cdcal__lead>*{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.cdcal.is-in .cdcal__lead>*{opacity:1;transform:none}.cdcal.is-in .cdcal__lead>*:nth-child(1){transition-delay:.05s}.cdcal.is-in .cdcal__lead>*:nth-child(2){transition-delay:.1s}.cdcal.is-in .cdcal__lead>*:nth-child(3){transition-delay:.15s}.cdcal.is-in .cdcal__lead>*:nth-child(4){transition-delay:.2s}.cdcal.is-in .cdcal__lead>*:nth-child(5){transition-delay:.25s}.cdcal.is-in .cdcal__lead>*:nth-child(6){transition-delay:.3s}.cdcal.is-in .cdcal__lead>*:nth-child(7){transition-delay:.35s}@media (max-width: 820px){.cdcal__inner{grid-template-columns:1fr;gap:28px}.cdcal__lead--b2 .cdcal__big{font-size:clamp(56px,18vw,100px)}.cdcal__hms{gap:clamp(16px,6vw,32px)}.cdcal__hn{font-size:clamp(28px,9vw,42px)}.cdcal__page{transform:rotate(0);max-width:420px;width:100%;justify-self:start}.cdcal__page:before,.cdcal__page:after{display:none}}@media (prefers-reduced-motion: reduce){.cdcal__cross path,.cdcal__ring path,.cdcal__todayring path{stroke-dashoffset:0;transition:none}.cdcal__tag,.cdcal__todaypill,.cdcal__page,.cdcal__lead>*{opacity:1;transform:none;transition:none}.cdcal__todaypill{transform:translate(-50%)}.cdcal__lead--b2 .cdcal__dot{animation:none}}
