.section-promotion-banner .image{position:relative;z-index:1;grid-area:image}.section-promotion-banner .image,.section-promotion-banner .image img{width:100%;display:block}.section-promotion-banner .content{grid-area:content}.section-promotion-banner .u-heading-lg{margin-bottom:1.5rem}.section-promotion-banner .wrapper.static-image a{display:block}.section-promotion-banner .wrapper.text-over-image{position:relative}.section-promotion-banner .wrapper.text-over-image:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;z-index:5;background-color:var(--colour-cloud-burst)}.section-promotion-banner .wrapper.text-over-image .content{position:absolute;top:0;left:0;height:100%;width:100%;padding:1rem;color:var(--colour-white);z-index:10;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.section-promotion-banner .wrapper.text-over-image .content{padding:1.5rem}}.section-promotion-banner .wrapper.text-over-image .content p{max-width:64ch}.section-promotion-banner .wrapper.text-over-image.text-center .content{align-items:center}.section-promotion-banner .wrapper.text-over-image.text-center a{align-self:center}.section-promotion-banner .wrapper.text-over-image.text-center p{margin-left:auto;margin-right:auto}.section-promotion-banner .wrapper.text-over-image.text-right .content{align-items:flex-end}.section-promotion-banner .wrapper.text-over-image.text-right a{align-self:flex-end}.section-promotion-banner .wrapper.text-and-image-split{display:grid;grid-template-columns:100%;grid-template-areas:"image" "content"}@media (min-width: 768px) and (max-width: 1023.98px){.section-promotion-banner .wrapper.text-and-image-split{max-width:70%;margin:0 auto}}@media (min-width: 1024px){.section-promotion-banner .wrapper.text-and-image-split{grid-template-columns:1.15fr .85fr}}.section-promotion-banner .wrapper.text-and-image-split.text-center{text-align:left!important}.section-promotion-banner .wrapper.text-and-image-split .image{position:relative}@media (min-width: 1024px){.section-promotion-banner .wrapper.text-and-image-split .image,.section-promotion-banner .wrapper.text-and-image-split .image img{height:100%;object-fit:cover}}.section-promotion-banner .wrapper.text-and-image-split .image .triangle{position:absolute;top:0;right:-1px;height:100%;width:100%}@media (max-width: 1023.98px){.section-promotion-banner .wrapper.text-and-image-split .image .triangle{display:none}}.section-promotion-banner .wrapper.text-and-image-split .content{padding:2rem}@media (min-width: 1024px){.section-promotion-banner .wrapper.text-and-image-split.content-left{grid-template-areas:"content image";grid-template-columns:.85fr 1.15fr}}.section-promotion-banner .wrapper.text-and-image-split.content-left .triangle{right:0;left:-1px;transform:scaleX(-1)}@media (min-width: 1024px){.section-promotion-banner .wrapper.text-and-image-split.content-right{grid-template-areas:"image content"}}.section-promotion-banner .wrapper.bg-blue{background-color:var(--colour-cloud-burst)}.section-promotion-banner .wrapper.bg-blue:before{background-color:var(--colour-cloud-burst)}.section-promotion-banner .wrapper.bg-blue .triangle{fill:var(--colour-cloud-burst)}.section-promotion-banner .wrapper.bg-athens{background-color:var(--colour-athens-gray)}.section-promotion-banner .wrapper.bg-athens:before{background-color:var(--colour-athens-gray)}.section-promotion-banner .wrapper.bg-athens .triangle{fill:var(--colour-athens-gray)}.section-promotion-banner .wrapper.bg-blush{background-color:var(--colour-deep-blush)}.section-promotion-banner .wrapper.bg-blush:before{background-color:var(--colour-deep-blush)}.section-promotion-banner .wrapper.bg-blush .triangle{fill:var(--colour-deep-blush)}.section-promotion-banner .wrapper.bg-duck{background-color:var(--colour-duck-egg)}.section-promotion-banner .wrapper.bg-duck:before{background-color:var(--colour-duck-egg)}.section-promotion-banner .wrapper.bg-duck .triangle{fill:var(--colour-duck-egg)}.section-promotion-banner .wrapper.bg-salmon{background-color:var(--colour-salmon)}.section-promotion-banner .wrapper.bg-salmon:before{background-color:var(--colour-salmon)}.section-promotion-banner .wrapper.bg-salmon .triangle{fill:var(--colour-salmon)}.section-promotion-banner .wrapper.bg-salmon .content,.section-promotion-banner .wrapper.bg-blush .content,.section-promotion-banner .wrapper.bg-blue .content{color:var(--colour-white)}
/*# sourceMappingURL=/cdn/shop/t/92/assets/section-promotion-banner.css.map */