@font-face{font-family:Baskervville;src:url(/fonts/baskervville-latin-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{color:#e8e5df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#09181d;font-family:Baskervville,Georgia,serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible{outline-offset:7px;outline:1px solid #d5dfd6}button:hover:not(:disabled),.site-header a:hover,.back-link:hover{color:#fff}.site-header{letter-spacing:.2em;justify-content:space-between;align-items:center;gap:24px;padding:50px 4.3% 0;font-size:15.3px;line-height:1.5;display:flex}.site-identity{align-items:baseline;gap:16px;display:flex}.wordmark{letter-spacing:.2em}.section-title{font:inherit;letter-spacing:inherit}.section-divider{color:#a5b2b4}main{outline:none;width:91.4%;max-width:1440px;margin:0 auto}h1,h2,p{margin:0;font-weight:400}h1{letter-spacing:.18em;font-size:clamp(38px,4.3vw,60px);line-height:1.2}.album-shelf{--shelf-inset:clamp(48px, 14svh, 130px);--shelf-top:calc(73px + var(--shelf-inset));--cover-size:min(calc((min(91.4vw, 1440px) - 56px) / 3), max(80px, calc((100svh - var(--shelf-top) - 110px) * .6)));--row-step:max(calc(var(--cover-size) + 110px), calc(100svh - var(--cover-size) * 2 / 3 - var(--shelf-top)));width:100%;margin:var(--shelf-inset) auto 0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--row-step);justify-content:center;gap:0 28px;display:grid}.album-card{text-align:center;align-self:start;min-width:0;display:block}.album-cover{width:var(--cover-size);aspect-ratio:1;border:1px solid #6c787b;border-radius:2px 2px 0 0;margin-inline:auto;transition:transform .24s;display:block;position:relative;box-shadow:0 10px 22px #0005;container-type:inline-size}.album-card:hover .album-cover{transform:translateY(-6px)}.album-cover img{object-fit:cover;width:100%;height:100%;display:block}.album-title{text-align:center;letter-spacing:.13em;text-shadow:0 1px 8px #000;font-size:clamp(11px,7cqw,27px);position:absolute;inset:17% 16px auto}.album-cover[data-ink=dark] .album-title{color:#181c1b;text-shadow:0 1px 9px #fffa}.album-spine{pointer-events:none;border-left:1px solid #d2d5d14d;border-right:1px solid #0006;width:5px;position:absolute;top:0;bottom:0;left:9px;box-shadow:-3px 0 5px #0005}.album-ledge{background:#303a3c;border-top:1px solid #87908c;border-bottom:1px solid #172327;height:12px;margin:0 -15px;display:block;position:relative;box-shadow:0 9px 12px #0005}.album-count{letter-spacing:.1em;font-size:clamp(11px, calc(var(--cover-size) * .048), 18px);padding-top:22px;display:block}.site-footer{color:#a5b2b4;letter-spacing:.06em;justify-content:space-between;gap:24px;max-width:1540px;margin:116px auto 0;padding:0 4.3% 38px;font-size:13px;line-height:1.6;display:flex}.loading{text-align:center;padding:140px 0;font-size:22px}.empty-state{padding:120px 0}.empty-state p{margin:24px 0;line-height:1.6}.back-link{letter-spacing:.1em;border-bottom:1px solid #7d8d8f;padding:12px 0;font-size:15px;display:inline-block}.album-view{overflow:hidden}.album-view main{width:100%;max-width:none;height:100dvh}.album-view .site-footer{display:none}.album-view .site-header{z-index:1;pointer-events:none;max-width:none;padding-bottom:0;position:absolute;inset:0 0 auto}.album-view .site-header a{pointer-events:auto}.photo-sequence{--notes-width:min(78vw, 640px);--photo-inset:13.3vw;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;height:100dvh;padding-left:0;padding-right:calc(100vw - var(--photo-inset) - var(--notes-width));align-items:center;gap:3.3vw;display:flex;position:relative;overflow:auto hidden}.photo-sequence:has(>.portrait:first-child){padding-left:var(--photo-inset)}.photo-sequence::-webkit-scrollbar{display:none}.photo-sequence:focus-visible{outline-offset:-3px;outline:1px solid #d5dfd6}.photo-frame{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100vw;height:100%;margin:0;position:relative}.photo-frame.portrait{--photo-height:min(77dvh, calc(100dvh - 160px));--portrait-width:min(46vw, calc(var(--photo-height) * var(--photo-aspect)));scroll-margin-left:var(--photo-inset);align-items:center;display:flex}.portrait .photo-button{flex:0 0 var(--portrait-width);width:var(--portrait-width);height:min(var(--photo-height), calc(46vw / var(--photo-aspect)))}.photo-frame:not(.portrait) .photo-caption{display:none}.photo-caption{overscroll-behavior-y:contain;color:#bdc4c3;text-wrap:balance;max-width:min(25vw,340px);max-height:calc(100dvh - 200px);margin-left:9vw;font-size:clamp(18px,1.6vw,25px);line-height:1.7;overflow-y:auto}.photo-button{cursor:zoom-in;align-items:center;width:100%;height:100%;padding:0;display:flex}.photo-button:focus-visible{outline-offset:-5px}.photo-button img{object-fit:cover;width:100%;height:100%;display:block}.portrait .photo-button img{object-fit:contain}.album-landscape .site-header{text-shadow:0 1px 6px #000;background:linear-gradient(#0007,#0000);padding-bottom:60px}.album-landscape .album-bar{text-shadow:0 1px 6px #000;background:linear-gradient(#0000,#0009);padding-top:60px}.album-bar{z-index:1;pointer-events:none;justify-content:space-between;align-items:end;gap:24px;padding:0 3% 28px;display:flex;position:absolute;inset:auto 0 0}.album-bar h1{letter-spacing:.12em;font-size:22px}.current-caption{overscroll-behavior-y:contain;pointer-events:auto;letter-spacing:.03em;max-height:25dvh;margin-top:8px;font-size:14px;overflow-y:auto}.sequence-navigation{letter-spacing:.06em;pointer-events:auto;align-items:center;gap:18px;font-size:14px;display:flex}.sequence-navigation button{padding:12px 0}.sequence-navigation [aria-disabled=true]{opacity:.35;cursor:default}.sequence-progress{text-align:center;white-space:nowrap;min-width:60px}.album-notes{scroll-margin-left:var(--photo-inset);flex:0 0 var(--notes-width);scroll-snap-align:start;scroll-snap-stop:always;text-align:center;place-items:center;height:100%;padding:100px 24px 140px;display:grid}.notes-copy{overscroll-behavior-y:contain;scrollbar-width:thin;max-height:100%;overflow:auto}.album-notes h2{letter-spacing:.12em;margin-bottom:20px;font-size:30px}.album-meta{color:#aab7b9;letter-spacing:.08em;font-size:14px}.album-description{margin-top:24px;font-size:20px;line-height:1.7}.poem{letter-spacing:.04em;padding:32px 0;font-size:clamp(20px,2.6vw,28px);line-height:1.9}.album-end{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;display:flex}.sample-note{color:#a5b2b4;margin-top:28px;font-size:12px}.lightbox{color:#e8e5df;background:#071216;border:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:24px 36px}.lightbox::backdrop{background:#071216}.lightbox[open]{flex-direction:column;display:flex}body:has(.lightbox[open]){overflow:hidden}.viewer-toolbar,.viewer-navigation{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:24px;font-size:16px;display:flex}.lightbox button{padding:12px}.lightbox figure{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;margin:16px 0;display:flex}.lightbox img{object-fit:contain;flex:1;width:100%;min-height:0}.lightbox figcaption{color:#bdc4c3;text-align:center;max-height:25dvh;font-size:15px;overflow-y:auto}.skip-link{z-index:2;background:#09181d;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width>=1600px){.site-header{max-width:1575px;margin:auto}}@media (width<=700px){.site-header{padding-top:28px}.album-shelf{--shelf-inset:clamp(36px, 10svh, 84px);--shelf-top:calc(51px + var(--shelf-inset));--cover-size:min(calc((82vw - 28px) / 2), max(80px, calc((100svh - var(--shelf-top) - 130px) / 2)));--row-step:calc(var(--cover-size) + 90px);width:calc(2 * var(--cover-size) + 28px);grid-template-columns:repeat(2, var(--cover-size));column-gap:28px}.album-title{letter-spacing:.05em;inset:15% 6px auto}.album-count{padding-top:16px;font-size:11px}.album-ledge{height:8px;margin:0 -14px}.album-spine{width:3px;left:5px}.site-footer{flex-direction:column;gap:8px;margin-top:80px;font-size:11px}.album-description{font-size:18px}.album-view{overflow:auto}.album-view main{width:90%;height:auto}.album-view .site-header{text-shadow:none;background:0 0;padding:28px 5% 0;position:static}.album-view .album-bar{text-shadow:none;background:0 0;padding:44px 0 30px;display:block;position:static}.album-bar h1{font-size:28px}.current-caption,.sequence-navigation{display:none}:is(.photo-sequence,.photo-sequence:has(>.portrait:first-child)){scroll-snap-type:none;height:auto;padding:0;display:block;overflow:visible}.photo-frame,.photo-frame.portrait{width:100%;height:auto;margin:0 0 72px;scroll-margin:0;display:block}.photo-frame .photo-button{width:100%;height:auto}.photo-frame .photo-button img{object-fit:contain;width:100%;height:auto;max-height:100svh}.photo-frame .photo-caption,.photo-frame:not(.portrait) .photo-caption{text-wrap:pretty;max-width:none;max-height:none;margin:24px 0 0;font-size:16px;display:block;overflow:visible}.album-notes{height:auto;padding:0 0 56px;scroll-margin:0;display:block}.notes-copy{max-height:none;overflow:visible}.album-notes h2{font-size:24px}.poem{padding:20px 0;font-size:19px}.lightbox{padding:12px}}@media (prefers-reduced-motion:reduce){.album-cover{transition:none}}.album-shelf.empty-shelves{grid-template-columns:1fr;padding-bottom:24px}.empty-shelves .album-ledge{margin:var(--cover-size) 0 0;align-self:start}@media (width<=600px){.site-header{font-size:13.6px}.site-identity{gap:12px}}.placeholder-cover{width:var(--cover-size);color:#343a35;background:#b9b6a7;border-color:#ccc9b9;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.placeholder-cover .album-title{text-shadow:none;inset:39% 12px auto}.placeholder-count{text-align:center;width:100%;position:absolute;top:100%;left:0}.loading-spinner{border:1px solid #e8e5df24;border-top-color:#e8e5df80;border-radius:50%;width:18px;height:18px;animation:1s linear infinite loading-spin;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}@media (width<=700px){.album-shelf{--shelf-overhang:4.7vw}.album-ledge,.empty-shelves .album-ledge{margin-inline:calc(-1 * var(--shelf-overhang))}.placeholder-cover{left:var(--shelf-overhang);transform:none}.placeholder-count{left:var(--shelf-overhang);width:var(--cover-size)}}
