.klous{color:#f0d9e4;min-height:100vh;font-family:var(--font-space), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:#16131f;position:relative;overflow-x:clip}.klous a{text-decoration:none}.klous .font-serif{font-family:var(--font-instrument), Georgia, serif}.klous .font-disp{font-family:var(--font-bricolage), system-ui, sans-serif}.klous .grain{pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:130px 130px;animation:5.4s steps(6,end) infinite klous-grain;position:absolute;inset:0}@keyframes klous-grain{0%{transform:translate(0)}17%{transform:translate(-4px,3px)}33%{transform:translate(3px,-4px)}50%{transform:translate(-3px,-2px)}67%{transform:translate(4px,3px)}83%{transform:translate(-2px,4px)}to{transform:translate(0)}}@keyframes klous-floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes klous-bloom{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes klous-sweep{0%{transform:translate(-140%)}60%,to{transform:translate(260%)}}@keyframes klous-zoom{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes klous-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}@keyframes klous-cue{0%{opacity:.9;transform:translateY(0)}50%{opacity:.3;transform:translateY(9px)}to{opacity:.9;transform:translateY(0)}}@keyframes klous-cardin{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1024px){.klous .tri-grid{grid-template-columns:1fr!important}}@media (max-width:900px){.klous .scene-grid{grid-template-columns:1fr!important}.klous .scene-grid>.scene-media{order:2}.klous .scene-media{height:52vh!important}.klous .hero-word{font-size:clamp(40px,12vw,82px)!important}}@media (max-width:600px){.klous .scene-media{height:46vh!important}}@media (max-width:639px){.klous [data-tagline],.klous [data-scrollhint]{text-shadow:0 1px 12px #16131f99}.klous [data-wordmark]{text-shadow:0 2px 22px #16131f80}}@media (hover:none){.klous a:hover,.klous button:hover{transform:none!important}}@media (prefers-reduced-motion:reduce){.klous *,.klous .grain{animation:none!important}}