.products{padding:100px 5.5% 115px;background:radial-gradient(ellipse at 12% 10%,#a67c5555,transparent 55%),linear-gradient(120deg,#ccb294,#e9dac7 65%,#b69776);color:#352015}
.products-intro{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0 1.5% 45px}
.products-intro h2{font-size:clamp(2rem,3.5vw,3.6rem)}
.products-intro p{font-size:16px;line-height:1.5;max-width:370px}
.product-showcase{background:#17110d;color:#fff7ec;border:1px solid #ead5b677;outline:8px solid #ffffff14;padding:44px 36px 35px;overflow:hidden}
.showcase-heading{display:flex;align-items:center;gap:28px;justify-content:space-between}
.showcase-heading p{font-size:12px;line-height:1.4;color:#cbbba9;flex-shrink:0}
.showcase-heading h2{font-family:var(--sans);font-weight:600;font-size:clamp(2.3rem,6.5vw,6.6rem);line-height:1;letter-spacing:-.055em;white-space:nowrap}
.product-carousel{position:relative;height:440px;max-width:1080px;margin:32px auto 24px;perspective:1400px;touch-action:pan-y}
.product-card{position:absolute;left:50%;top:30px;width:32%;height:365px;padding:0;border:1px solid #e3c8a344;border-radius:20px;background:#6e4b31;overflow:hidden;cursor:pointer;color:white;text-align:left;transform-origin:center;transition:transform .65s cubic-bezier(.22,.8,.25,1),filter .65s,box-shadow .65s;box-shadow:0 18px 35px #0005}
.product-card[data-position="center"]{z-index:3;transform:translateX(-50%) translateY(24px);filter:brightness(1)}
.product-card[data-position="left"]{z-index:1;transform:translateX(-153%) rotateY(24deg) rotateZ(-5deg) scale(.9);filter:brightness(.78)}
.product-card[data-position="right"]{z-index:1;transform:translateX(53%) rotateY(-24deg) rotateZ(5deg) scale(.9);filter:brightness(.78)}
.product-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;transform:scale(1.06)}
.product-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#23130933,transparent 35%,#1c100bd9);pointer-events:none}
.product-card:hover img{transform:scale(1.12)}
.product-card:focus-visible,.product-controls button:focus-visible{outline:2px solid #f0d4a2;outline-offset:5px}
.product-card-tag{position:absolute;z-index:1;top:18px;left:18px;padding:5px 10px;background:#28180d70;border:1px solid #fff3;border-radius:20px;font:10px/1.4 var(--sans);letter-spacing:.08em}
.product-card-name{position:absolute;z-index:1;bottom:24px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font:400 clamp(18px,2vw,26px)/1.2 var(--sans)}
.product-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:940px;margin:auto}
.selected-product{max-width:520px;min-height:107px}
.selected-product p{font-size:14px;line-height:1.6;color:#cbbba9}
.selected-product .text-link{font-size:13px;color:#f5debc;margin-top:14px;border-color:#96764f}
.product-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.product-controls button{height:46px;width:46px;border:1px solid #f8ead6aa;border-radius:50%;background:transparent;color:#fff7ec;font-size:22px;cursor:pointer;transition:background .2s}
.product-controls button:hover{background:#ffffff18}
#product-count{font:11px var(--sans);letter-spacing:.12em;color:#bdaa93}
@media(max-width:1000px){.showcase-heading{align-items:start;flex-direction:column;gap:15px}.showcase-heading p br{display:none}.showcase-heading h2{font-size:7.7vw}.product-carousel{height:375px}.product-card{height:300px}}
@media(max-width:700px){.products{padding:70px 5% 85px}.products-intro{display:block;margin-bottom:30px}.products-intro p{margin-top:20px;font-size:14px}.product-showcase{padding:27px 16px;outline-width:5px}.showcase-heading h2{font-size:8.6vw}.showcase-heading p{font-size:11px}.product-carousel{height:340px;margin:18px -16px 22px}.product-card{width:60%;height:280px;top:12px;border-radius:15px}.product-card[data-position="left"]{transform:translateX(-135%) rotateY(25deg) rotateZ(-6deg) scale(.84)}.product-card[data-position="right"]{transform:translateX(35%) rotateY(-25deg) rotateZ(6deg) scale(.84)}.product-card-name{font-size:19px;left:15px;right:15px;bottom:20px}.product-card-tag{left:12px;top:12px;font-size:8px}.product-showcase-footer{flex-direction:column;align-items:stretch;gap:22px}.selected-product{min-height:115px}.product-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.product-card,.product-card img{transition:none}}
/* The showcase is the full section, without an inset frame. */
#products{background:#17110d;color:#fff7ec;padding:100px 5.5% 110px;min-height:100svh}
#products .products-intro{margin:0 0 54px}
#products .products-intro h2{color:#fff7ec}
#products .products-intro p{color:#e3d2bd}
#products .product-showcase{background:transparent;border:0;outline:0;padding:0;overflow:visible}
#products .product-carousel{max-width:1280px;height:510px;margin-top:42px}
#products .product-card{height:425px}
#products .product-showcase-footer{max-width:1100px}
@media(max-width:1000px){#products .product-carousel{height:425px}#products .product-card{height:340px}}
@media(max-width:700px){#products{padding:80px 6% 85px}#products .products-intro{margin-bottom:38px}#products .product-carousel{height:340px;margin:24px 0}#products .product-card{height:280px}#products .product-showcase{overflow:hidden}}
.product-card[data-position="hidden"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.7);z-index:0}
.product-card{transition:transform .65s cubic-bezier(.22,.8,.25,1),filter .65s,box-shadow .4s,opacity .4s,border-color .3s}
.product-card:hover{border-color:#e8b872;box-shadow:0 20px 48px #0009,0 0 22px #d29a3e26}
.product-card img{object-position:center 42%}
.product-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 32px}
.product-picker button{border:1px solid #a8865c66;background:transparent;color:#e3d2bd;border-radius:30px;padding:10px 18px;font:13px var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.product-picker button:hover,.product-picker button[aria-pressed="true"]{background:#b9854030;border-color:#d9ad70;color:#fff7ec}
.product-picker button:focus-visible{outline:2px solid #f0d4a2;outline-offset:4px}
@media(max-width:700px){.product-picker{gap:8px}.product-picker button{font-size:12px;padding:9px 13px}}
.product-card-name{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em}
@media(max-width:700px){.product-card-name{font-size:25px}}