:root{--bg: #F2F2F1;--bg-2: #E8E8E6;--paper: #FAFAF9;--rule: #DCDCD8;--rule-2: #C5C5C0;--ink: #1B1714;--ink-2: #3D3530;--mute: #7A7770;--terracotta: #B85A2E;--terracotta-2: #8F4220;--marine: #1F4A52;--ochre: #D69A3C;--serif: "Newsreader", "Iowan Old Style", "Palatino", Georgia, serif;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--t-xs: 12px;--t-sm: 14px;--t-md: 16px;--t-lg: 18px;--t-xl: 22px;--t-2xl: 28px;--t-3xl: 38px;--t-4xl: 52px;--t-5xl: 72px;--t-6xl: clamp(48px, 7vw, 104px);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--radius-sm: 2px;--radius: 4px;--radius-lg: 8px;--maxw: 1180px;--measure: 64ch}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img,svg{display:block;max-width:100%;height:auto}ul,ol{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink-2);font-family:var(--sans);font-size:var(--t-md);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;color:var(--ink);margin:0;text-wrap:pretty}h1{font-size:var(--t-4xl);line-height:1.05;font-variation-settings:"opsz" 48}h2{font-size:var(--t-3xl);line-height:1.2;font-variation-settings:"opsz" 36}h3{font-size:var(--t-2xl);line-height:1.2;font-variation-settings:"opsz" 28}h4{font-size:var(--t-xl);line-height:1.2;font-variation-settings:"opsz" 22}p{margin:0;max-width:var(--measure)}p+p{margin-top:var(--s-4)}.lede{font-size:var(--t-lg);line-height:1.75}em{font-style:italic}.eyebrow{font-family:var(--mono);font-size:var(--t-xs);font-weight:500;color:var(--mute);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--s-5) 0}.meta{font-family:var(--mono);font-size:var(--t-sm);color:var(--mute);font-variant-numeric:tabular-nums}a{color:var(--terracotta);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--terracotta) 35%,transparent);transition:color .15s ease,border-color .15s ease}a:hover{color:var(--terracotta-2);border-bottom-color:var(--terracotta-2)}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-bottom-color:transparent}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-6)}main{padding-top:var(--s-9);padding-bottom:var(--s-9)}.site-header{padding:var(--s-6) 0}.home-link{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);border-bottom:none;padding:var(--s-2);margin-left:calc(var(--s-2) * -1);border-radius:var(--radius);transition:color .15s ease}.home-link:hover{color:var(--terracotta)}.home-link svg{width:22px;height:22px;display:block}.hero{margin-bottom:var(--s-10)}.hero .display{font-family:var(--serif);font-size:clamp(40px,5.5vw,64px);line-height:1.05;font-weight:400;letter-spacing:-.02em;color:var(--ink);font-variation-settings:"opsz" 48;margin-bottom:var(--s-4);text-wrap:balance}.hero .display em{color:var(--terracotta)}.hero .lede{color:var(--ink-2);margin-bottom:var(--s-7)}.currently{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:var(--s-4);max-width:var(--measure);color:var(--ink-2)}.currently .eyebrow{margin:0}.footnote{font-family:var(--serif);font-style:italic;font-size:var(--t-sm);line-height:1.5;color:var(--mute);letter-spacing:0;text-transform:none;margin:0}.page-footnotes{text-align:right;max-width:60%}.page-footnotes .footnote+.footnote{margin-top:var(--s-2)}.section{padding-top:var(--s-9);border-top:1px solid var(--rule)}.lists{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-7)}.list .eyebrow{margin-bottom:var(--s-4)}.list-items{list-style:none;padding:0;margin:0}.list-items li{padding:var(--s-3) 0;border-bottom:1px solid var(--rule);font-family:var(--serif);font-size:var(--t-md);line-height:1.3;font-variation-settings:"opsz" 16}.list-items li:first-child{border-top:1px solid var(--rule)}.list-items a{color:var(--ink);border-bottom:none;transition:color .15s ease}.list-items a:hover{color:var(--terracotta)}.prose{max-width:var(--measure);color:var(--ink-2)}.prose>*+*{margin-top:var(--s-4)}.prose ul,.prose ol{padding-left:var(--s-5)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose ul li,.prose ol li{padding-left:var(--s-2)}.prose li+li{margin-top:var(--s-3)}.prose li::marker{color:var(--terracotta)}.prose strong{color:var(--ink);font-weight:500}.prose code{font-family:var(--mono);font-size:.92em;background:var(--paper);padding:2px 4px;border-radius:var(--radius-sm);border:1px solid var(--rule)}.prose pre{font-family:var(--mono);font-size:var(--t-sm);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s-4);overflow-x:auto}.prose pre code{background:none;padding:0;border:none}.prose pre.astro-code{background:var(--paper)!important}.prose blockquote{font-family:var(--serif);font-style:italic;font-size:var(--t-xl);line-height:1.3;color:var(--ink);border-left:1px solid var(--terracotta);padding-left:var(--s-5);margin:var(--s-6) 0}.prose hr{border:none;border-top:1px solid var(--rule);margin:var(--s-7) 0}.prose .device-shots{display:flex;flex-wrap:wrap;gap:var(--s-6);align-items:flex-end;justify-content:center;margin-top:var(--s-6)}.prose .shot{margin:0}.prose .shot img{border-radius:var(--radius-lg);border:1px solid var(--rule);background:var(--paper)}.prose .shot.phone img{max-height:460px;width:auto}.prose .shot.watch img{max-height:220px;width:auto}.prose .shot figcaption{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--mute);text-align:center}@media(max-width:480px){.prose .shot.phone img{max-height:360px}.prose .shot.watch img{max-height:180px}}.prose .zoom-trigger{display:block;padding:0;border:none;background:none;cursor:zoom-in;border-radius:var(--radius-lg);line-height:0}.prose .zoom-trigger img{display:block}.prose .zoom-trigger:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}.lightbox{inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:var(--s-5);border:none;background:transparent;overflow:hidden;place-items:center}.lightbox:popover-open{display:grid}.lightbox::backdrop{background:color-mix(in srgb,var(--ink) 80%,transparent)}.lightbox .lightbox-inner{display:block;padding:0;border:none;background:none;cursor:zoom-out;max-width:100%;max-height:100%}.lightbox .lightbox-inner img{display:block;width:auto;height:auto;max-width:96vw;max-height:92vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 24px 64px -16px color-mix(in srgb,var(--ink) 70%,transparent)}.prose figure.screenshot{margin:var(--s-6) 0 0}.prose figure.screenshot img{border-radius:var(--radius-lg);border:1px solid var(--rule);background:var(--paper)}.prose figure.screenshot figcaption{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--mute)}.post-list{list-style:none;padding:0;max-width:var(--measure)}.post-list li{border-bottom:1px solid var(--rule)}.post-list li:first-child{border-top:1px solid var(--rule)}.post-list a{display:grid;grid-template-columns:110px 1fr;gap:var(--s-4);align-items:baseline;padding:var(--s-4) 0;color:var(--ink);border-bottom:none}.post-list a:hover,.post-list a:hover .post-title{color:var(--terracotta)}.post-list .post-title{font-family:var(--serif);font-size:var(--t-lg);line-height:1.3;color:var(--ink);transition:color .15s ease}.muted{color:var(--mute)}.section-link{color:inherit;border-bottom:none;transition:color .15s ease}.section-link:after{content:" ↗"}.section-link:hover{color:var(--terracotta);border-bottom:none}.index-list{list-style:none;padding:0;margin-top:var(--s-7);max-width:var(--measure)}.index-list li{border-bottom:1px solid var(--rule)}.index-list li:first-child{border-top:1px solid var(--rule)}.index-list a{display:block;padding:var(--s-5) 0;color:var(--ink);border-bottom:none}.index-list a:hover .index-title{color:var(--terracotta)}.index-title{display:block;font-family:var(--serif);font-size:var(--t-xl);line-height:1.2;color:var(--ink);transition:color .15s ease}.index-summary{display:block;margin-top:var(--s-2);color:var(--ink-2);font-size:var(--t-md);line-height:1.5}.post{max-width:var(--measure);margin:0 auto}.post h1{margin-bottom:var(--s-5)}.post .eyebrow{margin-bottom:var(--s-4)}.post .prose,.post .prose h2{margin-top:var(--s-7)}.post .prose h3{margin-top:var(--s-6)}.post-foot{margin-top:var(--s-8)}.share-inline{font:inherit;padding:0;border:none;background:none;cursor:pointer;color:var(--terracotta);border-bottom:1px solid color-mix(in srgb,var(--terracotta) 35%,transparent);display:inline}.share-inline:hover{color:var(--terracotta-2);border-bottom-color:var(--terracotta-2)}.share-inline:after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.3em;vertical-align:-.05em;background:currentColor;-webkit-mask:var(--share-glyph) center / contain no-repeat;mask:var(--share-glyph) center / contain no-repeat}:root{--share-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.6' y1='10.7' x2='15.4' y2='6.3'/%3E%3Cline x1='8.6' y1='13.3' x2='15.4' y2='17.7'/%3E%3C/svg%3E")}.post-back{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--rule);font-family:var(--mono);font-size:var(--t-sm)}.not-found{max-width:var(--measure);margin:0 auto;padding-top:var(--s-6)}.not-found .eyebrow{margin-bottom:var(--s-4)}.not-found h1{margin-bottom:var(--s-7)}.not-found-figure{margin:0 0 var(--s-7);padding:0;border:1px solid var(--rule);background:var(--bg-2);display:inline-block;max-width:100%}.not-found-figure img{display:block;max-width:100%;height:auto;max-height:420px}.not-found .lede{margin-top:0}.site-footer{padding:var(--s-7) 0 var(--s-9);margin-top:var(--s-9);border-top:1px solid var(--rule)}.footer-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap;padding-top:var(--s-5)}.copyright{font-family:var(--mono);font-size:var(--t-xs);color:var(--mute);letter-spacing:.08em;text-transform:uppercase}.privacy-note{font-family:var(--mono);font-size:11px;color:var(--mute);opacity:.7;margin-top:var(--s-5)}@media(max-width:760px){.container{padding:0 var(--s-5)}main{padding-top:var(--s-7);padding-bottom:var(--s-7)}.hero{margin-bottom:var(--s-9)}.section{padding-top:var(--s-8)}.lists{grid-template-columns:1fr;gap:var(--s-7)}.post-list a{grid-template-columns:1fr;gap:var(--s-1)}.post-list .meta{font-size:var(--t-xs)}.footer-row{flex-direction:column;align-items:flex-start;gap:var(--s-3)}.page-footnotes{text-align:left;max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}