.section-full-width-banner{position:relative}.section-full-width-banner>div{width:100%;display:flex;flex-direction:column}.section-full-width-banner .content-top .section-full-width-banner__media:after{transform:scaleY(-1)}.section-full-width-banner:has(.media>*) .media-position--background .section-full-width-banner__content{background-color:transparent}.section-full-width-banner__container .section-full-width-banner__content{position:relative;width:100%;color:rgb(var(--color-foreground));display:flex;flex-direction:column;z-index:3;background-color:rgb(var(--color-background));border-radius:var(--card-corner-radius)}.section-full-width-banner__container .media--bottom:after,.section-full-width-banner__container .media--overlay:after{background:linear-gradient(180deg,rgba(0,17,25,0) 0%,var(--Colour-Blue-100, rgba(0, 17, 25, .75)) 51.33%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);height:55%;inset-block-end:0;inset-block-start:auto}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation{overflow:hidden}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation>*{opacity:0;transform:translateY(200%)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.inAnimation>*{animation-name:fullWidthContentAnimation;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.inAnimation>*,.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation.isAnimated>*{opacity:1;transform:translateY(0)}@keyframes fullWidthContentAnimation{0%{opacity:0;transform:translateY(200%)}to{opacity:1;transform:translateY(0)}}.section-full-width-banner__container{position:relative}.section-full-width-banner__container.media-position--top .media+.content,.section-full-width-banner__container.media-position--bottom .content+.media{margin-block-start:0}.section-full-width-banner__container:not(.max-w-full).media-position--background .section-full-width-banner__media{inset-inline:var(--page-gutter);max-width:calc(100% - 2 * var(--page-gutter))}.section-full-width-banner__container.media-position--background .section-full-width-banner__content{height:70rem}.container.max-w-full .section-full-width-banner__content{border-radius:0}.section-full-width-banner__media:not(.media--with-controls) iframe,.section-full-width-banner__media:not(.media--with-controls) video{pointer-events:none;border:none;max-width:none}.section-full-width-banner__media svg.placeholder-svg{opacity:.75}.section-full-width-banner__media svg.placeholder-svg{background-color:rgb(var(--color-background))}.section-full-width-banner__content>:first-child{margin-block-start:0}.section-full-width-banner__content>:last-child{margin-block-end:0}.section-full-width-banner__breadcrumbs{order:-1}.section-full-width-banner__subheading{color:var(--color-text-primary);font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);margin:0;font-weight:var(--font-weight-normal);background-color:var(--color-background-accent-tertiary);padding:.2rem .8rem;border-radius:.4rem;margin-block-end:1.3rem}.section-full-width-banner__entry,.section-full-width-banner__heading,.section-full-width-banner__heading p{margin:0}.section-full-width-banner__entry ol,.section-full-width-banner__entry ul{text-align:start}.section-full-width-banner__buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2);width:fit-content}.section-full-width-banner__content.align-center .section-full-width-banner__buttons{margin:0 auto}.section-full-width-banner__content:not(.align-center) .section-full-width-banner__entry,.section-full-width-banner__content:not(.align-center) .section-full-width-banner__heading{max-width:49.5rem}.section-full-width-banner__buttons .button{flex:1;min-width:fit-content;white-space:nowrap;text-overflow:ellipsis}.section-full-width-banner .full-width-banner__animation:has(.section-full-width-banner__heading)+.full-width-banner__animation .section-full-width-banner__buttons .button{margin-block-start:var(--spacing-2)}.section-full-width-banner .media-position--top,.section-full-width-banner .media-position--bottom{row-gap:0}.section-full-width-banner__link{width:0;height:0;overflow:hidden}.section-full-width-banner__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.section-full-width-banner .section-full-width-banner__entry,.section-full-width-banner .section__heading{color:var(--color-white)}.section-full-width-banner__entry{margin-block-end:2.4rem;font-size:1.2rem}.section-full-width-banner__entry--big{font-size:1.8rem}.section-full-width-banner__button{background-color:var(--color-alternate-button);border:none;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.button.section-full-width-banner__button--white{background-color:rgba(var(--color-background-white))}.button.section-full-width-banner__button--white:hover{background-color:rgba(var(--color-background-white),.6)}.section-full-width-banner__button:hover{background-color:var(--color-alternate-button-hover);color:var(--color-text-primary)}.section-full-width-banner__content.content{padding:4rem}.section-full-width-banner__content .section__heading{letter-spacing:-.05rem;padding:0}.section-full-width-banner__content .h2{font-size:6.4rem;margin-block-end:.4rem}.section-full-width-banner__content .h3{font-size:4.8rem;margin-block-end:1.2rem}.section-full-width-banner__content.align-center .section-full-width-banner__entry{max-width:45rem}.full-width-banner__logo{position:absolute;inset-block-start:4rem;inset-inline-start:4rem;display:flex;align-items:center;gap:.8rem}.full-width-banner__logo-text{font-family:var(--heading-font-family);font-size:3.2rem;color:var(--color-white);font-weight:var(--font-weight-normal )}.static{position:static!important}.video-control__button{width:4.8rem;height:4.8rem;position:absolute;inset-block-end:4rem;inset-inline-end:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(var(--color-background-white),.1);z-index:10;border:0;cursor:pointer;transition:transform var(--duration-default)}.video-control__button:hover{transform:scale(1.1)}.video-control__button.is-paused .video-control__icon--play{display:block}.video-control__button.is-paused .video-control__icon--pause,.video-control__icon--play{display:none}.video-control__button:focus-visible{outline-color:var(--color-white)}.video-control__icon{color:var(--color-white);width:2.4rem;height:2.4rem}@media (hover: hover){.section-full-width-banner__content:has(.section-full-width-banner__link):hover .section-full-width-banner__button{color:var(--color-button-hover-text);background-color:var(--color-button-hover-background);border-color:var(--color-button-hover-outline)}}@media screen and (max-width: 749px){.section-full-width-banner__buttons{justify-content:center}.section-full-width-banner__buttons .button{min-width:0;white-space:initial}.section-full-width-banner .full-width-banner__animation:has(.section-full-width-banner__heading)+.full-width-banner__animation .section-full-width-banner__buttons .button{margin-block-start:1.4rem}.section-full-width-banner__content .h2{font-size:4.8rem}.section-full-width-banner__content .h3{font-size:4rem}.section-full-width-banner__entry--big{font-size:1.4rem}.section-full-width-banner__content.content:not(.align-center){padding:2.4rem}.section-full-width-banner__content.content.align-center{padding:2.4rem 1.5rem}.full-width-banner__logo{inset-block-start:2.4rem;inset-inline-start:2.4rem}.section-full-width-banner__container.media-position--background .section-full-width-banner__content{height:64rem}.section-full-width-banner__subheading{margin-block-end:1rem}.section-full-width-banner__container:not(.max-w-full).media-position--background .section-full-width-banner__media{inset-inline:calc(1.2 * var(--page-gutter));max-width:calc(100% - 2.4 * var(--page-gutter))}.full-width-banner__logo img{height:4.8rem}.section-full-width-banner__content.content:not(.align-center) .h3{margin-block-end:.2rem}.section-full-width-banner__content.content:not(.align-center) .section-full-width-banner__entry{margin-block-end:1.4rem}.section-full-width-banner__content.content:not(.align-center) .section-full-width-banner__entry p{line-height:1.5}.video-control__button{inset-block-end:2.4rem;inset-inline-end:2.4rem}}@media screen and (min-width: 750px){.section-full-width-banner{display:flex;column-gap:0}.section-full-width-banner__media iframe,.section-full-width-banner__media video{width:100%;height:108%}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-full-width-banner.css.map */