:root{--color-paper: oklch(98.7% .006 250);--color-paper-2: oklch(96.6% .012 250);--color-paper-3: oklch(93.6% .018 252);--color-surface: oklch(99.7% .003 250);--color-ink: oklch(23% .05 262);--color-ink-2: oklch(35% .045 260);--color-muted: oklch(47% .032 258);--color-rule: oklch(89% .018 252);--color-rule-2: oklch(93% .012 252);--color-scrim: oklch(16% .04 262 / .96);--color-bar: oklch(98.7% .006 250);--color-accent: oklch(55% .21 260);--color-accent-strong: oklch(48% .2 262);--color-accent-soft: oklch(93% .04 255);--color-accent-ink: oklch(98.6% .008 250);--color-focus: oklch(55% .23 258);--color-butter: oklch(88% .15 92);--color-butter-strong: oklch(82% .165 86);--color-butter-ink: oklch(26% .06 70);--color-coral: oklch(66% .2 27);--color-coral-ink: oklch(20% .06 27);--color-night: oklch(23% .075 264);--color-night-2: oklch(28% .08 263);--color-night-rule: oklch(38% .07 262);--color-on-night: oklch(96.5% .012 92);--color-on-night-2: oklch(80% .035 250);--color-ok: oklch(47% .12 158);--color-ok-soft: oklch(94.5% .04 158);--color-warn: oklch(50% .11 70);--color-warn-soft: oklch(95.5% .05 85);--color-danger: oklch(51% .18 27);--color-danger-soft: oklch(95% .03 27);--color-film: oklch(24% .04 262);--color-photo-1: oklch(86% .07 250);--color-photo-2: oklch(89% .09 92);--color-photo-3: oklch(84% .08 30);--color-photo-4: oklch(87% .06 160);--font-display: "Plus Jakarta Sans", ui-rounded, ui-sans-serif, sans-serif;--font-body: "Be Vietnam Pro", ui-sans-serif, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: clamp(1.9rem, 2.2vw + 1.2rem, 2.6rem);--text-display-s: clamp(1.9rem, 2.6vw + 1rem, 3.1rem);--text-display: clamp(2.35rem, 4.2vw + 1rem, 4.25rem);--text-numeral: clamp(3rem, 6vw + 1rem, 6rem);--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;--gutter: clamp(1rem, 4vw, 3rem);--measure: 64ch;--page-max: 76rem;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-pill: 999px;--rule-w: 1px;--rule-bold: 2px;--shadow-shot: 0 24px 60px -30px oklch(28% .09 262 / .45);--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;--dur-print: 1.4s;--bar-h: 64px;--cta-bar-h: 72px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bar-h) + var(--space-md))}body{overflow-x:clip;margin:0;padding-top:var(--bar-h);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;font-feature-settings:"kern","liga";text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}p,ul,ol,dl,dd,figure,h1,h2,h3,h4{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}:where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:700;font-style:normal;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;min-width:0}p{text-wrap:pretty}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-xs)}.skip{position:absolute;left:var(--space-md);top:var(--space-sm);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-sm);transform:translateY(-200%)}.skip:focus-visible{transform:none}.wrap{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.lede{font-size:var(--text-md);line-height:1.5;color:var(--color-ink-2);max-width:46ch}.muted{color:var(--color-muted)}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.btn{--btn-bg: var(--color-accent-strong);--btn-fg: var(--color-accent-ink);--btn-bg-hover: var(--color-accent);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:0;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn:hover,.btn.is-hover{background:var(--btn-bg-hover);text-decoration:none}.btn:active,.btn.is-active{transform:translateY(1px);transition-duration:60ms}.btn:focus-visible,.btn.is-focus{outline:3px solid var(--color-focus);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn[data-state=loading]{color:transparent;pointer-events:none}.btn[data-state=loading]:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn[data-state=error]{--btn-bg: var(--color-danger);--btn-bg-hover: var(--color-danger);--btn-fg: var(--color-accent-ink)}.btn[data-state=success]{--btn-bg: var(--color-ok);--btn-bg-hover: var(--color-ok);--btn-fg: var(--color-accent-ink)}.btn--butter{--btn-bg: var(--color-butter);--btn-bg-hover: var(--color-butter-strong);--btn-fg: var(--color-butter-ink)}.btn--quiet{--btn-bg: transparent;--btn-bg-hover: var(--color-paper-2);--btn-fg: var(--color-ink);box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink)}.btn--sm{min-height:40px;padding:0 var(--space-md);font-size:var(--text-sm)}@keyframes spin{to{transform:rotate(360deg)}}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:700;color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px;text-underline-offset:.3em;white-space:nowrap}.link-arrow:active{color:var(--color-accent-strong)}.link-arrow:after{content:"→";transition:transform var(--dur-short) var(--ease-out)}.link-arrow:hover:after{transform:translate(3px)}.nav{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);height:var(--bar-h);background:transparent;border-bottom:var(--rule-w) solid transparent;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out);view-transition-name:site-nav}.nav.is-scrolled,.nav.is-open{background:var(--color-bar);border-bottom-color:var(--color-rule)}.nav__inner{height:100%;display:flex;align-items:center;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-ink);text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.03em;white-space:nowrap}.brand img{width:28px;height:28px}.nav__links{display:none}.nav__link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink-2);text-decoration:none;font-weight:500;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.nav__link:hover{background:var(--color-paper-2);color:var(--color-ink);text-decoration:none}.nav__link:active,.nav__lang:active{background:var(--color-paper-3)}.nav__link[aria-current=page]{color:var(--color-accent-strong);background:var(--color-accent-soft)}.nav__tools{display:flex;align-items:center;gap:var(--space-xs);margin-inline-start:auto}.nav__lang{min-height:40px;min-width:40px;display:inline-grid;place-items:center;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink-2);text-decoration:none;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 0 0 var(--rule-w) var(--color-rule)}.nav__lang:hover{color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-w) var(--color-ink-2);text-decoration:none}.nav__cta{display:none}.nav__menu{position:relative;width:44px;height:44px;border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);cursor:pointer;display:grid;place-items:center}.nav__menu:hover{background:var(--color-ink-2)}.nav__menu:active{transform:scale(.96)}.nav__menu span,.nav__menu span:before{content:"";display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform var(--dur-short) var(--ease-out)}.nav__menu span{position:relative;transform:translateY(-3px)}.nav__menu span:before{position:absolute;top:6px}.nav.is-open .nav__menu span{transform:translateY(0) rotate(45deg)}.nav.is-open .nav__menu span:before{transform:translateY(-6px) rotate(-90deg)}.nav__sheet{position:fixed;inset:var(--bar-h) 0 0;z-index:var(--z-modal);display:grid;align-content:start;gap:var(--space-2xs);padding:var(--space-lg) var(--gutter) max(var(--space-xl),env(safe-area-inset-bottom));background:var(--color-paper);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),visibility 0s linear var(--dur-short)}.nav.is-open .nav__sheet{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav__sheet a:not(.btn){display:flex;align-items:center;justify-content:space-between;min-height:56px;color:var(--color-ink);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;border-bottom:var(--rule-w) solid var(--color-rule)}.nav__sheet a:not(.btn):after{content:"→";color:var(--color-accent);font-weight:500}.nav__sheet a[aria-current=page]{color:var(--color-accent-strong)}.nav__sheet .btn{margin-top:var(--space-lg)}body.is-locked{overflow:hidden}@media(min-width:40rem){.nav__cta{display:inline-flex}}@media(min-width:60rem){.nav__links{display:flex;gap:var(--space-3xs);margin-inline-start:auto}.nav__tools{margin-inline-start:var(--space-sm)}.nav__menu,.nav__sheet{display:none}}.section{padding-block:var(--space-3xl)}.section--tight{padding-block:var(--space-2xl)}.section-head{display:grid;gap:var(--space-sm);max-width:44rem;margin-bottom:var(--space-xl)}.section-head h2{font-size:var(--text-display-s)}.section-head p{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.5}.shot{margin:0;display:grid;gap:var(--space-sm);min-width:0}.shot__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-md)}.shot img{width:100%;border-radius:var(--radius-md);border:var(--rule-w) solid var(--color-rule);background:var(--color-surface);box-shadow:var(--shadow-shot)}.shot figcaption{font-size:var(--text-sm);color:var(--color-muted);max-width:60ch}.lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-on-night)}.lightbox::backdrop{background:var(--color-scrim)}.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:fade-in var(--dur-short) var(--ease-out)}.lightbox__bar{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--gutter)}.lightbox__close{min-height:44px;padding:0 var(--space-md);border:0;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-weight:600;cursor:pointer}.lightbox__close:hover{background:var(--color-paper-2)}.lightbox__close:active{transform:translateY(1px)}.lightbox__stage{overflow:auto;overscroll-behavior:contain;display:grid;place-items:center start;padding:0 var(--gutter)}.lightbox__stage img{max-width:none;width:200%;height:auto;border-radius:var(--radius-sm);animation:zoom-in var(--dur-long) var(--ease-out)}@media(min-width:40rem){.lightbox__stage{place-items:center}.lightbox__stage img{width:auto;max-width:min(100%,1600px)}}.lightbox__cap{padding:var(--space-sm) var(--gutter) max(var(--space-md),env(safe-area-inset-bottom));text-align:center;color:var(--color-on-night-2);font-size:var(--text-sm)}@keyframes fade-in{0%{opacity:0}}@keyframes zoom-in{0%{opacity:0;transform:scale(.96)}}.defer{content-visibility:auto;contain-intrinsic-size:auto 900px}.field{display:grid;gap:var(--space-2xs);min-width:0}.field label,.field .label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.field .hint{font-size:var(--text-sm);color:var(--color-muted)}.input,.select,.textarea{width:100%;min-height:48px;padding:var(--space-sm) var(--space-md);border:var(--rule-w) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--dur-short) var(--ease-out)}.textarea{min-height:120px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--color-muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-ink-2)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.input:disabled,.textarea:disabled{background:var(--color-paper-2);cursor:not-allowed;opacity:.55}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.field__error{font-size:var(--text-sm);color:var(--color-danger);min-height:1lh}.input--mono{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase}.notice{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.5}.notice:empty{display:none}.notice--error{background:var(--color-danger-soft);color:var(--color-danger)}.notice--ok{background:var(--color-ok-soft);color:var(--color-ok)}.notice--info{background:var(--color-accent-soft);color:var(--color-ink)}.turnstile:empty{display:none}.faq{border-top:var(--rule-bold) solid var(--color-ink)}.faq details{border-bottom:var(--rule-w) solid var(--color-rule)}.faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md) 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.015em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-family:var(--font-mono);font-weight:500;color:var(--color-accent);transition:transform var(--dur-short) var(--ease-in-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>div{padding-bottom:var(--space-lg);color:var(--color-ink-2);max-width:var(--measure);display:grid;gap:var(--space-sm)}.foot{margin-top:var(--space-2xl);padding-block:var(--space-2xl) var(--space-xl);border-top:var(--rule-w) solid var(--color-rule);view-transition-name:site-foot}.foot__inner{display:grid;gap:var(--space-xl)}.foot__line{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:var(--text-display-s);max-width:18ch}.foot__line span{color:var(--color-accent)}.foot__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-lg);padding-top:var(--space-md);border-top:var(--rule-w) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted)}.foot__meta a{color:var(--color-ink-2);text-decoration:none;white-space:nowrap;min-height:32px;display:inline-flex;align-items:center}.foot__meta a:hover{color:var(--color-ink);text-decoration:underline}.foot__meta .brand{font-size:var(--text-base);margin-inline-end:auto}.foot__meta .brand img{width:22px;height:22px}.cta-bar{position:fixed;inset:auto 0 0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-sm);min-height:var(--cta-bar-h);padding:var(--space-sm) var(--gutter) max(var(--space-sm),env(safe-area-inset-bottom));background:var(--color-bar);border-top:var(--rule-w) solid var(--color-rule);transform:translateY(110%);transition:transform var(--dur-long) var(--ease-out);view-transition-name:cta-bar}.cta-bar.is-shown{transform:none}.cta-bar__text{font-size:var(--text-xs);color:var(--color-muted);line-height:1.3;margin-inline-end:auto;min-width:0}.cta-bar__text b{display:block;color:var(--color-ink);font-size:var(--text-sm)}.cta-bar .btn{min-height:44px;padding:0 var(--space-md)}body.has-cta-bar{padding-bottom:var(--cta-bar-h)}@media(min-width:60rem){.cta-bar{display:none}body.has-cta-bar{padding-bottom:0}}.reveal{opacity:0;transform:translateY(10px);animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.btn[data-state=loading]:after{animation-duration:1.2s!important;animation-iteration-count:infinite!important}.reveal{animation:reveal-fade .15s linear forwards;transform:none}@keyframes reveal-fade{to{opacity:1}}.cta-bar{transition:none}.lightbox[open],.lightbox__stage img{animation:none}.nav{transition:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-short);animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.hero{padding-top:var(--space-xl);overflow:visible}.hero__grid{display:grid;gap:var(--space-xl);align-items:center}.hero__copy{display:grid;gap:var(--space-md);min-width:0}.hero h1{font-size:var(--text-display);max-width:14ch}.hl{background:linear-gradient(transparent 64%,var(--color-butter) 64%,var(--color-butter) 90%,transparent 90%);padding-inline:.04em}.hero .lede{max-width:46ch}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-2xs)}.hero__meta{font-size:var(--text-sm);color:var(--color-muted)}.hero__meta b{color:var(--color-ink)}.hero__shot{margin-inline-end:calc(var(--gutter) * -1)}.hero__shot img{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}@media(min-width:60rem){.hero{padding-top:var(--space-3xl)}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl)}.hero__shot{width:calc(100% + 14vw);margin-inline-end:0}}.works{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs) var(--space-md);padding-block:var(--space-xl) var(--space-lg)}.works__label{font-size:var(--text-sm);color:var(--color-muted)}.works__list{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);padding:0;margin:0;list-style:none}.works__list li{font-family:var(--font-display);font-weight:700;color:var(--color-ink-2);white-space:nowrap}.tour{padding-block:var(--space-2xl) var(--space-xl)}.tour__list{display:flex;align-items:flex-start;gap:var(--space-md);margin:0 calc(var(--gutter) * -1);padding:var(--space-2xs) var(--gutter) var(--space-md);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.tour__list::-webkit-scrollbar{display:none}.step{flex:0 0 min(86%,26rem);scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:inset 0 0 0 var(--rule-w) var(--color-rule)}.step__shot{order:-1}.step__shot img{box-shadow:none}.step__text{display:grid;gap:var(--space-xs);padding:0 var(--space-2xs) var(--space-xs);align-content:start}.step__num{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1;color:var(--color-accent)}.step h3{font-size:var(--text-lg)}.step p{color:var(--color-ink-2)}.step__more{font-size:var(--text-sm);color:var(--color-muted)}.tour__count{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}@media(min-width:60rem){.tour{padding-block:var(--space-3xl) var(--space-2xl)}.tour__list{display:grid;gap:0;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl);min-height:78vh;padding:var(--space-2xl) 0;border-radius:0;background:none;box-shadow:none;border-top:var(--rule-w) solid var(--color-rule)}.step__shot{order:0;align-self:center}.step__shot img{box-shadow:var(--shadow-shot)}.step__text{position:sticky;top:calc(var(--bar-h) + var(--space-2xl));align-self:start;padding:0;gap:var(--space-sm);transition:opacity var(--dur-long) var(--ease-out)}.tour.is-live .step:not(.is-active) .step__text{opacity:.38}.step__num{font-size:var(--text-numeral);letter-spacing:-.05em}.step h3{font-size:var(--text-xl)}.step p{max-width:42ch}.tour__count{display:none}}.counter{background:var(--color-night);color:var(--color-on-night);padding-block:var(--space-3xl) var(--space-2xl);margin-top:var(--space-xl)}.counter__grid{display:grid;gap:var(--space-xl)}.counter h2{font-size:var(--text-display-s);max-width:14ch}.counter__intro{display:grid;gap:var(--space-md);align-content:start}.counter__intro p{color:var(--color-on-night-2);font-size:var(--text-md);line-height:1.5;max-width:45ch}.counter__intro a{color:var(--color-butter)}.ledger{display:grid;gap:0;margin:0}.ledger div{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-top:var(--rule-w) solid var(--color-night-rule)}.ledger dt{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:-.015em}.ledger dd{margin:0;color:var(--color-on-night-2);max-width:54ch}.ledger dd b{color:var(--color-on-night);font-weight:600}@media(min-width:56rem){.counter__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-3xl)}.counter__intro{position:sticky;top:calc(var(--bar-h) + var(--space-xl))}.ledger div{grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:var(--space-lg)}}.modes{padding-block:var(--space-3xl) var(--space-xl)}.mode-list{display:grid;gap:0}.mode{display:grid;gap:var(--space-xs);padding-block:var(--space-lg);border-bottom:var(--rule-w) solid var(--color-rule)}.mode:first-child{border-top:var(--rule-bold) solid var(--color-ink)}.mode__name{font-size:var(--text-xl);letter-spacing:-.035em;line-height:1}.mode:nth-child(2) .mode__name{color:var(--color-accent)}.mode__for{font-weight:600}.mode__body{display:grid;gap:var(--space-sm);align-content:start}.mode__body p{color:var(--color-ink-2);max-width:56ch}.modes__note{margin-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);max-width:60ch}@media(min-width:52rem){.mode{grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,5fr);gap:var(--space-xl);align-items:baseline}.mode__name{font-size:var(--text-display-s)}}.start{padding-block:var(--space-2xl) var(--space-lg)}.start__card{display:grid;gap:var(--space-xl);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);background:var(--color-paper-2)}.start__head{display:grid;gap:var(--space-md);align-content:start}.start__card h2{font-size:var(--text-display-s);max-width:15ch}.start__lede{color:var(--color-ink-2);max-width:46ch}.kit{display:grid;gap:var(--space-xs);padding:0;margin:var(--space-2xs) 0 0;list-style:none;font-size:var(--text-sm)}.kit li{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:var(--space-xs);align-items:baseline}.kit li:before{content:"";width:.7rem;height:.7rem;border-radius:3px;translate:0 .05em;box-shadow:inset 0 0 0 var(--rule-bold) var(--color-ink-2)}.kit b{font-weight:600}.start__actions{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);align-items:center;margin-top:var(--space-2xs)}.start__visual{position:relative;display:grid;place-items:center}.start__art{margin:0;width:min(60%,220px)}.start__art svg{width:100%;height:auto;overflow:visible}.sticker{position:absolute;top:0;right:0;z-index:var(--z-raised);display:grid;place-items:center;text-align:center;width:5rem;height:5rem;border-radius:50%;background:var(--color-coral);color:var(--color-coral-ink);font-family:var(--font-display);font-weight:800;line-height:1;font-size:var(--text-xs);rotate:10deg}.sticker b{display:block;font-size:var(--text-lg)}@media(min-width:52rem){.start__card{grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding:var(--space-2xl);gap:var(--space-2xl)}.start__art{width:min(80%,280px)}.sticker{width:6.25rem;height:6.25rem;font-size:var(--text-sm)}.sticker b{font-size:var(--text-xl)}}.art-body{fill:var(--color-ink)}.art-body-2{fill:var(--color-ink-2)}.art-slot{fill:var(--color-film)}.art-led{fill:var(--color-butter)}.art-label{fill:var(--color-on-night-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em}.art-strip{fill:var(--color-surface);stroke:var(--color-rule);stroke-width:1.5}.art-p1{fill:var(--color-photo-1)}.art-p2{fill:var(--color-photo-2)}.art-p3{fill:var(--color-photo-3)}.art-p4{fill:var(--color-photo-4)}.art-ink{fill:var(--color-ink)}.art-accent{fill:var(--color-accent)}.art-butter{fill:var(--color-butter-strong)}.art-white{fill:var(--color-surface)}.art-line{fill:none;stroke:var(--color-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art-caption{fill:var(--color-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.18em}.strip{transform:translateY(-74%);transition:transform var(--dur-print) var(--ease-out)}.start__card.is-in .strip{transform:none}.strip-nudge{transition:transform var(--dur-long) var(--ease-out)}.start__visual:hover .strip-nudge{transform:translateY(10px)}@media(prefers-reduced-motion:reduce){.strip{transform:none;transition:none}.strip-nudge,.step__text{transition:none}}