.banner-home{position:relative;width:100%;height:90vh;overflow:hidden;isolation:isolate}.banner-slider{position:relative;width:100%;height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;z-index:0}.banner-slide.is-active{opacity:1;z-index:1}@keyframes bannerZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--banner-overlay-opacity));z-index:1;pointer-events:none}.banner-img{width:100%;height:100%;object-fit:cover;display:block;animation:bannerZoom 12s ease-in-out infinite}.banner-img--mobile{display:none}.banner-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:32px 56px 56px;color:var(--color-text-light);pointer-events:none;z-index:2}.banner-content>*{max-width:1000px}.banner-title{font-family:var(--font-heading);font-size:clamp(36px,5vw,80px);margin:16px 0}.banner-subtitle{font-family:var(--font-accent);font-size:clamp(14px,2vw,18px);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.banner-text{font-family:var(--font-body);font-size:clamp(14px,1.5vw,18px);max-width:600px;margin:16px 0;line-height:1.6}.banner-button{margin-top:24px;padding:14px 36px;background:var(--color-magenta);color:#fff;text-decoration:none;pointer-events:auto;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;transition:all .3s ease;display:inline-block}.banner-button:hover{background:var(--color-rosa);transform:translateY(-2px);box-shadow:0 4px 12px #f2146e4d}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;cursor:pointer;color:#fff;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .3s ease;z-index:4}.banner-arrow svg{width:42px;height:42px}.banner-arrow-prev{left:32px}.banner-arrow-next{right:32px}.banner-home:hover .banner-arrow{opacity:1;pointer-events:auto}.banner-home:hover .banner-arrow-prev{transform:translateY(-50%) translate(-4px)}.banner-home:hover .banner-arrow-next{transform:translateY(-50%) translate(4px)}.banner-dots{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3}.banner-dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;padding:0}.banner-dot:hover{background:#fff9;transform:scale(1.2)}.banner-dot.is-active{background:var(--color-magenta);border-color:#fff;width:32px;border-radius:6px}@media(max-width:768px){.banner-home{height:70vh}.banner-img--desktop{display:none}.banner-img--mobile{display:block}.banner-content{padding:24px 24px 48px}.banner-title{font-size:clamp(28px,8vw,48px)}.banner-button{padding:12px 28px;font-size:14px}.banner-arrow{width:40px;height:40px}.banner-arrow-prev{left:16px}.banner-arrow-next{right:16px}.banner-arrow svg{width:18px;height:18px}.banner-dots{bottom:24px;gap:8px}.banner-dot{width:10px;height:10px}.banner-dot.is-active{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/banner-home.css.map */