.now{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:start;gap:var(--space-m);min-height:15.5rem;padding:var(--space-l) var(--space-m);color:var(--ink);background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow-1)}@media(min-width:48rem){.now{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:14rem;padding:var(--space-xl) var(--space-xl) var(--space-l)}}.now__content{display:grid;gap:var(--space-s);min-width:0}.now__head{display:grid;gap:var(--space-2xs)}.now__kicker{display:inline-flex;align-items:center;gap:.55em}.now__title{max-width:24ch;font-family:var(--subhead-font);font-weight:var(--subhead-weight);text-transform:var(--subhead-case);letter-spacing:var(--subhead-tracking);font-size:calc(var(--fs-2xl) * var(--display-scale));line-height:1.12;text-wrap:balance}.now__badge{display:flex;width:fit-content;margin-top:.55rem}@media(max-width:47.99rem){.now__title{padding-right:3.5rem}}.now__meta{font-size:var(--fs-sm);color:var(--muted)}.now__lead{max-width:48ch;color:var(--ink-2)}.now__lead strong{color:var(--ink)}.now__soft{color:var(--muted)}.now__pending{margin-top:var(--space-3xs)}.now__count{display:flex;margin-top:var(--space-2xs)}.now__cell{display:grid;gap:.35rem;min-width:0;padding-right:clamp(var(--space-s),4vw,var(--space-m))}.now__cell+.now__cell{padding-left:clamp(var(--space-s),4vw,var(--space-m));border-left:1px solid var(--line)}.now__num{font-family:var(--font-display);font-weight:var(--display-weight);font-size:calc(min(var(--fs-4xl),12vw) * var(--display-scale));line-height:.9;letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums lining-nums}.now__num{overflow:clip;padding-block:.1em;margin-block:-.1em}.now__digits{display:block}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .now__digits.is-new{animation:now-roll var(--dur-2) var(--ease-out)}:root[data-theme=manifesto]:not([data-motion=reduced]) .now__digits.is-new{animation:now-shake 60ms steps(2)}:root[data-theme=etichetta]:not([data-motion=reduced]) .now__digits.is-new{animation:now-fade var(--dur-3) var(--ease-out)}}@keyframes now-roll{0%{translate:0 100%}}@keyframes now-shake{0%{translate:-.04em 0}to{translate:.04em 0}}@keyframes now-fade{0%{opacity:0}}.now__unit{font-size:var(--fs-xs);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.now__cta{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.now__dot{width:.62em;height:.62em;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 60%,transparent);animation:now-pulse 1.8s var(--ease-out) infinite}@keyframes now-pulse{70%{box-shadow:0 0 0 .6em color-mix(in srgb,var(--ok) 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}.now__moon{position:absolute;z-index:-1;top:-3.5rem;right:-3rem;width:clamp(9rem,34vw,17rem);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 38% 34%,color-mix(in srgb,var(--hero-glow) 80%,transparent),transparent 46%),radial-gradient(circle at 50% 50%,var(--hero-secondary),color-mix(in srgb,var(--hero-secondary) 70%,var(--hero-bg)) 72%);box-shadow:0 0 60px 6px color-mix(in srgb,var(--hero-glow) 32%,transparent);opacity:.85}.now__moon:before{content:"";position:absolute;z-index:1;inset:-4px;border-radius:50%;background:color-mix(in oklab,var(--surface) 82%,transparent);mask:linear-gradient(to right,transparent 50%,#000 50%),radial-gradient(ellipse max(var(--moon-a, 50%),.5%) 50% at 50% 50%,#000 99.5%,transparent 100%);mask-composite:var(--moon-op, subtract);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.now[data-moon] .now__moon:before{opacity:1}@media(max-width:47.99rem){.now__moon{width:8.5rem;top:-3.25rem;right:-2.75rem;opacity:.6}}:root:is(:not([data-theme]),[data-theme=notte]) .now{background:radial-gradient(40rem 18rem at 100% 0%,oklch(.4 .13 22 / .35),transparent 70%),var(--surface)}:root[data-theme=cantina] .now{background-color:var(--surface);background-image:var(--texture)}:root[data-theme=cantina] .now__moon{background:none;box-shadow:none;border:4px double var(--accent);opacity:.55;transform:rotate(-8deg)}:root[data-theme=cantina] .now__moon:after{content:"";position:absolute;inset:18%;border-radius:50%;border:1.5px dashed var(--accent)}:root[data-theme=manifesto] .now{border-color:var(--line);box-shadow:var(--shadow-2);background-color:var(--surface);background-image:var(--texture)}:root[data-theme=manifesto] .now__moon{background:var(--accent);border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);opacity:1}@media(max-width:47.99rem){:root[data-theme=manifesto] .now__moon{opacity:.9}}:root[data-theme=manifesto] .now__num{color:var(--accent-text)}:root[data-theme=manifesto] .now__cell+.now__cell{border-left:3px solid var(--line)}:root[data-theme=etichetta] .now{padding:var(--space-xl) var(--space-l) var(--space-l)}:root[data-theme=etichetta] .now:after{content:"";position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none}:root[data-theme=etichetta] .now__moon{background:none;box-shadow:none;border:1px solid var(--accent-2);opacity:1}:root[data-theme=etichetta] .now__moon:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid var(--accent-2)}:root[data-theme=etichetta] .now__num{font-weight:250}:root[data-theme=etichetta] .now__unit{font-family:var(--font-smallcaps);text-transform:lowercase;font-weight:500;letter-spacing:.12em;font-size:var(--fs-sm)}
