.notes-page{min-height:100svh;background:var(--color-paper);color:var(--color-ink);--note-card-title:clamp(1.25rem,1.75vw,2rem);--notes-column-gap:clamp(1rem,2.4vw,2.5rem);--type-work-filter:clamp(1.75rem,2.9vw,3rem)}.notes-page__opening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;grid-column-gap:clamp(5rem,15vw,18rem);column-gap:clamp(5rem,15vw,18rem);padding:calc(1rem + clamp(6rem, 11svh, 8rem)) var(--page-gutter) clamp(5rem,6vw,6rem)}.notes-page__masthead{position:relative;min-width:0}.notes-page__masthead h1{margin:0;padding:calc(.04em / var(--display-scale)) 0 calc(.06em / var(--display-scale));font-family:var(--font-display);font-size:calc(var(--type-display-hero) * var(--display-scale));font-weight:900;line-height:calc(.68 / var(--display-scale));text-align:left}.notes-page__controls{min-width:0;padding-top:calc(var(--type-display-hero) * (.38 - .355 * var(--display-scale)) - 16.8px)}.notes-page__views{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.3;text-transform:uppercase}.notes-page__views [aria-current=page],.notes-page__views a{display:inline-flex;align-items:center;min-height:var(--touch-target)}.notes-page__views a{color:color-mix(in srgb,var(--color-ink) 65%,transparent);text-decoration:none;transition:color var(--interaction-response) var(--ease-response)}.notes-page__views [aria-current=page]{color:var(--color-rust)}.notes-page__views a:hover{color:var(--color-ink)}.notes-page__views a:focus-visible{outline-color:var(--color-rust)}.notes-page__views-separator{opacity:.45}.notes-page__filters{margin-top:1rem}.notes-archive{padding:0 var(--page-gutter) clamp(6rem,10vw,10rem)}.notes-filters{position:relative;min-width:0;margin:0;text-align:left}.notes-filters__sentence{line-height:0}.notes-filters__option{display:inline-block;white-space:nowrap}.notes-filters button,.notes-filters__separator{font-family:var(--font-display);font-size:calc(var(--type-work-filter) * var(--display-scale));font-weight:900;line-height:1.1;letter-spacing:.025em}.notes-filters button{min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--color-ink);text-align:left;vertical-align:baseline;cursor:pointer;transform:scale(1);transition:color var(--interaction-response) var(--ease-response),transform var(--interaction-press-out) var(--ease-response)}@media (hover:hover) and (pointer:fine){.notes-filters button:hover:not([aria-pressed=true]){color:var(--color-mid)}}.notes-filters button:active{transform:scale(var(--interaction-press-scale))}.notes-filters button[aria-pressed=true]{color:var(--color-rust)}.notes-filters button:focus-visible{color:var(--color-ink);outline:2px solid var(--color-rust);outline-offset:.12em}.notes-filters button[aria-pressed=true]:focus-visible{color:var(--color-rust)}.notes-filters__separator{color:var(--color-ink);padding-right:.14em}.notes-filter-disclosure{display:none}.notes-filter-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--touch-target);padding:.85rem 0;border:0;border-top:1px solid;border-bottom:1px solid;background:none;color:inherit;font-family:var(--font-mono);font-size:var(--type-small);line-height:1.3;text-transform:uppercase;cursor:pointer}.notes-filter-disclosure__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid}.notes-filter-disclosure__options[hidden]{display:none}.notes-filter-disclosure__options button{min-height:var(--touch-target);padding:.8rem 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);background:none;color:inherit;font-family:var(--font-mono);font-size:var(--type-small);line-height:1.3;text-align:left;text-transform:uppercase;cursor:pointer;transition:color var(--interaction-response) var(--ease-response)}.notes-filter-disclosure__options button:nth-child(odd){padding-right:.75rem}.notes-filter-disclosure__options button:nth-child(2n){padding-left:.75rem;text-align:right}@media (hover:hover) and (pointer:fine){.notes-filter-disclosure__options button:hover:not([aria-pressed=true]){color:var(--color-mid)}}.notes-filter-disclosure__options button[aria-pressed=true]{color:var(--color-rust);text-decoration:underline;text-underline-offset:.25em}.notes-filter-disclosure__options button:focus-visible,.notes-filter-disclosure__trigger:focus-visible{outline:2px solid var(--color-rust);outline-offset:3px}.note-card{position:relative;min-width:0}.note-card__media{position:relative;margin:0;aspect-ratio:3/2;background:var(--color-plate);overflow:hidden}.note-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.note-card .note-card__media:not([data-revealed=false]){transition:transform .9s var(--ease-settle),scale .42s cubic-bezier(.16,1,.3,1)}.note-card__link:focus-visible .note-card__media{scale:1.025}.note-card__body{min-width:0}.note-card__category{margin:0;font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;margin-top:1.1rem}.note-card__title{margin:.55rem 0 0;font-family:var(--font-display);font-size:var(--note-card-title);font-weight:900;line-height:1.04;letter-spacing:-.01em;text-wrap:pretty;transition:color var(--interaction-response) var(--ease-response)}.note-card__link{display:block;color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.note-card__link:hover .note-card__title{color:var(--color-rust)}.note-card__link:hover .note-card__media{scale:1.025}}.note-card__description{max-width:46ch;margin:.8rem 0 0;font-size:var(--type-body);font-weight:300;line-height:var(--leading-body);letter-spacing:-.02em}.notes-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-column-gap:var(--notes-column-gap);column-gap:var(--notes-column-gap);grid-row-gap:clamp(3rem,5vw,5rem);row-gap:clamp(3rem,5vw,5rem)}@media (min-width:641px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1101px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.notes-page__opening{display:block;padding:1rem var(--page-gutter) 4.5rem}.notes-page__masthead{min-height:max(10rem,24svh,calc(6.5rem + var(--type-display-mobile-route) * .88));padding-top:6.5rem}.notes-page__masthead h1{position:absolute;right:0;bottom:0;left:0;font-size:calc(var(--type-display-mobile-route) * var(--display-scale));line-height:calc(.78 / var(--display-scale))}.notes-page__controls{padding-top:2.25rem}.notes-filters--desktop{display:none}.notes-filter-disclosure{display:block}}.note-detail .project-detail__intro h1{font-size:calc(var(--type-display-md) * var(--display-scale));text-wrap:balance}.note-detail__name{white-space:nowrap}.note-detail__podcast{margin-top:2rem}.note-detail__podcast-label{margin:0 0 .6rem;color:var(--color-mid);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.25;text-transform:uppercase}.note-detail__player{display:block;width:100%;height:80px;margin:0;border:0;border-radius:8px}.note-detail__player--soon{display:flex;align-items:center;box-sizing:border-box;padding:0 1rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);color:var(--color-mid);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.25;text-transform:uppercase}@media (min-width:801px) and (min-height:32rem){.note-detail .project-overview__facts{position:-webkit-sticky;position:sticky;top:5rem;align-self:start}}.note-detail__fact-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--interaction-response) var(--ease-response)}.note-detail__fact-link:focus-visible,.note-detail__fact-link:hover{color:var(--color-rust)}.note-detail .project-navigation__caption{white-space:normal;text-wrap:balance}.note-detail .note-detail__body>*{max-width:30em;margin:0}.note-detail .note-detail__body>*+*{margin-top:1em}.note-detail .note-detail__body li,.note-detail .note-detail__body p{font-size:var(--type-body);font-weight:300;line-height:1.5;text-wrap:pretty}.note-detail .note-detail__body>p:first-child{font-weight:500}.note-detail .note-detail__body>p:last-child{margin-top:2em;font-weight:500}.note-detail .note-detail__body>h2{margin-top:2.5rem;font-family:var(--font-display);font-size:var(--type-display-caption);font-weight:900;line-height:1.05;text-wrap:balance}.note-detail .note-detail__body>h2+*{margin-top:.75rem}.note-detail .note-detail__body ol,.note-detail .note-detail__body ul{padding-left:1.25em}.note-detail .note-detail__body ul{list-style:disc}.note-detail .note-detail__body ol{list-style:decimal}.note-detail .note-detail__body li+li{margin-top:.5em}.note-detail .note-detail__body li::marker{color:var(--color-mid)}.note-detail .note-detail__body ol li::marker{font-family:var(--font-mono);font-size:var(--type-meta)}.note-detail__link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--interaction-response) var(--ease-response)}.note-detail__link:focus-visible,.note-detail__link:hover{color:var(--color-rust)}.project-overview__copy .note-detail__placeholder{margin-top:1.5rem;color:var(--color-mid);font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:.06em;text-transform:uppercase}