:root{--ground: #11110f;--paper: #e8e4dc;--quiet: #8a8680;--hairline: #2a2926;--brass: #9a7348;--pad: clamp(1.75rem, 7vw, 5.5rem)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:"Source Serif 4",Iowan Old Style,Palatino,Georgia,serif;font-weight:400;font-size:1.05rem;line-height:1.5;color:var(--paper);background:var(--ground);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--quiet);outline-offset:3px}.site{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.masthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 2rem;padding:1.75rem var(--pad) 0}.site-nav{display:flex;flex-wrap:wrap;gap:.45rem 2rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.04em;color:var(--quiet)}.site-nav-link{padding-bottom:3px;border-bottom:1px solid transparent;white-space:nowrap;transition:color .16s ease,border-color .16s ease}.site-nav-link:hover,.site-nav-link.active{color:var(--paper)}.site-nav-link.active{border-bottom-color:var(--paper)}.wordmark{display:inline-flex;align-items:center;gap:.55rem;line-height:0}.wordmark-mark{display:block;height:1.25rem;width:auto}.wordmark-text{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:400;line-height:1;letter-spacing:.02em;color:var(--quiet);transition:color .16s ease}.wordmark:hover .wordmark-text{color:var(--paper)}main{flex:1;padding:0 var(--pad) 5rem;width:100%}.colophon{display:flex;justify-content:space-between;padding:0 var(--pad) 2rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--quiet)}.home{max-width:42em}.thesis{margin-top:clamp(4rem,12vh,7rem);margin-bottom:clamp(3.25rem,9vh,5rem);max-width:24em;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.4;font-weight:400;color:var(--paper)}.notes{--line-ink: var(--hairline);--line: 1px;--gutter: 2.5em;--reach: 3.25em;--fade: 2.75em;list-style:none;padding:2.25em 0 0 var(--gutter);display:block;max-width:calc(36em + var(--gutter));overflow:visible}.notes>li{list-style:none}.notes>li:not(:first-child){margin-top:2.25em}.when{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--quiet);margin:0 0 .65em}.note{display:flex;flex-direction:column;align-items:stretch;position:relative;max-width:36em;padding:1.15rem 1.25rem 1.3rem;border:1px solid var(--hairline);border-radius:2px;background:transparent;overflow:visible}a.note{transition:border-color .16s ease}a.note:hover{border-color:var(--quiet)}.note-still{display:block;width:100%;aspect-ratio:3.4 / 1;object-fit:cover;object-position:center;border-radius:0}.note-still-ear-tag{object-fit:contain;object-position:center;background:#f6f4ef;padding:.4rem .55rem;box-sizing:border-box}.note-still-caption{margin-top:.45rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--quiet)}.note:before{content:"";position:absolute;left:calc(-1 * var(--gutter) - 1px - var(--line) / 2);top:calc(-1 * var(--reach) - 1px);bottom:calc(-1 * var(--reach) - 1px);width:var(--line);background:linear-gradient(transparent,var(--line-ink) var(--fade),var(--line-ink) calc(100% - var(--fade)),transparent);pointer-events:none}.note:after{content:"";position:absolute;left:calc(-1 * var(--gutter) - 1px - var(--line) / 2);top:calc(50% - .5px);width:calc(var(--gutter) + .5px);height:var(--line);background:var(--line-ink);pointer-events:none}.note-title{font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;color:var(--paper);margin-bottom:.85rem}.note-dek{margin-top:.85rem;font-weight:400;font-size:.92em;line-height:1.6;color:#a8a49e}.note-dek p+p{margin-top:.4em}.piece{max-width:34em;padding-top:clamp(3.25rem,9vh,5.5rem)}.piece h1{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.2;margin-bottom:1.6rem;color:var(--paper)}.piece>p{margin-bottom:1.25rem;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5}.piece h2{font-size:clamp(1.28rem,2vw,1.55rem);font-weight:400;line-height:1.25;margin:2.25rem 0 1rem;color:var(--paper)}.piece>p.status-label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--brass);margin-bottom:.85rem}.cta{display:inline-block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.02em;color:var(--paper);border:1px solid var(--hairline);padding:.62rem .95rem;border-radius:2px;margin-bottom:1.75rem;transition:border-color .16s ease,color .16s ease}.cta:hover{border-color:var(--brass);color:var(--brass)}.product-render{margin:1.75rem 0 2.25rem}.product-render-surface{background:#f6f4ef;display:flex;align-items:center;justify-content:center;min-height:min(28rem,78vw)}.product-render-surface img{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain;object-position:center}.product-render-surface-closeup{min-height:0}.product-render-closeup img{max-height:none;object-fit:cover}.product-render figcaption{margin-top:.65rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--quiet)}.waitlist-block{scroll-margin-top:2.5rem;margin:1.75rem 0 2rem}.waitlist{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;max-width:28em}.waitlist-label,.waitlist-details summary{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--quiet)}.waitlist-details{border-top:1px solid var(--hairline);padding-top:.7rem}.waitlist-details summary{cursor:pointer;margin-bottom:.7rem}.waitlist-details[open] summary{color:var(--paper)}.waitlist-input{width:100%;background:transparent;color:var(--paper);border:1px solid var(--hairline);border-radius:2px;padding:.62rem .7rem;font-family:"Source Serif 4",Iowan Old Style,Palatino,Georgia,serif;font-size:1rem}.waitlist-input:focus-visible{outline:1px solid var(--quiet);outline-offset:2px}.waitlist-input:disabled{opacity:.6}.waitlist-check{display:flex;align-items:flex-start;gap:.55rem;margin-top:.85rem;font-size:.95rem;line-height:1.4;color:var(--paper)}.waitlist-check input{margin-top:.2rem;accent-color:var(--brass)}.waitlist-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.waitlist-submit-row{display:flex;align-items:flex-start;gap:.9rem;margin-top:.35rem}.waitlist-submit{flex:0 0 auto;background:transparent;color:var(--paper);border:1px solid var(--hairline);border-radius:2px;padding:.62rem .95rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:border-color .16s ease,color .16s ease}.waitlist-submit:hover:not(:disabled){border-color:var(--brass);color:var(--brass)}.waitlist-submit:disabled{opacity:.55;cursor:wait}.waitlist-consent{margin:0;font-size:.82rem;line-height:1.45;color:var(--quiet)}.waitlist-error,.waitlist-success{font-size:.95rem;line-height:1.45}.waitlist-error{color:#c4b19a}.waitlist-success{color:var(--paper)}.piece>p.status-note{font-size:.95rem;line-height:1.5;color:var(--quiet)}.tasks{margin:0 0 1.75rem;padding-left:1.35em}.tasks li{margin-bottom:.45rem;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5;padding-left:.25em}.src{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.02em;color:var(--brass)}.empty{margin-top:clamp(5.5rem,18vh,9.5rem);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.02em;color:var(--quiet)}.beats{list-style:none;margin:2rem 0 2.25rem;border-top:1px solid var(--hairline)}.piece h2+.beats{margin-top:0}.beats li{padding:.95rem 0 1rem;border-bottom:1px solid var(--hairline);font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5;color:#a8a49e}.beat-name{font-weight:600;color:var(--paper)}.quiet-link{color:var(--paper);border-bottom:1px solid var(--hairline);padding-bottom:1px;transition:color .16s ease,border-color .16s ease}.quiet-link:hover{color:var(--brass);border-bottom-color:var(--brass)}.lab-notes{list-style:none;margin-bottom:1.25rem;font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.5}.lab-notes li+li{margin-top:.4rem}.page-closing{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--hairline);font-size:.95rem;line-height:1.5;color:var(--quiet)}.page-closing .quiet-link{white-space:nowrap}.home .page-closing{margin-top:4.5rem}@media (max-width: 760px){.site-nav{column-gap:1.25rem}}@media (max-width: 640px){.home{max-width:32em}.notes{--gutter: 1.5em;max-width:calc(26em + var(--gutter))}.note{max-width:26em}.waitlist-submit-row{flex-direction:column}}