.featured-products{margin:0 0 28px;padding:26px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.featured-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px}
.featured-products-head small{display:block;margin-bottom:7px;color:var(--wine);font-size:8px;font-weight:500;letter-spacing:.18em}
.featured-products-head h3{margin:0;font:400 clamp(29px,3vw,42px)/1 var(--serif)}
.featured-products-controls{display:flex;align-items:center;gap:12px}
.featured-products-controls button{width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font:300 27px/1 var(--serif);cursor:pointer;transition:.2s}
.featured-products-controls button:hover{background:var(--wine);color:#fff;border-color:var(--wine)}
.featured-products-controls span{min-width:57px;text-align:center;font-size:8px;letter-spacing:.13em}
.featured-products-viewport{overflow:hidden;touch-action:pan-y}
.featured-products-track{display:flex;gap:18px;transition:transform .65s cubic-bezier(.22,.61,.36,1);will-change:transform}
.featured-product{flex:0 0 calc((100% - 54px)/4);min-width:0;cursor:pointer}
.featured-product-media{position:relative;aspect-ratio:1;background:#f2ede6;overflow:hidden}
.featured-product-media img{width:100%;height:100%;padding:3%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s ease}
.featured-product:hover .featured-product-media img{transform:scale(1.1)}
.featured-product-copy{padding:13px 2px 0}
.featured-product-copy small{display:block;color:var(--wine);font-size:8px;letter-spacing:.12em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-product-copy h4{margin:0;font:500 clamp(18px,1.7vw,24px)/1.08 var(--serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-product-copy b{display:block;margin-top:8px;font-size:9px;letter-spacing:.1em;color:#75685f}
.collection-grid.showcase-ready{display:grid;grid-template-columns:1fr;height:auto;gap:24px}
.collection-showcase-row{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr);min-height:390px;background:#fff;border:1px solid rgba(35,29,25,.09);box-shadow:0 12px 36px rgba(47,35,28,.07);overflow:hidden}
.collection-showcase-lead{position:relative;min-height:390px;overflow:hidden;color:#fff;cursor:pointer}
.collection-showcase-lead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.collection-showcase-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(24,18,15,.04) 34%,rgba(24,18,15,.78) 100%)}
.collection-showcase-lead:hover>img{transform:scale(1.06)}
.collection-showcase-lead-copy{position:absolute;z-index:1;left:30px;right:30px;bottom:27px}
.collection-showcase-lead-copy small{display:block;margin-bottom:10px;font-size:8px;letter-spacing:.18em}
.collection-showcase-lead-copy h3{margin:0;font:400 clamp(31px,3vw,46px)/.95 var(--serif)}
.collection-showcase-lead-copy span{display:inline-block;margin-top:17px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.7);font-size:9px;letter-spacing:.15em}
.collection-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px;align-content:start}
.collection-product{min-width:0;cursor:pointer}
.collection-product-media{position:relative;aspect-ratio:1;background:#f4f0ea;overflow:hidden}
.collection-product-media img{width:100%;height:100%;padding:3%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s ease}
.collection-product:hover .collection-product-media img{transform:scale(1.1)}
.collection-product-copy{padding-top:14px}
.collection-product-copy h4{min-height:2.25em;margin:0;font:500 clamp(18px,1.55vw,24px)/1.08 var(--serif);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.collection-product-copy p{margin:8px 0 0;color:#75685f;font-size:10px;line-height:1.45;letter-spacing:.04em}
.collection-product-copy b{display:block;margin-top:8px;color:var(--wine);font-size:9px;letter-spacing:.12em}
.collection-products-empty{grid-column:1/-1;align-self:center;text-align:center;color:#7b6e64;font:400 22px var(--serif)}

@media(max-width:980px){
  .featured-product{flex-basis:calc((100% - 36px)/3)}
  .collection-showcase-row{grid-template-columns:38% minmax(0,1fr);min-height:340px}
  .collection-showcase-lead{min-height:340px}
  .collection-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px;scrollbar-width:none}
  .collection-products::-webkit-scrollbar{display:none}
  .collection-product{flex:0 0 46%;scroll-snap-align:start}
}
@media(max-width:680px){
  .featured-products{margin-bottom:20px;padding-top:20px}
  .featured-products-head{align-items:center}
  .featured-products-controls span{display:none}
  .featured-products-controls button{width:36px;height:36px}
  .featured-product{flex-basis:78%}
  .collection-grid.showcase-ready{gap:18px}
  .collection-showcase-row{display:block}
  .collection-showcase-lead{min-height:290px}
  .collection-showcase-lead-copy{left:22px;right:22px;bottom:22px}
  .collection-products{padding:18px;gap:14px}
  .collection-product{flex-basis:72%}
  .collection-product-copy h4{font-size:21px}
}
