:root{--paper:#faf8fc;--ink:#1c1226;--violet:#7c3cc8;--ember:#ff8f4a;--lilac:#ece2f8;--ink-soft:#4a3d58;--fs-body:clamp(1rem,0.96rem + 0.2vw,1.0625rem);--fs-h2:clamp(1.6rem,1.2rem + 1.9vw,2.6rem);--fs-h1:clamp(2.3rem,1.5rem + 3.6vw,4.3rem);--gut:clamp(16px,4vw,40px);--r:16px;}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-body)/1.6 "Albert Sans",system-ui,sans-serif;overflow-x:clip}::selection{background:var(--ember);color:var(--ink)}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}h1,h2,h3{font-family:"Red Hat Display","Albert Sans",sans-serif;font-weight:900;margin:0;text-wrap:balance;letter-spacing:-0.02em}h3{font-size:var(--fs-body);letter-spacing:0;line-height:1.3}p{margin:0;text-wrap:pretty}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.bar{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:3px solid var(--ink);padding-top:env(safe-area-inset-top)}.bar .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px}.bar-name{grid-column:2;font-family:"Red Hat Display",sans-serif;font-weight:900;font-size:var(--fs-body);letter-spacing:0}.share{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:700 var(--fs-body)/1 "Albert Sans",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.share svg{width:18px;height:18px}.hero{padding-top:clamp(20px,4vw,48px);padding-bottom:64px}.logo{display:block;width:clamp(64px,12vw,144px);height:auto;aspect-ratio:1;border-radius:24%;margin-bottom:clamp(16px,3vw,28px)}h1{font-size:var(--fs-h1);line-height:1.02;max-width:13ch}.lead{margin-top:20px;max-width:46ch;color:var(--ink-soft)}.lead b{color:var(--ink)}.cta-row{margin-top:24px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:260px;min-height:60px;padding:0 32px;background:var(--ember);color:var(--ink);border:3px solid var(--ink);border-radius:999px;box-shadow:0 6px 0 var(--ink);font:700 1.0625rem/1.1 "Albert Sans",sans-serif;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out;-webkit-tap-highlight-color:transparent}.key:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}@media (hover: hover){.key:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--ink)}}.under{margin-top:18px;color:var(--ink-soft)}.band{background:var(--violet);color:#fff;padding:80px 0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.hang{display:grid;gap:16px 48px}.hang>.h{max-width:16ch}.band .intro{color:#f3ecfb;max-width:52ch}.bento{display:grid;gap:24px;margin-top:40px}.tile-shot{display:flex;flex-direction:column;align-items:center}.tile-shot svg.phone{width:min(100%,380px);height:auto;display:block}.slider{margin-top:20px;width:min(100%,340px);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-weight:700}.slider button.end{background:none;border:0;color:#fff;font:700 var(--fs-body)/1 "Albert Sans",sans-serif;min-height:44px;padding:0 4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.track{position:relative;height:44px;border:3px solid var(--ink);border-radius:999px;background:var(--lilac);touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.thumb{position:absolute;top:2px;left:2px;width:34px;height:34px;border-radius:50%;background:var(--ember);border:3px solid var(--ink);transform:translateX(var(--x,0px));transition:transform .2s cubic-bezier(.16,1,.3,1)}.track.dragging .thumb{transition:none}.nums{list-style:none;margin:0;padding:0;display:grid;gap:24px;align-content:start}.nums li{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start}.nums .n{font-family:"Red Hat Display",sans-serif;font-weight:900;font-size:var(--fs-h2);line-height:1;color:var(--ember)}.nums b{display:block}.nums p{color:#f3ecfb}.st-open,.st-shut{transition:opacity .3s ease-out}.phone[data-state="shut"] .st-open{opacity:0}.phone[data-state="open"] .st-shut{opacity:0}.rows>g{animation:fan .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(sibling-index() * 110ms)}@supports not (animation-delay:calc(sibling-index() * 1ms)){.rows>g:nth-child(1){animation-delay:.11s}.rows>g:nth-child(2){animation-delay:.22s}.rows>g:nth-child(3){animation-delay:.33s}.rows>g:nth-child(4){animation-delay:.44s}}@keyframes fan{from{opacity:0;transform:translateX(-24px)}}.toc{padding:96px 0 0}.jump{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:560px;min-height:64px;padding:12px 24px;border:3px solid var(--ink);border-radius:var(--r);background:var(--lilac);text-decoration:none;font-weight:700;box-shadow:6px 6px 0 var(--ink)}.jump span{font-family:"Red Hat Display",sans-serif;font-weight:900}.toc-more{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}.toc-more a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.entry{padding-top:112px}.entry+.entry{padding-top:128px}.entry:last-of-type{padding-top:144px}.entry-head .label{font-weight:700;color:var(--ink-soft)}.tag{display:inline-block;margin:8px 0 12px;padding:4px 14px;border:3px solid var(--ink);border-radius:999px;font-weight:700;line-height:1.3}.tag.note{background:var(--lilac)}.tag.new{background:var(--ember)}.entry h2{font-size:var(--fs-h2);line-height:1.08}.leaflet{display:grid;border:3px solid var(--ink);border-radius:var(--r);box-shadow:8px 8px 0 var(--violet);overflow:hidden;background:var(--paper)}.leaf{padding:24px;display:grid;grid-template-columns:48px 1fr;gap:4px 12px;align-content:start}.leaf:nth-child(2){background:var(--lilac)}.leaf+.leaf{border-top:2px solid var(--ink)}.leaf .n{grid-row:span 2;font-family:"Red Hat Display",sans-serif;font-weight:900;font-size:var(--fs-h2);line-height:1;color:var(--violet)}.leaf p{color:var(--ink-soft)}.strip{display:grid;gap:16px}.panel{border:3px solid var(--ink);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:20px;background:var(--paper);display:grid;gap:10px;align-content:start}.panel:nth-child(2){background:var(--lilac)}.panel svg{width:112px;height:88px}.panel .n{font-family:"Red Hat Display",sans-serif;font-weight:900;font-size:var(--fs-h2);line-height:1;color:var(--violet)}.panel p{color:var(--ink-soft)}.recipe{list-style:none;margin:0;padding:0;display:grid;gap:14px}.recipe li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;animation:fan .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(sibling-index() * 90ms)}@supports not (animation-delay:calc(sibling-index() * 1ms)){.recipe li:nth-child(2){animation-delay:.09s}.recipe li:nth-child(3){animation-delay:.18s}.recipe li:nth-child(4){animation-delay:.27s}}.recipe svg{width:22px;height:22px;margin-top:3px}.close{padding:160px 0 0;text-align:center}.close h2{font-size:var(--fs-h1);line-height:1.04;max-width:16ch;margin:0 auto}.close p{margin:18px auto 0;max-width:44ch;color:var(--ink-soft)}.close .cta-row{margin-top:28px}footer{margin-top:96px;border-top:3px solid var(--ink);background:var(--lilac);padding:48px 0 calc(48px + env(safe-area-inset-bottom));text-align:center}.initial{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--violet);color:#fff;border:3px solid var(--ink);font-family:"Red Hat Display",sans-serif;font-weight:900;font-size:var(--fs-h2);line-height:1}.quote{max-width:560px;margin:28px auto 0;text-align:left;border:3px solid var(--ink);border-radius:var(--r);background:var(--paper);padding:20px 24px}.quote .src{font-weight:700}.quote blockquote{margin:8px 0 10px;color:var(--ink-soft)}.quote a{font-weight:700;text-underline-offset:4px}.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px;margin-top:24px}.flinks a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}@media (min-width:760px){.hang{grid-template-columns:minmax(220px,1fr) 2fr}.bento{grid-template-columns:1.4fr 1fr}.leaflet{grid-template-columns:repeat(3,1fr)}.leaf+.leaf{border-top:0;border-left:2px solid var(--ink)}.strip{grid-template-columns:1.1fr 0.9fr 1.2fr}.panel:nth-child(2){margin-top:32px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}:is(body,html){overflow-x:clip;max-inline-size:100%;}@media (min-width:860px){.hero{text-align:center}.hero .logo,.hero h1,.hero .lead{margin-left:auto;margin-right:auto}.hero h1{max-width:16ch}}