.collections-hero { position:relative; overflow:hidden; padding:clamp(3rem,7vw,6.5rem) 0; color:#fff; background:radial-gradient(circle at 12% 18%,rgba(214,177,84,.26),transparent 28%),linear-gradient(135deg,#181419,#34252b 60%,#583440); }
.collections-hero::after { position:absolute; inset:0; content:""; opacity:.08; background-image:radial-gradient(circle,#fff 1px,transparent 1px); background-size:25px 25px; pointer-events:none; }
.collections-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 210px; align-items:center; gap:3rem; }
.collections-breadcrumb { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:2.25rem; color:rgba(255,255,255,.62); font-size:.9rem; }
.collections-breadcrumb a { color:inherit; text-decoration:none; }
.collections-breadcrumb a:hover { color:#f2d682; }
.collections-eyebrow { margin:0 0 .7rem; color:#f2d682; font-weight:800; }
.collections-hero h1 { max-width:850px; margin:0 0 1rem; font-size:clamp(2.4rem,5.5vw,4.8rem); font-weight:950; line-height:1.3; letter-spacing:-.035em; }
.collections-hero p:last-child { max-width:720px; margin:0; color:rgba(255,255,255,.74); font-size:1.08rem; line-height:2; }
.collections-hero-mark { position:relative; display:grid; place-items:center; width:190px; aspect-ratio:1; border:1px solid rgba(242,214,130,.38); border-radius:50%; }
.collections-hero-mark::before { position:absolute; width:140px; aspect-ratio:1; content:""; border:1px solid rgba(242,214,130,.2); border-radius:50%; }
.collections-hero-mark span { color:#f2d682; font-size:4rem; font-weight:950; }
.collections-directory { padding:clamp(3.5rem,7vw,7rem) 0; background:#faf8f3; }
.collections-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.collections-heading p { margin:0 0 .3rem; color:#98722d; font-weight:800; }
.collections-heading h2 { margin:0; color:#29231d; font-size:clamp(1.7rem,3vw,2.5rem); font-weight:900; }
.collections-heading > span { flex:0 0 auto; padding:.55rem .9rem; color:#75654d; background:#fff; border:1px solid #e6dccb; border-radius:999px; }
.collections-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem; }
.collection-card { display:grid; grid-template-columns:minmax(210px,.9fr) minmax(0,1.1fr); min-height:330px; overflow:hidden; background:#fff; border:1px solid #e7ddce; border-radius:22px; box-shadow:0 12px 34px rgba(53,39,20,.065); transition:transform .25s ease,box-shadow .25s ease; }
.collection-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(53,39,20,.11); }
.collection-card-media { position:relative; display:block; min-height:100%; overflow:hidden; background:#eee5d7; }
.collection-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.collection-card:hover .collection-card-media img { transform:scale(1.035); }
.collection-card-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:330px; color:#9a783a; font-size:4rem; font-weight:950; background:linear-gradient(145deg,#fbf6ec,#eaddc6); }
.collection-card-count { position:absolute; right:1rem; bottom:1rem; padding:.4rem .75rem; color:#fff; background:rgba(26,21,18,.78); border-radius:999px; backdrop-filter:blur(6px); font-size:.82rem; }
.collection-card-body { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.4rem,3vw,2.2rem); }
.collection-card-tags { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:.9rem; }
.collection-card-tags span { padding:.3rem .65rem; color:#876526; background:#f7f0e2; border-radius:999px; font-size:.78rem; }
.collection-card h2 { margin:0 0 .75rem; font-size:1.45rem; font-weight:900; line-height:1.55; }
.collection-card h2 a { color:#2d271f; text-decoration:none; }
.collection-card-body > p { display:-webkit-box; margin:0; overflow:hidden; color:#746b5f; line-height:1.9; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.collection-card-link { display:inline-flex; align-items:center; gap:.45rem; margin-top:1.2rem; color:#806020; font-weight:800; text-decoration:none; }
.collections-empty { max-width:680px; margin:0 auto; padding:4rem 2rem; text-align:center; background:#fff; border:1px dashed #d9c8aa; border-radius:24px; }
.collections-empty > span { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 1rem; color:#97712c; background:#f7efdf; border-radius:50%; font-size:2rem; }
.collections-empty h2 { font-weight:900; }
.collections-empty p { color:#746b5f; }
.collections-empty a { display:inline-flex; margin-top:1rem; padding:.75rem 1.2rem; color:#fff; background:#463720; border-radius:12px; text-decoration:none; }
@media (max-width:1199px) { .collections-grid { grid-template-columns:1fr; } }
@media (max-width:767px) { .collections-hero-inner { grid-template-columns:1fr; } .collections-hero-mark { display:none; } .collections-heading { align-items:flex-start; flex-direction:column; gap:1rem; } .collection-card { grid-template-columns:1fr; } .collection-card-media { min-height:240px; } .collection-card-placeholder { min-height:240px; } }
@media (prefers-reduced-motion:reduce) { .collection-card,.collection-card-media img { transition:none; } }