.hero{height:100vh;min-height:600px;max-height:900px;position:relative;overflow:hidden}.hero__slider{width:100%;height:100%;position:relative}.hero__slide{opacity:0;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.hero__slide--active{opacity:1}.hero__slide-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__slide:after{content:"";z-index:1;background:linear-gradient(#00000026 0%,#0000001a 30%,#0006 70%,#000000b3 100%);position:absolute;inset:0}.hero__content{text-align:center;color:#fff;z-index:2;padding:2rem}.hero__subtitle{letter-spacing:.3em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 4px #0009;margin-bottom:1rem;font-size:.7rem;font-weight:600;display:inline-block}.hero__title{font-family:var(--font-heading);letter-spacing:.05em;text-shadow:0 2px 8px #0009,0 4px 20px #0000004d;max-width:700px;margin-bottom:2rem;font-size:3.5rem;font-weight:900;line-height:1.1}.hero__cta{font-size:.85rem}.hero__nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:3;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__nav:hover{background:#fff3}.hero__nav--prev{left:2rem}.hero__nav--next{right:2rem}.hero__dots{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__dot{cursor:pointer;background:#fff6;border:none;width:12px;height:3px;transition:all .3s}.hero__dot--active{background:#fff;width:30px}.collection-grid{grid-template-columns:repeat(4,1fr);gap:0;padding:0;display:grid}.collection-card{cursor:pointer;height:500px;position:relative;overflow:hidden}.collection-card__bg{transition:transform .6s;position:absolute;inset:0}.collection-card__bg-img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.collection-card:hover .collection-card__bg,.collection-card:hover .collection-card__bg-img{transform:scale(1.05)}.collection-card__overlay{background:linear-gradient(#0000000d 0%,#00000026 40%,#0000008c 80%,#000000bf 100%);transition:background .3s;position:absolute;inset:0}.collection-card:hover .collection-card__overlay{background:linear-gradient(#0000001a 0%,#0003 40%,#0009 80%,#000c 100%)}.collection-card__content{color:#fff;z-index:2;position:absolute;bottom:2rem;left:2rem}.collection-card__subtitle{letter-spacing:.25em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 1px 4px #0009;margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:inline-block}.collection-card__title{font-family:var(--font-heading);text-shadow:0 2px 6px #00000080,0 4px 15px #0000004d;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.collection-card__cta{letter-spacing:.15em;text-transform:uppercase;border-bottom:2px solid #fff;padding-bottom:3px;font-size:.75rem;font-weight:700}.product-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.2rem;font-size:.65rem;font-weight:600}.product-card__placeholder{color:#ffffff4d;width:100%;height:100%;font-size:3rem;font-weight:900;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.product-card__badge--sale{background:var(--color-error);left:auto;right:.8rem}.brand-banner{justify-content:center;align-items:center;height:450px;display:flex;position:relative;overflow:hidden}.brand-banner__bg{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);position:absolute;inset:0}.brand-banner__content{z-index:2;text-align:center;color:#fff;padding:2rem;position:relative}.brand-banner__title{font-family:var(--font-heading);letter-spacing:.2em;margin-bottom:.5rem;font-size:4rem;font-weight:900}.brand-banner__text{letter-spacing:.2em;opacity:.7;margin-bottom:1rem;font-size:.85rem;font-weight:600}.brand-banner__description{opacity:.6;margin-bottom:2rem;font-size:1rem}@media (max-width:768px){.hero{height:70vh;min-height:400px}.hero__title{font-size:1.8rem}.hero__nav{display:none}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-card{height:300px}.brand-banner{height:350px}.brand-banner__title{font-size:2.5rem}}@media (max-width:480px){.hero__title{font-size:1.4rem}.hero__subtitle{font-size:.65rem}.collection-card{height:250px}.brand-banner__title{font-size:2rem}}