/* A compact campaign gives way to large, uninterrupted garment studies. */
.collection-masthead { position:relative; isolation:isolate; overflow:hidden; background:var(--ink); color:var(--paper); min-height:280px; display:flex; align-items:center; }
.collection-masthead.has-campaign { min-height:370px; }
.collection-masthead-image { position:absolute; inset:0 0 0 39%; z-index:-2; }
.collection-masthead-image img { width:100%; height:100%; object-fit:cover; object-position:65% 35%; animation:nocturne-image 1.2s var(--ease) both; }
.collection-masthead.has-campaign:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#101010 23%,#101010e6 40%,#10101000 80%); }
.collection-masthead.mens-masthead .collection-masthead-image img { object-position:50% 35%; }
.collection-masthead-copy { width:100%; padding:46px var(--gutter); animation:nocturne-enter .8s var(--ease) both; }
.collection-masthead .eyebrow { color:#b8b4ad; margin-bottom:25px; font-size:10px; }
.collection-masthead h1 { max-width:1000px; font-size:clamp(48px,6.5vw,104px); font-weight:400; line-height:1; letter-spacing:-.06em; }
.collection-masthead.has-campaign h1 { max-width:64%; }
.collection-masthead-copy > p:not(.eyebrow) { max-width:430px; color:#b8b4ad; font-size:13px; line-height:1.8; margin-top:22px; }
.collection-masthead-credit { position:absolute; bottom:17px; right:var(--gutter); color:#e0dcd6; font-size:9px; letter-spacing:.07em; }
.collection-workspace { padding-bottom:90px; }
.collection-departments { display:flex; align-items:center; gap:32px; overflow:auto; border-bottom:1px solid var(--line); }
.collection-departments a { position:relative; padding:23px 0; flex:none; font-size:12px; color:var(--muted); }
.collection-departments a[aria-current] { color:var(--ink); }
.collection-departments a[aria-current]:after { content:''; position:absolute; height:2px; background:var(--orange); bottom:0; left:0; right:0; }
.collection-control-row { display:flex; gap:26px; align-items:center; min-height:84px; }
.collection-controls { position:sticky; top:var(--header); z-index:20; background:var(--paper); border-bottom:1px solid var(--line); }
.refine-toggle { display:flex; align-items:center; gap:12px; border:0; padding:10px 0; min-height:44px; background:transparent; color:var(--ink); font-size:12px; cursor:pointer; }
.refine-toggle svg { width:20px; height:20px; }
.refine-toggle [data-filter-count]:empty { display:none; }
.refine-toggle[aria-expanded=true] { text-decoration:underline; text-underline-offset:5px; }
.collection-controls .catalog-search { display:flex; width:240px; margin-left:auto; border-bottom:1px solid var(--line); }
.collection-controls .catalog-search input { width:100%; min-width:0; border:0; background:transparent; min-height:44px; padding:8px 0; color:var(--ink); font-size:12px; }
.collection-controls .catalog-search button { flex:none; display:grid; place-items:center; width:38px; background:none; border:0; cursor:pointer; }
.collection-controls .catalog-search svg { width:18px; height:18px; }
.collection-sort select { background:transparent; color:var(--ink); border:0; font-size:12px; min-height:44px; width:155px; cursor:pointer; }
.catalog-refinements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:8px 0 26px; animation:nocturne-enter .25s var(--ease); }
.catalog-refinements[hidden] { display:none; }
.refinement-field > span { display:block; color:var(--muted); font-size:10px; margin-bottom:11px; }
.refinement-field select { width:100%; border:1px solid var(--line); background:transparent; color:var(--ink); border-radius:0; min-height:48px; padding:10px; font-size:13px; }
.catalog-refinements > p { grid-column:1/-1; color:var(--muted); font-size:11px; line-height:1.7; }
.collection-results { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:21px 0 25px; color:var(--muted); font-size:10px; line-height:1.5; }
.collection-results > div { display:flex; gap:18px; align-items:center; }
.collection-results .catalog-count { margin:0; font-size:11px; }
.clear-selection { border:0; background:none; color:var(--ink); font-size:11px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; min-height:30px; }
.collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:52px 18px; }
.collection-piece { min-width:0; }
.collection-piece .product-image { position:relative; aspect-ratio:4/5; margin-bottom:0; overflow:hidden; background:#dedcd7; }
.collection-piece .product-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; padding:6% 0; transition:transform .65s var(--ease); }
.collection-piece:hover .product-image img { transform:scale(1.04); }
.piece-image-caption { position:absolute; top:20px; left:20px; right:20px; display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.09em; color:#4b4945; }
.piece-image-caption > span { font-size:17px; }
.collection-piece .product-explore { transform:translateY(100%); transition:transform .28s var(--ease); }
.collection-piece:hover .product-explore,.collection-piece:focus-within .product-explore { transform:translateY(0); }
.piece-caption { padding-top:20px; }
.piece-type { font-size:9px; line-height:1.5; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.piece-title-price { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.collection-piece .piece-title-price h3 { font-size:15px; font-weight:450; line-height:1.45; letter-spacing:-.025em; padding:0; }
.collection-piece .piece-title-price .price { margin:0; white-space:nowrap; font-size:12px; color:var(--ink); flex:none; }
.piece-options { font-size:10px; line-height:1.6; color:var(--muted); margin-top:9px; }
.collection-lookbook { display:grid; grid-template-columns:1fr 1fr; background:var(--ink); color:var(--paper); }
.collection-lookbook-image { height:580px; overflow:hidden; }
.collection-lookbook-image img { width:100%; height:100%; object-fit:cover; object-position:50% 36%; transition:transform 1s var(--ease); }
.collection-lookbook:hover .collection-lookbook-image img { transform:scale(1.025); }
.collection-lookbook-copy { padding:60px clamp(35px,6vw,100px); align-self:center; }
.collection-lookbook-copy .eyebrow { color:#a6a29c; margin-bottom:30px; }
.collection-lookbook h2 { font-size:clamp(40px,5.2vw,78px); font-weight:400; line-height:1.02; }
.collection-lookbook-copy > p:not(.eyebrow) { max-width:330px; font-size:13px; line-height:1.9; color:#b1ada6; margin-top:25px; }
.collection-lookbook .text-link { margin-top:23px; }
.collection-lookbook small { display:block; font-size:10px; color:#96928b; line-height:1.7; max-width:320px; margin-top:25px; }
@media(min-width:1550px) { .collection-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .collection-page-edit .collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:800px) {
 .collection-masthead { min-height:250px; }.collection-masthead.has-campaign { min-height:345px; }
 .collection-masthead-copy { padding:40px var(--gutter); }.collection-masthead h1 { font-size:clamp(43px,10.5vw,70px); }.collection-masthead.has-campaign h1 { max-width:75%; }
 .collection-masthead .eyebrow { font-size:9px; max-width:220px; line-height:1.8; margin-bottom:24px; }
 .collection-masthead-copy > p:not(.eyebrow) { max-width:245px; font-size:12px; margin-top:19px; }
 .collection-masthead-image { left:0; }.collection-masthead-image img { object-position:66% 35%; }.collection-masthead.has-campaign:after { background:linear-gradient(90deg,#101010ec,#101010a6 50%,#10101016); }
 .collection-masthead.mens-masthead .collection-masthead-image { left:20%; }.collection-masthead.mens-masthead .collection-masthead-image img { object-position:50% 24%; }
 .collection-masthead-credit { font-size:8px; }.collection-departments { gap:25px; margin-inline:calc(var(--gutter) * -1); padding-inline:var(--gutter); }.collection-departments a { font-size:12px; padding-block:20px; }
 .collection-control-row { flex-wrap:wrap; gap:4px 12px; padding-block:14px; }.refine-toggle { order:1; font-size:12px; }.collection-sort { order:2; margin-left:auto; }.collection-sort select { width:143px; font-size:11px; }.collection-controls .catalog-search { order:3; flex:0 0 100%; width:100%; margin:0; }.collection-controls .catalog-search input { font-size:16px; }
 .catalog-refinements { gap:15px; grid-template-columns:1fr 1fr; padding-top:12px; }.refinement-field:first-child { grid-column:1/-1; }.refinement-field select { font-size:16px; }.catalog-refinements > p { font-size:11px; }
 .collection-results { align-items:flex-start; font-size:9px; padding:18px 0 22px; }.collection-results > div { flex-direction:column; align-items:flex-start; gap:4px; }.collection-results > p { max-width:145px; text-align:right; }.collection-results .catalog-count { font-size:10px; }
 .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 12px; }.collection-piece .product-image { aspect-ratio:3/4; }.collection-piece .product-image img { padding:8% 0; }.piece-image-caption { top:12px; left:10px; right:10px; font-size:6px; letter-spacing:.03em; }.piece-image-caption > span { font-size:15px; }.piece-caption { padding-top:15px; }.piece-type { font-size:8px; line-height:1.6; margin-bottom:6px; }.piece-title-price { display:block; }.collection-piece .piece-title-price h3 { font-size:12px; line-height:1.5; }.collection-piece .piece-title-price .price { margin-top:6px; font-size:11px; }.piece-options { font-size:9px; margin-top:6px; }.collection-piece .product-explore { display:none; }
 .collection-workspace { padding-bottom:55px; }.collection-lookbook { grid-template-columns:1fr; }.collection-lookbook-image { height:460px; }.collection-lookbook-copy { padding:45px var(--gutter) 55px; }.collection-lookbook h2 { font-size:48px; }
}
@media(prefers-reduced-motion:reduce) { .collection-masthead-image img,.collection-masthead-copy,.catalog-refinements { animation:none; }.collection-piece .product-image img,.collection-piece .product-explore,.collection-lookbook-image img { transition:none; transform:none; } }
