.hero{min-height:55vh;position:relative;overflow:hidden}@media (max-width:768px){.hero .hero{min-height:clamp(360px,52vh,480px)}}.hero-bg{opacity:0;background-position:50% 30%;background-size:cover;transition:opacity 1.8s ease-in-out;position:absolute;inset:0;transform:scale(1.02)}@media (max-width:768px){.hero{min-height:30vh}.hero-bg{background-position:50% 10%}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000000d,#0000000d 25% 75%,#00000059);position:absolute;inset:0}}.hero-bg.active{opacity:1}.hero:before{content:"";background:var(--hero-overlay),linear-gradient(to bottom,#ffc8d71f,#ffc8d70a);z-index:1;position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;transform:translateY(25%)}.hero-card{-webkit-backdrop-filter:blur(6px);background:#00000059;border:1px solid #ffffff1f;border-radius:18px;max-width:720px;padding:28px 26px;box-shadow:0 18px 55px #00000059}.brand{letter-spacing:.02em;text-shadow:0 8px 28px #000000a6;margin:0 0 10px;font-size:clamp(40px,5vw,60px)}.hero-tagline{color:#ffffffeb;text-shadow:0 6px 22px #0009;margin:0 0 18px;font-size:clamp(14px,1.6vw,18px);line-height:1.5}.hero-cta{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;padding:12px 18px;text-decoration:none;display:inline-block;box-shadow:0 10px 24px #00000040}.hero-cta:hover{background:#ffffff2e}.collections{padding-top:4vh;padding-bottom:12vh}.collection-image{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:4px;width:100%}.section-title{text-align:center;margin-bottom:4rem}@media (max-width:768px){.hero-inner{justify-content:flex-start;padding-top:3.5rem;transform:translateY(0)}}