@layer utilities.components{._12na7mz0{padding:var(--_7dny9wt) var(--_7dny9wu)}._12na7mz1{left:var(--_7dny9wu);max-height:360px;padding:var(--_7dny9wx);position:relative;top:-56px;width:calc(100% - var(--_7dny9wx));z-index:4}._12na7mz1:before{inset:var(--_7dny9wt)}._12na7mz4{background:linear-gradient(rgba(0,0,0,.8),transparent 100%);height:130px;mix-blend-mode:multiply;position:absolute;width:100%;z-index:2}._12na7mz5{z-index:0}._12na7mz6{height:280px}._12na7mz7{height:400px}._12na7mz8{bottom:84px;position:absolute;z-index:3}._12na7mz9{right:var(--_7dny9wu)}._12na7mza{left:var(--_7dny9wu)}@media screen and (min-width:768px){._12na7mz0{left:var(--_7dny9wu);padding:0;position:absolute;top:var(--_7dny9wu);z-index:5}._12na7mz1{bottom:auto;max-width:424px;position:absolute;top:50%;transform:translateY(-50%)}._12na7mz3{left:unset;right:var(--_7dny9wu)}._12na7mz6{height:354px}._12na7mz7{height:474px}._12na7mz8{bottom:var(--_7dny9wu)}}@media screen and (min-width:1200px){._12na7mz0,._12na7mz2{left:var(--_7dny9wy)}._12na7mz3{right:var(--_7dny9wy)}._12na7mz6{height:400px}._12na7mz7{height:520px}._12na7mz9{right:var(--_7dny9wy)}._12na7mza{left:var(--_7dny9wy)}}}