/* Collections index — premium editorial page.
   The circular category cards themselves come from categories.css (shared with the
   homepage carousel) so both pages show the exact same approved card. This file only
   adds the page head, the wrapping grid, and the foot link. */
.collections-body{padding-top:var(--headerH);background:var(--paper)}
.collections-page{max-width:1280px;margin:0 auto;padding:clamp(70px,9vw,120px) var(--gutter) clamp(80px,10vw,130px)}
.collections-head{text-align:center;max-width:760px;margin:0 auto clamp(50px,6vw,80px)}
.collections-head h1{margin:8px 0 22px;font:clamp(48px,7vw,90px)/.95 var(--serif);font-weight:400;text-wrap:balance}
.collections-head h1 i{font-style:italic}
.collections-head p{color:var(--muted);font-size:var(--fs-lead);text-wrap:balance}

.collections-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(46px,5vw,66px) 22px;max-width:1120px;margin:0 auto}
.collections-item{display:flex;justify-content:center;align-items:flex-start;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.collections-item.is-visible{opacity:1;transform:none}
/* Let the shared homepage card fill the grid column; it already owns the circle, type and state. */
.collections-item .category-card{max-width:224px}
.collections-item .category-image-wrap{transition:transform .5s ease,box-shadow .5s ease}
.collections-item .category-active:hover .category-image-wrap{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,19,17,.16)}
.collections-item .category-coming-soon:hover .category-image-wrap{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,19,17,.12)}

/* Featured pathways — two-item row directly below the page head. Banarasi Edit
   opens the full catalogue; The Boardroom Boss is a coming-soon pathway into the
   existing waitlist. Minimal, editorial, consistent with the foot link styling. */
.collections-pathways{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,2vw,26px);max-width:760px;margin:0 auto clamp(48px,6vw,72px)}
.collection-pathway{display:flex;flex-direction:column;gap:8px;min-width:230px;padding:22px 30px;border:1px solid var(--ink);text-align:center;transition:background .3s ease,color .3s ease}
.collection-pathway:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.collection-pathway-name{font:clamp(20px,2.4vw,26px)/1.1 var(--serif);font-weight:400}
.collection-pathway-note{color:var(--muted);font-size:var(--fs-label);letter-spacing:.13em;text-transform:uppercase;transition:color .3s ease,opacity .3s ease}
.collection-pathway:hover{background:var(--ink);color:var(--paper)}
.collection-pathway:hover .collection-pathway-note{color:var(--paper);opacity:.75}
.collection-pathway--soon{border-style:dashed}

.collections-all{margin-top:clamp(54px,7vw,96px)}
.collections-all-head{text-align:center;max-width:760px;margin:0 auto clamp(30px,4vw,48px)}
.collections-all-head h2{margin:8px 0 0;font:clamp(34px,5vw,56px)/1 var(--serif);font-weight:400}
.collections-all-head h2 i{font-style:italic}

.collections-foot{margin-top:clamp(70px,9vw,120px);text-align:center}
.collections-foot p{color:var(--muted);font-size:var(--fs-label);letter-spacing:.13em;text-transform:uppercase}
.collections-foot a{display:inline-block;margin-top:14px;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:var(--fs-label);letter-spacing:.13em;text-transform:uppercase;transition:opacity .25s ease}
.collections-foot a:hover{opacity:.65}

@media(max-width:900px){.collections-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.collections-grid{grid-template-columns:repeat(2,1fr);gap:38px 10px}.collections-head h1{font-size:clamp(40px,10vw,56px)}.collection-pathway{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.collections-item{opacity:1;transform:none;transition:none}.collections-item .category-image-wrap{transition:none}.collection-pathway,.collection-pathway-note{transition:none}}