.product-hero{position:relative;isolation:isolate;height:100svh;min-height:620px;max-height:1200px;overflow:hidden;background:#000;color:#fff}
.product-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-hero__smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65;mix-blend-mode:screen}
.product-hero__wisp{transform-origin:center;animation:chisou-smoke-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.is-brand-opening .product-hero__wisp{animation-play-state:running}
.product-hero__wisp--two{animation-duration:23s;animation-delay:-8s}
.product-hero__wisp--three{animation-duration:27s;animation-delay:-15s;opacity:.5}
.product-hero__copy{position:absolute;left:7%;top:45%;max-width:23%;font-family:serif;font-size:clamp(18px,2vw,30px);line-height:2;letter-spacing:.16em;text-shadow:0 2px 15px #000}
.product-hero__scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;color:#d6c3a0;font-size:10px;letter-spacing:.25em;text-decoration:none}
@keyframes chisou-smoke-drift{from{transform:translate(-65px,60px) scale(1.03) rotate(-5deg);opacity:.3}to{transform:translate(75px,-70px) scale(1.16) rotate(5deg);opacity:.9}}
@media(max-width:767px){.product-hero{min-height:650px;max-height:1000px}.product-hero__image{width:200%;max-width:none;left:-50%;object-fit:contain}.product-hero__copy{left:8%;right:8%;top:auto;bottom:80px;max-width:none;text-align:center;font-size:17px}.product-hero__smoke{width:180%;left:-40%}}
@media(prefers-reduced-motion:reduce){.product-hero__wisp{animation:none!important;opacity:.45}}