/* Canonical costs opening: reuse the native top pigment from the selected art. */
.costs-atmosphere .adult-shell{position:relative;isolation:isolate}
.costs-atmosphere .costs-opening-top{position:absolute;z-index:0;top:0;left:0;right:0;height:26cqw;pointer-events:none;background:url(costs-practice-hero-paint-v1.webp) center top/100% auto no-repeat;mask-image:linear-gradient(#000 50%,transparent 100%);mask-repeat:no-repeat}
.costs-atmosphere main{z-index:1}
.costs-atmosphere .adult-header .brand{position:relative;left:calc(4.7cqw - (100cqw - min(1280px,90cqw))/2)}
@media(min-width:1001px){
 .costs-atmosphere .practice-photo-opening{--costs-header-height:calc(14px + min(338px,27cqw)*.415984)}
 .costs-atmosphere .practice-photo-opening:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:14cqw;pointer-events:none;background:url(costs-practice-hero-paint-v1.webp) center calc(-1*var(--costs-header-height))/100% auto no-repeat;mix-blend-mode:multiply;opacity:.85;mask-image:linear-gradient(transparent,#000 10%,transparent);mask-repeat:no-repeat}
}
@media(min-width:1101px) and (max-width:1250px){.costs-atmosphere .practice-photo-opening{--costs-header-height:calc(14px + min(300px,26.1cqw)*.415984)}}
@media(min-width:1001px) and (max-width:1100px){.costs-atmosphere .practice-photo-opening{--costs-header-height:calc(30px + 338px*.415984)}}
@media(max-width:1100px){.costs-atmosphere .adult-header .brand{left:0}}
@media(max-width:600px){.costs-atmosphere .adult-header .brand{left:-1cqw}.costs-atmosphere .costs-opening-top{height:32cqw;mask-image:linear-gradient(90deg,#000 74%,transparent 94%),linear-gradient(#000 30%,transparent);mask-composite:intersect}}