:root{--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Newsreader", ui-serif, Georgia, serif;--font-outlier: "Space Mono", ui-monospace, SFMono-Regular, monospace;--text-xs: .7rem;--text-sm: .82rem;--text-base: 1.0625rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--text-4xl: 3.8147rem;--text-display: clamp(2.35rem, 10.5vw, 5.75rem);--text-display-s: clamp(1.9rem, 4.5vw + .6rem, 3.25rem);--leading-display: .94;--leading-tight: 1.15;--leading-body: 1.6;--tracking-display: -.035em;--tracking-label: .14em;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--measure: 62ch;--shell: 78rem;--rail-w: 9.5rem;--radius-pin: 10px;--radius-input: 8px;--radius-chip: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 0;--z-raised: 10;--z-sticker: 20;--z-trail: 30;--z-rail: 40;--z-overlay: 60;--rule-hair: 1px;--rule-thick: 3px;--mask-opaque: oklch(0% .005 50);--color-paper: oklch(95.5% .016 78);--color-paper-2: oklch(92.2% .02 76);--color-paper-3: oklch(98.6% .009 80);--color-ink: oklch(19% .018 42);--color-ink-2: oklch(38% .016 44);--color-muted: oklch(50% .014 50);--color-rule: oklch(83% .018 74);--color-rule-strong: oklch(56% .018 62);--color-flip: oklch(17% .014 50);--color-on-flip: oklch(94.5% .014 78);--color-accent: oklch(48% .175 25);--color-accent-deep: oklch(41% .15 24);--color-on-accent: oklch(97% .012 80);--color-focus: oklch(54% .2 25);--wash-marigold: oklch(91% .07 80);--wash-olive: oklch(89.5% .055 112);--wash-rose: oklch(90% .045 10);--wash-blue: oklch(89.5% .042 248);--wash-cherry: oklch(89% .055 26);--color-tape: oklch(88% .05 92);--color-tape-edge: oklch(80% .055 90);--color-vinyl: oklch(24% .016 52);--color-vinyl-groove: oklch(33% .014 54);--color-vinyl-sheen: oklch(62% .02 70);--color-vinyl-rim: oklch(46% .014 56);--color-arm: oklch(64% .014 62);--shadow-pin: 0 1px 1px oklch(19% .018 42 / .05), 0 6px 14px -8px oklch(19% .018 42 / .22);--shadow-pin-lift: 0 2px 3px oklch(19% .018 42 / .06), 0 14px 28px -12px oklch(19% .018 42 / .28);--shadow-sticker: 0 4px 10px -6px oklch(19% .018 42 / .35);--grain-opacity: .055;--sticker-blend: normal;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-paper: oklch(17% .016 56);--color-paper-2: oklch(21% .017 56);--color-paper-3: oklch(25.5% .018 58);--color-ink: oklch(93% .014 78);--color-ink-2: oklch(76% .013 74);--color-muted: oklch(63% .012 62);--color-rule: oklch(32% .016 58);--color-rule-strong: oklch(54% .016 58);--color-flip: oklch(93% .014 78);--color-on-flip: oklch(17% .014 50);--color-accent: oklch(70% .145 27);--color-accent-deep: oklch(79% .12 30);--color-on-accent: oklch(17% .014 50);--color-focus: oklch(74% .17 27);--wash-marigold: oklch(28% .042 80);--wash-olive: oklch(27% .034 112);--wash-rose: oklch(28% .03 10);--wash-blue: oklch(28% .03 248);--wash-cherry: oklch(28% .038 26);--color-tape: oklch(60% .045 90);--color-tape-edge: oklch(70% .045 88);--color-vinyl: oklch(20% .014 52);--color-vinyl-groove: oklch(30% .012 54);--color-vinyl-sheen: oklch(70% .02 72);--color-vinyl-rim: oklch(63% .016 60);--color-arm: oklch(74% .014 64);--shadow-pin: 0 1px 2px oklch(6% .014 50 / .45);--shadow-pin-lift: 0 4px 14px -6px oklch(6% .014 50 / .6);--shadow-sticker: 0 4px 10px -6px oklch(6% .014 50 / .55);--grain-opacity: .035;color-scheme:dark}}:root[data-theme=dark]{--color-paper: oklch(17% .016 56);--color-paper-2: oklch(21% .017 56);--color-paper-3: oklch(25.5% .018 58);--color-ink: oklch(93% .014 78);--color-ink-2: oklch(76% .013 74);--color-muted: oklch(63% .012 62);--color-rule: oklch(32% .016 58);--color-rule-strong: oklch(54% .016 58);--color-flip: oklch(93% .014 78);--color-on-flip: oklch(17% .014 50);--color-accent: oklch(70% .145 27);--color-accent-deep: oklch(79% .12 30);--color-on-accent: oklch(17% .014 50);--color-focus: oklch(74% .17 27);--wash-marigold: oklch(28% .042 80);--wash-olive: oklch(27% .034 112);--wash-rose: oklch(28% .03 10);--wash-blue: oklch(28% .03 248);--wash-cherry: oklch(28% .038 26);--color-tape: oklch(60% .045 90);--color-tape-edge: oklch(70% .045 88);--color-vinyl: oklch(20% .014 52);--color-vinyl-groove: oklch(30% .012 54);--color-vinyl-sheen: oklch(70% .02 72);--color-vinyl-rim: oklch(63% .016 60);--color-arm: oklch(74% .014 64);--shadow-pin: 0 1px 2px oklch(6% .014 50 / .45);--shadow-pin-lift: 0 4px 14px -6px oklch(6% .014 50 / .6);--shadow-sticker: 0 4px 10px -6px oklch(6% .014 50 / .55);--grain-opacity: .035;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:6.5rem;-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:var(--z-base);pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;min-width:0;margin:0}p{margin:0}ul,ol,dl,dd{margin:0;padding:0}li{list-style:none}a{color:inherit}::-moz-selection{background:var(--color-accent);color:var(--color-on-accent)}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;left:var(--space-sm);top:-4rem;z-index:var(--z-overlay);padding:var(--space-2xs) var(--space-sm);background:var(--color-paper-3);border:var(--rule-thick) solid var(--color-ink);border-radius:var(--radius-input);font-family:var(--font-outlier);font-size:var(--text-sm);text-decoration:none;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out)}.skip:focus-visible{transform:translateY(calc(4rem + var(--space-sm)))}.sticker{width:var(--sticker-w, 4rem);height:auto;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(var(--shadow-sticker))}.sticker[src$="snoopy.webp"],.trail__sticker[src$="snoopy.webp"]{image-rendering:pixelated}.trail{position:fixed;inset:0;z-index:var(--z-trail);pointer-events:none;overflow:clip}.trail__sticker{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(var(--shadow-sticker));animation:trail-drop .95s var(--ease-out) forwards}@keyframes trail-drop{0%{opacity:0;transform:rotate(var(--tilt)) scale(.4)}14%{opacity:1;transform:rotate(var(--tilt)) scale(1)}35%{opacity:1}to{opacity:0;transform:rotate(var(--tilt)) scale(.94) translateY(10px)}}.rail{position:sticky;top:0;z-index:var(--z-rail);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);padding:var(--space-2xs) var(--space-sm);background:var(--color-paper);border-bottom:var(--rule-thick) solid var(--color-ink)}.rail__brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:-.02em;text-decoration:none;white-space:nowrap;flex:0 0 auto}.dot{color:var(--color-accent)}.rail__list{order:3;flex:1 0 100%;display:flex;gap:var(--space-3xs);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--space-3xs);-webkit-mask-image:linear-gradient(to right,var(--mask-opaque) calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,var(--mask-opaque) calc(100% - 2rem),transparent)}.rail__list::-webkit-scrollbar{display:none}.rail__link{display:flex;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-chip);font-family:var(--font-outlier);font-size:var(--text-xs);text-decoration:none;color:var(--color-ink-2);white-space:nowrap;min-height:44px;transition:color var(--dur-micro) var(--ease-out)}.rail__link[aria-current=true]{color:var(--color-accent)}.rail__sticker{--sticker-w: 1.5rem;flex:0 0 auto;filter:none;opacity:.75;transition:opacity var(--dur-micro) var(--ease-out)}.rail__link[aria-current=true] .rail__sticker,.rail__link:hover .rail__sticker{opacity:1}.rail__foot{display:flex;align-items:center;gap:var(--space-2xs);flex:0 0 auto}.rail__status{display:none}.rail__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent);flex:0 0 auto}@media (min-width: 64rem){.rail{position:fixed;inset-block:0;inset-inline-start:0;width:var(--rail-w);flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-sm);border-bottom:0;border-inline-end:var(--rule-thick) solid var(--color-ink);overflow-y:auto}.rail__brand{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;font-size:var(--text-base);max-height:11rem}.rail__list{order:0;flex:0 0 auto;flex-direction:column;gap:var(--space-3xs);overflow:visible;-webkit-mask-image:none;mask-image:none}.rail__link{font-size:var(--text-sm);gap:var(--space-2xs)}.rail__foot{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.rail__status{display:flex;align-items:center;gap:var(--space-3xs);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted);line-height:1.3}}.themetoggle{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:44px;padding:var(--space-3xs) var(--space-2xs);background:none;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-chip);color:var(--color-ink-2);font-family:var(--font-outlier);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-micro) var(--ease-out)}.themetoggle:hover{border-color:var(--color-ink)}.themetoggle__mark{width:.65rem;height:.65rem;border-radius:50%;border:2px solid currentColor;background:linear-gradient(to right,currentColor 0 50%,transparent 50% 100%)}.main{position:relative;z-index:var(--z-raised)}@media (min-width: 64rem){.main{padding-inline-start:var(--rail-w)}}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:clamp(var(--space-sm),4vw,var(--space-2xl))}.band{padding-block:var(--space-2xl);position:relative}.band--hero{padding-block:var(--space-lg) var(--space-2xl)}#projects,#contact{padding-block:var(--space-3xl) var(--space-2xl)}.band__head{position:relative;margin-bottom:var(--space-lg);display:block;max-width:var(--measure)}.band__head:before{content:"";display:block;width:100%;height:var(--rule-thick);background:var(--color-ink);margin-bottom:var(--space-sm)}.band__title{font-size:var(--text-display-s)}.band__desc{margin-top:var(--space-2xs);color:var(--color-ink-2);max-width:var(--measure)}.band__mark{position:absolute;inset-inline-end:0;top:var(--space-sm);transform:rotate(-8deg);display:none}.band__mark--b{top:auto;bottom:-1.25rem;transform:rotate(11deg)}@media (min-width: 48rem){.band__mark{display:block;inset-inline-end:-3rem}.band__mark--b{inset-inline-end:-9.5rem}}@media (min-width: 72rem){.band__mark{inset-inline-end:-7rem}.band__mark--b{inset-inline-end:-14.5rem}}.hero{display:grid;gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}@media (min-width: 60rem){.hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:var(--space-2xl)}}.hero__text{position:relative;min-width:0}.hero__eyes{margin-inline-start:.25rem;margin-bottom:var(--space-2xs);transform:rotate(-4deg);opacity:.9}.hero__name{font-size:var(--text-display);line-height:var(--leading-display);font-variation-settings:"wdth" 92}.hero__standfirst{font-family:var(--font-display);font-weight:400;font-size:var(--text-md);line-height:1.35;letter-spacing:-.015em;margin-top:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);max-width:34ch}.hero__standfirst strong{font-weight:800}.prose{margin-top:var(--space-md);max-width:var(--measure);color:var(--color-ink-2)}.hero__cluster{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-sm);padding-block:var(--space-lg)}.hero__note{--sticker-w: clamp(7rem, 42vw, 11rem);transform:rotate(3.5deg)}.hero__patch{--sticker-w: 4.5rem;transform:rotate(-12deg);margin-top:var(--space-sm)}.hero__unicorn{--sticker-w: 4rem;transform:rotate(9deg);margin-top:var(--space-lg)}.hero__star{--sticker-w: 3.25rem;transform:rotate(-14deg);margin-top:var(--space-sm)}.hero__cool{--sticker-w: 4.25rem;transform:rotate(8deg)}@media (min-width: 60rem){.hero__cluster{display:block}.hero__note{--sticker-w: 17rem;margin-inline-start:auto}.hero__patch{--sticker-w: 7rem;position:absolute;inset-inline-start:0;top:1rem;margin-top:0}.hero__unicorn{--sticker-w: 5.5rem;position:absolute;inset-inline-start:2rem;bottom:-1rem;margin-top:0}.hero__star{--sticker-w: 3.5rem;position:absolute;inset-inline-end:.5rem;bottom:-2.25rem;margin-top:0}.hero__cool{--sticker-w: 5rem;position:absolute;inset-inline-start:7.5rem;bottom:-3.5rem;margin-top:0}}.pin{position:relative;padding:var(--space-md);background:var(--color-paper-3);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pin);box-shadow:var(--shadow-pin);min-width:0;transition:transform var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.pin:before{content:"";position:absolute;top:-.6rem;inset-inline-start:50%;width:4.75rem;height:1.35rem;translate:-50% 0;rotate:var(--tape-tilt, -2.5deg);background:var(--color-tape);opacity:.72;box-shadow:inset 1px 0 0 var(--color-tape-edge),inset -1px 0 0 var(--color-tape-edge)}.pin:nth-of-type(2n){--tape-tilt: 2deg}.pin:nth-of-type(3n){--tape-tilt: -4deg}.pin--marigold{background:var(--wash-marigold)}.pin--olive{background:var(--wash-olive)}.pin--rose{background:var(--wash-rose)}.pin--blue{background:var(--wash-blue)}.pin--cherry{background:var(--wash-cherry)}@media (hover: hover) and (pointer: fine){.pin:hover{transform:translateY(-3px);box-shadow:var(--shadow-pin-lift)}}.pin__label{font-family:var(--font-outlier);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-ink-2);margin-bottom:var(--space-2xs)}.pin__lead{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);line-height:1.25;letter-spacing:-.02em}.pin__mark{position:absolute;inset-inline-end:var(--space-xs);bottom:var(--space-xs);transform:rotate(7deg);opacity:.9}.pin:has(.pin__mark) .pin__lead{padding-inline-end:4rem}.bento{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-items:start}.bento__d{align-self:stretch}@media (min-width: 40rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a d" "b d" "c c"}.bento__a{grid-area:a}.bento__b{grid-area:b}.bento__c{grid-area:c}.bento__d{grid-area:d}}@media (min-width: 60rem){.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a b d" "c c d"}}.stack{display:grid;gap:var(--space-md)}.entry__top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs)}.entry__title{font-size:var(--text-lg)}.entry__meta{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.entry__role{margin-top:var(--space-3xs);color:var(--color-ink-2);font-size:var(--text-sm)}.entry__points{margin-top:var(--space-sm);display:grid;gap:var(--space-3xs)}.entry__points li{position:relative;padding-inline-start:var(--space-sm);color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.5}.entry__points li:before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.4rem;height:.4rem;background:var(--color-rule-strong);rotate:45deg}.toolkit{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.board{display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1fr)}@media (min-width: 46rem){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.project--wide{grid-column:span 2}}.project{display:flex;flex-direction:column;gap:var(--space-2xs)}.board .project:nth-child(2n){rotate:.5deg}.board .project:nth-child(3n){rotate:-.6deg}.project__mark{position:absolute;inset-inline-end:var(--space-sm);top:var(--space-sm);transform:rotate(9deg)}.project__top{display:flex;align-items:baseline;gap:var(--space-2xs);padding-inline-end:4rem}.project__title{font-size:var(--text-lg)}.project__year{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-2);font-variant-numeric:tabular-nums}.project__desc{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.55;max-width:52ch}.project__links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-2xs)}.rail__link:active,.ask__hint:active,.themetoggle:active,.index__row:active{transform:translateY(1px)}.chip[aria-disabled=true],button:disabled,a[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3xs)}.tag{font-family:var(--font-outlier);font-size:var(--text-xs);padding:var(--space-3xs) var(--space-2xs);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-chip);color:var(--color-ink-2);white-space:nowrap}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-lg)}.chip{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2xs) var(--space-sm);border:2px solid var(--color-ink);border-radius:var(--radius-chip);background:var(--color-paper-3);font-family:var(--font-outlier);font-size:var(--text-sm);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-pin);transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}@media (hover: hover) and (pointer: fine){.chip:hover{background:var(--color-accent);color:var(--color-on-accent)}}.chip:active{transform:translateY(1px)}.link{font-family:var(--font-outlier);font-size:var(--text-sm);text-decoration:none;color:var(--color-accent);white-space:nowrap;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size var(--dur-micro) var(--ease-out)}.link:hover{background-size:100% 3px}.index{border-top:var(--rule-hair) solid var(--color-rule)}.index__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);text-decoration:none;transition:transform var(--dur-short) var(--ease-out)}.index__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:-.02em;min-width:0;overflow-wrap:anywhere}.index__meta{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap}@media (hover: hover) and (pointer: fine){.index__row:hover{transform:translate(var(--space-2xs))}.index__row:hover .index__title{color:var(--color-accent)}}.ask{background:var(--color-paper-3);border:2px solid var(--color-ink);border-radius:var(--radius-pin);box-shadow:var(--shadow-pin);padding:var(--space-md);font-family:var(--font-outlier);font-size:var(--text-sm)}.ask__log{max-height:19rem;overflow-y:auto;margin-bottom:var(--space-sm)}.ask__line{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--color-ink-2)}.ask__line--command{color:var(--color-ink);font-weight:700}.ask__line--highlight{color:var(--color-accent)}.ask__line--error{color:var(--color-accent-deep)}.ask__form{display:flex;align-items:center;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:var(--rule-hair) solid var(--color-rule)}.ask__prompt{color:var(--color-accent);font-weight:700}.ask__input{flex:1 1 auto;min-width:0;min-height:44px;background:none;border:0;color:var(--color-ink);font:inherit}.ask__input::-moz-placeholder{color:var(--color-muted)}.ask__input::placeholder{color:var(--color-muted)}.ask__input:focus{outline:none}.ask__form:focus-within{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:2px}.ask__hints{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin-top:var(--space-sm)}.ask__hint{min-height:44px;padding:var(--space-3xs) var(--space-2xs);background:none;border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-chip);color:var(--color-ink-2);font:inherit;cursor:pointer;white-space:nowrap;transition:border-color var(--dur-micro) var(--ease-out)}.ask__hint:hover{border-color:var(--color-accent);color:var(--color-accent)}.spotify{display:flex;align-items:center;gap:var(--space-sm);min-width:0;text-decoration:none}.spotify--link{border-radius:var(--radius-input)}.spotify__text{display:flex;flex-direction:column;gap:.1em;min-width:0}.spotify__state{display:flex;align-items:center;gap:var(--space-3xs);font-family:var(--font-outlier);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-ink-2);line-height:1.4}.spotify__pip{flex:0 0 auto;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-rule-strong)}.tt[data-playing=true]~.spotify__text .spotify__pip{background:var(--color-accent);animation:pulse 2.4s var(--ease-in-out) infinite}.spotify__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);line-height:1.2;letter-spacing:-.02em;color:var(--color-ink);overflow-wrap:anywhere}.spotify__title--quiet{font-weight:400;font-size:var(--text-base);font-family:var(--font-body);letter-spacing:0;color:var(--color-ink-2)}.spotify__artist{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.35;overflow-wrap:anywhere}.spotify__album{font-style:normal}@media (hover: hover) and (pointer: fine){.spotify--link:hover .spotify__title{color:var(--color-accent)}}.tt{--disc: clamp(5.25rem, 18vw, 7rem);position:relative;flex:0 0 auto;width:calc(var(--disc) + .9rem);height:var(--disc);display:block}.tt__platter{position:absolute;top:0;left:0;width:var(--disc);height:var(--disc);border-radius:50%;background:var(--color-vinyl);box-shadow:0 0 0 1px var(--color-vinyl-rim),var(--shadow-pin);overflow:hidden;animation:tt-spin 3.2s linear infinite;animation-play-state:paused}.tt[data-playing=true] .tt__platter{animation-play-state:running}.tt__grooves{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,var(--color-vinyl-groove) 0 .5px,var(--color-vinyl) .5px 3px);opacity:.7}.tt__grooves:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 32%,var(--color-vinyl-sheen) 50%,transparent 68%);opacity:.2}.tt__label{position:absolute;inset:32%;border-radius:50%;overflow:hidden;background:var(--wash-marigold);display:grid;place-items:center;box-shadow:0 0 0 1px var(--color-vinyl-groove)}.tt__art{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tt__spindle{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-vinyl-groove)}.tt__arm{position:absolute;top:14%;right:4%;width:.2rem;height:60%;border-radius:var(--radius-chip);background:var(--color-arm);transform-origin:50% .35rem;rotate:10deg;transition:rotate var(--dur-long) var(--ease-out)}.tt__arm:before{content:"";position:absolute;top:-.28rem;left:50%;translate:-50% 0;width:.72rem;height:.72rem;border-radius:50%;background:var(--color-arm);box-shadow:0 0 0 1px var(--color-vinyl-groove)}.tt[data-playing=true] .tt__arm{rotate:32deg}.tt[data-idle=true] .tt__arm{rotate:2deg}.tt__head{position:absolute;bottom:-.1rem;left:50%;translate:-50% 0;width:.44rem;height:.5rem;border-radius:1px;background:var(--color-arm);rotate:-8deg}@keyframes tt-spin{to{transform:rotate(360deg)}}@media (min-width: 46rem){.tt{--disc: 7.75rem}}.marginalia{height:100%;min-height:inherit;display:flex;align-items:stretch}.marginalia__img{width:100%;height:100%;min-height:12rem;max-height:26rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-pin);border:var(--rule-hair) solid var(--color-rule);box-shadow:var(--shadow-pin);rotate:-1.2deg}.letter{position:relative;display:grid;gap:var(--space-lg);align-items:start;grid-template-columns:minmax(0,1fr)}@media (min-width: 46rem){.letter{grid-template-columns:minmax(0,1fr) auto}}.letter__rows{display:grid;gap:var(--space-2xs);max-width:var(--measure)}.letter__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs);padding-block:var(--space-2xs);border-bottom:var(--rule-hair) solid var(--color-rule)}.letter__label{font-family:var(--font-outlier);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-muted);min-width:6rem}.letter__value{margin:0;min-width:0}.letter__marks{position:relative;justify-self:end;align-self:start;min-width:9rem;min-height:9rem}.letter__mark{rotate:5deg}.letter__mark--b{position:absolute;inset-inline-start:-1.5rem;bottom:.5rem;rotate:-12deg}.letter__mark--c{position:absolute;inset-inline-end:-1rem;bottom:-1.25rem;rotate:16deg}.scatter{position:absolute;inset:0;pointer-events:none;z-index:var(--z-sticker)}.scatter__pin{position:absolute;height:auto;rotate:var(--tilt, 0deg);filter:drop-shadow(var(--shadow-sticker));display:none}.scatter__pin--sm-ok{display:block}.scatter__pin--s{width:clamp(2.25rem,6vw,3.25rem)}.scatter__pin--m{width:clamp(3rem,8vw,5rem)}.scatter__pin--l{width:clamp(4.5rem,11vw,7rem)}@media (min-width: 46rem){.scatter__pin{display:block}}.close{margin-top:var(--space-2xl)}.marquee{overflow:clip;background:var(--color-flip);color:var(--color-on-flip);border-block:var(--rule-thick) solid var(--color-ink)}.marquee__track{display:flex;width:-moz-max-content;width:max-content;padding-block:var(--space-xs);animation:marquee 34s linear infinite}.marquee__run{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:.02em;white-space:nowrap}.marquee__sticker{display:inline-block;filter:none}.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.close__inner{max-width:var(--shell);margin-inline:auto;padding:var(--space-xl) clamp(var(--space-sm),4vw,var(--space-2xl))}@media (min-width: 64rem){.close__inner{padding-inline-start:calc(var(--rail-w) + var(--space-lg))}}.close__signoff{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.close__ps{margin-top:var(--space-2xs);color:var(--color-ink-2);max-width:46ch}.close__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted)}.close__meta a{color:var(--color-ink-2);text-decoration:none;border-bottom:var(--rule-hair) solid var(--color-rule-strong);white-space:nowrap}.close__meta a:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.marquee__track,.tt__platter,.spotify__pip{animation:none!important}.pin:hover,.chip:hover{transform:none}}