:root{--ink:#0e2232;--paper:#edf0f2;--line:#0e223229}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{font-family:var(--font-geist), Arial, sans-serif;color:var(--ink);background:var(--paper);margin:0}button{font:inherit}.pitch{min-height:100vh}.pages{margin-left:82px}.page{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;min-height:100svh;padding:clamp(16px,3vw,44px);display:grid}.page img{object-fit:contain;background:#fff;width:min(100%,177.778svh - 1.77778*clamp(32px,6vw,88px));height:auto;max-height:calc(100svh - clamp(32px,6vw,88px));display:block;box-shadow:0 20px 70px #0e22321f}.progress{z-index:10;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#edf0f2e6;flex-direction:column;align-items:center;width:82px;padding:22px 0;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.wordmark i{background:var(--ink);border-radius:50%;width:9px;height:9px;display:block}.counter{writing-mode:vertical-rl;align-items:baseline;gap:3px;margin-top:auto;display:flex;transform:rotate(180deg)}.counter strong{font-size:20px;font-weight:650}.counter span{opacity:.5;font-size:10px}.progress nav{gap:8px;margin:22px 0;display:grid}.progress nav button{cursor:pointer;background:0 0;border:0;padding:3px 17px}.progress nav span{background:var(--ink);opacity:.18;border-radius:9px;width:3px;height:12px;transition:all .2s;display:block}.progress nav button.active span{opacity:1;height:25px}.controls{gap:6px;margin-top:auto;display:grid}.controls button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#ffffffbf;border-radius:50%;place-items:center;display:grid}:is(.controls button:hover,.controls button:focus-visible){outline:2px solid var(--ink);outline-offset:2px;background:#fff}@media (min-width:700px){html{scroll-snap-type:y mandatory}}@media (max-width:699px){.progress{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;width:100%;height:58px;padding:0 14px;inset:0 0 auto}.pages{margin-left:0;padding-top:58px}.page{min-height:auto;padding:14px 10px}.page img{width:100%;max-height:none}.counter{writing-mode:initial;margin:0;transform:none}.progress nav{display:none}.controls{margin:0;display:flex}.controls button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}