.hero-island-section{padding:1.5rem;height:95vh}.hero-island{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--island-shadow)}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s;display:flex;flex-direction:column;z-index:1}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero-content-bespoke{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:0 6rem;color:#fff;transform:translateY(30px);transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.hero-slide.active .hero-content-bespoke{transform:translateY(0)}.hero-main-title{font-size:6rem;line-height:1;margin-bottom:3rem;letter-spacing:-2px}.hero-cta-group{display:flex;gap:1.5rem}.cta-pill-solid{background:#fff;color:#000;border:none;padding:1.2rem 3rem;border-radius:var(--radius-full);font-weight:400;font-size:1rem;text-decoration:none;display:inline-block;transition:all .3s ease}.cta-pill-outline{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1.2rem 3rem;border-radius:var(--radius-full);font-weight:400;font-size:1rem;display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:all .3s ease}.cta-pill-solid:hover{background:var(--accent-color);color:#fff}.cta-pill-outline:hover{background:#fff3}.hero-indicators{position:absolute;bottom:4rem;right:4rem;display:flex;gap:1rem;z-index:10}.dot{width:10px;height:10px;background:#ffffff4d;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dot.active{background:#fff;transform:scale(1.4);box-shadow:0 0 15px #ffffff80}@media(max-width:1024px){.hero-main-title{font-size:4rem}}@media(max-width:768px){.hero-island-section{height:80vh;padding:1rem}.hero-main-title{font-size:3rem}.hero-content-bespoke{padding:0 2rem}.hero-cta-group{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hero.css.map */