/* Shared progressive canvas treatment for the three commerce landing heroes. */
.woo-page .woo-hero[data-dither-hero]{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:100vh;min-height:100svh;padding:104px 0 56px;background:#030405;color:#fff}
.woo-page .woo-hero[data-dither-hero] .urumi-dither-field{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;transform:none!important;filter:none!important}
.woo-page .woo-hero[data-dither-hero]::before{display:none!important}
.woo-page .woo-hero[data-dither-hero]::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 48% 70% at 50% 53%,rgb(3 4 5 / 98%) 0%,rgb(3 4 5 / 93%) 38%,rgb(3 4 5 / 67%) 61%,transparent 100%),radial-gradient(ellipse 92% 25% at 50% 0%,rgb(3 4 5 / 92%) 0%,rgb(3 4 5 / 60%) 48%,transparent 100%),linear-gradient(90deg,rgb(3 4 5 / 38%),transparent 17%,transparent 83%,rgb(3 4 5 / 38%)),linear-gradient(#030405 0%,transparent 18%,transparent 82%,#030405 100%)}
.woo-page .woo-hero[data-dither-hero] .woo-hero-grid{position:relative;z-index:2;width:calc(100% - 112px);max-width:1240px;margin-inline:auto}
.woo-page .woo-hero[data-dither-hero] .woo-hero-copy>p{color:#c9cfcc;text-shadow:0 1px 14px rgb(0 0 0 / 78%)}
@media(max-width:1100px){.woo-page .woo-hero[data-dither-hero] .woo-hero-grid{width:calc(100% - 70px)}}
@media(max-width:760px){.woo-page .woo-hero[data-dither-hero]{min-height:100vh;min-height:100svh;padding:88px 0 38px}.woo-page .woo-hero[data-dither-hero] .woo-hero-grid{width:calc(100% - 48px)}.woo-page .woo-hero[data-dither-hero]::after{background:radial-gradient(ellipse 92% 68% at 50% 52%,rgb(3 4 5 / 98%) 0%,rgb(3 4 5 / 91%) 43%,rgb(3 4 5 / 57%) 70%,transparent 100%),radial-gradient(ellipse 125% 25% at 50% 0%,rgb(3 4 5 / 90%) 0%,rgb(3 4 5 / 55%) 54%,transparent 100%),linear-gradient(90deg,rgb(3 4 5 / 28%),transparent 17%,transparent 83%,rgb(3 4 5 / 28%)),linear-gradient(#030405,transparent 16%,transparent 84%,#030405)}}
@media(max-height:640px) and (orientation:landscape){.woo-page .woo-hero[data-dither-hero]{padding-block:78px 30px}}