/* An open collection: artwork, paper, and a continuous catalogue spine. */
:root{--folio-accent:var(--accent);--folio-line:#67546e;--folio-paper:#fffcf7}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collection-page{padding-bottom:45px}
.collection-opening{padding:62px 0 42px;max-width:1100px}
.collection-opening h1{font-family:var(--reader-serif);font-size:clamp(3.1rem,6.7vw,6rem);line-height:1.16;letter-spacing:-.05em;margin:17px 0 22px}
.collection-opening .eyebrow{color:var(--folio-accent)}
.collection-deck{font-family:var(--reader-serif);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.75;color:var(--muted);max-width:44ch}
.collection-opening.has-note{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;max-width:none}
.collection-note{display:block;max-width:310px;justify-self:end;transform:rotate(2deg);margin-right:7px}
.collection-note img{width:100%;height:auto;box-shadow:0 20px 44px #0006}
.collection-note>span{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0 5px;font-size:.9375rem;color:var(--muted)}
.collection-note:hover>span{color:var(--ink)}
.collection-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:18px 38px;border-block:1px solid var(--line);padding:8px 0;margin-bottom:29px}
.collection-tabs a{position:relative;display:block;padding:14px 0;font-size:1.0625rem;min-height:48px;color:var(--muted)}
.collection-tabs [aria-current]{color:var(--ink)}
.collection-tabs [aria-current]::after{content:'';position:absolute;bottom:7px;left:0;right:0;border-bottom:2px solid var(--folio-accent);transform:rotate(-1deg)}
.collection-page .catalogue-controls{margin:0;border-bottom:0;padding-bottom:0}
.collection-page .search-row{margin-bottom:20px}
.collection-page .format-options{margin-bottom:6px}
.collection-page .results-top{margin:20px 0 0;padding-bottom:24px}
.collection-page .results-top p,.collection-page .results-top button{font-size:.9375rem}
.folio-list{position:relative;border:0}
.folio-list::before{content:'';position:absolute;left:24px;top:0;bottom:0;border-left:1px solid var(--folio-line);pointer-events:none}
.folio-entry.catalogue-item{display:grid;grid-template-columns:70px minmax(160px,.9fr) minmax(0,1.2fr);gap:38px;align-items:center;padding:36px 0 56px;border:0;position:relative;min-width:0}
.folio-entry+.folio-entry::before{content:'';position:absolute;left:108px;right:0;top:0;border-top:1px solid var(--line)}
.folio-marker{align-self:start;position:relative;z-index:1;text-align:left;padding-top:12px}
.folio-marker>span:first-child{display:grid;place-items:center;width:49px;min-height:49px;border:1px solid var(--folio-line);background:var(--bg);font-family:var(--reader-serif);font-size:1.5rem;color:var(--ink)}
.folio-marker>span:last-child{display:block;font-size:.75rem;background:var(--bg);color:var(--muted);line-height:1.6;max-width:65px;margin-top:9px;padding-block:3px}
.folio-art{position:relative;display:block;min-width:0;background:#0f0917;border:1px solid #49354e;box-shadow:0 15px 35px #0003;transform:rotate(-.65deg);transition:transform .2s ease}
.folio-art img{width:100%;height:auto;max-height:380px;object-fit:contain}
.folio-art.is-paper{background:#33283c;padding:16px 24px}
.folio-art.is-paper img{max-height:375px;width:auto;max-width:100%;margin-inline:auto;box-shadow:0 4px 18px #0003}
.folio-art>span{display:block;text-align:center;padding-top:12px;color:var(--muted);font-size:.75rem;line-height:1.6}
.folio-entry:nth-of-type(even) .folio-art{transform:rotate(.65deg)}
.folio-art:hover,.folio-entry:nth-of-type(even) .folio-art:hover{transform:rotate(0)}
.folio-copy{padding:18px 0;max-width:620px}
.folio-copy h2{font-family:var(--reader-serif);font-size:clamp(1.7rem,3vw,2.75rem);font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:13px 0 0}
.folio-copy h2 a:hover{color:var(--folio-accent)}
.folio-guests{font-size:1.0625rem;color:var(--warm);margin-top:14px;line-height:1.6}
.folio-description{font-size:1rem;color:var(--muted);margin-top:19px;line-height:1.8;max-width:51ch}
.folio-meta{display:flex;flex-wrap:wrap;gap:9px 22px;color:var(--muted);margin-top:23px;font-size:.8125rem;line-height:1.7}
.folio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px 25px;margin-top:23px}
.folio-actions .inline-link{font-size:1rem;min-height:44px}
.folio-related{color:var(--muted);text-decoration:underline;text-underline-offset:5px;font-size:.875rem;line-height:1.6;padding-block:10px}
.folio-type{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 28px;min-height:245px;border-block:1px solid #685671;background:#24172ecc;overflow-wrap:anywhere}
.folio-type>span{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}
.folio-type b{font-family:var(--reader-serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:400;line-height:1.2;margin-top:20px;color:var(--warm)}
[data-kind=podcast] .folio-type b{font-size:clamp(4.5rem,9vw,8rem);line-height:1}
.collection-end{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:32px 0 10px;margin-left:108px}
.collection-end>span{font-size:.8125rem;letter-spacing:.14em;color:var(--muted)}
.collection-end a{font-size:.9375rem;min-height:44px;padding-block:12px}
.portfolio-collage-preview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:64px 48px}
.portfolio-collage-preview>img{display:block;width:100%;height:auto}
.portfolio-collage-preview h2{font-family:var(--site-sans);font-size:clamp(1.6rem,3vw,3rem);font-weight:400;line-height:1.18;letter-spacing:.035em;color:var(--site-light)}
.portfolio-collage-preview h2 span{display:block;margin-top:18px;color:var(--site-lavender);font-size:.5em;letter-spacing:.14em;line-height:1.5}
@media(max-width:720px){.portfolio-collage-preview{grid-template-columns:1fr;gap:28px;padding-block:36px}.portfolio-collage-preview h2{font-size:1.8rem}.portfolio-collage-preview h2 span{font-size:.875rem;margin-top:12px}}
.show-section{padding-block:68px 80px;border-top:1px solid var(--line);scroll-margin-top:35px}
.show-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:38px}
.show-section-heading h2{font-family:var(--reader-serif);margin-top:14px}
.show-section-heading>p{font-family:var(--reader-serif);font-size:1.3rem;line-height:1.75;color:var(--muted);max-width:35ch}
.show-paper{max-width:880px;margin-inline:auto}
.show-paper>a{display:block}
.show-paper img{width:100%;height:auto;box-shadow:0 18px 65px #0004}
.show-transcript{max-width:880px;margin:26px auto 0;border-block:1px solid var(--line)}
.show-transcript summary{cursor:pointer;padding:19px 0;font-size:1rem;line-height:1.7;min-height:50px}
.show-transcript summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.show-transcript-body{background:var(--folio-paper);color:#242021;padding:38px clamp(25px,6vw,78px) 42px;font-family:var(--reader-serif);font-size:1.125rem;line-height:1.9;margin-bottom:26px}
.show-transcript-body p+p{margin-top:24px}
.show-transcript-body em{color:inherit}
.personal-aside{font-family:var(--reader-serif);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.45;letter-spacing:-.025em;color:var(--ink)}
.why-link em{color:inherit}
.why-link>span:first-child{font-size:inherit}
.why-page{margin:0;min-height:100svh;background:#201627;color:#222;display:grid;place-items:center;padding:45px 22px}
.why-paper{width:min(770px,100%);margin:0;box-shadow:0 16px 60px #0005}
.why-paper img{display:block;width:100%;height:auto}
.why-back{position:fixed;top:12px;left:15px;z-index:2;display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:0;color:#fff;background:#201627eb;font:1rem/1.5 Arial,Helvetica,sans-serif;text-decoration:none}
.why-back:hover{background:#41304c;color:white}
.why-back:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:1000px){.folio-entry.catalogue-item{grid-template-columns:58px minmax(150px,.8fr) minmax(0,1.2fr);gap:27px}.folio-entry+.folio-entry::before{left:85px}.collection-end{margin-left:85px}.folio-art.is-paper{padding:13px 15px}.folio-copy h2{font-size:2rem}.collection-opening.has-note{gap:35px;grid-template-columns:1.5fr 1fr}.collection-note{max-width:255px}}
@media(max-width:720px){.collection-opening{padding-top:37px;padding-bottom:31px}.collection-opening.has-note{grid-template-columns:1fr;gap:29px}.collection-note{display:flex;align-items:end;gap:22px;max-width:100%;justify-self:start;transform:none;margin:0}.collection-note img{width:125px;height:125px;transform:rotate(-2deg)}.collection-note>span{padding:0 0 8px;gap:25px}.collection-opening h1{font-size:clamp(2.85rem,9vw,4.3rem);margin-top:13px}.collection-tabs{gap:24px;margin-bottom:25px}.collection-tabs a{font-size:1rem}.folio-entry.catalogue-item{grid-template-columns:48px minmax(0,1fr);gap:0 19px;padding:28px 0 38px}.folio-marker{grid-column:1;grid-row:1/3;padding-top:0}.folio-marker>span:first-child{width:40px;min-height:42px;font-size:1.3rem}.folio-marker>span:last-child{font-size:.75rem;max-width:45px;overflow-wrap:normal}.folio-list::before{left:20px}.folio-art,.folio-type{grid-column:2}.folio-art{max-width:440px}.folio-art img{max-height:340px}.folio-art.is-paper img{max-height:340px}.folio-copy{grid-column:2;padding:25px 0 0}.folio-copy h2{font-size:clamp(1.65rem,6vw,2.15rem);margin-top:11px}.folio-description{margin-top:15px}.folio-guests{font-size:1rem}.folio-meta{margin-top:17px}.folio-actions{margin-top:15px;gap:9px 20px}.folio-entry+.folio-entry::before{left:67px}.collection-end{margin-left:67px}.folio-type{min-height:170px;padding:26px}.folio-type b{font-size:2rem}.show-section{padding-block:45px 50px}.show-section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.show-section-heading>p{font-size:1.125rem}.show-transcript-body{padding:30px 24px;font-size:1.0625rem}.why-page{padding:68px 13px 24px}}
@media(prefers-reduced-motion:reduce){.folio-art{transition:none}.collection-note,.folio-art,.folio-entry:nth-of-type(even) .folio-art{transform:none}}
@media print{.why-page{padding:0;background:white}.why-back{display:none}.why-paper{box-shadow:none;max-width:none;width:100%}.folio-list::before,.folio-marker,.collection-tabs,.catalogue-controls,.collection-end,.results-top{display:none}.folio-entry.catalogue-item{display:block;break-inside:avoid}.folio-art{max-width:260px;box-shadow:none;transform:none}.folio-copy{color:#222}.show-paper img{box-shadow:none}.show-transcript{display:none}}