:root{--bg: hsl(0, 0%, 100%);--fg: #000000;--muted: #b9b9b9}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:host grotesk,sans-serif}.loader{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;flex-direction:column;animation:gradientReveal .5s 3s ease-out forwards}@keyframes gradientReveal{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(12px)}}.container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:60vw;height:80vh}@media screen and (max-width: 768px){.container{flex-direction:column;height:80vh}}.loading{font-size:2rem;font-weight:800;font-family:host grotesk,sans-serif;text-decoration:uppercase;opacity:.6;color:#000;z-index:100;mix-blend-mode:overlay}.credit{font-size:.8rem;font-weight:400;font-family:host grotesk,sans-serif;opacity:.6;color:#000;z-index:100}.count-up-text{font-size:2rem;font-family:"instrument serif",serif;font-style:italic;color:#000;width:40px;text-align:center}@keyframes fadeOut{0%,90%{opacity:1}to{opacity:0}}.ink-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;pointer-events:none;background:var(--ink-bg, #5a5a5a);--ink-r: 0px;--ink-ox: 50vw;--ink-oy: 50vh;clip-path:circle(var(--ink-r) at var(--ink-ox) var(--ink-oy));transition:clip-path 16ms linear;will-change:clip-path}.ink-counter{position:fixed;left:var(--ink-ox);top:var(--ink-oy);transform:translate(-50%,-50%);font-size:clamp(24px,6vw,64px);line-height:1;color:#000;font-family:instrument-serif,"serif";font-style:italic;font-size:4rem;animation:fadeIn .3s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion: reduce){.ink-overlay{display:none}}