.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__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);row-gap:var(--spacing-3)}.section-full-width-banner .full-width-banner__animation--body .full-width-banner__animation{overflow:hidden;position:relative}animation-observer{width:100%}.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:100%}.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}[dir=rtl] .section-full-width-banner__media iframe,[dir=rtl] .section-full-width-banner__media video{transform:translate(50%,-50%)}.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:rgb(var(--color-heading-text));font-size:var(--font-size-static-sm);line-height:var(--line-height-static-sm);letter-spacing:var(--letter-spacing-medium);margin:0;font-weight:var(--font-weight-normal);text-transform:uppercase}.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);margin:var(--spacing-2) 0}.section-full-width-banner__buttons .button{min-width:fit-content;max-width:calc(100vw - 4rem);white-space:nowrap;text-overflow:ellipsis}.section-full-width-banner__buttons .button.button--text,.section-full-width-banner__buttons .button.button--text:hover,.section-full-width-banner__buttons .button.button--text:focus-visible{color:rgb(var(--color-foreground));background-color:transparent;border-color:transparent}.section-full-width-banner .full-width-banner__animation--body .section-full-width-banner__brand-links.full-width-banner__animation{overflow:visible}.section-full-width-banner__brand-links{width:min(100%,112rem);margin-block:var(--spacing-3) var(--spacing-2)}.section-full-width-banner__brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:0;margin:0;list-style:none}.section-full-width-banner__brand-list a{display:flex;align-items:center;justify-content:flex-start;gap:.9rem;min-height:4.4rem;padding:.9rem 1.2rem;color:rgb(var(--color-foreground));text-decoration:none;border:.1rem solid rgba(var(--color-foreground),.16);background:rgba(var(--color-foreground),.025);font-size:var(--font-size-static-xs);line-height:var(--line-height-static-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08rem;text-align:left;text-transform:uppercase;box-shadow:inset 0 0 rgba(var(--color-foreground),0);transition:border-color var(--duration-default),background-color var(--duration-default),box-shadow var(--duration-default)}.section-full-width-banner__brand-logo{align-items:center;display:inline-flex;flex:0 0 4.8rem;height:2.8rem;justify-content:center;overflow:hidden;width:4.8rem}.section-full-width-banner__brand-logo--image{background:transparent;border:0}.section-full-width-banner__brand-logo--initials{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);flex-basis:3.2rem;height:2.4rem;width:3.2rem}.section-full-width-banner__brand-logo img{display:block;height:100%;max-width:100%;object-fit:contain;width:100%}.section-full-width-banner__brand-logo span{color:rgba(var(--color-foreground),.78);font-size:.95rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;line-height:1}.section-full-width-banner__brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-full-width-banner__brand-list a:hover,.section-full-width-banner__brand-list a:focus-visible{border-color:rgba(var(--color-foreground),.5);background:rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.32),0 .6rem 1.6rem rgba(var(--color-shadow),.08)}.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}@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:has(.section-full-width-banner__brand-links) .section-full-width-banner__container.container{padding-inline:0}.section-full-width-banner__buttons{justify-content:center}.section-full-width-banner__buttons:has(.section-full-width-banner__button+.section-full-width-banner__button){flex-wrap:nowrap;gap:.8rem;width:100%}.section-full-width-banner__buttons:has(.section-full-width-banner__button+.section-full-width-banner__button) .section-full-width-banner__button{flex:1 1 0;min-width:0;max-width:none;min-height:5.2rem;padding-inline:.8rem;white-space:normal;line-height:var(--line-height-static-sm);font-size:calc(var(--font-size-static-xs) * .9)}.section-full-width-banner__brand-list{align-items:stretch}.section-full-width-banner__brand-list li{display:flex;min-width:0}.section-full-width-banner__brand-list a{align-self:stretch;height:100%;justify-content:flex-start;padding-inline:1rem;text-align:left;width:100%}.section-full-width-banner__brand-logo{flex-basis:4.6rem;width:4.6rem}.section-full-width-banner__brand-logo--initials{flex-basis:3.2rem;width:3.2rem}.section-full-width-banner__brand-name{flex:1 1 auto;line-height:1.25;overflow:visible;text-overflow:clip;white-space:normal;word-break:normal}.section-full-width-banner .full-width-banner__animation--body.full-width-banner__no-animation .full-width-banner__animation>*{opacity:1;transform:translateY(0)}.section-full-width-banner .full-width-banner__animation--body.full-width-banner__no-animation .full-width-banner__animation.inAnimation>*{animation-name:none;animation-timing-function:none}}@media screen and (min-width:750px){.section-full-width-banner__brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.section-full-width-banner__brand-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@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%}}.section-full-width-banner__buttons{display:flex}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-full-width-banner.css.map */
