/* Collection surfaces follow the center well; navigation stays in the site rails. */
.collection-directory{container:collections/inline-size;min-width:0}
.collection-overline{display:block;font:8px/1.7 Jet,monospace;letter-spacing:.18em;color:var(--ember)}
.collection-directory-heading{position:relative;padding:48px 34px 30px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 95% 0,#8ec8e20b,transparent 60%)}
.collection-directory-heading h1{font:300 clamp(50px,8vw,84px)/.96 Cormorant,Georgia,serif;letter-spacing:-.035em;margin:24px 0 20px}
.collection-directory-heading h1 em{font-weight:300;color:var(--ember)}
.collection-directory-heading>p{max-width:410px;font-size:12px;line-height:1.9;color:var(--muted)}
.collection-directory-ledger{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font:8px/1.7 Jet,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.collection-directory-ledger b{font:400 26px Cormorant,Georgia,serif;color:var(--text);padding-right:10px}
.collection-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 28px;border-bottom:1px solid var(--line)}
.collection-group-heading>div{min-width:0;flex:1}
.collection-group-heading h2{font:400 clamp(30px,4vw,43px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.02em;margin:12px 0 0}
.collection-group-heading>p{max-width:250px;margin:0;flex:1;font-size:10px;line-height:1.9;color:var(--muted)}
.collection-lattice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.collection-tile{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;aspect-ratio:5/4;overflow:hidden;padding:24px;background:var(--panel);color:var(--paper);text-decoration:none}
.collection-tile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#070810f5 0%,#070810ad 34%,#07081013 85%);pointer-events:none}
.collection-image{display:block;width:100%;height:100%;object-fit:cover}
.collection-tile>.collection-image{position:absolute;inset:0;z-index:-2;transition:transform .7s var(--ease),filter .5s;filter:brightness(.82)}
.collection-tile--digital>.collection-image{object-position:center}
.collection-tile-number{position:absolute;right:18px;top:16px;font:300 36px/1 Cormorant,Georgia,serif;color:#fff8ecaa;text-shadow:0 1px 12px #000}
.collection-tile-copy{position:relative;max-width:100%;min-width:0}
.collection-tile h3{font:400 clamp(30px,4vw,40px)/1.02 Cormorant,Georgia,serif;letter-spacing:-.02em;margin:10px 0 8px;overflow-wrap:anywhere}
.collection-tile p{font-size:10px;line-height:1.7;color:#f3eddfc9;margin:0}
.collection-tile-link{display:flex;align-items:center;gap:14px;font:8px/1.5 Jet,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--ember);margin-top:19px}
.collection-tile-link>span{font-size:16px;transition:transform .3s var(--ease)}
.collection-tile:hover>.collection-image,.collection-tile:focus-visible>.collection-image{transform:scale(1.035);filter:brightness(1)}
.collection-tile:hover .collection-tile-link>span,.collection-tile:focus-visible .collection-tile-link>span{transform:translate(2px,-2px)}
.collection-tile:focus-visible{outline:2px solid var(--ember);outline-offset:-4px;z-index:1}
.collection-lattice>.collection-tile:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:5/2;min-height:235px}
.collection-lattice>.collection-tile:last-child:nth-child(odd)>.collection-image{object-position:50% 45%}
.collection-disclosure{margin:0;padding:12px 28px;border-bottom:1px solid var(--line);font-size:9px;line-height:1.8;color:var(--muted)}
.collection-directory-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:30px 28px;border-top:1px solid var(--line)}
.collection-directory-end .collection-overline{color:var(--muted)}
.collection-masthead{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:325px;display:flex;align-items:center;padding:28px;border-bottom:1px solid var(--line);background:var(--panel)}
.collection-masthead>.collection-image{position:absolute;inset:0;z-index:-3;object-position:65% 50%;filter:brightness(.75)}
.collection-masthead-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c0c14eb 0%,#0c0c1490 48%,#0c0c1426 100%)}
.collection-masthead-copy{width:min(100%,450px);padding:24px;background:#0c0c14c9;border:1px solid #ffffff20;backdrop-filter:blur(10px)}
.collection-return{display:inline-flex;gap:8px;align-items:center;font:8px/1.7 Jet,monospace;color:var(--muted);text-decoration:none;padding:4px 0;margin-bottom:20px}
.collection-return:hover{color:var(--paper)}
.collection-return:focus-visible{outline:2px solid var(--ember);outline-offset:5px}
.collection-masthead h1{font:300 clamp(38px,5vw,62px)/1 Cormorant,Georgia,serif;letter-spacing:-.03em;margin:16px 0 10px;overflow-wrap:anywhere}
.collection-masthead-tag{font:400 22px/1.2 Cormorant,Georgia,serif;color:var(--ember);margin:0 0 14px}
.collection-masthead-description{font-size:11px;line-height:1.9;color:var(--muted);max-width:390px;margin:0}
.collection-masthead-status{display:block;font:7px/1.8 Jet,monospace;letter-spacing:.1em;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);color:var(--text)}
.collection-image-credit{position:absolute;right:14px;bottom:8px;font:6px/1.5 Jet,monospace;letter-spacing:.05em;color:#fff8ecb8;text-shadow:0 1px 3px #000}
@container collections (max-width:600px){.collection-directory-heading{padding:34px 22px 25px}.collection-directory-heading h1{font-size:62px}.collection-group-heading{padding:26px 20px;display:block}.collection-group-heading>p{max-width:400px;margin-top:14px}.collection-tile{aspect-ratio:3/4;padding:18px}.collection-tile h3{font-size:34px}.collection-tile-number{font-size:30px}.collection-tile-link{font-size:7px}.collection-disclosure{padding-inline:20px}.collection-directory-end{padding:24px 20px}}
@container collections (max-width:360px){.collection-lattice{grid-template-columns:1fr}.collection-tile,.collection-lattice>.collection-tile:last-child:nth-child(odd){aspect-ratio:5/4;min-height:260px}.collection-directory-heading h1{font-size:52px}}
@media(max-width:600px){.collection-masthead{padding:18px;min-height:330px}.collection-masthead-copy{padding:22px;width:100%}.collection-masthead h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.collection-tile>.collection-image,.collection-tile-link>span{transition:none}.collection-tile:hover>.collection-image,.collection-tile:focus-visible>.collection-image,.collection-tile:hover .collection-tile-link>span,.collection-tile:focus-visible .collection-tile-link>span{transform:none}}
body.motion-off .collection-tile>.collection-image,body.motion-off .collection-tile-link>span{transition:none;transform:none!important}
@media(forced-colors:active){.collection-tile,.collection-masthead-copy{border:1px solid CanvasText}.collection-tile-copy{background:Canvas;color:CanvasText}.collection-tile:after{background:none}.collection-tile:focus-visible,.collection-return:focus-visible{outline-color:Highlight}}

.collection-tile>.collection-image--cursor{object-fit:contain;padding:22% 32% 30%;background:radial-gradient(circle,#8ec8e218,transparent 70%)}.collection-tile>.collection-image--taskbar{object-fit:contain;padding:13% 7% 25%;background:radial-gradient(ellipse,#8ec8e218,transparent 70%)}.collection-masthead>.collection-image--cursor{object-fit:contain;padding:7% 4% 7% 69%}.collection-masthead>.collection-image--taskbar{object-fit:contain;padding:2% 3%;object-position:center}
