:root{--soot:#090706;--paper:#c2c2bd;--paper-pale:#e2e0da;--ink:#17191a;--oxblood:#8d4039;--brass:#a6aaa9;--muted-brass:#777d7d;--display:"Frank Ruhl Libre", Georgia, serif;--title:"Libre Caslon Display", Georgia, serif;--ui:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--soot);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--paper-pale);font-family:var(--ui)}button,a{color:inherit;font:inherit}button{border:0}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--ink);background:var(--paper-pale);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.experience-shell,#webgl-stage{position:fixed;inset:0}#webgl-stage canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block}#webgl-stage canvas.is-grabbing-cloth{cursor:grabbing}#webgl-stage canvas.can-open-book{cursor:pointer}#webgl-stage canvas.can-grab-book{cursor:grab}#webgl-stage canvas.is-grabbing-book{cursor:grabbing}.film-grain{z-index:3;pointer-events:none;opacity:.018;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:fixed;inset:0}.masthead{z-index:12;opacity:0;pointer-events:none;justify-content:flex-start;align-items:flex-start;transition:opacity .45s;display:flex;position:fixed;top:18px;left:20px;right:20px}body[data-mode=shelf] .masthead,body[data-mode=opening] .masthead,body[data-mode=detail] .masthead,body[data-mode=reading] .masthead,body[data-mode=closing] .masthead{opacity:1;pointer-events:auto}body[data-index-hover] .masthead{opacity:.18}.wordmark{color:#d1d0c9;font-family:var(--display);letter-spacing:-.045em;cursor:pointer;background:0 0;justify-self:start;padding:0;font-size:clamp(.92rem,1.25vw,1.15rem);font-weight:700;line-height:1}.masthead-nav{margin-left:auto}.masthead-nav a{color:#8f9492;letter-spacing:.17em;text-transform:uppercase;text-underline-offset:5px;font-size:7px;text-decoration:none}.masthead-nav a:hover,.masthead-nav a:focus-visible{color:#e4e1d9;text-decoration:underline}.shelf-interface{z-index:20;opacity:0;pointer-events:none;transition:opacity .5s;position:fixed;inset:0}.shelf-interface:before{content:"";z-index:0;opacity:0;pointer-events:none;background:#030303b8;transition:opacity .36s;position:absolute;inset:0}body[data-index-hover] .shelf-interface:before,body[data-mode=shelf] .shelf-interface,body[data-mode=detail] .shelf-interface,body[data-mode=reading] .shelf-interface,body[data-mode=closing] .shelf-interface{opacity:1}.archive-rail{z-index:2;color:#8d9391;pointer-events:auto;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;display:flex;position:absolute;top:50%;left:clamp(16px,1.8vw,28px);transform:translateY(-50%)}.selection-copy p{color:#9aa09e;letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:8px}.selection-copy{opacity:0;pointer-events:none;transition:opacity .16s,transform .2s;position:absolute;top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)translate(-5px)}body[data-index-hover] .selection-copy{opacity:1;transform:translateY(-50%)translate(0)}.selection-copy h2{color:#f0eee7;font-family:var(--display);letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:clamp(.82rem,1.1vw,1.05rem);font-weight:600;line-height:1}.selection-copy p:last-child{color:#aeb2ae;letter-spacing:.06em;text-transform:none}.archive-back{color:#e7e5df;cursor:pointer;filter:drop-shadow(0 1px 5px #000000b8);background:0 0;place-items:center start;width:48px;height:38px;margin-bottom:9px;padding:0;transition:color .18s,transform .2s;display:grid}.archive-back:hover,.archive-back:focus-visible{color:#fffdf7;outline:none;transform:translate(-3px)}.archive-back svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:square;stroke-linejoin:miter;width:38px;height:25px}.rail-marker-stack{position:relative}.shelf-markers{flex-direction:column;align-items:flex-start;gap:7px;padding:4px 0;display:flex}.shelf-markers button{cursor:pointer;background:0 0;justify-content:flex-start;align-items:center;width:84px;height:7px;padding:0;display:flex}.shelf-markers span{width:11px;height:2px;transform:scaleX(var(--rail-scale,1));transform-origin:0;background:#515655;transition:background .14s,height .14s,transform 70ms linear;display:block}.shelf-markers button:hover span,.shelf-markers button:focus-visible span{background:#aeb2b0;outline:none}.shelf-markers button:focus{outline:none}.shelf-markers button:focus-visible span{background:#f0eee7}.shelf-markers .is-current span{background:#dddcd7;width:14px}.shelf-markers .is-preview span{background:#f4f2ec;height:3px}body[data-index-hover] .shelf-markers .is-current:not(.is-preview) span{background:#626766}.detail-panel{z-index:8;color:#e4ddd1;opacity:0;pointer-events:none;background:linear-gradient(90deg,#090a0a14 0%,#090a0a29 34%,#0d0f10e8 47%,#0d0f10f7 100%);grid-template-rows:auto minmax(0,1fr);padding:clamp(96px,11vh,136px) clamp(34px,7vw,110px) clamp(70px,9vh,110px) max(500px,42vw);transition:opacity .5s;display:grid;position:fixed;inset:0}body[data-mode=detail] .detail-panel,body[data-mode=reading] .detail-panel{opacity:1;pointer-events:none}.detail-panel:before{content:"";pointer-events:none;opacity:.018;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");position:absolute;inset:0}.detail-heading,.volume-content{z-index:1;opacity:0;pointer-events:none;width:min(100%,780px);margin-left:auto;transition:opacity .42s,transform .68s cubic-bezier(.22,.8,.18,1);position:relative;transform:translate(28px)}body[data-mode=detail] .detail-heading,body[data-mode=detail] .volume-content,body[data-mode=reading] .detail-heading,body[data-mode=reading] .volume-content{opacity:1;pointer-events:auto;transition-delay:.16s;transform:translate(0)}.detail-heading{justify-content:flex-start;align-items:end;gap:24px;display:flex}.detail-heading.is-about{justify-content:flex-end}.detail-heading.is-about h2{display:none}.detail-heading h2{color:#e9e1d5;font-family:var(--display);letter-spacing:-.06em;margin:0 0 20px;font-size:clamp(3.4rem,7vw,8.2rem);line-height:.8}.volume-content{overscroll-behavior:contain;margin-top:10px;padding-right:6px;overflow:auto}.listen-page{isolation:isolate;align-items:center;min-height:min(62vh,560px);display:grid;position:relative;overflow:hidden}.listen-page-video,.listen-page-scrim{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.listen-page-video{object-fit:cover;filter:grayscale()contrast(1.45)brightness(.46)saturate(0);opacity:.82;display:block}.listen-page-scrim{z-index:-1;background:linear-gradient(90deg,#08090ad6,#08090a5c 48%,#08090acc)}.listen-links{border-top-color:#e4ddd16b;width:min(720px,100%);margin:auto}.link-ledger{border-top:1px solid #e4ddd142}.link-ledger a{border-bottom:1px solid #e4ddd142;grid-template-columns:1fr auto auto;align-items:center;gap:13px;padding:15px 0;text-decoration:none;display:grid}.link-ledger span{font-family:var(--display);font-size:1.65rem;font-weight:600}.link-ledger small{color:#9e968c;letter-spacing:.11em;text-transform:uppercase;font-size:7px}.link-ledger b{font-size:1rem;font-weight:400}.underlined-link{color:#d2c8bb;letter-spacing:.1em;text-transform:uppercase;text-underline-offset:4px;margin-top:15px;font-size:8px;display:inline-block}.film-reels{grid-template-columns:minmax(0,1fr);gap:52px;width:min(100%,440px);padding-bottom:32px;display:grid}.film-reels figure{margin:0;position:relative;overflow:hidden}.film-reels figure:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.72;background:radial-gradient(at 50% 35%,#ffffff21,#0000 48%),radial-gradient(#0000 42%,#0000009e 100%),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:4px 4px 29px}.film-reels video{aspect-ratio:3/4;object-fit:cover;filter:grayscale()contrast(1.48)brightness(.66)saturate(0);background:#101010;border:4px solid #2b2b29;width:100%;display:block}.produced-gallery{gap:16px;display:grid}.produced-player{background:#17191a;border:1px solid #e4ddd161;width:min(100%,760px);margin:0 auto 8px;padding:8px;box-shadow:8px 8px #0000007a}.produced-player iframe{aspect-ratio:16/9;background:#090a0a;border:0;width:100%;display:block}.produced-player-title{color:#c8c0b6;font-family:var(--display);margin:10px 2px 2px;font-size:.92rem;line-height:1.08}.produced-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px;padding:8px 6px 0;display:grid}.produced-card{color:#e4ddd1;text-align:left;cursor:pointer;background:0 0;gap:9px;min-width:0;padding:0;display:grid;position:relative}.produced-card:nth-child(3n+2){transform:translateY(18px)}.produced-card-frame{background:#17191a;border:1px solid #e4ddd161;padding:7px;display:block;position:relative;box-shadow:6px 6px #00000085}.produced-card-frame:before{content:"";z-index:-1;pointer-events:none;border:1px solid #e4ddd12e;position:absolute;inset:-5px -5px 5px 5px}.produced-card-frame img{aspect-ratio:16/9;object-fit:cover;filter:grayscale()contrast(1.18)brightness(.72);width:100%;transition:filter .35s,transform .35s;display:block}.produced-card:hover .produced-card-frame img,.produced-card:focus-visible .produced-card-frame img,.produced-card.is-active .produced-card-frame img{filter:grayscale()contrast(1.28)brightness(.92);transform:scale(1.025)}.produced-card:focus-visible{outline-offset:5px;outline:1px solid #f0ebe2}.produced-card-play{color:#f4efe6;background:#0a0b0bb8;border:1px solid #f4efe6b8;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:14px;right:14px}.produced-card-play svg{fill:currentColor;width:10px;height:12px}.produced-card-title{color:#c8c0b6;font-family:var(--display);font-size:.88rem;line-height:1.05}.about-page{align-items:center;min-height:min(62vh,560px);display:grid}.about-copy{width:min(100%,760px);margin-inline:auto}.about-copy p{color:#c8c0b6;font-family:var(--title);margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.28}.about-copy .about-lede{color:#eee7dc;letter-spacing:-.045em;font-size:clamp(2rem,4.6vw,4.6rem);line-height:.94}.about-copy .about-lede+p{margin-top:24px}.about-links{margin-top:clamp(42px,8vh,90px)}@media (width<=760px){.masthead{top:16px;left:16px;right:16px}.archive-rail{gap:7px;padding:7px 0;top:50%;left:12px;transform:translateY(-50%)}.archive-back{width:44px;height:36px;margin-bottom:6px}.archive-back svg{width:34px}.selection-copy{left:calc(100% + 6px)}.selection-copy h2{font-size:clamp(.78rem,3.6vw,1rem)}.selection-copy p:last-child{display:none}.shelf-markers{gap:7px}.shelf-markers button{width:72px;height:6px}.shelf-markers span{height:2px}.detail-panel{padding:82px 18px max(74px, env(safe-area-inset-bottom)) 88px;background:linear-gradient(90deg,#090a0a2e,#0d0f10f0 27%,#0d0f10fa);grid-template-rows:auto minmax(0,1fr)}.detail-heading{flex-direction:column;align-items:start;gap:0}.detail-heading h2{margin:4px 0 10px;font-size:clamp(2.7rem,13vw,4rem)}.volume-content{margin-top:8px}.listen-page,.about-page{min-height:54vh}.listen-page-scrim{background:linear-gradient(90deg,#08090ae6,#08090a75 50%,#08090adb)}.link-ledger a{padding:10px 0}.link-ledger span{font-size:1.25rem}.film-reels{grid-template-columns:minmax(0,1fr);gap:32px;width:100%;overflow:visible}.film-reels video{aspect-ratio:3/4}.produced-gallery-grid{grid-template-columns:1fr 1fr;gap:18px 10px;padding-inline:4px}.produced-card:nth-child(3n+2){transform:none}.produced-card:nth-child(2n){transform:translateY(14px)}.produced-card-title{font-size:.74rem}.about-copy .about-lede{font-size:clamp(2rem,9vw,3.3rem)}.about-copy .about-lede+p{margin-top:18px}}@media (height<=680px) and (width>=761px){.detail-panel{padding-top:86px;padding-bottom:90px}.detail-heading h2{font-size:4rem}.volume-content{margin-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}