:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f0e9;--ink:#000}*{box-sizing:border-box}html{scrollbar-width:none;background:var(--paper)}html::-webkit-scrollbar{display:none}body{background:var(--paper);color:var(--ink);cursor:none;margin:0;overflow-x:clip}.intro-track{height:180svh}#intro-stage{z-index:10;background:var(--stage-paper,var(--paper));touch-action:pan-y pinch-zoom;place-items:center;display:grid;position:fixed;inset:0}#liquid-canvas{visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}#logo-fallback{width:var(--poster-width,0);pointer-events:none;height:auto;display:block}body.has-liquid #liquid-canvas{visibility:visible}body.has-liquid #logo-fallback,body.is-covered #intro-stage canvas{visibility:hidden}body.is-covered #intro-stage{background:var(--stage-ink,var(--ink))}#portfolio{translate:var(--entry-offset,none);z-index:1;visibility:hidden;background:var(--ink);min-height:140svh;color:var(--paper);position:relative}body.is-revealed{cursor:auto;background:var(--ink);color:var(--paper)}html:has(body.is-revealed){background:var(--ink)}body.is-revealed #intro-stage{opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.22,1,.36,1)}body.is-revealed #portfolio{visibility:visible}.outro-track{background:var(--ink);height:280dvh;display:none}@media (width<=700px) and (pointer:coarse){.intro-track{height:240svh}}body.is-revealed .outro-track{display:block}body.is-outro #intro-stage{opacity:1;pointer-events:auto;cursor:none;translate:0 var(--outro-entry,0px);transition:none}@media (prefers-reduced-motion:reduce){.outro-track{height:145dvh}body.has-liquid #liquid-canvas{visibility:hidden}body.has-liquid:not(.is-covered) #logo-fallback{visibility:visible}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){html:not(.is-building) body.is-revealed:not(.is-outro) #portfolio .is-velocity-moving{transform:translate3d(0, var(--portfolio-drift), 0) skewY(var(--portfolio-shear))}}
