:root{--color-paper: oklch(97% .008 160);--color-paper-2: oklch(94% .011 160);--color-rule: oklch(86% .012 160);--color-neutral: oklch(46% .012 160);--color-muted: oklch(42% .014 160);--color-ink: oklch(21% .014 160);--color-accent: oklch(50% .12 165);--color-accent-lift: oklch(62% .12 165);--color-focus: oklch(52% .15 165);--color-ink-muted: oklch(72% .01 160);--color-rule-dark: oklch(30% .012 160);--color-shade: oklch(16% .02 160);--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-poster: "Bricolage Grotesque", "Arial Narrow", sans-serif;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--rule-hair: 1px;--page-gutter: clamp(1rem, 4vw, 1.5rem);--measure: 65ch;--radius-card: clamp(1.25rem, 2.5vw, 2rem);--deck-gap: clamp(.75rem, 1.5vw, 1.25rem)}html,body{overflow-x:clip}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.page{padding-inline:var(--page-gutter);max-width:76rem;margin-inline:auto}.reveal{opacity:0;transform:translateY(8px);animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes reveal{to{opacity:1;transform:none}}.stage{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2xs);padding-block:var(--space-sm)}.deck{--peek: clamp(1.25rem, 7.5%, 10%);--slide-w: calc(100% - 2 * var(--peek) - 2 * var(--deck-gap));position:relative;display:flex;gap:var(--deck-gap);overflow-x:auto;scroll-behavior:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}.deck.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}.deck.is-dragging *{cursor:grabbing}.deck::-webkit-scrollbar{display:none}.deck:focus-visible{outline-offset:6px}.deck:before,.deck:after{content:"";flex:0 0 max(0px,calc((100% - var(--slide-w)) / 2 - var(--deck-gap)))}.slide{flex:0 0 var(--slide-w);scroll-snap-align:center;position:relative;overflow:clip;border-radius:var(--radius-card);min-height:max(min(84vh,64rem),26rem);min-height:max(min(84dvh,64rem),26rem);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3.5vw,3rem)}.slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-dashboard{--dashboard-off: 110%;transform:translateY(var(--dashboard-off))}.background-intro-complete .slide-dashboard{animation:dashboard-loop 24.4s cubic-bezier(.22,1,.36,1) infinite}.background-intro-complete .slide-dashboard-next{animation-delay:12.2s}@keyframes dashboard-loop{0%{transform:translateY(var(--dashboard-off, 110%))}4.508197%,45.491803%{transform:translateY(0)}50%,to{transform:translateY(var(--dashboard-off, 110%))}}@media(prefers-reduced-motion:reduce){.slide-dashboard,.background-intro-complete .slide-dashboard{transform:none;animation:none!important}.slide-dashboard-next{display:none}}.slide-shade{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in oklab,var(--color-shade) 86%,transparent),color-mix(in oklab,var(--color-shade) 40%,transparent) 46%,transparent 74%),linear-gradient(to bottom,color-mix(in oklab,var(--color-shade) 46%,transparent),transparent 28%)}.slide-logo{position:relative;margin:0}.slide-logo svg,.slide-logo img{height:clamp(1.9rem,3.2vw,2.6rem);width:auto;display:block}.slide-ink .slide-logo{color:var(--color-paper)}.slide-ink .slide-logo path,.slide-ink .slide-logo rect{fill:currentColor}.slide-body{position:relative;display:grid;gap:var(--space-sm);max-width:56rem}.slide-ink{background:var(--color-ink);color:var(--color-paper)}.slide-photo,.slide-photo .slide-note,.slide-photo .slide-cta{color:var(--color-paper)}.slide-title{margin:0;font-family:var(--font-poster);font-weight:500;font-size:clamp(2.25rem,5vw + .75rem,4.75rem);line-height:1.05;letter-spacing:.005em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0}.slide-title .dot{color:var(--color-accent)}.slide-note{margin:0;max-width:46ch;font-size:var(--text-base);line-height:1.55}.slide-photo .slide-note{color:var(--color-paper)}.slide-ink .slide-note{color:var(--color-ink-muted)}.slide-cta{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-2xs);font-weight:500;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-bottom:2px solid var(--color-accent);padding-bottom:var(--space-2xs);transition:color var(--dur-micro) var(--ease-out)}.slide-cta:hover{color:var(--color-accent)}.slide-cta:active{transform:translateY(1px)}.slide-photo .slide-cta,.slide-ink .slide-cta{border-color:var(--color-accent-lift)}.slide-ink .slide-cta{text-transform:none}.slide-photo .slide-cta:hover,.slide-ink .slide-cta:hover{color:var(--color-accent-lift)}.dots{display:flex;justify-content:center;gap:var(--space-sm)}.dot{appearance:none;background:none;border:0;padding:var(--space-md) var(--space-2xs);cursor:pointer}.dot-bar{display:block;width:clamp(2.75rem,7vw,4.5rem);height:.4rem;border-radius:999px;background:var(--color-neutral);transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.dot:hover .dot-bar,.dot[aria-current=true] .dot-bar{background:var(--color-ink)}.dot:active .dot-bar{transform:scale(.96)}.foot{margin-top:0}.foot-inner{padding-top:0;padding-bottom:var(--space-sm);text-align:center}.foot-fine{margin:0;font-size:var(--text-xs);color:var(--color-neutral)}@media(min-width:40rem){.slide-note{font-size:var(--text-md)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.reveal{animation:reveal-reduced .15s linear forwards}@keyframes reveal-reduced{to{opacity:1;transform:none}}}
