:root{--bg: #fcfcfc;--bg-elevated: #f6f6f6;--bg-hover: color-mix(in srgb, var(--fg) 4%, transparent);--fg: #222222;--fg-soft: #545454;--muted: #9a9a9a;--muted-strong: #787878;--border: rgba(0, 0, 0, .04);--border-strong: rgba(0, 0, 0, .07);--rule: rgba(0, 0, 0, .08);--tick: var(--accent);--tick-size: 9px;--frame-max: 880px;--frame-pad-x: 0px;--header-pad-x: var(--space-3);--accent: #ea580c;--accent-hover: #f97316;--accent-soft: rgba(234, 88, 12, .1);--nav-active-bg: color-mix(in srgb, var(--fg) 2.5%, var(--bg));--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .8);--glass-active-bg: rgba(255, 255, 255, .75);--glass-blur: blur(20px) saturate(160%);--highlight: rgba(250, 204, 21, .35);--code-bg: rgba(0, 0, 0, .03);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--size-micro: 11px;--size-meta: 13px;--size-body: 15px;--size-lead: 17px;--size-h1: 30px;--size-h2: 19px;--max-main: 530px;--max-text: 500px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-squircle: 22px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--space-7: 88px;--easing: cubic-bezier(.19, 1, .22, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--bg-elevated: #0d0d0d;--bg-hover: color-mix(in srgb, var(--fg) 6%, transparent);--fg: #f0f0f0;--fg-soft: #c4c4c4;--muted: #8a8a8a;--muted-strong: #a3a3a3;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--rule: rgba(255, 255, 255, .12);--accent: #fb923c;--accent-hover: #fdba74;--accent-soft: rgba(251, 146, 60, .12);--nav-active-bg: color-mix(in srgb, var(--fg) 5%, var(--bg));--glass-bg: rgba(28, 28, 28, .64);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 2px 24px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--glass-active-bg: rgba(18, 18, 18, .94);--highlight: rgba(250, 204, 21, .2);--code-bg: rgba(255, 255, 255, .05)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-sans);font-size:var(--size-body);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;stroke-width:var(--icon-stroke, 1.4);overflow:visible}.icon[data-morph]{transform-origin:50% 50%}::selection{background:var(--accent-soft);color:var(--fg)}.main{width:100%;max-width:var(--max-main);margin-inline:auto;min-width:0;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;padding:var(--space-5) 0 var(--space-6)}.prose{max-width:var(--max-main)}.prose p,.prose ul,.prose ol,.prose blockquote{max-width:var(--max-text)}.page-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.page-title h1{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.022em;margin:var(--space-5) 0 var(--space-3);color:var(--fg)}h1{font-size:var(--size-h1)}h2{font-size:var(--size-h2)}h3{font-size:var(--size-body)}p,ul,ol{margin:0 0 var(--space-3)}main.main a{color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent);transition:border-color .15s ease}main.main a:hover{border-bottom-color:color-mix(in srgb,currentColor 58%,transparent)}main.main a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}main.main .footer-links a,main.main .section-title a,main.main .about-hero__credit-link{border-bottom:none}hr{border:0;border-top:1px solid var(--border);margin:var(--space-5) 0}code,kbd,samp{font-family:var(--font-mono);font-size:.88em;background:var(--code-bg);padding:2px 6px;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:13px;line-height:1.6;background:var(--code-bg)}pre code{background:transparent;padding:0;border:0;border-radius:0}blockquote{margin:var(--space-4) 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-strong);color:var(--fg-soft)}img{max-width:100%;height:auto;border-radius:var(--radius-md)}.section-title{position:relative;display:flex;align-items:center;gap:var(--space-3);font-size:var(--size-body);font-weight:600;color:var(--fg);margin:var(--space-6) 0 var(--space-3);padding-top:var(--space-4);letter-spacing:-.01em}.section-title:before{content:"";position:absolute;top:0;left:calc((100% - 100cqw) / 2 - var(--frame-pad-x));width:calc(100cqw + 2 * var(--frame-pad-x));height:1px;background:var(--rule);pointer-events:none}.section-title:after{content:"";position:absolute;top:calc((var(--tick-size) - 1px) / -2);left:calc((100% - 100cqw) / 2 - (var(--tick-size) - 1px) / 2 - 1px - var(--frame-pad-x));width:calc(100cqw + var(--tick-size) - 1px + 2px + 2 * var(--frame-pad-x));height:var(--tick-size);pointer-events:none;background:linear-gradient(var(--tick),var(--tick)) left center / var(--tick-size) 1px no-repeat,linear-gradient(var(--tick),var(--tick)) calc((var(--tick-size) - 1px) / 2) center / 1px var(--tick-size) no-repeat,linear-gradient(var(--tick),var(--tick)) right center / var(--tick-size) 1px no-repeat,linear-gradient(var(--tick),var(--tick)) calc(100% - (var(--tick-size) - 1px) / 2) center / 1px var(--tick-size) no-repeat}.section-title a{color:inherit;text-decoration:none;transition:color .15s ease}.section-title a:hover{color:var(--fg);text-decoration:none}.entries{list-style:none;padding:0;margin:0}.tools-list li:not(:has(>a.entry-link)),.tools-list a.entry-link{grid-template-columns:160px 1fr}.tools-list .entry-title{font-weight:500}.entries li:not(:has(>a.entry-link)){display:grid;grid-template-columns:96px 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin:0 calc(var(--space-2) * -1);font-size:var(--size-body);align-items:baseline;border-radius:var(--radius-md);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.entries li:not(:has(>a.entry-link)):hover{background:var(--glass-active-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--glass-border);box-shadow:var(--glass-inset),0 1px 6px #0000000f}.entries li:has(>a.entry-link){display:block;margin:0 calc(var(--space-2) * -1);padding:0}.entries a.entry-link{display:grid;grid-template-columns:96px 1fr;gap:var(--space-3);padding:var(--space-2) var(--space-2);font-size:var(--size-body);align-items:baseline;border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;color:inherit;box-sizing:border-box;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.entries a.entry-link:hover{background:var(--glass-active-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--glass-border);box-shadow:var(--glass-inset),0 1px 6px #0000000f}.entries .entry-date,.project-grid-date{color:var(--muted-strong);font-size:var(--size-meta);font-variant-numeric:tabular-nums}.entries .entry-title{color:var(--fg);text-decoration:none;transition:color .15s ease;min-width:0}.entries .entry-title .entry-favorite{display:inline-block;margin-left:.45em;font-size:.62em;line-height:0;color:var(--accent);vertical-align:.06em;filter:drop-shadow(0 0 .3em color-mix(in srgb,var(--accent) 30%,transparent));white-space:nowrap}.entries .entry-title .entry-favorite .icon--star-solid{display:block}.entries li:hover .entry-title,.entries a.entry-link:hover .entry-title{color:var(--fg)}.entries .entry-meta{color:var(--muted);font-size:var(--size-meta);display:block;margin-top:2px}.year-header{font-size:var(--size-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:var(--space-5) 0 var(--space-2);font-variant-numeric:tabular-nums}.entries.projects li:not(:has(>a.entry-link)){grid-template-columns:1fr auto;padding:var(--space-3) var(--space-2)}.entries.projects .entry-title{font-weight:500}.entries.projects .entry-meta{margin:0;align-self:center;text-align:right;font-variant-numeric:tabular-nums}.post-header{margin-bottom:var(--space-5)}.post-header h1{margin:0 0 var(--space-2);font-size:32px;line-height:1.15}.post-header .meta{color:var(--muted-strong);font-size:var(--size-meta);font-variant-numeric:tabular-nums}.post-content :first-child{margin-top:0}.post-content>p{font-size:16px;line-height:1.8;margin-bottom:var(--space-3)}.post-content h2{font-size:var(--size-lead);margin-top:var(--space-5)}.post-content h3{font-size:var(--size-body);margin-top:var(--space-4)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.post-meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:.6em;row-gap:.3em}main.main .post-meta a:not(.chip){border-bottom:none}.post-kind{font-size:var(--size-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.post-permalink{color:var(--accent)}main.main .post-link-out{border-bottom:none;color:inherit}main.main .post-link-out:hover{color:var(--accent)}.post-link-out__arrow{display:inline-block;margin-left:.2em;font-size:.7em;color:var(--accent);vertical-align:.2em}.post--note .post-header{margin-bottom:var(--space-3)}.post--note .post-title{font-size:22px}.entries .entry-kind{margin-left:.45em;font-size:var(--size-micro);font-weight:500;color:var(--muted);white-space:nowrap}.entries .entry-title[data-kind=link] .entry-kind{color:var(--accent)}.post-filters{display:flex;flex-wrap:wrap;gap:6px;margin:var(--space-4) 0 var(--space-2)}.work-filters{margin-bottom:var(--space-4)}.chip--topics{margin-left:auto}.callout{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);max-width:var(--max-text)}.post-content .callout{margin:var(--space-4) 0}.callout__label{display:flex;align-items:center;gap:.4em;margin:0 0 var(--space-1);font-size:var(--size-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-strong)}.callout__body>:last-child{margin-bottom:0}.callout__body p{font-size:var(--size-body);line-height:1.65}.callout--update .callout__label{color:var(--accent)}.callout--outdated{border-style:dashed}.post-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.post-footer__section{margin-bottom:var(--space-5)}.post-footer__title{font-size:var(--size-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-2)}.post-footer__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.post-footer__head .post-footer__title{margin:0}.prose .post-history__list,.prose .post-history__minor ul,.prose .post-history__meta{list-style:none;padding:0;margin:0;max-width:none}.post-history__item{display:grid;grid-template-columns:96px 1fr auto;gap:var(--space-3);align-items:baseline;padding:var(--space-2) 0;font-size:var(--size-body)}.post-history__item+.post-history__item{border-top:1px dashed var(--border)}.post-history__date{color:var(--muted-strong);font-size:var(--size-meta);font-variant-numeric:tabular-nums}.post-history__note{color:var(--fg)}main.main .post-history__link{margin-left:.6em;font-size:var(--size-meta);color:var(--muted-strong)}.post-history__rev{padding:1px 8px;border:1px solid var(--border);border-radius:999px;font-size:var(--size-micro);font-weight:600;color:var(--muted-strong);font-variant-numeric:tabular-nums}.post-history__item:first-child .post-history__rev{color:var(--fg);border-color:var(--border-strong)}.post-history__meta{display:flex;gap:var(--space-3);margin:0;font-size:var(--size-meta)}main.main .post-history__meta a{display:inline-flex;align-items:center;gap:.25em;border-bottom:0;color:var(--muted-strong);text-decoration:none;transition:color .15s ease}main.main .post-history__meta a:hover{color:var(--fg)}.post-history__meta .icon{font-size:.9em}.post-history__minor{margin-top:var(--space-1);font-size:var(--size-meta);color:var(--muted-strong)}.post-history__minor summary{display:inline-flex;align-items:center;gap:.35em;cursor:pointer;list-style:none}.post-history__minor summary::-webkit-details-marker{display:none}.post-history__minor summary .icon{transition:transform .18s ease}.post-history__minor[open] summary .icon{transform:rotate(90deg)}.prose .post-history__minor ul{margin-top:var(--space-2)}.post-history__minor li{display:grid;grid-template-columns:96px 1fr;gap:var(--space-3);padding:3px 0}main.main .post-history__minor a{justify-self:start;color:var(--fg-soft)}.post-history__note-small{margin:var(--space-2) 0 0;font-size:var(--size-meta);color:var(--muted)}.post-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}main.main a.post-adjacent__link{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);text-decoration:none;color:inherit}main.main a.post-adjacent__link:hover{background:var(--bg-elevated)}.post-adjacent__link--newer{text-align:right}.post-adjacent__kicker{font-size:var(--size-micro);color:var(--muted)}.post-adjacent__title{font-size:var(--size-meta);font-weight:600;color:var(--fg)}@media (max-width: 540px){.post-adjacent{grid-template-columns:1fr}.post-adjacent__link--newer{text-align:left}.post-history__item{grid-template-columns:1fr auto;row-gap:2px}.post-history__date{grid-column:1 / -1}}.work-casestudy{max-width:min(100%,42rem)}.work-meta-line{flex-wrap:wrap}.work-post-header .work-title-block{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:.45em;row-gap:.2em;margin:0 0 var(--space-2)}.work-post-header .work-title-block h1{margin:0;width:fit-content;max-width:100%;flex:0 1 auto;min-width:0}.work-post-header .work-title-block .work-favorite{flex:0 0 auto;line-height:0;font-size:1.35rem;color:var(--accent);transform:translateY(-.02em);filter:drop-shadow(0 0 .45em color-mix(in srgb,var(--accent) 30%,transparent));white-space:nowrap}.work-post-header .work-title-block .work-favorite .icon--star-solid{display:block}.work-flags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3)}.work-links{list-style:none;padding:0;margin:var(--space-5) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--size-meta)}.mat-wallpaper--macos-dark{--mat-wallpaper-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-color:#07090f;background-image:var(--mat-wallpaper-noise),radial-gradient(ellipse 90% 70% at 18% 22%,rgba(88,128,210,.42),transparent 58%),radial-gradient(ellipse 70% 55% at 88% 78%,rgba(48,78,160,.38),transparent 55%),radial-gradient(ellipse 55% 40% at 55% 108%,rgba(28,48,110,.55),transparent 50%),linear-gradient(165deg,#141824,#0a0c14 42%,#06070c);background-blend-mode:soft-light,normal,normal,normal,normal;border-color:#ffffff0f}.work-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-4);margin:0 0 var(--space-5);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--size-meta);align-items:start}.work-facts[data-fact-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.work-facts[data-fact-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 32rem){.work-facts,.work-facts[data-fact-count="4"],.work-facts[data-fact-count="2"]{grid-template-columns:1fr}}.work-fact{margin:0}.work-fact dt{color:var(--muted);font-size:var(--size-micro);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px}.work-fact dd{margin:0;color:var(--fg-soft);line-height:1.4}.work-hero-figure{margin:0}.work-stage .work-hero-figure{margin:0;overflow:visible}.work-hero-figure .zoom-trigger{border-radius:var(--radius-md);overflow:visible;display:block;width:100%}.work-hero{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;object-position:center center;box-sizing:border-box;padding:28px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.work-hero-figure.is-zoomed .work-hero{aspect-ratio:4 / 3;object-fit:contain;object-position:center center!important;box-sizing:border-box;padding:clamp(1.25rem,3.5vw,2rem)}.work-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-3);margin:0 0 var(--space-5)}.work-devices figure{margin:0}.work-devices img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;object-position:center center;box-sizing:border-box;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.work-devices figcaption{margin-top:var(--space-2);font-size:var(--size-micro);color:var(--muted);text-align:center}.work-stage{margin:0 0 var(--space-5)}.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-2) 0 0;list-style:none;padding:0}.work-gallery-item{display:block;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;overflow:visible;transition:border-color .15s ease,box-shadow .15s ease}.work-gallery-item:hover,.work-gallery-item[aria-pressed=true]{border-color:color-mix(in srgb,var(--fg) 22%,var(--border))}.work-gallery-item:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.work-gallery-item img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:contain;object-position:center center;box-sizing:border-box;padding:16px;pointer-events:none}.work-devices>figure.zoomable.is-zoomed{grid-column:1 / -1;justify-self:start;width:calc(100% + 2 * var(--z-bleed));max-width:none;margin-inline:calc(-1 * var(--z-bleed))}.zoom-trigger{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:zoom-in;font:inherit;text-align:left;border-radius:inherit}.zoomable{margin-inline:0;--z-inset: var(--space-3);--z-bleed: calc((100cqw - 100%) / 2 + var(--frame-pad-x) - var(--z-inset))}figure.zoomable.is-zoomed{width:auto;margin-inline:calc(-1 * var(--z-bleed));cursor:zoom-out}.zoomable.is-zoomed .zoom-trigger{cursor:zoom-out}.pfig--pair .pfig-cell.is-zoomed{grid-column:1 / -1;margin-inline:0}.zoomable:not(.ms).is-zoomed .zoom-trigger:not(:has(video)){aspect-ratio:4 / 3;height:auto;max-height:82dvh}.zoomable:not(.ms).is-zoomed .zoom-trigger:has(video){aspect-ratio:auto;height:auto;max-height:82dvh}.zoomable:not(.ms).is-zoomed img{aspect-ratio:auto;object-fit:contain;object-position:center center!important;width:100%;height:100%;box-sizing:border-box;padding:clamp(1.25rem,3.5vw,2rem);background:transparent;transform:none!important}.zoomable:not(.ms).is-zoomed video{max-height:calc(82dvh - 2.5rem)}.plyr{--plyr-color-main: var(--accent);--plyr-video-control-color: #fff;--plyr-video-control-color-hover: #fff;--plyr-video-control-background-hover: var(--accent);--plyr-audio-control-background-hover: var(--accent);--plyr-range-fill-background: var(--accent);--plyr-control-toggle-checked-background: var(--accent);--plyr-focus-visible-color: var(--accent);--plyr-video-progress-buffered-background: rgba(255, 255, 255, .25);--plyr-menu-background: var(--bg-elevated);--plyr-menu-color: var(--fg);--plyr-tooltip-background: var(--bg-elevated);--plyr-tooltip-color: var(--fg);--plyr-font-family: inherit;--plyr-border-radius: var(--radius-sm, 6px);--plyr-control-radius: var(--radius-sm, 6px)}.plyr--video .plyr__control--overlaid,.plyr--video .plyr__control:hover,.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control[aria-expanded=true]{background:var(--accent);color:#fff}.plyr--video .plyr__control svg{fill:currentColor}#sprite-plyr[hidden]{display:block!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important}.plyr--full-ui input[type=range]{color:var(--accent)}.zoomable:not(.is-zoomed) .plyr__controls,.zoomable:not(.is-zoomed) .plyr__control--overlaid{display:none!important}.cio-shot-video-clip .plyr,.pvideo-clip .plyr,.ms-video-clip .plyr{width:100%;height:100%;min-width:0;min-height:0;background:transparent;border-radius:inherit}.cio-shot-video-clip .plyr__video-wrapper,.pvideo-clip .plyr__video-wrapper,.ms-video-clip .plyr__video-wrapper{width:100%;height:100%;background:transparent}.cio-shot-video-clip .plyr video,.pvideo-clip .plyr video,.ms-video-clip .plyr video,.cio-shot-video-clip video.cio-shot-video,.pvideo-clip video.pvideo-el{width:100%;height:100%;object-fit:contain;object-position:center}.zoomable.is-zoomed .plyr{cursor:default}.pvideo{margin:0 0 var(--space-5)}.pvideo-shell{display:grid;place-items:center;width:100%;padding:18px 22px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);cursor:zoom-in}.pvideo.zoomable.is-zoomed>.pvideo-shell{aspect-ratio:auto;max-height:82dvh;cursor:zoom-out}.pvideo-clip{display:block;width:100%;max-height:min(70dvh,640px);aspect-ratio:var(--pvideo-ar, 16 / 10);container-type:inline-size;overflow:hidden;border-radius:calc(var(--pvideo-window-radius, .01) * 100cqw)}.pvideo-clip .plyr,.pvideo-el{display:block;width:100%;height:100%;border-radius:0}.pvideo-el{object-fit:contain;object-position:center}.pvideo.zoomable.is-zoomed .pvideo-clip{max-height:calc(82dvh - 2.5rem)}.pvideo.zoomable.is-zoomed .pvideo-el,.pvideo.zoomable.is-zoomed .pvideo-clip .plyr{cursor:default}.pvideo>figcaption{margin:var(--space-2) auto 0;max-width:var(--max-text);font-size:var(--size-meta);line-height:1.45;color:var(--muted-strong);text-align:center;text-wrap:pretty}.work-section{margin-bottom:var(--space-5)}.work-section-title{font-size:var(--size-h2);font-weight:600;margin:0 0 var(--space-2);color:var(--fg)}.work-prior-rule{margin:0 0 var(--space-5);border:0;border-top:1px solid var(--border)}.work-prior-label{margin:0 0 var(--space-3);font-size:var(--size-meta);color:var(--muted-strong)}.work-prior-block{margin:0 0 var(--space-4)}.work-prior-block-title{margin:0 0 var(--space-2);font-size:var(--size-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong)}.work-prior .ms{margin:0}.work-prior .ms-frame{overflow:visible;padding:28px}.work-prior .ms-slide img,.work-prior .ms-slide :global(.ms-trigger img){object-fit:contain}.work-md p{font-size:16px;line-height:1.8}.work-md p:first-child{margin-top:0}.work-md ul,.work-md ol{display:flex;flex-direction:column;gap:8px}.work-md li{line-height:1.65}.work-body{margin-top:var(--space-2)}.work-legacy{font-size:var(--size-meta);color:var(--muted-strong)}.work-legacy a{color:var(--fg-soft)}.work-links+.work-legacy{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--rule);max-width:var(--max-text)}.back-link{margin-top:var(--space-5);font-size:var(--size-meta)}.highlight{background-image:linear-gradient(75deg,#facc1580,#facc1533 4%,#facc1559 96%,#facc1599);padding:1px 5px;border-radius:var(--radius-sm)}.url-chip{display:block;position:fixed;inset:auto;margin:0;z-index:10000;max-width:min(340px,calc(100vw - 16px));padding:5px 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--size-meta);line-height:1.35;color:var(--fg-soft);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s var(--easing),visibility .15s}.url-chip.url-chip--visible{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.url-chip{transition:opacity .08s ease,visibility .08s;transform:none}.url-chip.url-chip--visible{transform:none}}@media (max-width: 560px){.entries li:not(:has(>a.entry-link)){grid-template-columns:80px 1fr;gap:var(--space-2)}.entries a.entry-link{grid-template-columns:80px 1fr;gap:var(--space-2)}.tools-list li:not(:has(>a.entry-link)),.tools-list a.entry-link{grid-template-columns:80px 1fr}.post-header h1{font-size:24px}}.work-testimonials{margin-top:var(--space-6)}.work-testimonials .section-title{margin-bottom:var(--space-3)}.work-testimonial-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.work-testimonial-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;padding:var(--space-3);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.work-testimonial-card:hover{background:#fff;border-color:var(--border-strong);box-shadow:0 1px 6px #0000000f}@media (prefers-color-scheme: dark){.work-testimonial-card,.work-testimonial-card:hover{background:var(--bg-elevated)}}.work-testimonial-quote{font-size:var(--size-meta);color:var(--fg-soft);line-height:1.6;margin:0 0 var(--space-3)}.work-testimonial-footer{display:flex;flex-direction:column;gap:2px}.work-testimonial-name{font-size:var(--size-body);font-weight:600;color:var(--fg);margin:0}.work-testimonial-role{font-size:var(--size-meta);color:var(--fg-soft);margin:0}.work-testimonial-context{font-size:var(--size-meta);color:var(--muted);margin:var(--space-1) 0 0}html.orange-mode{--bg: #fff3e8;--bg-elevated: #ffe8d0;--bg-hover: rgba(234, 88, 12, .12);--accent: #f97316;--accent-hover: #fb923c;--accent-soft: rgba(249, 115, 22, .15)}@media (prefers-color-scheme: dark){html.orange-mode{--bg: #180b00;--bg-elevated: #271200;--bg-hover: rgba(251, 146, 60, .15)}}#orange-mode-toast{position:fixed;top:50%;left:50%;background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--size-body);font-weight:600;z-index:9999;opacity:0;transform:translate(-50%,calc(-50% + 8px));transition:opacity .2s ease,transform .2s var(--spring);pointer-events:none;white-space:nowrap}#orange-mode-toast.orange-mode-toast--visible{opacity:1;transform:translate(-50%,-50%)}@media (prefers-reduced-motion: no-preference){@keyframes text-in{0%{opacity:0;transform:translate3d(0,.3rem,0)}}main.main :is(h1,h2,h3,h4,p,blockquote,.meta,.page-title,.lead):not(:has(img:not(.cio-chip__avatar,.cadence-chip__avatar),picture,video,iframe)){animation:text-in .5s cubic-bezier(.16,1,.3,1) 80ms backwards}main.main :is(h1,.page-title){animation-delay:0ms}html.reveal-ready .reveal{opacity:0;transform:translate3d(0,.45rem,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--reveal-i, 0) * 48ms)}html.reveal-ready .reveal.is-in{opacity:1;transform:translateZ(0)}}.topic-list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:2px}.topic-list li{margin:0 calc(var(--space-2) * -1)}main.main a.topic-link{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-3);row-gap:2px;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;text-decoration:none;color:inherit}main.main a.topic-link:hover{background:var(--bg-elevated);border-color:var(--border)}.topic-link__name{font-weight:600;color:var(--fg)}.topic-link__count{font-size:var(--size-meta);color:var(--muted);font-variant-numeric:tabular-nums}.topic-link__desc{grid-column:1 / -1;font-size:var(--size-meta);color:var(--fg-soft)}.colophon__lead{font-size:var(--size-lead);color:var(--fg-soft)}.colophon h2{font-size:var(--size-lead);margin-top:var(--space-5)}.colophon li{margin-bottom:var(--space-2)}.colophon .chip{margin-right:.2em}.colophon__build{font-size:var(--size-meta);color:var(--muted-strong)}.post-state{color:var(--muted-strong)}main.main a.post-state:hover{color:var(--fg)}.post-meta .post-state:not([data-status]):before{content:"·";margin-right:.1em;color:var(--muted)}.post-state[data-status]:before{content:"";display:inline-block;vertical-align:.12em;margin-right:.5em;width:6px;height:6px;border-radius:50%;flex-shrink:0}.post-state[data-status=working]:before{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.post-state[data-status=outdated]:before{background:#eab308}.post-state[data-status=outdated]{font-style:italic}.pfig{margin:var(--space-4) 0}.pfig .zoom-trigger{display:block;width:100%;padding:0;margin:0;border:1px solid var(--border);background:var(--bg-elevated);cursor:zoom-in;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1 / 1;box-sizing:border-box}.pfig.zoomable.is-zoomed>.zoom-trigger,.pfig .pfig-cell.is-zoomed>.zoom-trigger{aspect-ratio:4 / 3;height:auto}.pfig img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;box-sizing:border-box;padding:14px 28px;background:none;border:none;border-radius:0;transition:none}.pfig.zoomable.is-zoomed img,.pfig .pfig-cell.is-zoomed img{height:100%;aspect-ratio:auto;padding:clamp(1.25rem,3.5vw,2rem)}.pfig>img{aspect-ratio:1 / 1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.pfig>figcaption{margin:var(--space-2) auto 0;max-width:var(--max-text);font-size:var(--size-meta);line-height:1.45;color:var(--muted-strong);text-align:center;text-wrap:pretty}.pembed{--z-inset: var(--space-3);--z-bleed: calc((100cqw - 100%) / 2 + var(--frame-pad-x) - var(--z-inset));position:relative;width:auto;margin:var(--space-4) calc(-1 * var(--z-bleed))}.pembed iframe{display:block;width:100%;aspect-ratio:16 / 11;height:auto;min-height:min(70dvh,520px);max-height:min(85dvh,900px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated)}.pembed:not(.is-interactive) iframe{pointer-events:none}.pembed__shield{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer;color:inherit;font:inherit}.pembed__shield-label{opacity:0;transform:translateY(.2rem);padding:.45rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--fg) 12%,var(--border));background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(8px);color:var(--fg-soft);font-size:var(--size-meta);line-height:1.2;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.pembed__shield:hover .pembed__shield-label,.pembed__shield:focus-visible .pembed__shield-label{opacity:1;transform:translateY(0)}.pembed__shield:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.pembed.is-interactive .pembed__shield{display:none}.pembed>figcaption{margin:var(--space-2) auto 0;max-width:var(--max-text);font-size:var(--size-meta);line-height:1.45;color:var(--muted-strong);text-align:center;text-wrap:pretty}.pfig--pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:start}.pfig-cell{margin:0;min-width:0}.pfig--pair>figcaption{grid-column:1 / -1;margin:var(--space-2) auto 0;max-width:var(--max-text)}@media (max-width: 480px){.pfig--pair{grid-template-columns:1fr}}.pacc{margin:0 0 var(--space-4);max-width:var(--max-text);border-top:1px solid var(--border)}.pacc-item{margin:0;border-bottom:1px solid var(--border)}.pacc-body{display:grid;grid-template-rows:0fr}.pacc-item[data-open]>.pacc-body{grid-template-rows:1fr}.pacc.is-ready .pacc-body{transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)}.pacc-body-inner{overflow:hidden;min-height:0;opacity:0;transform:translateY(-6px)}.pacc-item[data-open]>.pacc-body>.pacc-body-inner{opacity:1;transform:none}.pacc.is-ready .pacc-body-inner{transition:opacity .2s ease,transform .34s cubic-bezier(.22,1,.36,1)}.pacc.is-ready .pacc-item[data-open]>.pacc-body>.pacc-body-inner{transition-delay:.05s,0s}.pacc.is-ready .pacc-item:not([data-open])>.pacc-body>.pacc-body-inner{transition-delay:0s;transition-duration:.16s,.28s}.pacc-item>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7em 0;list-style:none;cursor:pointer;font-size:var(--size-body);font-weight:600;color:var(--fg);line-height:1.35;user-select:none;transition:color .15s ease}.pacc-item>summary::-webkit-details-marker{display:none}.pacc-item>summary:after{content:"+";box-sizing:border-box;display:grid;place-items:center;flex:0 0 auto;width:1.25em;height:1.25em;font-size:1.15em;font-weight:500;color:var(--muted);line-height:1;transform-origin:center center;transition:color .15s ease,transform .3s cubic-bezier(.22,1,.36,1)}.pacc-item[data-open]>summary:after{transform:rotate(45deg)}.pacc-item>summary:hover{color:var(--fg)}.pacc-item>summary:hover:after{color:var(--muted-strong)}.pacc-item>summary:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:2px}.pacc-body-inner>p{margin:0 0 var(--space-3);padding:0 1.5em 0 0;font-size:var(--size-meta);line-height:1.55;color:var(--fg-soft);text-wrap:pretty}@media (prefers-reduced-motion: reduce){.pacc-body,.pacc-body-inner,.pacc-item>summary:after{transition:none}.pacc-body-inner{transform:none}}.appendix{margin:var(--space-4) 0}.appendix__label{margin-right:.6em;font-size:var(--size-micro);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.appendix .pacc-body-inner>:is(ul,ol,table,pre,figure){margin-bottom:var(--space-3)}.compare .pfig-cell{position:relative}.compare__label{position:absolute;top:8px;left:8px;padding:.1em .55em;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid var(--border);font-size:var(--size-micro);font-weight:600;color:var(--fg-soft);pointer-events:none}.compare .pfig-cell.is-zoomed .compare__label{display:none}.compare--stepper,.snapshots{margin:var(--space-4) 0}.prompt{margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.prompt__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5em .75em;padding:10px var(--space-3);border-bottom:1px solid var(--border);font-size:var(--size-micro);color:var(--muted-strong)}.prompt__label{display:inline-flex;align-items:center;gap:.35em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.prompt__model{font-weight:500;color:var(--fg-soft)}.prompt__date{font-variant-numeric:tabular-nums}.prompt__copy{margin-left:auto;display:inline-flex;align-items:center;gap:.35em;padding:.2em .6em;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);font:inherit;color:var(--fg-soft);cursor:pointer}.prompt__copy:hover{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 22%,var(--border))}.prompt__turn{padding:var(--space-3)}.prompt__turn+.prompt__turn,.prompt__more .prompt__turn{border-top:1px solid var(--border)}.prompt__turn--assistant{background:var(--bg)}.prompt__role{margin:0 0 4px;font-size:var(--size-micro);font-weight:600;color:var(--muted-strong)}.prompt__text{font-size:var(--size-meta);line-height:1.65;color:var(--fg)}.prompt__turn--user .prompt__text{font-family:var(--font-mono);font-size:12.5px}.prompt__text>:first-child{margin-top:0}.prompt__text>:last-child{margin-bottom:0}.prompt__text p{max-width:none;font-size:inherit;line-height:inherit;margin:0 0 .6em}.prompt__more>summary{padding:10px var(--space-3);border-top:1px solid var(--border);font-size:var(--size-meta);font-weight:500;color:var(--fg-soft);cursor:pointer}.prompt__more>summary:hover{color:var(--fg)}.prompt__caption{padding:10px var(--space-3);border-top:1px solid var(--border);font-size:var(--size-meta);color:var(--muted-strong)}.post-content{counter-reset:sidenote}.sn-ref{counter-increment:sidenote;display:inline-block;padding:0 4px;margin-left:-2px;font-size:.7em;font-weight:600;line-height:0;vertical-align:super;color:var(--accent);cursor:pointer;user-select:none}.sn-ref:after{content:counter(sidenote)}.sn-toggle{display:none}.sn-note{display:none;margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--accent);background:var(--bg-elevated);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--size-meta);line-height:1.55;color:var(--fg-soft)}.sn-note:before{content:counter(sidenote) ". ";font-weight:600;color:var(--accent)}.sn-toggle:checked+.sn-note{display:block}.sn-toggle:focus-visible~.sn-note,.sn-ref:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.sn-ref:hover{text-decoration:underline}@container frame (min-width: 840px){.sn-ref{cursor:default;padding:0 2px}.sn-ref:hover{text-decoration:none}.sn-note,.sn-toggle:checked+.sn-note{--sn-w: 138px;--sn-gap: 26px;display:block;float:right;clear:right;box-sizing:border-box;width:var(--sn-w);margin:.2em calc(-1 * (var(--sn-w) + var(--sn-gap))) var(--space-3) 0;padding:6px 0 0;border:0;border-top:1px solid var(--rule);border-radius:0;background:none;font-size:12px;line-height:1.5;color:var(--muted-strong);text-wrap:pretty}.sn-note:before{content:counter(sidenote,decimal-leading-zero);display:block;margin-bottom:2px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.06em;color:var(--accent)}.post-content>:is(figure,.pfig,.compare,.snapshots,.prompt,.pacc,.appendix,.callout,table,pre){clear:right}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.post-content .footnotes{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--size-meta);color:var(--fg-soft)}.post-content .footnotes ol{padding-left:1.2em}.post-content .footnotes p{font-size:inherit;line-height:1.6;margin:0 0 .4em}.post-content [data-footnote-ref]{font-weight:600;color:var(--accent)}main.main .post-content [data-footnote-ref],main.main .post-content .data-footnote-backref{border-bottom:none}.post-content table{width:100%;margin:var(--space-3) 0;border-collapse:collapse;font-size:var(--size-meta);font-variant-numeric:tabular-nums}.post-content :is(th,td){padding:6px var(--space-2) 6px 0;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.post-content th{font-size:var(--size-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-strong)}.pfig--fill .zoom-trigger,.pfig--fill.zoomable.is-zoomed>.zoom-trigger{aspect-ratio:auto;background:none}.pfig--fill img{height:auto;padding:0;object-fit:cover}:root{--chip-line: var(--border-strong);--chip-line-hover: color-mix(in srgb, var(--fg) 22%, var(--border))}.chip,.intro-pill,.about-exp-pill,.cta,.work-link-pill,.back-link a{--chip-h: 24px;--chip-px: 10px;--chip-fs: 12px;display:inline-flex;align-items:center;gap:.4em;box-sizing:border-box;height:var(--chip-h);padding:0 var(--chip-px);font-family:inherit;font-size:var(--chip-fs);font-weight:500;line-height:1;color:var(--fg-soft);background:transparent;border:1px solid var(--chip-line);border-radius:var(--radius-pill);white-space:nowrap;text-decoration:none;vertical-align:baseline;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip--tag,.chip--filter,.chip--action,.intro-pill,.about-exp-pill,.cta,.work-link-pill,.back-link a{--chip-h: 28px;--chip-px: 12px;--chip-fs: 13px}main.main a.chip,main.main a.intro-pill,main.main a.about-exp-pill,main.main a.cta,main.main a.work-link-pill,main.main .back-link a{color:var(--fg-soft);border-bottom:1px solid var(--chip-line)}main.main a.chip:hover,main.main a.cta:hover,main.main a.work-link-pill:hover,main.main .back-link a:hover{color:var(--fg);background:var(--bg-elevated);border-color:var(--chip-line-hover)}.chip .icon,.intro-pill .icon,.about-exp-pill .icon,.cta .icon,.work-link-pill .icon{font-size:1.1em;line-height:1;color:var(--muted-strong);flex-shrink:0}main.main .cta .arrow,main.main .back-link a .arrow,main.main .work-link-pill__icon{display:inline-block;line-height:1;flex-shrink:0;transition:transform .25s var(--easing)}main.main .cta:hover .arrow,main.main .back-link a:hover .arrow{transform:translate(3px)}main.main .back-link a:hover .arrow{transform:translate(-3px)}main.main .work-link-pill:hover .work-link-pill__icon{transform:translate(2px,-2px)}main.main a.intro-pill:hover,main.main a.about-exp-pill--link:hover{color:#fff;border-color:transparent;background:var(--tick)}main.main a.intro-pill:hover .icon,main.main a.about-exp-pill--link:hover .icon{color:#fff}.about-exp-pill{margin-top:2px}.chip--accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--chip-line))}main.main a.chip--accent{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 38%,var(--chip-line))}main.main a.chip--accent:hover{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--chip-line))}.chip--accent .icon{color:inherit}.chip--status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.chip--status[data-status=active]:before,.chip--status[data-status=working]:before{background:var(--accent)}.chip--status[data-status=maintained]:before{background:#c4a574}.chip--status[data-status=paused]:before{background:#eab308}.chip--status[data-status=stable]:before,.chip--status[data-status=read]:before{background:#16a34a}.chip--status[data-status=reading]:before{background:var(--accent)}.chip--status[data-status=want]:before{background:var(--muted)}.chip--status[data-status=archived]:before,.chip--status[data-status=outdated]:before{background:var(--muted)}.chip--kind[data-hot]{color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;list-style:none;padding:0;margin:0}.chip-row>li{margin:0}.chip--filter[aria-current=page],main.main a.chip--filter[aria-current=page]{color:var(--bg);background:var(--fg);border-color:var(--fg)}.chip__count{opacity:.55;font-variant-numeric:tabular-nums}.text-chip,.cio-chip{--chip-pad-y: .2em;display:inline-flex;align-items:baseline;gap:.28em;padding:var(--chip-pad-y) .6em var(--chip-pad-y) .45em;margin-block:calc(var(--chip-pad-y) * -.6);font-size:.94em;font-weight:600;line-height:1.15;color:var(--fg);background:var(--bg-elevated);border:1px solid var(--chip-line);border-radius:var(--radius-pill);white-space:nowrap;text-decoration:none;vertical-align:baseline;-webkit-box-decoration-break:clone;box-decoration-break:clone}main.main a.text-chip,main.main a.cio-chip{color:var(--chip-color, var(--fg));border-bottom:1px solid var(--chip-line)}main.main a.text-chip:hover,main.main a.cio-chip:hover{border-color:var(--chip-line-hover);background:color-mix(in srgb,var(--chip-color, var(--fg)) 8%,var(--bg-elevated))}.text-chip .icon,.cio-chip .icon{font-size:.85em;line-height:1;align-self:center;transform:translateY(.05em)}.cio-chip__label{display:inline;line-height:1.15}.cio-chip__avatar{display:block;width:1em;height:1em;margin:0;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:center}.chip-row--tags{margin-top:var(--space-2)}button.intro-chip{font-family:inherit;cursor:pointer;border-bottom:1px solid var(--chip-line)}button.intro-chip:hover,button.intro-chip[aria-expanded=true]{border-color:var(--chip-line-hover);background:color-mix(in srgb,var(--fg) 8%,var(--bg-elevated))}button.intro-chip:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.intro-pop{position:fixed;inset:auto;margin:0;width:min(300px,calc(100vw - 24px));box-sizing:border-box;padding:14px 16px 16px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--bg);color:var(--fg-soft);font-size:var(--size-meta);font-weight:400;line-height:1.55;white-space:normal;box-shadow:0 10px 30px #00000014,0 2px 6px #0000000d;overflow:visible}.intro-pop:popover-open{display:block;animation:intro-pop-in .18s var(--easing)}@keyframes intro-pop-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.intro-pop:popover-open{animation:none}}.intro-pop:before{content:"";position:absolute;left:calc(var(--notch-x, 50%) - 6px);top:-6px;width:10px;height:10px;background:var(--bg);border-left:1px solid var(--rule);border-top:1px solid var(--rule);transform:rotate(45deg)}.intro-pop[data-side=above]:before{top:auto;bottom:-6px;transform:rotate(225deg)}.intro-pop__kicker{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.intro-pop__title{display:block;font-size:var(--size-body);font-weight:600;color:var(--fg)}.intro-pop__text{display:block}.intro-pop__text+.intro-pop__text{margin-top:6px}.intro-pop__meta{display:block;margin-top:10px;font-size:11.5px;color:var(--muted)}.intro-pop__meta a{color:var(--muted-strong)}.intro-pop__link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;color:var(--fg);font-weight:500}.intro-pop a{color:var(--fg);text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent)}.intro-pop__head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.intro-pop__avatar{width:56px;height:56px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0}.intro-pop__figure{display:block;margin:2px 0 10px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--rule);background:var(--bg-elevated)}.intro-pop__figure img{display:block;width:100%;height:auto;border-radius:0}.intro-pop__list{display:block}.intro-pop__item{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid var(--border)}.intro-pop__item:first-child{border-top:0;padding-top:0}.intro-pop__item b{font-weight:600;color:var(--fg)}.intro-chip-wrap{white-space:nowrap}:root{--paper: #faf9f7;--card: #fdfcfa;--ink: #161513;--ink-soft: #3d3a35;--muted: #6c6760;--hair: #e3e0da;--tint: color-mix(in oklch, #161513 5%, #fdfcfa);--hl: #ffd54a;--k-green: #18c26a;--k-orange: #f2803a;--k-blue: #3d8bf2;--k-purple: #9b6bff;--glass: rgb(253 252 250 / .86);--shadow: 0 1px 2px rgb(22 21 19 / .05), 0 10px 28px -14px rgb(22 21 19 / .22);--shadow-lift: 0 2px 4px rgb(22 21 19 / .06), 0 18px 40px -18px rgb(22 21 19 / .3);--font: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--t-ui: .18s;--t-move: .36s;--read: 40rem;--fig: 58rem;--gutter-l: max(16px, env(safe-area-inset-left, 0px));--gutter-r: max(16px, env(safe-area-inset-right, 0px));--edge-mask: radial-gradient(ellipse 72% 78% at 50% 50%, rgb(0 0 0 / .05) 35%, rgb(0 0 0 / .45) 70%, #000 100%);--bg: var(--paper);--bg-elevated: var(--card);--fg: var(--ink);--fg-soft: var(--ink-soft);--muted-strong: var(--muted);--border: var(--hair);--border-strong: color-mix(in srgb, var(--ink) 14%, transparent);--rule: var(--hair);--tick: color-mix(in srgb, var(--ink) 30%, transparent);--accent: var(--ink);--accent-hover: var(--ink-soft);--accent-soft: color-mix(in srgb, var(--ink) 8%, transparent);--nav-active-bg: color-mix(in srgb, var(--ink) 4%, var(--paper));--highlight: color-mix(in oklch, var(--hl) 50%, transparent);--font-sans: var(--font)}@media (prefers-color-scheme: dark){:root{--paper: #191816;--card: #23211e;--ink: #f6f4f0;--ink-soft: #d9d4cc;--muted: #a29c93;--hair: #34312c;--tint: color-mix(in oklch, #f6f4f0 6%, #23211e);--hl: #b88a12;--glass: rgb(35 33 30 / .86);--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 28px -14px rgb(0 0 0 / .6);--shadow-lift: 0 2px 4px rgb(0 0 0 / .3), 0 18px 40px -18px rgb(0 0 0 / .7);color-scheme:dark}}.sq{border-radius:var(--r, 14px)}@supports (corner-shape: squircle){.sq{corner-shape:squircle;border-radius:calc(var(--r, 14px) * 1.7)}}[hidden]{display:none!important}body.site{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:normal;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}body.site:before{content:"";position:fixed;inset:0 -48px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1.4px);background-size:24px 24px;background-position:0 calc(var(--sy, 0) * -1px);-webkit-mask-image:var(--edge-mask);mask-image:var(--edge-mask);view-transition-name:canvas}:where(body.site) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:where(body.site) a{color:inherit}body.site :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}body.site ::selection{background:color-mix(in srgb,var(--ink) 16%,transparent);color:inherit}body.site .icon{width:1em;height:1em;flex:none}.sig{display:block;color:var(--ink)}.sig svg{display:block;width:100%;height:auto;overflow:visible}.sig__stroke{fill:none;stroke:currentColor;stroke-width:72;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}.is-signing .sig__stroke{animation:pen var(--dur) var(--ease) var(--delay) both}.is-drawn .sig__stroke{stroke-dashoffset:0;opacity:1}@keyframes pen{0%{stroke-dashoffset:1;opacity:0}0.1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.mark{position:fixed;z-index:30;top:calc(22px + env(safe-area-inset-top,0px));left:calc(var(--gutter-l) + 8px);width:84px;color:var(--ink)}.mark svg{display:block;width:100%;height:auto;fill:currentColor}.home{width:min(var(--read),100%);margin:0 auto;padding-block:112px 160px}.home .sig{width:min(240px,64%);margin:14px 0 26px}.home__meta{font-size:14px;color:var(--muted)}.home h2.h{margin:64px 0 10px;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.025em;display:flex;align-items:baseline;gap:10px}.home h2.h span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted)}.hello{margin:0;font-size:21px;line-height:1.5;letter-spacing:-.016em;color:var(--ink-soft);text-wrap:pretty}.wchip{--r: 9px;position:relative;display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;padding:.04em .42em .06em .3em;line-height:1.35;font:inherit;color:var(--ink);background:color-mix(in oklch,var(--ink) 6%,transparent);text-decoration:none;transition:background var(--t-ui) var(--ease)}.wchip:hover{background:color-mix(in oklch,var(--ink) 10%,transparent)}.wchip img{width:.9em;height:.9em;border-radius:26%}.wchip .icon{font-size:.86em;color:var(--muted)}.list{margin-top:56px;display:grid;gap:30px}.list__year{display:grid;gap:2px}.list__year h2{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.row{--r: 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 20px;padding:10px 12px;margin:0 -12px;text-decoration:none;transition:background var(--t-ui) var(--ease)}.row:hover{background:color-mix(in oklch,var(--ink) 5%,transparent)}.row__title{font-size:18px;font-weight:500;letter-spacing:-.012em;line-height:1.35}.row__date{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.row__desc{grid-column:1 / -1;font-size:15px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;vertical-align:2px;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 8%,transparent)}.badge .icon{font-size:12px}.more-rows{margin-top:6px;font-size:14px}.elsewhere{margin-top:12px;display:grid;gap:14px;font-size:15px;color:var(--muted)}.elsewhere a{color:var(--ink);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:4px}.apps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.apps img{width:28px;height:28px;border-radius:26%;box-shadow:0 6px 14px -8px #00000073}.links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.links code{font:500 15px var(--font);color:var(--ink);user-select:all;margin-right:6px}.links a{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;font-size:16px}.links a:hover{background:color-mix(in oklch,var(--ink) 8%,transparent)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;background:color-mix(in oklch,var(--ink) 7%,transparent);transition:background var(--t-ui) var(--ease)}.btn:hover{background:color-mix(in oklch,var(--ink) 12%,transparent)}.essay{width:min(var(--read),100%);margin:0 auto;padding-block:120px 160px}.essay__meta{font-size:14px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.essay h1{margin:10px 0 14px;font-size:clamp(34px,5vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.essay .lede{margin:0 0 40px;font-size:20px;line-height:1.5;color:var(--muted);text-wrap:pretty}:where(.essay) .prose p{margin:0 0 1.1em;font-size:18px;line-height:1.68;color:var(--ink-soft);text-wrap:pretty}:where(.essay) .prose p strong{color:var(--ink);font-weight:600}:where(.essay) .prose h2{margin:2.4em 0 .6em;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.025em}:where(.essay) .prose h3{margin:1.8em 0 .4em;font-size:19px;font-weight:600;letter-spacing:-.012em}mark.hl{background:color-mix(in oklch,var(--hl) 55%,transparent);color:inherit;border-radius:3px;padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer}.back{position:fixed;z-index:30;top:calc(16px + env(safe-area-inset-top,0px));right:calc(var(--gutter-r) + 4px)}.fig{--r: 22px;width:min(var(--fig),calc(100vw - 32px));margin:40px 0 44px calc((var(--read) - min(var(--fig),calc(100vw - 32px))) / 2);background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);overflow:hidden}@media (max-width: 680px){.fig{width:100%;margin-left:0}}.fig__head{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--hair)}.fig__no{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.fig__title{font-size:14px;font-weight:600}.fig__reset{margin-left:auto;font-size:12.5px;color:var(--muted);padding:4px 10px;border-radius:999px}.fig__reset:hover{background:color-mix(in oklch,var(--ink) 7%,transparent);color:var(--ink)}.fig__stage{position:relative;padding:22px;background-color:var(--paper);background-image:radial-gradient(circle at 8px 8px,color-mix(in srgb,var(--ink) 13%,transparent) 1px,transparent 1.4px);background-size:16px 16px;background-repeat:space}.fig__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--hair)}.fig__cap,.prose .fig__cap{margin:0;padding:0 18px 14px;font-size:13.5px;line-height:1.5;color:var(--muted)}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:color-mix(in oklch,var(--ink) 6%,transparent)}.seg button{height:32px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--hair),var(--shadow)}.fig__hint{font-size:12.5px;color:var(--muted);margin-left:auto}.shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.shots::-webkit-scrollbar{display:none}.shots figure{flex:0 0 min(84%,640px);margin:0;scroll-snap-align:start;display:grid;gap:8px}.shots img,.swap img{--r: 12px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px var(--hair);background:var(--card)}.shots figcaption{font-size:13px;color:var(--muted)}.swap{position:relative;display:grid}.swap img{grid-area:1 / 1;transition:opacity var(--t-move) var(--ease)}.swap img[data-off]{opacity:0}.twins{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{--r: 14px;background:var(--card);box-shadow:0 0 0 1px var(--hair);padding:12px;display:grid;gap:8px;align-content:start;transition:opacity var(--t-move) var(--ease)}.panel__name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;padding:0 4px}.panel__name span{color:var(--muted);font-weight:500}.sec{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 4px 0}.req{--r: 10px;display:grid;grid-template-columns:8px minmax(0,1fr);gap:2px 10px;align-items:center;padding:8px 10px;background:var(--tint);transition:background var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.req i{width:8px;height:8px;border-radius:3px;background:var(--c, var(--muted));grid-row:span 2}.req b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.req small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.req.is-twin{background:color-mix(in oklch,var(--hl) 38%,var(--card));box-shadow:0 0 0 1px color-mix(in oklch,var(--hl) 80%,transparent)}.req .late{color:#d93a2b}.twins.is-merged{grid-template-columns:1fr;max-width:420px;margin:0 auto}.empty{font-size:12px;color:var(--muted);padding:2px 4px 4px}.app{--r: 14px;position:relative;height:340px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);display:grid;font-size:12.5px}.app.is-sidebar{grid-template-columns:168px minmax(0,1fr)}.app.is-desk{grid-template-rows:auto auto minmax(0,1fr);background:color-mix(in oklch,var(--ink) 3%,var(--card))}.rail{background:#141312;color:#f2efe9;padding:12px 10px;display:grid;align-content:start;gap:2px}.logo{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px;padding:2px 6px 10px}.logo img{width:20px;height:20px;border-radius:26%}.nav{--r: 8px;display:flex;align-items:center;gap:8px;padding:6px 8px;font-weight:500;text-align:left;transition:background var(--t-ui) var(--ease)}.rail .nav:hover{background:#ffffff12}.rail .nav[aria-pressed=true]{background:#ffffff1f}.rail .nav.gone{color:#9a958d}.rail__label{font-size:11px;color:#9a958d;padding:10px 8px 4px}.board{--r: 8px;display:flex;align-items:center;gap:8px;padding:5px 8px;text-align:left;font-weight:500;white-space:nowrap}.board .av{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:9.5px;font-weight:700;color:#fff;background:var(--c);flex:none}.rail .board:hover{background:#ffffff12}.rail .board[aria-pressed=true]{background:#ffffff1f}.page{padding:16px 18px;display:grid;align-content:start;gap:8px;overflow:hidden}.page__title{font-size:15px;font-weight:600;margin-bottom:4px}.top{display:flex;justify-content:center;padding:12px 12px 0;position:relative}.top .logo{position:absolute;left:14px;top:13px;padding:0}.tabs{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow)}.tabs .nav[aria-pressed=true]{background:color-mix(in oklch,var(--ink) 8%,transparent)}.pills{display:flex;gap:6px;padding:12px 14px 4px;flex-wrap:wrap}.pills .board{background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);border-radius:10px}.pills .board[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--ink)}.modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;padding:10px 14px 14px;align-content:start;overflow:hidden}.mod{--r: 10px;display:grid;grid-template-columns:8px minmax(0,1fr);gap:2px 9px;align-items:center;padding:9px 10px;background:var(--card);box-shadow:0 0 0 1px var(--hair)}.mod i{width:8px;height:8px;border-radius:3px;background:var(--c);grid-row:span 2}.mod b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod small{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .mod{background:var(--tint);box-shadow:none}.ghost{position:absolute;pointer-events:none;z-index:3}@media (max-width: 640px){.twins{grid-template-columns:1fr}.app{height:380px}.app.is-sidebar{grid-template-columns:120px minmax(0,1fr)}.rail .board span:not(.av){overflow:hidden;text-overflow:ellipsis}.fig__hint{display:none}}.browser{--r: 14px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);user-select:none;touch-action:pan-y}.browser__bar{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--hair)}.browser__dots{display:flex;gap:5px}.browser__dots i{width:9px;height:9px;border-radius:3px;background:color-mix(in oklch,var(--ink) 14%,transparent)}.browser__url{flex:1;text-align:center;font-size:12px;color:var(--muted);padding:3px 10px;border-radius:8px;background:color-mix(in oklch,var(--ink) 5%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser__view{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--tint);cursor:ew-resize}.browser__view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .16s linear}.browser__view img.is-on{opacity:1}.browser__view img{border-radius:0}.browser__ticks{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:4px;pointer-events:none}.browser__ticks i{flex:1;height:3px;border-radius:2px;background:#ffffff8c;box-shadow:0 0 0 .5px #00000026;transition:background var(--t-ui) var(--ease)}.browser__ticks i.is-on{background:#161513d9}.browser[data-n="1"] .browser__ticks,.browser[data-n="1"] .browser__view{cursor:default}.peek{--r: 14px;position:fixed;z-index:60;width:280px;pointer-events:none;opacity:0;transition:opacity var(--t-ui) var(--ease);box-shadow:var(--shadow-lift)}.peek.is-on{opacity:1}.peek .browser__view{cursor:default}.peek.is-art{width:200px;box-shadow:none}.peek__art{--r: 22px;aspect-ratio:1;overflow:hidden;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.peek__art img{display:block;width:100%;height:100%;object-fit:cover}@media (hover: none){.peek{display:none}}.row__meta{font-size:14px;color:var(--muted);white-space:nowrap}.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:56px}.pager a{--r: 14px;display:grid;gap:2px;padding:14px 16px;text-decoration:none;background:var(--card);box-shadow:0 0 0 1px var(--hair)}.pager a:hover{background:color-mix(in oklch,var(--ink) 3%,var(--card))}.pager small{font-size:12.5px;color:var(--muted)}.pager b{font-weight:600}.pager a:last-child{text-align:right}.visit{margin:28px 0 0}.mesh{position:absolute;inset:0;display:grid;place-items:center}.mesh:before{content:"";position:absolute;inset:-20%;background:radial-gradient(at 14% 16%,var(--c1) 0,transparent 52%),radial-gradient(at 86% 14%,var(--c2) 0,transparent 48%),radial-gradient(at 80% 86%,var(--c3) 0,transparent 52%),radial-gradient(at 16% 84%,var(--c4) 0,transparent 50%),radial-gradient(at 52% 48%,var(--c5) 0,transparent 46%),var(--c5)}.mesh img{position:relative;width:30%;max-width:96px;aspect-ratio:1;object-fit:cover;border-radius:26%;box-shadow:0 14px 30px -10px var(--glow, rgb(0 0 0 / .35))}[data-mesh=harvous]{--c1: #4facfe;--c2: #a6e1ff;--c3: #2f7bf0;--c4: #b8c8ff;--c5: #7cbcfa;--glow: rgb(0 90 220 / .5)}[data-mesh=heres-my-church]{--c1: #f6e2c4;--c2: #7a3fc4;--c3: #f0b9a2;--c4: #e7b2c9;--c5: #f5ece0;--glow: rgb(60 20 120 / .5)}[data-mesh=revisemy]{--c1: #ffb42e;--c2: #fff09a;--c3: #ff9f5a;--c4: #ffd96b;--c5: #ffe08f;--glow: rgb(150 100 0 / .45)}[data-mesh=koati]{--c1: #1fe06b;--c2: #c9f56a;--c3: #17e8b7;--c4: #8ff0c0;--c5: #6fe9a6;--glow: rgb(10 120 60 / .4)}[data-mesh=dinky]{--c1: #6c5cff;--c2: #a8c4ff;--c3: #9b6bff;--c4: #c6c0ff;--c5: #9a9cff;--glow: rgb(40 20 200 / .5)}[data-mesh=binky]{--c1: #ff5c94;--c2: #ffc0a0;--c3: #ff8fb8;--c4: #ff9e7a;--c5: #ffb3cc;--glow: rgb(200 10 70 / .45)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){[data-mesh=harvous]{--c1: #1a4f9c;--c2: #0e7ab8;--c3: #123a7a;--c4: #3a3f9a;--c5: #1b4f8f}[data-mesh=heres-my-church]{--c1: #5a2f8a;--c2: #6b4a3a;--c3: #4a2470;--c4: #6a2e5e;--c5: #3e2266}[data-mesh=revisemy]{--c1: #8a5a0a;--c2: #6e5a10;--c3: #7a3e12;--c4: #5e480c;--c5: #4d3a0c}[data-mesh=koati]{--c1: #0f7a42;--c2: #4a6e10;--c3: #0c6e5a;--c4: #1a5a3e;--c5: #135c3a}[data-mesh=dinky]{--c1: #3f2fc2;--c2: #2d4aa8;--c3: #5a2fb8;--c4: #2a2580;--c5: #33309a}[data-mesh=binky]{--c1: #a0204e;--c2: #8a4030;--c3: #7a1840;--c4: #9a3a2a;--c5: #6e1838}}}:root[data-theme=dark]{[data-mesh=harvous]{--c1: #1a4f9c;--c2: #0e7ab8;--c3: #123a7a;--c4: #3a3f9a;--c5: #1b4f8f}[data-mesh=heres-my-church]{--c1: #5a2f8a;--c2: #6b4a3a;--c3: #4a2470;--c4: #6a2e5e;--c5: #3e2266}[data-mesh=revisemy]{--c1: #8a5a0a;--c2: #6e5a10;--c3: #7a3e12;--c4: #5e480c;--c5: #4d3a0c}[data-mesh=koati]{--c1: #0f7a42;--c2: #4a6e10;--c3: #0c6e5a;--c4: #1a5a3e;--c5: #135c3a}[data-mesh=dinky]{--c1: #3f2fc2;--c2: #2d4aa8;--c3: #5a2fb8;--c4: #2a2580;--c5: #33309a}[data-mesh=binky]{--c1: #a0204e;--c2: #8a4030;--c3: #7a1840;--c4: #9a3a2a;--c5: #6e1838}}.deck__track{display:grid;touch-action:pan-y}.wslide{display:grid;gap:14px;min-width:0}.deck__track>.wslide{grid-area:1 / 1;visibility:hidden;opacity:0}.deck__track>.wslide.is-on{visibility:visible;opacity:1;z-index:1}.deck__track>.wslide.is-leaving{visibility:visible;opacity:0;transition:opacity .22s var(--ease),visibility 0s .22s}.deck__track>.wslide.is-in .browser{animation:deck-rise .56s var(--ease) both}.deck__track>.wslide.is-in .pages button{animation:deck-rise .42s var(--ease) both;animation-delay:calc(.18s + var(--n, 0) * 60ms)}.deck__track>.wslide.is-in .wslide__cap>*{animation:deck-fade .42s var(--ease) both;animation-delay:calc(.26s + var(--n, 0) * 50ms)}@keyframes deck-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes deck-fade{0%{opacity:0}}.wslide__cap{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;padding:0 2px}.wslide__cap b{font-size:17px;font-weight:600;letter-spacing:-.012em}.wslide__cap span{font-size:14px;color:var(--muted)}.wslide__cap a{margin-left:auto;font-size:14px;font-weight:600;text-decoration:none}.wslide__cap a:hover{text-decoration:underline;text-underline-offset:3px}.browser__view .mesh{position:absolute;inset:0}.browser__view .mesh img{position:relative;width:22%;max-width:128px;opacity:1;inset:auto;height:auto}.qcard{--r: 14px;display:grid;gap:10px;padding:18px 20px 16px;background:var(--card);box-shadow:0 0 0 1px var(--hair)}.qcard p{margin:0;font-size:17px;line-height:1.45;font-weight:500;letter-spacing:-.012em;color:var(--ink);text-indent:-.42em;text-wrap:pretty}.qcard p:before{content:"“"}.qcard p:after{content:"”"}.qcard span{font-size:12.5px;color:var(--muted)}.peek.is-sheet{width:300px}.byline{display:flex;align-items:center;gap:14px;margin-bottom:22px}.byline img{--r: 16px;width:60px;height:60px;object-fit:cover;box-shadow:0 0 0 1px var(--hair)}.byline b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:2px}.byline small{font-size:13.5px;color:var(--muted)}.hello-head{display:grid}.hello-head .sig-slot{width:min(180px,50%);margin-top:20px}.sig-slot .sig{width:100%}.wchip{cursor:pointer}button.wchip{font:inherit}.pop{position:absolute;z-index:20;left:50%;bottom:calc(100% + 12px);translate:-50% 4px;pointer-events:none;opacity:0;transition:opacity var(--t-ui) var(--ease),translate var(--t-move) var(--ease);white-space:normal;text-align:left}.wchip:hover .pop,.wchip:focus-visible .pop,.wchip.is-on .pop{opacity:1;translate:-50% 0}.pop.pop--below{bottom:auto;top:calc(100% + 12px);translate:-50% -4px}.fan{position:relative;display:block;width:300px;height:130px}.fan .browser{position:absolute;left:50%;bottom:0;width:150px;translate:-50% 0;transition:transform var(--t-move) var(--ease);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.fan .browser__bar{padding:4px 6px;gap:6px}.fan .browser__dots i{width:5px;height:5px;border-radius:2px}.fan .browser__url{font-size:8px;padding:1px 6px}.fan .browser:nth-child(1){transform:rotate(-4deg)}.fan .browser:nth-child(3){transform:rotate(4deg)}.wchip:hover .fan .browser:nth-child(1),.wchip.is-on .fan .browser:nth-child(1){transform:translate(-92px) translateY(8px) rotate(-9deg)}.wchip:hover .fan .browser:nth-child(3),.wchip.is-on .fan .browser:nth-child(3){transform:translate(92px) translateY(8px) rotate(9deg)}.wchip:hover .fan .browser:nth-child(2),.wchip.is-on .fan .browser:nth-child(2){transform:translateY(-4px)}.spread{position:relative;display:block;width:300px;height:60px;border-radius:18px;background:var(--glass);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.tm{display:inline-grid;grid-template-columns:repeat(3,.24em);gap:.07em;vertical-align:.02em}.tm i{width:.24em;height:.24em;border-radius:30%;background:var(--c)}.tmapp{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:26%;background:var(--c);overflow:hidden;transform:translate(calc(var(--col) * 15px),calc(var(--row) * 15px)) scale(.32);transition:transform .52s var(--ease) calc(.14s + var(--i) * 35ms),box-shadow .52s var(--ease)}.tmapp img{width:100%;height:100%;display:block;opacity:0;transition:opacity .26s var(--ease) calc(.32s + var(--i) * 35ms)}.wchip:hover .tmapp,.wchip.is-on .tmapp{transform:translate(calc((var(--i) - 2.5) * 44px)) scale(1);box-shadow:0 8px 18px -10px #00000080}.wchip:hover .tmapp img,.wchip.is-on .tmapp img{opacity:1}.djd-chip .gear{flex:none;align-self:center}.djd{--r: 18px;display:grid;gap:12px;width:232px;padding:14px;text-align:left;white-space:normal;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.djd__status{display:grid;gap:2px}.djd__light{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#15a85b}.djd__light i{width:8px;height:8px;border-radius:50%;background:#18c26a;box-shadow:0 0 0 3px color-mix(in srgb,#18c26a 22%,transparent);animation:djd-pulse 2.4s ease-in-out infinite}.djd__status b{font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}.djd__status.is-closed .djd__light{color:var(--muted)}.djd__status.is-closed .djd__light i{background:var(--muted);box-shadow:none;animation:none}.djd__caps{display:flex;flex-wrap:wrap;gap:4px}.djd__caps span{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-soft);background:color-mix(in oklch,var(--ink) 6%,transparent)}@keyframes djd-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,#18c26a 8%,transparent)}}.here{--r: 16px;display:grid;width:248px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.sky{position:relative;display:block;height:150px;overflow:hidden;background:#1d4b8c}.sky canvas{display:block;width:100%;height:100%}.here__body{display:grid;gap:3px;padding:12px 14px;font-size:13px;color:var(--muted);line-height:1.4}.here__row{display:flex;align-items:baseline;justify-content:space-between}.here__row b{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.here__row .temp{font-size:21px;font-weight:600;color:var(--ink);letter-spacing:-.045em}.here__cond{color:var(--ink-soft)}.wchip[data-act=here]:hover .pop,.wchip[data-act=here].is-on .pop{pointer-events:auto}.wchip[data-act=here] .pop:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.wchip[data-act=here] .pop.pop--below:after{top:auto;bottom:100%}.wchip.topic[aria-pressed=true]{background:var(--ink);color:var(--paper)}.topic-note{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:14px;color:var(--muted)}.topic-note button{text-decoration:underline;text-underline-offset:3px;color:var(--ink);font-size:14px}@media (hover: none){.wchip:hover .pop{opacity:0}.wchip.is-on .pop{opacity:1}}.hello .wchip{display:inline-block;vertical-align:baseline;line-height:1.3;padding:.02em .4em .06em .32em;margin:.08em 0}.hello .wchip>.icon,.hello .wchip>img{display:inline-block;vertical-align:-.1em;margin-right:.28em}.hello .wchip>.tm{vertical-align:.38em;margin-right:.3em}#fig-deck .fig__head{position:relative;padding:7px 8px 7px 16px;gap:8px}.wslide .browser__ticks{display:none}.wslide .browser__view{cursor:default}.pages{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px}.pages::-webkit-scrollbar{display:none}.wslide:has(.pages){grid-template-columns:82px minmax(0,1fr);grid-template-areas:"pages view" "cap cap";column-gap:12px}.wslide:has(.pages)>.browser{grid-area:view}.wslide:has(.pages)>.pages{grid-area:pages;flex-direction:column;overflow:hidden auto;height:0;min-height:100%}.wslide:has(.pages)>.pages button{width:100%}.wslide:has(.pages)>.wslide__cap{grid-area:cap}@media (max-width: 560px){.wslide:has(.pages){grid-template-columns:minmax(0,1fr);grid-template-areas:"view" "pages" "cap"}.wslide:has(.pages)>.pages{flex-direction:row;overflow:auto hidden;height:auto;min-height:0}.wslide:has(.pages)>.pages button{width:76px}}.pages button{--r: 9px;flex:0 0 auto;width:76px;aspect-ratio:16 / 10;padding:0;overflow:hidden;position:relative;background:var(--tint);box-shadow:0 0 0 1px var(--hair);opacity:.6;transition:opacity var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.pages button:hover{opacity:.9}.pages button[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--ink)}.pages img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.pages .mesh img{width:40%;height:auto;aspect-ratio:1;border-radius:26%;position:relative}.selbar{position:fixed;z-index:70;display:flex;gap:2px;padding:4px;border-radius:999px;translate:-50% calc(-100% - 10px);background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--shadow-lift)}.selbar button{height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.selbar button:hover{background:color-mix(in oklch,var(--ink) 8%,transparent)}.selbar .swatch{width:10px;height:10px;border-radius:3px;background:color-mix(in oklch,var(--hl) 85%,transparent)}.toast{position:fixed;z-index:70;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));translate:-50% 0;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;background:var(--ink);color:var(--paper);opacity:0;transition:opacity var(--t-ui) var(--ease);pointer-events:none}.toast.is-on{opacity:1}@media (max-width: 760px){.home{padding-top:84px}.hello{font-size:19px}.row__title{font-size:16.5px}.essay{padding-top:96px}.prose p{font-size:17px}}@media (prefers-reduced-motion: reduce){body.site *,body.site *:before,body.site *:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.sig__stroke{stroke-dashoffset:0;opacity:1}}body.site{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.bar{--r: 22px;position:fixed;z-index:50;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));translate:-50% 0;display:grid;width:max-content;max-width:calc(100vw - 24px);border-radius:24px;overflow:hidden;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift);transition:translate var(--t-move) var(--ease),opacity var(--t-move) var(--ease)}.bar.is-tucked{translate:-50% calc(100% + 24px);opacity:0}.bar__row{position:relative;display:flex;align-items:center;gap:2px;height:44px;padding:4px}.bar a,.bar button{color:var(--ink);text-decoration:none;transition:background var(--t-ui) var(--ease)}.bar a:hover,.bar button:hover{background:color-mix(in oklch,var(--ink) 8%,transparent)}.bar__home{width:40px;height:36px;display:grid;place-items:center;border-radius:999px}.bar__home img{--r: 9px;width:28px;height:28px;object-fit:cover;display:block}.bar__gear{display:block;width:24px;height:25px;transform-origin:49% 50%;animation:gear-load .9s cubic-bezier(.2,.8,.2,1) both;transition:rotate .42s cubic-bezier(.3,1.4,.5,1)}.bar__home:hover .bar__gear,.bar__home:focus-visible .bar__gear{rotate:72deg}@keyframes gear-load{0%{rotate:-144deg;scale:.82}}.bar__label{height:36px;padding:0 10px 0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;letter-spacing:-.005em;min-width:0}.bar__label span{max-width:min(38vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__label .icon{font-size:12px;color:var(--muted);transition:rotate var(--t-move) var(--ease)}.bar.is-menu .bar__label .icon{rotate:180deg}.bar.is-menu .bar__label{flex:1}.bar__steps{display:inline-flex}.bar__btn{width:34px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:14px}.bar__btn.is-off{opacity:.3}.bar__sep{width:1px;height:18px;margin:0 3px;background:var(--hair)}.bar__find{height:36px;padding:0 9px 0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:15px}.bar kbd{font:600 11px var(--font);color:var(--muted);padding:1px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--hair)}.bar__input,.bar.is-search .bar__home,.bar.is-search .bar__label,.bar.is-search .bar__steps,.bar.is-search .bar__sep,.bar.is-search .bar__find{display:none}.bar.is-search .bar__input{display:flex;align-items:center;gap:8px;width:min(540px,calc(100vw - 32px));padding-left:12px;color:var(--muted);font-size:15px}.bar__input input{flex:1;min-width:0;height:36px;border:0;outline:0;background:none;font:500 15.5px var(--font);color:var(--ink)}.bar__input input::placeholder{color:var(--muted);font-weight:400}.bar__input input::-webkit-search-cancel-button{display:none}.bar__close{height:36px;padding:0 8px;border-radius:999px;display:grid;place-items:center}.bar__progress{position:absolute;left:22px;right:22px;bottom:0;height:2px;overflow:hidden;border-radius:2px;pointer-events:none}.bar__progress i{display:block;height:100%;background:color-mix(in oklch,var(--ink) 30%,transparent);transform-origin:0 50%;transform:scaleX(0)}.bar.is-search .bar__progress,.bar.is-menu .bar__progress{display:none}.bar__panel{max-height:min(62vh,460px);overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--hair)}.bar__results{padding:6px;display:grid;gap:1px}.bar__hit{--r: 14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:9px 10px;border-radius:14px}.bar__hit[aria-selected=true]{background:color-mix(in oklch,var(--ink) 7%,transparent)}.bar__kind{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.bar__t{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar__t mark{background:color-mix(in oklch,var(--hl) 50%,transparent);color:inherit;border-radius:3px}.bar__y{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.bar__none{padding:12px;font-size:14px;color:var(--muted)}.bar__menu{width:min(304px,calc(100vw - 24px));padding:10px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.bar__lbl{display:block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.bar__lbl--pad{padding:6px 10px 0;margin:0}.bar__group{display:grid}.bar__nav{display:grid;grid-template-columns:1fr 1fr;gap:2px}.bar__nav a{--r: 12px;display:flex;align-items:center;gap:9px;height:40px;padding:0 10px;border-radius:12px;font-size:14.5px;font-weight:600}.bar__nav .icon{color:var(--muted)}.bar__nav .bar__ext{margin-left:auto;font-size:12px}.bar__hire{--r: 14px;display:flex;align-items:center;gap:11px;margin-top:6px;padding:9px 12px 9px 10px;border-radius:14px;text-decoration:none;color:var(--ink);background:color-mix(in oklch,var(--ink) 4%,transparent);transition:background-color var(--t-ui) var(--ease)}.bar__hire:hover{background:color-mix(in oklch,var(--ink) 7%,transparent)}.bar__hire-mark{--r: 10px;flex:none;width:32px;height:32px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px var(--hair)}.bar__hire-text{display:grid;gap:1px;min-width:0}.bar__hire-text b{font-size:14.5px;font-weight:600}.bar__hire-text small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted)}.bar__hire-text small i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px color-mix(in oklch,#22c55e 22%,transparent)}.bar__hire.is-closed small i{background:var(--muted);box-shadow:none}.bar__hire-go{margin-left:auto;font-size:14px;color:var(--muted);transition:translate var(--t-ui) var(--ease)}.bar__hire:hover .bar__hire-go{translate:2px 0;color:var(--ink)}.bar__topics{display:flex;flex-wrap:wrap;gap:6px}.bar__topics .wchip{font-size:14px;padding:4px 10px}.bar__figs{display:grid;gap:2px}.bar__fig{--r: 12px;display:flex;gap:8px;align-items:baseline;padding:8px 10px;border-radius:12px;font-size:14px}.bar__fig b{font-size:10.5px;letter-spacing:.07em;color:var(--muted)}.bar__hls{margin-top:6px;font-size:12.5px;color:var(--muted)}.bar__else{display:flex;align-items:center;gap:2px;padding-top:10px;border-top:1px solid var(--hair)}.bar__else a,.bar__sound{width:32px;height:32px;display:grid;place-items:center;border-radius:999px}.bar__sound .s1,.bar__sound .s2{transition:opacity var(--t-ui) var(--ease)}.bar__sound[aria-pressed=false]{color:var(--muted)}.bar__sound[aria-pressed=false] :is(.s1,.s2){opacity:0}.bar__mail{min-width:0;overflow:hidden;white-space:nowrap;margin-right:auto;height:34px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.bar__mail span{font-size:12px;font-weight:600;color:var(--muted)}body.site .toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}.home h2.h--quiet{font-size:15px;color:var(--muted);font-weight:600;letter-spacing:0}.writing{margin-top:48px}.writing .list{margin-top:0}.bar__input input:focus-visible{outline:none}.essay .prose,.essay .prose p,.essay .prose ul,.essay .prose ol,.essay .prose blockquote{max-width:none}.essay__meta a{color:inherit;text-decoration:none}.essay__meta a:hover{color:var(--ink)}.essay__meta .badge{margin-left:4px;vertical-align:0}.essay .prose>p:first-child{margin-top:0}.essay .prose ul,.essay .prose ol{font-size:18px;line-height:1.68;color:var(--ink-soft);padding-left:1.2em}.essay .prose li{margin:.3em 0}.essay .prose a{color:var(--ink);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:4px}.essay .prose a:hover{text-decoration-color:currentColor}.essay .prose blockquote{margin:1.6em 0;padding-left:18px;border-left:2px solid var(--hair);color:var(--ink-soft);font-size:18px}.essay__sign{width:min(160px,44%);margin:44px 0 8px}.essay__sign .sig{width:100%}.essay .post-footer{margin-top:56px;padding-top:28px;border-top:1px solid var(--hair)}.essay .prose>.snapshots,.essay .prose>.compare,.essay .prose>.pfig,.essay .prose>.pclip{width:min(var(--fig),calc(100vw - 32px));max-width:none;margin:40px 0 44px calc((var(--read) - min(var(--fig),calc(100vw - 32px))) / 2)}@media (max-width: 680px){.essay .prose>.snapshots,.essay .prose>.compare,.essay .prose>.pfig,.essay .prose>.pclip{width:100%;margin-left:0}}.essay .prose>.pfig figcaption,.essay .ms figcaption,.essay .compare figcaption{font-size:13.5px;color:var(--muted)}.essay .prose>.fig{margin-top:40px}.wslide--solo{padding:0}.writeup__video{--r: 12px;display:block;width:100%;height:auto;background:var(--tint);box-shadow:0 0 0 1px var(--hair)}.writeup__note{font-size:14px!important;color:var(--muted)!important}.visit{display:flex;flex-wrap:wrap;gap:8px}.essay .prose .visit a{text-decoration:none}.writeup .essay__sign{margin-top:56px}.writeup .pager{margin-top:28px}.page-h{margin:0 0 12px;font-size:clamp(34px,5vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.035em}.page-lede{margin:0 0 28px;font-size:19px;line-height:1.55;color:var(--muted);text-wrap:pretty}.page-lede a{color:var(--ink);text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent)}.work-chips{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 -10px;padding:2px 10px;font-size:14px}.work-chips::-webkit-scrollbar{display:none}.work-chips .wchip{flex:none;padding:6px 11px;background:none;color:var(--muted);font-weight:500;white-space:nowrap;text-decoration:none;border-radius:999px;transition:color var(--t-ui) var(--ease),background var(--t-ui) var(--ease)}.work-chips .wchip:hover{color:var(--ink);background:color-mix(in oklch,var(--ink) 5%,transparent)}.work-chips .wchip span{margin-left:3px;font-size:11.5px;color:color-mix(in srgb,var(--muted) 75%,transparent);font-variant-numeric:tabular-nums}.work-chips .wchip.is-current{color:var(--ink);background:color-mix(in oklch,var(--ink) 8%,transparent)}.work-chips .wchip.is-current span{color:var(--muted)}.work-chips+.list{margin-top:36px}.legacy-col{width:min(var(--read),100%);margin:0 auto;padding-block:112px 64px;container:frame / inline-size}.legacy-col>.main{max-width:none;padding:0;display:block}.legacy-col .prose,.legacy-col .prose p,.legacy-col .prose ul,.legacy-col .prose ol,.legacy-col .prose blockquote{max-width:none}.legacy-col .page-title{display:block;margin:0 0 12px}.legacy-col .page-title .page-h{margin:0}.legacy-col .page-title+p{font-size:19px;line-height:1.55;color:var(--muted);margin-bottom:28px;text-wrap:pretty}:where(.legacy-col) :is(p,li){font-size:17px;line-height:1.65;color:var(--ink-soft)}:where(.legacy-col) h2{font-size:22px;font-weight:700;letter-spacing:-.02em}:where(.legacy-col) h3{font-size:17px;font-weight:600}.legacy-col .section-title{margin-top:56px;padding-top:0;font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.legacy-col .section-title:before,.legacy-col .section-title:after{content:none}body.site .legacy-col main.main a{border-bottom:0;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:4px}body.site .legacy-col main.main a:hover{text-decoration-color:currentColor}body.site .legacy-col main.main :is(a.entry-link,.entries a,a.chip,a.cta,a.work-link-pill,.intro-pill,a.about-exp-pill,a[class*=card],.library-card a,nav a){text-decoration:none}body.site .app-toc{display:none!important}.page-head{margin-bottom:32px}.page-head h1{margin:10px 0 14px;font-size:clamp(34px,5vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.page-head .lede{margin:0 0 22px;max-width:34em;font-size:18.5px;line-height:1.55;color:var(--muted);text-wrap:balance}.page-head .lede a,.essay .lede a{color:var(--ink);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:4px}.page-head>:last-child{margin-bottom:0}.wm{position:absolute;top:0;left:0;right:0;z-index:-1;pointer-events:none}.wm__in{width:min(var(--read),calc(100% - 32px));margin:0 auto;padding-top:34px}.wm .sig{width:min(600px,96%);margin-left:-3%;color:var(--ink);opacity:.075}@media (prefers-color-scheme: dark){.wm .sig{opacity:.1}}@media (max-width: 760px){.wm__in{padding-top:30px}}.about .byline{margin-bottom:18px}.about .lede{margin-bottom:8px}.row__kicker{grid-column:1 / -1;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.essay .list{margin-top:8px}.essay .list .row{text-decoration:none}.essay .list .row__desc{font-size:15px;line-height:1.5}.list__year h3{margin:18px 0 6px;font-size:13px;font-weight:600;color:var(--muted)}.list__year h3:first-child{margin-top:0}.row--sub{padding-block:6px}.row--sub .row__title{font-size:15px;font-weight:500}.row--sub .row__date{font-size:12.5px}.lib{margin-top:48px}.lib h2.h{margin:0 0 6px;font-size:22px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lib h2.h a{font-size:14px;font-weight:600;letter-spacing:0;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.lib h2.h a:hover{color:var(--ink)}.lib .list{margin-top:0}.lib__quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}.lib__quotes .qcard{text-decoration:none;color:inherit;transition:background var(--t-ui) var(--ease)}.lib__quotes .qcard:hover{background:color-mix(in oklch,var(--ink) 3%,var(--card))}.lib__quotes .qcard p{font-size:15.5px}.row__fav{color:var(--muted);font-size:.85em}.lib__art{--r: 12px;display:block;width:100%;height:auto}@media (prefers-color-scheme: dark){.peek img[src$=".svg"],.lib__art[src$=".svg"]{filter:invert(1) hue-rotate(180deg)}}.peek .browser__view img[src$=".svg"]{object-fit:contain}.colophon__build{font-size:14px;color:var(--muted)}.home>h2.h--quiet{margin:40px 0 0}.home>h2.h--quiet+.writing{margin-top:8px}.wslide__cap>:nth-child(2){--n: 1}.wslide__cap>:nth-child(3){--n: 2}@media (min-width: 561px){#fig-deck{display:grid;grid-template-columns:46px minmax(0,1fr)}#fig-deck .fig__head{flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding:18px 0 12px;border-bottom:0;border-right:1px solid var(--hair)}#fig-deck .fig__no{writing-mode:vertical-rl;white-space:nowrap}#fig-deck .fig__no{letter-spacing:.12em}}.deck__ticks{--w: 4px;--h: 4px;--on: 24px;display:flex;flex-direction:column;align-items:center;margin-top:auto}.tick{position:relative;display:grid;place-items:center;width:26px;height:11px;transition:height var(--t-move) var(--ease)}.tick.tick--gap{margin-top:10px}.tick i{position:relative;display:block;width:var(--w);height:var(--h);border-radius:3px;overflow:hidden;background:color-mix(in oklch,var(--ink) 26%,transparent);transition:height var(--t-move) var(--ease),background var(--t-ui) var(--ease)}.tick:hover i{background:color-mix(in oklch,var(--ink) 55%,transparent)}.tick.is-on{height:calc(var(--on) + 7px)}.tick.is-on i{height:var(--on);background:color-mix(in oklch,var(--ink) 18%,transparent)}.tick i:after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:top}.tick.is-on i:after{transform:none}.deck__ticks.is-run .tick.is-on i:after{animation:tick-fill var(--dur, 7s) linear both}.deck__ticks.is-paused .tick.is-on i:after{animation-play-state:paused}@keyframes tick-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tick:before{content:attr(data-name);position:absolute;left:calc(100% + 6px);top:50%;translate:0 -50%;padding:4px 9px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ink);background:var(--glass);box-shadow:0 0 0 1px var(--hair),var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--t-ui) var(--ease);z-index:5}.tick:hover:before,.tick:focus-visible:before{opacity:1}@media (max-width: 560px){.deck__ticks{flex-direction:row;margin:0 0 0 auto}.tick{width:9px;height:26px;transition-property:width}.tick.tick--gap{margin:0 0 0 8px}.tick i{width:var(--h);height:var(--w);transition-property:width,background}.tick.is-on{width:calc(var(--on) + 6px);height:26px}.tick.is-on i{width:var(--on);height:var(--w)}.tick i:after{transform:scaleX(0);transform-origin:left}.tick.is-on i:after{transform:none}@keyframes tick-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tick:before{display:none}}.browser__side{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px 0 6px;margin-left:4px;border-radius:7px;font-size:13px;color:var(--muted)}.browser__side span{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.browser__side:hover{background:color-mix(in oklch,var(--ink) 8%,transparent);color:var(--ink)}.browser__side[aria-expanded=true]{background:color-mix(in oklch,var(--ink) 10%,transparent);color:var(--ink)}.wslide:has(.pages){transition:grid-template-columns var(--t-move) var(--ease),column-gap var(--t-move) var(--ease)}.wslide:has(.pages)>.pages{transition:opacity var(--t-ui) var(--ease)}:is([data-drawer=closed]>.wslide,.wslide[data-drawer=closed]):has(.pages){grid-template-columns:0px minmax(0,1fr);column-gap:0}:is([data-drawer=closed]>.wslide,.wslide[data-drawer=closed])>.pages{opacity:0;visibility:hidden}.is-opening .pages button{animation:deck-rise .42s var(--ease) both;animation-delay:calc(90ms + var(--n, 0) * 55ms)}@media (max-width: 560px){:is([data-drawer=closed]>.wslide,.wslide[data-drawer=closed])>.pages{display:none}}.essay .prose>p.is-revised{position:relative}.revnote{position:absolute;left:calc(100% + 28px);top:.35em;width:150px;font-size:12.5px;line-height:1.3;color:var(--muted);cursor:default;outline-offset:4px}.revnote__tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.revnote__tag:before{content:"";width:14px;height:1px;background:color-mix(in srgb,var(--muted) 60%,transparent)}.revnote:has(.revnote__was) .revnote__tag{text-decoration:underline dotted color-mix(in srgb,currentColor 50%,transparent);text-underline-offset:3px;cursor:help}.revnote__was{position:absolute;z-index:10;top:calc(100% + 8px);left:0;width:min(300px,80vw);opacity:0;pointer-events:none;transition:opacity var(--t-ui) var(--ease)}.revnote__was p{font-size:14.5px!important;line-height:1.5!important;font-weight:400!important;margin:0!important;color:var(--ink-soft)!important}.revnote__was p:before,.revnote__was p:after{content:none}.revnote:hover .revnote__was,.revnote:focus-visible .revnote__was,.revnote:focus .revnote__was{opacity:1}@media (max-width: 1100px){.revnote{position:relative;left:auto;top:auto;display:block;width:auto;margin-top:6px}.revnote__tag:before{display:none}}.keep{margin-top:48px}.keep h2.h--quiet{margin:0 0 6px;font-size:15px;color:var(--muted);font-weight:600;letter-spacing:0}.keep .list{margin-top:0}.keep__topics{margin:14px 0 0;font-size:14px;color:var(--muted)}.keep__topics a{color:var(--ink);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:4px}@media (max-width: 640px){.work-chips{-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}}body.wm-hot{cursor:pointer}.wm__in{position:relative}.wm .sig{transition:opacity var(--t-move) var(--ease)}.wm.is-noting{z-index:70;pointer-events:auto}.wm.is-noting .sig{opacity:.9}.wm__note{--r: 16px;position:absolute;right:0;top:calc(100% - 28px);width:min(360px,100%);display:grid;padding:6px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift);animation:deck-rise .32s var(--ease) both}.wm__note textarea,.wm__note input{width:100%;font:400 15px/1.45 var(--font);color:var(--ink);background:none;border:0;outline:none}.wm__note textarea{display:block;resize:none;padding:8px 10px;min-height:37px;overflow:hidden}.wm__note textarea:focus-visible,.wm__note input:focus-visible{outline:none}.wm__note ::placeholder{color:var(--muted)}.wm__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height var(--t-move) var(--ease),opacity var(--t-ui) var(--ease),border-color var(--t-ui) var(--ease),padding var(--t-move) var(--ease)}.wm__note.has-text .wm__row{max-height:48px;opacity:1;padding-top:6px;border-top-color:var(--hair)}.wm__row input{font-size:13.5px;padding:6px 10px;border-radius:9px}.wm__row input:focus{background:color-mix(in oklch,var(--ink) 5%,transparent)}.wm__send{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:15px;background:var(--ink);color:var(--paper);transition:transform var(--t-ui) var(--ease),opacity var(--t-ui) var(--ease)}.wm__send:hover{transform:translateY(-1px)}.wm__note.is-sending .wm__send{opacity:.5}.wm__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@view-transition{navigation: auto;}.bar{view-transition-name:bar}.wm{view-transition-name:wm}::view-transition-group(root){animation-duration:.3s}::view-transition-old(root){animation:vt-out .11s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:vt-in .24s cubic-bezier(.2,.8,.2,1) 70ms both}::view-transition-old(canvas){animation:none;opacity:0}::view-transition-new(canvas){animation:canvas-in .3s cubic-bezier(.2,.8,.2,1) both}::view-transition-old(wm),::view-transition-new(wm){animation-duration:.16s}html:active-view-transition-type(back)::view-transition-old(root){animation-name:vt-out-back}html:active-view-transition-type(back)::view-transition-new(root){animation-name:vt-in-back}html:active-view-transition-type(back)::view-transition-new(canvas){animation-name:canvas-in-back}@keyframes vt-out{to{opacity:0;transform:translate(-16px)}}@keyframes vt-in{0%{opacity:0;transform:translate(24px)}}@keyframes vt-out-back{to{opacity:0;transform:translate(16px)}}@keyframes vt-in-back{0%{opacity:0;transform:translate(-24px)}}@keyframes canvas-in{0%{transform:translate(48px)}}@keyframes canvas-in-back{0%{transform:translate(-48px)}}html.load-in :is(main.home,article.essay,.legacy-col>.main)>*{animation:deck-rise .42s var(--ease) both}html.load-in :is(main.home,article.essay,.legacy-col>.main)>:nth-child(2){animation-delay:40ms}html.load-in :is(main.home,article.essay,.legacy-col>.main)>:nth-child(3){animation-delay:80ms}html.load-in :is(main.home,article.essay,.legacy-col>.main)>:nth-child(4){animation-delay:.12s}html.load-in :is(main.home,article.essay,.legacy-col>.main)>:nth-child(n+5){animation-delay:.15s}html.load-in .bar{animation:deck-fade .36s var(--ease) .15s both}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}html.load-in :is(main.home,article.essay,.legacy-col>.main)>*,html.load-in .bar{animation:none!important}}.tmnow{--r: 20px;margin-top:40px;padding:20px;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow)}.tmnow__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.tmnow__head h2{margin:0;font-size:17px;line-height:1.25;font-weight:700;letter-spacing:-.015em}.tmnow__head p{margin:2px 0 0;font-size:14px;color:var(--muted)}.tmnow__mark{display:grid;grid-template-columns:repeat(3,12px);gap:4px}.tmnow__mark i{width:12px;height:12px;border-radius:30%;background:var(--c);transition:opacity var(--t-ui) var(--ease),scale var(--t-ui) var(--ease)}.tmnow__mark.is-pointing i:not(.is-on){opacity:.22}.tmnow__mark i.is-on{scale:1.25}.tmnow__out{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color var(--t-ui) var(--ease)}.tmnow__out:hover{color:var(--ink)}.tmnow__apps{list-style:none;margin:18px -8px -8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.tmnow__apps a{--r: 12px;display:flex;align-items:center;gap:11px;padding:8px;border-radius:var(--r);text-decoration:none;transition:background var(--t-ui) var(--ease)}@supports (corner-shape: squircle){.tmnow__apps a{corner-shape:squircle;border-radius:calc(var(--r) * 1.7)}}.tmnow__apps a:hover,.tmnow__apps a:focus-visible{background:color-mix(in oklch,var(--c) 10%,transparent)}.tmnow__apps img{--r: 10px;flex:none;width:40px;height:40px;box-shadow:0 0 0 .5px var(--hair);transition:transform var(--t-ui) var(--ease)}.tmnow__apps a:hover img{transform:rotate(-4deg) scale(1.06)}.tmnow__apps span{min-width:0;display:grid}.tmnow__apps b{font-size:14.5px;font-weight:600}.tmnow__apps small{font-size:12.5px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pt-fams{margin-top:4px}.pt-dot{width:7px;height:7px;border-radius:30%;background:var(--fam);margin-right:3px}.pt--app{--fam: #ea580c}.pt--blog{--fam: oklch(.55 .13 240)}.pt--shop{--fam: oklch(.6 .16 15)}.pt--media{--fam: oklch(.6 .12 128)}.pt--other{--fam: oklch(.52 .12 330)}.pt__el.pt--blog{--pat: repeating-linear-gradient(to bottom, transparent 0 9px, var(--pc) 9px 10px)}.pt__el.pt--app{--pat: radial-gradient(circle at 1.5px 1.5px, var(--pc-dot) 1.2px, transparent 1.7px) 0 0 / 9px 9px}.pt__el.pt--shop{--pat: repeating-linear-gradient(-45deg, var(--pc) 0 3px, transparent 3px 10px)}.pt__el.pt--media{--pat: linear-gradient(var(--pc) 1px, transparent 1px) 0 0 / 10px 10px, linear-gradient(90deg, var(--pc) 1px, transparent 1px) 0 0 / 10px 10px}.pt__el.pt--other{--pat: repeating-radial-gradient(circle at 100% 100%, transparent 0 7px, var(--pc) 7px 8px)}.pt{margin-top:28px;display:grid;gap:8px}.pt__period{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 10px;align-items:start}.pt__year{padding-top:8px;font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.pt__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pt__period.is-quiet{align-items:center}.pt__period.is-quiet .pt__year{padding:0;color:color-mix(in srgb,var(--muted) 45%,transparent);font-weight:500}.pt__gap{height:1px;background:repeating-linear-gradient(90deg,var(--hair) 0 4px,transparent 4px 8px)}.pt__el{--r: 12px;position:relative;display:grid;grid-template-rows:auto auto auto auto;align-content:start;padding:9px 10px 10px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;--pc: color-mix(in srgb, var(--ink) 6%, transparent);--pc-dot: color-mix(in srgb, var(--ink) 14%, transparent);background:var(--pat),var(--card);box-shadow:inset 0 0 0 1px var(--hair);transition:transform var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease),opacity .26s var(--ease),filter .26s var(--ease);animation:pt-in .52s var(--ease) both;animation-delay:calc(var(--d) * 22ms)}.pt__el:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--hair),var(--shadow)}.pt__el[aria-expanded=true]{transform:translateY(-2px);box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--fam),var(--shadow-lift)}.pt__no{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.pt__sym{align-self:center;font-size:clamp(24px,6vw,38px);line-height:1;font-weight:700;letter-spacing:-.04em;color:#fff;text-shadow:0 1px 0 rgb(0 0 0 / .12);transition:scale var(--t-ui) var(--ease);transform-origin:left center}.pt__el:hover .pt__sym,.pt__el[aria-expanded=true] .pt__sym{scale:1.06}.pt__name{font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt__kind{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pt-in{0%{opacity:0;translate:0 8px;scale:.96}}.pt[data-fam=blog] .pt__el:not(.pt--blog),.pt[data-fam=app] .pt__el:not(.pt--app),.pt[data-fam=shop] .pt__el:not(.pt--shop),.pt[data-fam=media] .pt__el:not(.pt--media),.pt[data-fam=other] .pt__el:not(.pt--other){opacity:.25;filter:grayscale(1)}.pt__note{grid-column:2;--r: 12px;padding:12px 14px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);font-size:14px;animation:deck-rise .26s var(--ease) both}@supports (corner-shape: squircle){.pt__note{corner-shape:squircle;border-radius:calc(var(--r) * 1.7)}}.pt__note b{font-weight:600}.pt__note span{color:var(--muted);font-size:12.5px;margin-left:4px}.pt__note p{margin:4px 0 0;line-height:1.55;color:var(--ink-soft);text-wrap:pretty}@media (max-width: 560px){.tmnow{padding:16px}.tmnow__head{grid-template-columns:auto minmax(0,1fr)}.tmnow__out{grid-column:1 / -1}.tmnow__apps{grid-template-columns:repeat(2,minmax(0,1fr))}.tmnow__apps small{display:none}.pt__period{grid-template-columns:34px minmax(0,1fr);gap:6px}.pt__row{gap:6px}.pt__el{padding:7px;aspect-ratio:1}.pt__name,.pt__kind{display:none}.pt__el{grid-template-rows:auto 1fr}}@media (prefers-reduced-motion: reduce){.pt__el,.pt__note{animation:none}}.tmnow__apps b .badge{margin-left:6px;height:18px;padding:0 7px;font-size:10.5px;font-style:normal;vertical-align:1px}.browser__view,.pages button{container-type:size}img.framed{--iw: max(100cqw / var(--fw), 100cqh * var(--fr) / var(--fh));position:absolute;inset:0 auto auto calc((100cqw - var(--iw) * var(--fw)) / 2);max-width:none;width:var(--iw);height:auto;object-fit:fill;transform:translate(calc(var(--fx) * -100%),calc(var(--fy) * -100%))}.wslide>.browser{display:flex;flex-direction:column}.wslide>.browser>.browser__view{flex:1 0 auto}.leaves{position:relative;display:block;width:190px;height:140px}.leaf{--r: 10px;position:absolute;left:50%;bottom:0;width:150px;height:112px;translate:-50% 0;display:flex;flex-direction:column;gap:0;padding:9px 12px;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);font-size:11.5px;line-height:14px;color:var(--ink);transition:transform var(--t-move) var(--ease);background-image:repeating-linear-gradient(to bottom,transparent 0 13px,color-mix(in srgb,var(--ink) 9%,transparent) 13px 14px);background-position:0 10px}.leaf:last-child{box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.leaf small{font-size:9.5px;line-height:14px;color:var(--muted);letter-spacing:.01em}.leaf b{font-weight:500;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.leaf:nth-last-child(3){transform:translate(-8px,-12px) rotate(-5deg)}.leaf:nth-last-child(2){transform:translate(7px,-6px) rotate(3deg)}.wchip:hover .leaf:nth-last-child(3),.wchip:focus-visible .leaf:nth-last-child(3){transform:translate(-16px,-26px) rotate(-8deg)}.wchip:hover .leaf:nth-last-child(2),.wchip:focus-visible .leaf:nth-last-child(2){transform:translate(14px,-14px) rotate(5deg)}.wchip:hover .leaf:last-child,.wchip:focus-visible .leaf:last-child{transform:translateY(-2px)}.browser__view .collage{display:block;container-type:size}.browser__view .collage img{position:absolute;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;inset:auto;opacity:1;filter:drop-shadow(0 14px 24px rgb(0 0 0 / .18));transition:transform var(--t-move) var(--ease)}.browser__view .collage .collage__card:nth-child(1){width:50cqw;left:50%;top:3cqh;translate:-50% 0;z-index:2;transform:rotate(-1.5deg)}.browser__view .collage .collage__card:nth-child(2){width:40cqw;left:3cqw;top:16cqh;z-index:1;transform:rotate(-7deg)}.browser__view .collage .collage__card:nth-child(3){width:40cqw;right:3cqw;top:12cqh;z-index:1;transform:rotate(6deg)}.browser__view .collage[data-count="1"] .collage__card{width:62cqw}.browser__view .collage .collage__icon{width:13cqw;max-width:96px;aspect-ratio:1;right:8cqw;bottom:7cqh;z-index:3;border-radius:24%;transform:rotate(8deg);filter:drop-shadow(0 10px 18px var(--glow, rgb(0 0 0 / .3)))}.deck__track>.wslide.is-in .collage img{animation:collage-in .62s var(--ease) both}.deck__track>.wslide.is-in .collage img:nth-child(2){animation-delay:70ms}.deck__track>.wslide.is-in .collage img:nth-child(3){animation-delay:.14s}.deck__track>.wslide.is-in .collage .collage__icon{animation-delay:.24s}@keyframes collage-in{0%{opacity:0;translate:0 18px}}.deck__track>.wslide.is-in .collage .collage__card:nth-child(1){animation-name:collage-in-mid}@keyframes collage-in-mid{0%{opacity:0;translate:-50% 18px}}@media (prefers-reduced-motion: reduce){.collage img{animation:none!important}}.browser__view .collage[data-count="2"] .collage__card:nth-child(1){left:58%}.browser__view .collage[data-count="2"] .collage__card:nth-child(2){left:7cqw;top:12cqh;width:44cqw}.browser__end{display:flex;justify-content:flex-end}.browser__dial{margin:0;padding:0 5px}.browser__dial[aria-expanded=true]{background:color-mix(in oklch,var(--ink) 10%,transparent);color:var(--ink)}#fig-deck{position:relative}.dial{--r: 18px;position:absolute;z-index:30;width:248px;display:grid;gap:4px;padding:8px;border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift);font-size:13px;color:var(--ink);transform-origin:top right}.dial.is-in{animation:dial-in .22s var(--ease) both}@keyframes dial-in{0%{opacity:0;scale:.96;translate:0 -4px}}.dial__head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 4px}.dial__head b{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}.dial__reset{font:500 12px var(--font);color:var(--muted);padding:2px 6px;border-radius:6px}.dial__reset:hover{color:var(--ink);background:color-mix(in oklch,var(--ink) 7%,transparent)}.dial__row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:0 6px 0 10px;border-radius:10px}.dial__row>span{font-weight:500}.dial__switch{cursor:pointer}.dial__switch:hover{background:color-mix(in oklch,var(--ink) 4%,transparent)}.dial__switch input{position:absolute;opacity:0;pointer-events:none}.dial__switch i{position:relative;width:30px;height:18px;border-radius:999px;background:color-mix(in oklch,var(--ink) 16%,transparent);transition:background var(--t-ui) var(--ease)}.dial__switch i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #0003;transition:translate var(--t-ui) var(--ease)}.dial__switch input:checked+i{background:var(--ink)}.dial__switch input:checked+i:after{translate:12px 0}.dial__switch input:focus-visible+i{outline:2px solid var(--ink);outline-offset:2px}.dial__slider{position:relative;display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px 0 10px;border-radius:10px;overflow:hidden;background:color-mix(in oklch,var(--ink) 5%,transparent);cursor:ew-resize;transition:opacity var(--t-ui) var(--ease)}.dial__slider.is-off{opacity:.45}.dial__slider i{position:absolute;inset:0 auto 0 0;width:var(--fill, 30%);background:color-mix(in oklch,var(--ink) 9%,transparent);border-right:2px solid color-mix(in oklch,var(--ink) 35%,transparent);pointer-events:none;transition:width 60ms linear}.dial__slider span,.dial__slider output{position:relative;z-index:1;font-weight:500;pointer-events:none}.dial__slider output{font-variant-numeric:tabular-nums;color:var(--muted)}.dial__slider input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.dial__slider:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:1px}.dial__seg{display:flex;gap:2px;padding:2px;border-radius:9px;background:color-mix(in oklch,var(--ink) 6%,transparent)}.dial__seg button{font:500 12px var(--font);color:var(--muted);padding:4px 9px;border-radius:7px;transition:background var(--t-ui) var(--ease),color var(--t-ui) var(--ease)}.dial__seg button.is-on{color:var(--ink);background:var(--card);box-shadow:0 1px 2px #0000001f,0 0 0 .5px var(--hair)}@media (prefers-reduced-motion: reduce){.dial.is-in{animation:none}}.browser__view .collage[data-count="1"] .collage__card:nth-child(1){width:auto;height:auto;max-width:92cqw;max-height:92cqh;left:50%;top:50%;translate:-50% -50%;transform:none}.deck__track>.wslide .collage[data-count="1"] .collage__card:nth-child(1){animation:collage-in-one .42s var(--ease) both}@keyframes collage-in-one{0%{opacity:0;scale:.97}}.pages .mesh img.pages__card{width:84%;height:84%;aspect-ratio:auto;border-radius:0;object-fit:contain}html.blueprint{--paper: #1d4b8c;--card: #21528f;--ink: #eef3fb;--ink-soft: #d6e3f5;--muted: #a8bfdf;--hair: rgb(238 243 251 / .22);--tint: rgb(238 243 251 / .08);--glass: rgb(26 68 128 / .88);--hl: #6fa4f2;--shadow: 0 0 0 1px rgb(238 243 251 / .14);--shadow-lift: 0 0 0 1px rgb(238 243 251 / .2), 0 18px 40px -18px rgb(0 10 40 / .6);color-scheme:dark;background:#1d4b8c}html.blueprint body.site:before{background-image:linear-gradient(rgb(238 243 251 / .16) 1px,transparent 1px),linear-gradient(90deg,rgb(238 243 251 / .16) 1px,transparent 1px),linear-gradient(rgb(238 243 251 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(238 243 251 / .07) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}html.blueprint body.site :is(img,video,canvas:not(#dsmCanvas)){filter:grayscale(1) contrast(1.1) brightness(1.08);mix-blend-mode:screen}html.blueprint .mesh:before{filter:grayscale(1) brightness(.6)}html.bp-fade body.site,html.bp-fade body.site *{transition:background-color .6s var(--ease),color .6s var(--ease),box-shadow .6s var(--ease),filter .6s var(--ease)!important}.bar__home{position:relative}.bar__home[data-beat]:after{content:attr(data-beat);position:absolute;top:-2px;right:2px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--ink);color:var(--paper);font:700 9.5px/1 var(--font)}.bar__home[data-beat] :is(img,svg){animation:beat-tap .16s var(--ease)}.bar__home.is-fill :is(img,svg){animation:beat-fill .22s var(--ease) 6 alternate}@keyframes beat-tap{50%{scale:.88}}@keyframes beat-fill{to{scale:.92;rotate:-4deg}}@media (prefers-reduced-motion: reduce){.bar__home :is(img,svg){animation:none!important;transition:none}}.story{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:22px}.story__ch{position:relative;display:grid;gap:2px}.story__when{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.01em}.story__ch p{margin:0;font-size:18px;line-height:1.68;color:var(--ink-soft);text-wrap:pretty}.story__ch b{color:var(--ink);font-weight:600}@media (min-width: 1100px){.story__when{position:absolute;right:calc(100% + 28px);top:.35em;width:120px;text-align:right}}.resume{margin-top:56px;border-top:1px solid var(--hair)}.resume summary{display:grid;gap:14px;padding:16px 0 18px;cursor:pointer;list-style:none}.resume__head{display:flex;align-items:center;gap:10px}.resume summary::-webkit-details-marker{display:none}.resume__head>span{font-size:17px;font-weight:600}.resume__head small{font-size:14px;color:var(--muted)}.resume summary .icon{margin-left:auto;color:var(--muted);transition:rotate var(--t-ui) var(--ease)}.resume[open] summary .icon{rotate:180deg}.resume summary:hover .resume__head>span{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--hair)}.resume .list{margin-top:0}.resume__skills{margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}.resume__skills b{color:var(--ink);font-weight:600}.vidcard{display:grid;gap:8px;margin:8px 0 22px;text-decoration:none;color:var(--ink)}.vidcard__still{--r: 16px;position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--tint);box-shadow:0 0 0 1px var(--hair),var(--shadow)}.vidcard__still img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .6s var(--ease)}.vidcard:hover .vidcard__still img{scale:1.03}.vidcard__play{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 12px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:#1615139e;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 6px 18px -8px #00000080;transition:background var(--t-ui) var(--ease),scale var(--t-ui) var(--ease)}.vidcard__play .icon{font-size:13px}.vidcard:hover .vidcard__play{background:#161513d1;scale:1.04}.vidcard__cap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:4px}.vidcard__cap b{font-weight:600;font-size:17px;letter-spacing:-.01em}.vidcard__cap time{font-size:14px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.vidcard small{font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}.vidcard:focus-visible{outline:none}.vidcard:focus-visible .vidcard__still{outline:2px solid var(--ink);outline-offset:3px}.tl{position:relative;display:block;height:calc(var(--lanes) * 26px + 22px)}.tl__tick{position:absolute;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--hair) 0 3px,transparent 3px 6px)}.tl__tick em{position:absolute;bottom:0;left:4px;font-style:normal;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tl__bar{--r: 7px;position:absolute;top:calc(var(--lane) * 26px);height:22px;display:flex;align-items:center;padding:0 7px;border-radius:7px;overflow:hidden;font-size:11.5px;font-weight:600;color:var(--ink);background:color-mix(in oklch,var(--ink) 9%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 10%,transparent);transition:background var(--t-ui) var(--ease)}.tl__bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl__bar.is-now{background:var(--ink);color:var(--paper);box-shadow:none}.tl__bar.is-school{background:repeating-linear-gradient(-45deg,color-mix(in oklch,var(--ink) 9%,var(--card)) 0 4px,var(--card) 4px 8px)}.resume summary:hover .tl__bar:not(.is-now){background:color-mix(in oklch,var(--ink) 13%,var(--card))}.resume summary:hover .tl__bar.is-school{background:repeating-linear-gradient(-45deg,color-mix(in oklch,var(--ink) 13%,var(--card)) 0 4px,var(--card) 4px 8px)}.tl__tick:last-of-type em{left:auto;right:4px}.pt__fact{position:absolute;top:8px;right:9px;font-size:13px;color:var(--fam);animation:fact-twinkle 2.6s ease-in-out infinite}@keyframes fact-twinkle{50%{opacity:.55;scale:.85}}.pt__note .pt__funfact{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hair);color:var(--ink)}.pt__funfact em{display:inline-flex;align-items:center;gap:4px;margin-right:6px;padding:1px 8px;border-radius:999px;font-style:normal;font-size:12px;font-weight:600;color:var(--ink);background:color-mix(in oklch,var(--ink) 8%,transparent)}@media (prefers-reduced-motion: reduce){.pt__fact{animation:none}}.pt__sym{--r: 12px;justify-self:start;margin:6px 0 12px;display:grid;place-items:center;width:clamp(34px,9vw,46px);aspect-ratio:1;border-radius:24%;font-size:clamp(16px,4.4vw,21px);letter-spacing:-.03em;background:linear-gradient(160deg,color-mix(in oklch,var(--fam) 82%,white),var(--fam) 60%);box-shadow:inset 0 1px #ffffff47,inset 0 0 0 .5px #0000001f,0 6px 12px -6px var(--fam);transform-origin:center}@supports (corner-shape: squircle){.pt__sym{corner-shape:squircle;border-radius:40%}}@media (max-width: 560px){.pt__sym{margin:4px 0 0}}.said{display:grid;gap:14px}.said__card{--r: 18px;position:relative;margin:0;display:grid;gap:12px;padding:22px 22px 18px;background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);overflow:hidden}.said__card:before{content:"“";position:absolute;top:-26px;right:14px;font-size:140px;line-height:1;font-weight:700;color:color-mix(in oklch,var(--ink) 7%,transparent);pointer-events:none}.said__pull{position:relative;margin:0;padding:0;border:0;background:none;font-style:normal;font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;max-width:30ch}.said__full{position:relative;margin:0;font-size:15px;line-height:1.6;color:var(--muted);text-wrap:pretty}.said__mark{color:var(--ink);background:linear-gradient(to top,color-mix(in oklch,var(--hl) 55%,transparent) 0 .62em,transparent .62em);padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.said__by{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px;padding-top:14px;border-top:1px dashed var(--hair)}.said__face{--r: 10px;display:grid;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--tone-ink, #fff);background:linear-gradient(160deg,color-mix(in oklch,var(--tone) 78%,white),var(--tone) 65%);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 .5px #0000001a}.said__card{--tone: #ea580c}.said__card[data-tone=blue]{--tone: oklch(.55 .13 240)}.said__card[data-tone=purple]{--tone: oklch(.55 .16 295)}.said__card[data-tone=pink]{--tone: oklch(.66 .16 355)}.said__card[data-tone=yellow]{--tone: oklch(.84 .15 88);--tone-ink: #3d3a35}.said__card[data-tone=green]{--tone: oklch(.6 .14 150)}.said__who{display:grid;min-width:0;line-height:1.3}.said__who b{font-size:14px;font-weight:600}.said__who small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.said__rel{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--ink);background:color-mix(in oklch,var(--ink) 6%,transparent);white-space:nowrap}.said__rel time{font-weight:500;color:var(--muted)}.said__rel--link{text-decoration:none;transition:background-color var(--t-ui) var(--ease)}.said__rel--link:hover{background:color-mix(in oklch,var(--ink) 11%,transparent)}.said__rel--link .icon{font-size:11px;color:currentColor}@media (max-width: 560px){.said__pull{font-size:20px}.said__by{grid-template-columns:auto minmax(0,1fr)}.said__rel{grid-column:2;justify-self:start}}.row--thumb{grid-template-columns:76px minmax(0,1fr) auto;column-gap:16px;align-items:center}.row--thumb .row__thumb{--r: 8px;grid-row:1 / span 2;position:relative;width:76px;aspect-ratio:16 / 10;overflow:hidden;container-type:size;background:var(--tint);box-shadow:0 0 0 1px var(--hair);transition:transform var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.row--thumb .row__thumb img:not(.framed){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.row--thumb:hover .row__thumb{transform:scale(1.04);box-shadow:0 0 0 1px var(--hair),var(--shadow)}.row--thumb .row__title,.row--thumb .row__date{align-self:end}.row--thumb .row__desc{grid-column:2 / -1;align-self:start}@media (max-width: 560px){.row--thumb{grid-template-columns:60px minmax(0,1fr) auto;column-gap:12px}.row--thumb .row__thumb{width:60px}}@media (min-width: 700px){.work-chips{overflow:visible}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);translate:-50% 4px;padding:5px 10px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:500;color:var(--paper);background:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--t-ui) var(--ease),translate var(--t-ui) var(--ease);z-index:5}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;translate:-50% 0}.work-tools{position:relative;display:flex;align-items:center;gap:8px}.work-tools .work-chips{flex:1;min-width:0}.work-tools__btn{--r: 12px;flex:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:999px;font-size:14px;color:var(--ink);background:var(--card);box-shadow:0 0 0 1px var(--hair),var(--shadow);transition:box-shadow var(--t-ui) var(--ease),translate var(--t-ui) var(--ease)}.work-tools__btn>svg:first-child{font-size:15px}.work-tools__btn b{font-weight:600}.work-tools__btn span{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.work-tools__chev{font-size:13px;color:var(--muted);transition:rotate var(--t-ui) var(--ease)}.work-tools__btn:hover{box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 18%,transparent),var(--shadow-lift);translate:0 -1px}.work-tools__btn[aria-expanded=true]{box-shadow:0 0 0 1.5px var(--ink),var(--shadow-lift)}.work-tools__btn[aria-expanded=true] .work-tools__chev{rotate:180deg}.work-dial{top:calc(100% + 8px);left:0;width:280px;transform-origin:top left}.dial__row.is-off{opacity:.45;pointer-events:none}.work-list .list__year>.row{transition:background var(--t-ui) var(--ease)}.work-list.is-flat,.post-list.is-flat{gap:2px}.post-list.is-flat .list__year{display:contents}.post-list.is-flat .list__year h2{display:none}.work-list.is-flat .list__year{display:contents}.work-list.is-flat .list__year h2{display:none}.work-list.is-grid .list__year,.work-list.is-grid.is-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 14px}.work-list.is-grid.is-flat .list__year{display:contents}.work-list.is-grid .list__year h2{grid-column:1 / -1;margin-bottom:-6px}.work-list.is-grid .row--thumb{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;align-content:start;gap:2px 10px;margin:0;padding:6px 6px 10px}.work-list.is-grid .row__thumb{grid-column:1 / -1;grid-row:auto;width:100%;margin-bottom:8px;--r: 10px}.work-list.is-grid .row--thumb .row__title{font-size:15px;align-self:baseline}.work-list.is-grid .row--thumb .row__date{align-self:baseline;font-size:13px}.work-list.is-grid .row--thumb .row__desc{grid-column:1 / -1;font-size:13px}.work-list.is-grid .row--thumb:hover .row__thumb{transform:translateY(-2px)}.row__shots{display:none}.work-list.is-stack .list__year,.work-list.is-stack.is-flat{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 26px}.work-list.is-stack.is-flat .list__year{display:contents}.work-list.is-stack .list__year h2{grid-column:1 / -1;margin-bottom:-14px}.work-list.is-stack .row--thumb{display:block;position:relative;z-index:0;margin:0;padding:0;background:none!important}.work-list.is-stack .row--thumb:hover,.work-list.is-stack .row--thumb:focus-visible{z-index:30}.work-list.is-stack .row--thumb>:not(.row__shots){display:none}.work-list.is-stack .row__shots{position:relative;display:block;aspect-ratio:16 / 10}.row__shot{--r: 8px;--k: 0;position:absolute;inset:0;z-index:calc(10 - var(--i));overflow:hidden;container-type:size;background:var(--tint);box-shadow:0 0 0 1px var(--hair),var(--shadow);transition:transform .42s var(--ease)}.row__shot img:not(.framed){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.row__shot:nth-child(2){--k: -1}.row__shot:nth-child(3){--k: 1}.row__shot:nth-child(4){--k: 2}.row__shots:has(>.row__shot:nth-child(4)){--shift: -.5}.row__shot:nth-child(2){transform:translate(5px,-5px) rotate(2.5deg)}.row__shot:nth-child(3){transform:translate(-5px,-7px) rotate(-3deg)}.row__shot:nth-child(4){transform:translate(2px,-10px) rotate(1deg)}.row__shot{transform-origin:50% 300%}.work-list.is-stack .row--thumb:hover .row__shot,.work-list.is-stack .row--thumb:focus-visible .row__shot{transform:translateY(-26px) rotate(calc((var(--k) + var(--shift, 0)) * 16deg)) scale(1.12);box-shadow:0 0 0 1px var(--hair),var(--shadow-lift)}.row__shots em{position:absolute;left:50%;top:calc(100% + 14px);z-index:11;translate:-50% -4px;padding:6px 14px;border-radius:999px;white-space:nowrap;font-style:normal;font-size:15px;font-weight:600;color:#fff;background:#161513c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--t-ui) var(--ease),translate var(--t-ui) var(--ease);pointer-events:none}.work-list.is-stack .row--thumb:hover .row__shots em,.work-list.is-stack .row--thumb:focus-visible .row__shots em{opacity:1;translate:-50% 0}@media (prefers-reduced-motion: reduce){.row__shot{transition:none}}.work-list.is-stack~.peek{display:none}.work-list.is-stack .row--thumb{transition:opacity .26s var(--ease),filter .26s var(--ease)}.work-list.is-stack:has(.row--thumb:hover) .row--thumb:not(:hover){opacity:.35;filter:grayscale(.5)}.work-tools{justify-content:flex-start}.dial__head--gap{margin-top:6px;padding-top:10px;border-top:1px solid var(--hair)}.dial__pills{display:flex;flex-wrap:wrap;gap:4px;padding:0 4px 2px}.dial__pill{display:inline-flex;align-items:baseline;gap:4px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;background:color-mix(in oklch,var(--ink) 5%,transparent);transition:background var(--t-ui) var(--ease),color var(--t-ui) var(--ease)}.dial__pill span{font-size:11px;color:color-mix(in srgb,var(--muted) 80%,transparent);font-variant-numeric:tabular-nums}.dial__pill:hover{color:var(--ink);background:color-mix(in oklch,var(--ink) 9%,transparent)}.dial__pill.is-current{color:var(--paper);background:var(--ink)}.dial__pill.is-current span{color:color-mix(in srgb,var(--paper) 70%,transparent)}html.orange-mode{--paper: #fff3e8;--card: #fff8f1;--tint: #ffe8d0;--hl: #fdba74}@media (prefers-color-scheme: dark){html.orange-mode{--paper: #1c0e02;--card: #271200;--tint: #33190a}}html.orange-mode body.site{transition:background-color .4s var(--ease)}