*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-height:100svh}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}
:root{--color-ink:#0a1114;--color-paper:#f4f1e8;--color-cyan:#00accf;--color-cyan-deep:#007f9c;--font-display:var(--font-bricolage), system-ui, sans-serif;--font-body:var(--font-google-sans), system-ui, sans-serif;--text-micro:clamp(.6875rem, .6667rem + .0926vw, .75rem);--text-small:clamp(.8125rem, .7708rem + .1852vw, .9375rem);--text-body:clamp(1rem, .9375rem + .2778vw, 1.1875rem);--text-lead:clamp(1.125rem, 1rem + .5556vw, 1.5rem);--text-h4:clamp(1.25rem, 1.0833rem + .7407vw, 1.75rem);--text-h3:clamp(1.5rem, 1.1667rem + 1.4815vw, 2.5rem);--text-h2:clamp(2rem, 1.1667rem + 3.7037vw, 4.5rem);--text-display:clamp(2.75rem, 1rem + 7.7778vw, 8rem);--text-mega:clamp(4.5rem, 2rem + 11.111vw, 12rem);--content-max:96rem;--vw:min(1vw, calc(var(--content-max) / 100));--space-gutter:max(clamp(1.25rem, 5vw, 4.5rem), calc((100vw - var(--content-max)) / 2));--space-section:clamp(5rem, 12vw, 11rem);--boundary-size:clamp(6rem, 20vw, 18rem);--arch:clamp(2.5rem, 8vw, 7rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--costume-orange:#ff8a4c;--costume-pink:#ff93be;--costume-yellow:#ffd23f;--costume-green:#62d68c;--costume-lilac:#b9a1ff;--color-error:#b3360f;--z-nav:100;--z-scrollbar:800;--z-curtain:900;--z-cursor:950;--z-intro:1000}@property --workshop-accent{syntax:"<color>";inherits:true;initial-value:#00accf}html[data-intro=playing],html[data-intro=revealing],html[data-menu=open]{overflow:hidden}html{scrollbar-width:none;scroll-padding-top:5rem;font-size:clamp(100%,100% + min(100vw,177.78vh)/147.059 - 10.88px,190%)}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;line-height:1.05}h1{font-size:var(--text-display)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}p{text-wrap:pretty}[data-reveal]{opacity:0}html:not([data-intro]) [data-reveal]{opacity:1}html:has([data-ink-end]) body{background:var(--color-ink)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;overflow-x:clip}
