/* Artwork geometry from the adjacent Figma references 32112:1918 / 32112:1934.
   Keep the approved HTML copy, typography and CTA. Use original transparent artwork. */
.sale-rework-page #fall-sale .sale-hero-halloween{background:#000!important;aspect-ratio:2640.037353515625/1182.5167236328125;height:auto!important;min-height:0!important;padding:0;overflow:hidden}
.sale-rework-page #fall-sale .sale-hero-halloween::before{content:none!important}
.sale-rework-page #fall-sale .sale-hero-preview-toolbar{display:flex}
.sale-rework-page #fall-sale .sale-hero-preview-toolbar .sale-banner-languages{display:none}
.sale-rework-page #fall-sale .sale-hero-inner{position:absolute;inset:0;height:100%!important;min-height:0!important;z-index:1}
.sale-hero-artwork{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sale-hero-art-plane{position:absolute;inset:0;background:#000}
.sale-hero-glow-placement{position:absolute;left:-12.3956579464%;top:10.2906973041%;width:171.5479894241%;height:168.7582052852%;display:flex;align-items:center;justify-content:center}
.sale-hero-glow-rotation{position:relative;flex:none;width:96.7294931188%;height:73.1058336515%;transform:rotate(7.1881770724deg)}
.sale-hero-glow{display:block;position:absolute;left:-3.9516637555%;top:-11.8661648195%;width:107.903327511%;height:123.732329639%}
.sale-hero-machine{display:block;position:absolute;left:13.9843748049%;top:13.2558135874%;width:90.6664510122%;height:86.7294465663%}
.sale-hero-artwork picture>img{display:block;width:100%;height:100%;max-width:none;object-fit:fill}
@media(max-width:768px){
 /* Keep the 440px reference, but let copy height drive the mobile layout.
    Artwork scales with width; copy does not. A fixed banner ratio overlaps the
    CTA on narrower screens. Reserve the visible artwork below the copy instead. */
 .sale-rework-page #fall-sale .sale-hero-halloween{aspect-ratio:auto}
 .sale-rework-page #fall-sale .sale-hero-preview-toolbar{position:relative;inset:auto;margin:12px 12px 0;justify-content:flex-end}
 .sale-rework-page #fall-sale .sale-hero-inner{position:relative;inset:auto;height:auto!important;padding-top:28px!important;padding-bottom:0!important;justify-content:flex-start}
 .sale-rework-page #fall-sale .sale-hero-halloween::after{content:"";display:block;aspect-ratio:440/318.1103645833333;padding-bottom:20px;box-sizing:content-box}
 .sale-hero-artwork{inset:auto 0 0;height:auto;aspect-ratio:825.01171875/1157.078857421875}
 .sale-hero-art-plane{inset:auto;left:-6.9999967448%;top:-7.1895410701%;width:106.9999967448%;height:114.4385095566%;background:#050201;overflow:hidden}
 .sale-hero-glow-placement{left:-150.467422623%;top:37.0716502569%;width:389.6506650923%;height:114.4618130857%}
 .sale-hero-machine{left:-83.2554332273%;top:40.4984435882%;width:216.6676334895%;height:61.8899244482%}
}
