:root{--paper:#f6f0e2;--paper-2:#efe7d4;--ink:#2b241b;--ink-3:#8a7c63;--line-2:#e9e0ca;--serif:"Fraunces", "Iowan Old Style", Georgia, serif;--body:"Source Serif 4", "Iowan Old Style", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--fade:2.6s}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.stage{z-index:1;position:fixed;inset:0}.slide{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity var(--fade) var(--ease), visibility 0s linear var(--fade);position:absolute;inset:0}.slide.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--fade) var(--ease), visibility 0s}.slide-one{background:radial-gradient(1100px 600px at 80% -10%, #e8d6aa66, transparent 60%), radial-gradient(800px 500px at 0% 100%, #dcc89647, transparent 55%), var(--paper);display:block}.slide-two{background:#0c2428}.water-canvas{position:absolute;inset:0}.water-canvas canvas{display:block}.slide-three{background:radial-gradient(1100px 600px at 80% -10%, #e8d6aa66, transparent 60%), radial-gradient(800px 500px at 0% 100%, #dcc89647, transparent 55%), var(--paper);place-items:center;display:grid}.stones-canvas{position:absolute;inset:0}.stones-canvas canvas{display:block}.slide-four{background:radial-gradient(1100px 600px at 80% -10%, #e8d6aa66, transparent 60%), radial-gradient(800px 500px at 0% 100%, #dcc89647, transparent 55%), var(--paper);place-items:center;display:grid}.place-canvas{position:absolute;inset:0}.place-canvas canvas{display:block}@media (prefers-reduced-motion:reduce){.slide,.slide.active{transition:opacity .4s var(--ease), visibility 0s}}