.alternating-boxes{position:relative;--content-padding:clamp(28px,4vw,64px);--decor-safe-x:clamp(56px,6vw,96px);--decor-safe-top:60px;&:before{background:linear-gradient(0deg,#dde1e4 0,#cacaca 0,hsla(0,0%,79.2%,0) 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.wrapper{box-sizing:border-box;margin:0 auto;max-width:calc(1292px + var(--decor-safe-x)*2);overflow:visible;@media (min-width:767px){padding:var(--decor-safe-top) var(--decor-safe-x) 160px}}.box{margin-bottom:60px;position:relative;&:last-child{margin-bottom:0}.decor-position{height:auto;pointer-events:none;position:absolute;top:0;width:clamp(120px,18vw,360px);z-index:1}.decor{display:block;height:auto;width:100%}.box-wrapper{align-items:center;display:grid;gap:clamp(32px,6vw,96px);grid-template-columns:minmax(0,45fr) minmax(0,55fr);position:relative;z-index:2;.content{box-sizing:border-box;padding:30px;position:relative;z-index:3;@media (min-width:767px){padding:var(--content-padding)}h2{margin:0 0 24px}}.box-media{isolation:isolate;position:relative;width:100%;z-index:2}.box-media>.image{border-radius:16px;display:block;height:300px;object-fit:cover;position:relative;width:100%;z-index:2;@media (min-width:516px){height:380px}@media (min-width:767px){height:300px}@media (min-width:1200px){height:480px}}}&:nth-child(odd){.decor-position{right:0;transform:translate(25%,-50%)}.box-wrapper{.content{order:1}.box-media{order:2}}}&:nth-child(2n){.decor-position{left:0;transform:translate(-22%,-52%)}.box-wrapper{grid-template-columns:minmax(0,55fr) minmax(0,45fr);.content{order:2}.box-media{order:1}}}}@media (max-width:767px){.wrapper{max-width:1292px}.box{margin-bottom:64px;.decor-position{display:none;top:0;width:clamp(100px,36vw,180px)}.box-wrapper{display:flex;flex-direction:column-reverse;gap:24px;.box-media,.content{order:unset}}&:nth-child(odd){.decor-position{bottom:auto;right:0;transform:translate(16%,-16%)}}&:nth-child(2n){.box-wrapper{flex-direction:column}.decor-position{bottom:auto;left:0;transform:translate(-16%,-16%)}}}}}