.home{--gutter:max(var(--space-4), env(safe-area-inset-left))}.skip-link{left:var(--space-3);z-index:50;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--ink);color:var(--sheet);position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.home__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:max(var(--space-3), env(safe-area-inset-top)) var(--gutter) var(--space-3);display:flex}.home__brand{color:var(--ink);font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.1rem,.6rem + 2.4vw,1.35rem);line-height:1.05;text-decoration:none}.home__links{align-items:center;gap:var(--space-1);flex:none;display:flex}.home__theme{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:background-color .15s var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.home__theme:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.home__theme svg{transition:rotate .45s var(--ease-out)}.home__theme[aria-pressed=true] svg{rotate:180deg}.home__studio{white-space:nowrap;min-height:44px;color:var(--ink);text-underline-offset:.2em;align-items:center;font-weight:500;display:inline-flex}.hero{gap:var(--space-6);padding:var(--space-5) var(--gutter) var(--space-8);display:grid}.hero__title{text-wrap:balance;max-width:11ch;position:relative}.home:not(.intro-run,.intro-done) .hero__title,.home:not(.intro-done) :is(.home__bar,.hero__sub,.hero__cta,.hero__desk,.steps,.cta-bar,.site-footer){opacity:0;animation:0s 2.5s forwards intro-fallback}.home.intro-run :is(.home__bar,.hero__sub,.hero__cta,.hero__desk,.steps,.cta-bar,.site-footer){animation:none}.home.intro-done :is(.home__bar,.hero__sub,.hero__cta,.hero__desk,.steps,.cta-bar,.site-footer){transition:opacity .6s var(--ease-out)}@keyframes intro-fallback{to{opacity:1}}.hero__title--drawing .hero__letter{color:#0000}.hero__pad .pad__guide{transform-box:fill-box;transform-origin:0}.hero__ink{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hero__letter--hand{font-size:1.04em}.hero__sub{max-width:34rem;margin:var(--space-4) 0 0;color:var(--ink-soft);font-size:1.125rem;line-height:1.55}.hero__cta{display:none}.hero__pad{width:min(100%,62dvh);margin-inline:auto}.hero__pad:empty{padding-block:calc(1.6rem * 1.1 + var(--space-1) + var(--text-body) * 1.5 + var(--space-3)) calc(44px + var(--space-3))}.hero__pad:empty:before{content:"";aspect-ratio:1;border-radius:var(--radius);background:var(--sheet);display:block}.home-pad{gap:var(--space-3);display:grid}.home-pad__prompt{font-family:var(--font-display);margin:0;font-size:1.6rem;line-height:1.1}.home-pad__ask{gap:var(--space-1);display:grid}.home-pad__hint{color:var(--ink-soft);margin:0}.home-pad__hint a{color:var(--ink);text-underline-offset:.2em;font-weight:500}.home-pad__actions{justify-content:space-between;gap:var(--space-2);display:flex}.home-pad--done{padding:var(--space-6) 0}.steps{padding:var(--space-8) var(--gutter);border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}.steps__title{margin-bottom:var(--space-6);font-family:var(--font-display);font-size:var(--text-h2)}.steps__list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.step{column-gap:var(--space-4);grid-template-columns:3.5rem 1fr;align-items:start;display:grid}.step__number{font-family:var(--font-display);color:var(--guide);grid-row:span 2;font-size:3.5rem;line-height:.85}.step__name{font-size:1.25rem;font-weight:600}.step__text{max-width:34ch;margin:var(--space-1) 0 0;color:var(--ink-soft)}.home .site-footer{padding-bottom:calc(var(--space-9) + env(safe-area-inset-bottom))}.cta-bar{z-index:10;padding:var(--space-3) var(--gutter) max(var(--space-3), env(safe-area-inset-bottom));background:linear-gradient(to top, var(--paper) 70%, color-mix(in srgb, var(--paper) 0%, transparent));display:flex;position:fixed;inset:auto 0 0}.cta-bar .button{flex:1;min-height:52px;font-size:1.05rem}@media (min-width:1100px){.hero{align-items:center;column-gap:var(--space-5);min-height:calc(100dvh - 72px);padding:var(--space-6) var(--space-8) var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr))}.hero__text{grid-column:1/span 7}.hero__desk{grid-column:8/span 5}.hero__pad{width:100%;max-width:520px}.hero__cta{margin-top:var(--space-6);--pad-x:var(--space-6);min-height:52px;font-size:1.05rem;display:inline-flex}.cta-bar{display:none}.home .site-footer{padding-bottom:var(--space-6)}.home__bar{padding:var(--space-5) var(--space-8) 0}.steps{padding:var(--space-9) var(--space-8)}.steps__list{gap:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px) and (hover:hover) and (pointer:fine){.hero__pad .pad{transition:rotate .35s var(--ease-out);rotate:-1.5deg}.hero__pad:hover .pad,.hero__pad:focus-within .pad{rotate:0deg}}@media (prefers-reduced-motion:reduce){.hero__pad .pad{rotate:0deg}}