/* Selected Accordion. Every rule is scoped to the collection or its reader. */
.collection-accordion{--fold-wash:color-mix(in srgb,var(--paper) 78%,white);width:100%;max-width:1240px;margin:auto;padding:48px var(--gutter) 64px;min-height:calc(100svh - 160px)}
.collection-accordion .collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:48px;margin-bottom:44px}
.collection-accordion .collection-heading h1{font:400 clamp(44px,5.5vw,72px)/1.05 var(--serif);letter-spacing:-.025em}
.collection-accordion .collection-heading>p{font:22px/1.4 var(--serif);max-width:28ch}
.collection-accordion .collection-folds{border-top:1px solid var(--line)}
.collection-accordion .collection-fold{border-bottom:1px solid var(--line);padding:0 30px;scroll-margin-top:110px}
.collection-accordion .collection-fold h2{margin:0;font:400 32px/1.18 var(--serif);letter-spacing:-.02em;min-width:0}
.collection-accordion .fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:70px;text-align:left;font:inherit;color:inherit;padding:14px 0;overflow-wrap:anywhere}
.collection-accordion[data-collection="interests"] .fold-toggle>span:first-child{font-size:.8em}
.collection-accordion .fold-sign{flex:none;font:400 25px/1 var(--serif)}
.collection-accordion .is-expanded{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:40px;padding-block:24px;background:var(--fold-wash)}
.collection-accordion .is-expanded h2{grid-column:2;grid-row:1;font-size:40px}
.collection-accordion .is-expanded .fold-toggle{min-height:0;padding:0 0 12px}
.collection-accordion .fold-art{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;align-self:center;min-width:0;height:150px;color:var(--ink)}
.collection-accordion .fold-art img,.collection-accordion .fold-art svg{width:100%;height:100%;object-fit:contain}
.collection-accordion [data-item="city"] .fold-art img{filter:sepia(.85)}
.collection-accordion .fold-type{font:400 92px/1 var(--serif);letter-spacing:-.07em}
.collection-accordion .fold-type-studio{font-size:60px}
.collection-accordion .fold-record{width:130px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 5px,color-mix(in srgb,var(--ink) 20%,transparent) 6px,transparent 7px)}
.collection-accordion .fold-record:after{content:'';position:absolute;inset:42%;border:1px solid currentColor;border-radius:50%;background:var(--fold-wash)}
.collection-accordion .fold-body{grid-column:2;grid-row:2;min-width:0}
.collection-accordion .fold-deck{font:23px/1.35 var(--serif);max-width:48ch}
.collection-accordion .fold-deck+.fold-deck{margin-top:1em}
.collection-accordion .fold-inline-link{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.collection-accordion .fold-status{font:16px/1.4 var(--serif);margin-top:12px}
.collection-accordion .fold-action,.collection-accordion .collection-extras a,.collection-accordion .collection-extras button{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:20px/1.4 var(--serif);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.collection-accordion .fold-action{margin-top:8px}
.collection-accordion .collection-extras{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px}
.collection-accordion button:focus-visible,.collection-accordion a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.collection-accordion [hidden]{display:none!important}
.collection-reader{font:20px/1.5 var(--serif);max-width:62ch}
.collection-reader>p{margin:0 0 20px}
.collection-reader .collection-deck{font-size:24px;line-height:1.35;margin-bottom:32px}
.collection-reader h3{font:400 26px/1.2 var(--serif);margin:28px 0 8px}
.collection-reader .collection-selections{list-style:none;padding:0;margin:0}
.collection-reader .collection-selections li{border-top:1px solid var(--line);padding-bottom:24px}
.collection-reader .collection-selections p{margin:0 0 8px}
.collection-reader .collection-status{font-size:16px}
.collection-reader .collection-tags{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:28px 0;font-size:16px}
.collection-reader dl{margin:32px 0}
.collection-reader dl>div{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:14px 0;border-top:1px solid var(--line)}
.collection-reader dd{margin:0}
.collection-reader .collection-more{padding-left:24px;margin:12px 0 28px}
.collection-reader .collection-qualification{font-size:16px;margin-top:28px}
@media(max-width:800px){
 .collection-accordion{padding-block:32px 48px}
 .collection-accordion .collection-heading{display:block;margin-bottom:32px}
 .collection-accordion .collection-heading>p{margin-top:16px;font-size:20px}
 .collection-accordion .is-expanded{grid-template-columns:120px minmax(0,1fr);column-gap:28px}
 .collection-accordion .fold-type{font-size:76px}
 .collection-accordion .fold-type-studio{font-size:44px}
 .collection-accordion .is-expanded h2{font-size:34px}
 .collection-accordion .fold-deck{font-size:21px}
}
@media(max-width:560px){
 .collection-accordion .collection-fold{padding-inline:16px}
 .collection-accordion .is-expanded{grid-template-columns:64px minmax(0,1fr);column-gap:20px;padding-block:22px}
 .collection-accordion .is-expanded h2{font-size:28px}
 .collection-accordion .collection-fold h2{font-size:26px}
 .collection-accordion .fold-toggle{min-height:64px;gap:12px}
 .collection-accordion .fold-art{height:76px;align-self:start;margin-top:5px}
 .collection-accordion .fold-type{font-size:48px}
 .collection-accordion .fold-type-studio{font-size:27px}
 .collection-accordion .fold-record{width:60px}
 .collection-accordion .fold-deck{font-size:19px;line-height:1.4}
 .collection-accordion .fold-status{font-size:15px}
 .collection-accordion .fold-action{font-size:18px}
 .collection-reader{font-size:18px}
 .collection-reader .collection-deck{font-size:22px}
 .collection-reader dl>div{grid-template-columns:1fr;gap:4px}
}