.banner{position:relative;width:100%;overflow:hidden}.banner-image,.banner-image-container{width:100%;height:100%}.banner-image{display:block;border-radius:0}.banner-title{font-size:34px;margin:0 0 12px;font-weight:700;color:#fff}@media (max-width:767px){.banner-title{font-size:20px}}.banner-content{position:absolute;z-index:2;max-width:50%;top:var(--top-desktop);right:var(--right-desktop);bottom:var(--bottom-desktop);left:var(--left-desktop);transform:var(--transform-desktop)}@media (max-width:768px){.banner-content{left:16px;bottom:15px}}.banner-button{display:inline-block;padding:12px 24px;background-color:transparent;border:1px solid #000;color:#000;text-decoration:none;font-size:14px;letter-spacing:1px;transition:all .3s ease}.banner-button:hover{background-color:#000;color:#fff}@media (max-width:768px){.banner-button{padding:10px 20px;font-size:13px}}@media (max-width:480px){.banner-button{padding:8px 16px;font-size:12px}}.banner-collection{display:flex;flex-direction:column;gap:40px}.banner-collection.page-container{padding:0}.hero-banner .banner-collection{margin:0}@media (max-width:768px){.banner-collection{gap:30px}}@media (max-width:480px){.banner-collection{gap:20px}}