/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;padding:16px 28px;cursor:pointer;border:none}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.btn-white{background:#fff;color:var(--ink)}

/* ─── HERO TEXT ─── */
.page-hero{padding:64px 56px 32px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.page-hero-left{}
.page-hero-eyebrow{font-family:var(--sans);font-size: var(--eyebrow-size);letter-spacing: var(--eyebrow-ls);text-transform:uppercase;color: var(--eyebrow-color);margin-bottom:20px}
.page-hero-h1{font-family:var(--display);font-weight:600;font-size:var(--h1);line-height:.92;letter-spacing:-2px}
.page-hero-right{padding-bottom:6px}
.page-hero-desc{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink2);max-width:440px}
@media(max-width:1023px){.page-hero{grid-template-columns:1fr;gap:28px;padding:40px 32px 28px}}
@media(max-width:599px){.page-hero{padding:28px 16px 20px}.page-hero-desc{font-size:15px}}

/* ─── FOCAL HERO ─── */
.focal-hero{height:760px;overflow:hidden;position:relative}
.focal-hero-bg{position:absolute;inset:0}
.focal-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.65) 100%)}
.focal-hero-top{position:absolute;top:40px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:flex-start}
.focal-label{font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.75)}
.focal-season{font-family:var(--sans);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.75);text-align:right}
.focal-hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 56px 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.focal-title{font-family:var(--display);font-style:italic;font-size:clamp(88px,13vw,200px);font-weight:400;line-height:.88;color:white;letter-spacing:-3px}
.focal-right{padding-bottom:4px}
.focal-desc{font-family:var(--serif);font-size:17px;line-height:1.6;color:rgba(255,255,255,.88);margin-bottom:28px}
@media(max-width:1023px){
  .focal-hero{height:600px}
  .focal-hero-top{top:24px;left:32px;right:32px}
  .focal-hero-bottom{padding:0 32px 40px;grid-template-columns:1fr}
  .focal-title{font-size:clamp(72px,14vw,140px)}
  .focal-right{display:none}
}
@media(max-width:599px){
  .focal-hero{height:500px}
  .focal-hero-top{left:16px;right:16px}
  .focal-hero-bottom{padding:0 16px 28px}
  .focal-title{font-size:clamp(60px,18vw,100px)}
}

/* ─── FILTER STRIP ─── */
.filter-strip{padding:32px 56px 24px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center}
.filter-tabs{display:flex;gap:0}
.filter-tab{font-family:var(--sans);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 20px;border:1px solid var(--ink);border-right:none;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.filter-tab:last-child{border-right:1px solid var(--ink)}
.filter-tab.active{background:var(--ink);color:var(--paper)}
.filter-tab:hover:not(.active){background:var(--paper-deep);color:var(--ink)}
.filter-count{font-family:var(--sans);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
@media(max-width:1023px){.filter-strip{padding:24px 32px 20px;flex-wrap:wrap;gap:16px}}
@media(max-width:599px){.filter-strip{padding:16px 16px 14px}.filter-tabs{overflow-x:auto;scrollbar-width:none}.filter-tab{padding:7px 14px;flex-shrink:0}.filter-count{display:none}}

/* ─── COLLECTIONS GRID ─── */
.colls-grid-sec{padding:40px 56px 96px}
.colls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.coll-tile-wrap{display:flex;flex-direction:column}
.coll-tile{position:relative;aspect-ratio:4/5;overflow:hidden;cursor:pointer;display:block}
.coll-tile-vis{position:absolute;inset:0;transition:transform .7s ease}
.coll-tile:hover .coll-tile-vis{transform:scale(1.05)}
.coll-tile-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 40%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.72) 100%)}
.coll-tile-top{position:absolute;top:0;left:0;right:0;padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start}
.coll-tile-num{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.coll-tile-season{font-family:var(--sans);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.65);text-align:right}
.coll-tile-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 24px}
.coll-tile-name{font-family:var(--display);font-style:italic;font-size:clamp(36px,4.5vw,64px);font-weight:400;line-height:.92;color:white;letter-spacing:-1px}
.coll-tile-meta-desc{font-family:var(--serif);font-size:13px;line-height:1.5;color:rgba(255,255,255,.85);margin-top:10px;max-width:92%}
.coll-tile-meta-count{font-family:var(--sans);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:8px}
@media(max-width:1023px){.colls-grid-sec{padding:28px 32px 64px}.colls-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.colls-grid-sec{padding:20px 16px 48px}.colls-grid{grid-template-columns:repeat(2,1fr);gap:1px}.coll-tile-name{font-size:clamp(28px,8vw,44px)}.coll-tile-meta-desc{display:none}}

/* ─── CTA DARK ─── */
.cta-dark{background:var(--ink);color:#f5f1ea;padding:88px 56px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cta-dark-title{font-family:var(--display);font-size:clamp(29px,3.6vw,51px);font-weight:600;line-height:.95;letter-spacing:-1px}
.cta-dark-title em{font-weight:400}
.cta-dark-desc{font-family:var(--serif);font-size:18.7px;line-height:1.6;color:rgba(245,241,234,.8);margin-bottom:32px}
.cta-dark-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#f5f1ea;border-bottom:1px solid rgba(245,241,234,.4);padding-bottom:4px;transition:border-color .2s}
.cta-dark-link:hover{border-bottom-color:#f5f1ea}
@media(max-width:1023px){.cta-dark{grid-template-columns:1fr;gap:32px;padding:64px 32px}}
@media(max-width:599px){.cta-dark{padding:48px 16px}}