.hero { min-height: 335px; padding: 78px 86px; display: flex; align-items: center; }
.hero-copy { max-width: 620px; }
.hero:before, .hero:after, .hero-art, .hero-actions, .age { display: none; }
.hero-copy > p:not(.eyebrow) { max-width: 510px; }
@media (max-width: 850px) { .hero { min-height: 335px; padding: 65px 34px; } }
@media (max-width: 560px) { .hero { min-height: 380px; padding: 55px 23px; } }
.hero { margin-bottom: 28px; }
.trust { margin-bottom: 28px; }
.new-category { margin-top: 0; margin-bottom: 28px; }
@media (max-width: 560px) { .hero { margin-bottom: 20px; } .trust { margin-bottom: 20px; } .new-category { margin-bottom: 22px; } }
.hero { isolation: isolate; }
.hero-copy { position: relative; z-index: 2; }
.hero:before, .hero:after { display: block; content: ''; position: absolute; pointer-events: none; z-index: 1; border-radius: 50%; filter: blur(34px); opacity: .22; mix-blend-mode: screen; }
.hero:before { width: 290px; height: 170px; right: 3%; top: 14%; background: radial-gradient(ellipse at center, rgba(192,145,53,.7), rgba(192,145,53,0) 70%); animation: smokeDrift 13s ease-in-out infinite alternate; }
.hero:after { width: 380px; height: 210px; right: 26%; bottom: -28%; background: radial-gradient(ellipse at center, rgba(235,231,226,.36), rgba(235,231,226,0) 72%); animation: smokeDriftAlt 17s ease-in-out infinite alternate; }
@keyframes smokeDrift { 0% { transform: translate3d(0, 18px, 0) rotate(-5deg) scale(.92); } 50% { transform: translate3d(-55px, -12px, 0) rotate(7deg) scale(1.12); } 100% { transform: translate3d(-105px, 20px, 0) rotate(-3deg) scale(.98); } }
@keyframes smokeDriftAlt { 0% { transform: translate3d(20px, 0, 0) rotate(8deg) scale(.9); } 50% { transform: translate3d(85px, -35px, 0) rotate(-5deg) scale(1.15); } 100% { transform: translate3d(-20px, -8px, 0) rotate(4deg) scale(1); } }
@media (prefers-reduced-motion: reduce) { .hero:before, .hero:after { animation: none; } }