.collection-directory{position:relative;padding:clamp(95px,9vw,150px) clamp(24px,5.3vw,102px) clamp(115px,10vw,175px);overflow:hidden;background:radial-gradient(circle at 88% 5%,rgba(182,140,53,.07),transparent 25%),#f5f3ee}
.collection-directory:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(182,140,53,.5),transparent)}
.collection-directory>header{display:grid;width:min(100%,1480px);margin:0 auto clamp(58px,6vw,92px);grid-template-columns:1fr minmax(300px,470px);gap:60px;align-items:end;text-align:left}.collection-directory>header>div>span,.collection-empty span{display:block;color:#9b7428;font:600 10px/1 Inter,Arial,sans-serif;letter-spacing:4px;text-transform:uppercase}.collection-directory>header h2{margin:16px 0 0;color:#111b27;font:400 clamp(45px,5vw,76px)/1.03 var(--serif);letter-spacing:.01em;text-transform:uppercase}.collection-directory>header em{font-family:"Pinyon Script",cursive;font-size:1.05em;font-weight:400;text-transform:none}.collection-directory>header>p{max-width:455px;margin:0 0 7px;color:#656b70;font:300 14px/1.75 Inter,Arial,sans-serif}
.collection-directory-grid{display:grid;width:min(100%,1480px);margin:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(290px,360px)) minmax(390px,470px);gap:22px}
.directory-card{--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate;overflow:hidden;background:#080b0f;color:#fff;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.directory-card:nth-child(1){grid-column:1/8;grid-row:1/3}.directory-card:nth-child(2){grid-column:8/13;grid-row:1}.directory-card:nth-child(3){grid-column:8/13;grid-row:2}.directory-card:nth-child(4){grid-column:1/7;grid-row:3}.directory-card:nth-child(5){grid-column:7/13;grid-row:3}
.directory-card>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.86) contrast(1.03);transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .5s,filter .5s}.directory-card:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(220,225,228,.28);clip-path:inherit;pointer-events:none;transition:border-color .35s}.directory-card:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle 230px at var(--spot-x) var(--spot-y),rgba(255,255,255,.13),transparent 68%),linear-gradient(0deg,rgba(4,7,10,.96) 0,rgba(4,7,10,.64) 37%,rgba(4,7,10,.08) 72%);pointer-events:none;transition:background .25s}
.directory-card:hover>img{transform:scale(1.045);opacity:.92;filter:saturate(.98) contrast(1.04)}.directory-card:hover:before{border-color:rgba(200,167,95,.72)}
.directory-index{position:absolute;z-index:2;right:28px;top:25px;color:rgba(255,255,255,.7);font:500 10px/1 Inter,Arial,sans-serif;letter-spacing:2px;font-style:normal}.directory-index:after{content:"";display:inline-block;width:34px;height:1px;margin:0 0 3px 12px;background:#c8a75f}
.directory-card>div{position:absolute;z-index:2;left:clamp(28px,3vw,48px);right:clamp(28px,3vw,48px);bottom:clamp(28px,3vw,48px)}.directory-card>div>span{display:block;color:#c8a75f;font:600 9px/1 Inter,Arial,sans-serif;letter-spacing:3.4px;text-transform:uppercase}.directory-card h2{max-width:650px;margin:13px 0 13px;color:#fff;font:400 clamp(27px,2.65vw,44px)/1.12 var(--serif);letter-spacing:.01em;text-transform:uppercase}.directory-card p{max-width:460px;margin:0;color:#d8dadd;font:300 13px/1.55 Inter,Arial,sans-serif}.directory-card b{display:flex;width:min(230px,100%);height:48px;margin-top:23px;padding:0 17px;align-items:center;border:1px solid rgba(200,167,95,.62);color:#f0dfbb;font:600 8px/1 Inter,Arial,sans-serif;letter-spacing:2.2px;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}.directory-card b>span{color:inherit}.directory-card b>i{margin-left:auto;font:300 18px/1 Arial,sans-serif;font-style:normal;transition:transform .25s}.directory-card:hover b{border-color:#c8a75f;background:#c8a75f;color:#101722}.directory-card:hover b>i{transform:translateX(4px)}
.directory-card:nth-child(2)>div,.directory-card:nth-child(3)>div{bottom:28px}.directory-card:nth-child(2) h2,.directory-card:nth-child(3) h2{font-size:clamp(24px,2.1vw,34px)}.directory-card:nth-child(2) p,.directory-card:nth-child(3) p{display:none}.directory-card:nth-child(2) b,.directory-card:nth-child(3) b{height:auto;width:auto;margin-top:15px;padding:0;border:0;background:transparent;color:#f0dfbb}.directory-card:nth-child(2) b>i,.directory-card:nth-child(3) b>i{margin-left:16px}
.collection-empty{max-width:760px;margin:auto;padding:40px 30px 80px;text-align:center}.collection-empty p{margin:25px auto 35px;color:#666;line-height:1.8}.collection-empty a{display:inline-block;padding-bottom:8px;border-bottom:1px solid #b68c35;color:#8f6921;text-transform:uppercase;letter-spacing:3px;font-size:10px}
@media(max-width:1050px){.collection-directory-grid{grid-template-rows:repeat(2,310px) 400px}.directory-card:nth-child(1){grid-column:1/7}.directory-card:nth-child(2),.directory-card:nth-child(3){grid-column:7/13}.directory-card h2{font-size:clamp(25px,3vw,38px)}}
@media(max-width:760px){.collection-directory>header{grid-template-columns:1fr;gap:28px}.collection-directory>header>p{max-width:560px}.collection-directory-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px}.directory-card,.directory-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:520px}.directory-card:nth-child(2),.directory-card:nth-child(3){min-height:430px}.directory-card:nth-child(2) p,.directory-card:nth-child(3) p{display:block}.directory-card:nth-child(2) b,.directory-card:nth-child(3) b{display:flex;width:min(230px,100%);height:48px;margin-top:23px;padding:0 17px;border:1px solid rgba(200,167,95,.62)}.directory-card:nth-child(2) b>i,.directory-card:nth-child(3) b>i{margin-left:auto}}
@media(max-width:480px){.collection-directory{padding:76px 18px 92px}.collection-directory>header{margin-bottom:45px}.collection-directory>header h2{font-size:43px}.collection-directory>header>p{font-size:13px}.directory-card,.directory-card:nth-child(n){min-height:470px}.directory-card>div{left:24px;right:24px;bottom:26px}.directory-card h2,.directory-card:nth-child(2) h2,.directory-card:nth-child(3) h2{font-size:29px}.directory-index{right:22px;top:21px}.directory-card b{width:100%}}
@media(hover:none){.directory-card:after{background:linear-gradient(0deg,rgba(4,7,10,.96),rgba(4,7,10,.55) 42%,rgba(4,7,10,.08) 75%)}}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-card>img,.directory-card b,.directory-card b>i{transition:none}}