.grain{position:fixed;inset:0;z-index:440;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px}@media not all{.grain{display:none}}.ticker{transform:rotate(-1.2deg) skew(var(--sk, 0deg))}.tape--a{transform:rotate(-3deg) skew(var(--sk, 0deg))}.tape--b{transform:rotate(3deg) skew(var(--sk, 0deg))}.day{background:var(--bg);position:relative;color:var(--text)}.day__pin{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(80px,9vw,130px) clamp(150px,20vw,240px)}.day__sky{position:absolute;inset:0;z-index:-3;background:radial-gradient(70% 80% at var(--sx, 50%) var(--sy, 100%),rgba(250,200,0,var(--si, .15)),transparent 70%)}.day__stars{position:absolute;inset:0 0 40%;z-index:-3;opacity:var(--st, 1);background-image:radial-gradient(1.5px 1.5px at 8% 18%,#fff,transparent),radial-gradient(1px 1px at 22% 62%,#fff,transparent),radial-gradient(1.5px 1.5px at 35% 30%,#fff,transparent),radial-gradient(1px 1px at 48% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 61% 55%,#fff,transparent),radial-gradient(1px 1px at 74% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 86% 48%,#fff,transparent),radial-gradient(1px 1px at 93% 14%,#fff,transparent),radial-gradient(1px 1px at 15% 40%,#fff,transparent),radial-gradient(1px 1px at 68% 8%,#fff,transparent)}.day__sun{position:absolute;z-index:-2;left:var(--sx, 50%);top:var(--sy, 110%);width:clamp(90px,11vw,170px);aspect-ratio:1;translate:-50% -50%}.day__sun i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff7c2,#ffe02a 45%,#fac800 75%);box-shadow:0 0 80px 30px #fac80080,0 0 220px 90px #fac80038}.day__city{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(110px,20svh,220px);z-index:1;fill:#0b0b0c;stroke:#fac80059;stroke-width:2}.day__in{position:relative;z-index:2}.day__title{font-size:clamp(44px,6.4vw,104px);margin-top:14px}.day__clock{margin-top:clamp(20px,3vw,40px)}.day__clock b{display:block;font-size:clamp(90px,15vw,250px);line-height:.85;color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 0 60px rgba(250,200,0,.35)}.day__caps{display:grid;gap:14px;margin-top:26px}.cap{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:baseline;padding-left:14px;border-left:3px solid var(--yellow)}.cap b{font-size:clamp(28px,3vw,44px);color:var(--yellow)}.cap p{font-size:clamp(16px,1.5vw,22px);font-weight:600;max-width:34ch}.day__end{margin-top:28px;display:grid;gap:14px;justify-items:start}.day__end p{font-size:clamp(26px,3vw,44px)}.day--pinned .day__pin{height:100svh;min-height:620px;padding:0;display:flex;align-items:center}.day--pinned .day__in{width:min(100% - var(--gutter) * 2,var(--container));margin-inline:auto;height:100%;display:block}.day--pinned .day__head{position:absolute;left:0;top:clamp(84px,13svh,130px)}.day--pinned .day__title{font-size:clamp(40px,5.2vw,88px)}.day--pinned .day__clock{position:absolute;right:0;top:clamp(84px,11svh,120px);margin:0;text-align:right}.day--pinned .day__clock b{font-size:clamp(110px,17vw,290px)}.day--pinned .day__caps{position:absolute;left:0;bottom:clamp(150px,27svh,280px);margin:0;width:min(520px,80%)}.day--pinned .cap{position:absolute;left:0;bottom:0;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .6s var(--ease-out);pointer-events:none}.day--pinned .cap.is-on{opacity:1;transform:none}.day--pinned .day__end{position:absolute;left:0;bottom:clamp(150px,27svh,280px);margin:0;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .6s var(--ease-out);pointer-events:none}.day--pinned .day__end.is-on{opacity:1;transform:none;pointer-events:auto}html:not(.has-gsap) .day__sun{top:30%;left:80%}@media (max-width: 860px){.day__sun{top:24%;left:82%}.day__clock{display:none}.day__caps{gap:18px}}.day__sun{position:absolute}.day__sun:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff,#dfe7ff 50%,#aab8e8 90%);box-shadow:0 0 70px 24px #becdff59;opacity:var(--mo, 1)}