:root{--color-primary: #1a1a1a;--color-secondary: #fff;--color-brand: #6f6bb7;--color-focus: #37326c;--color-form: #939395;--color-form-input: #222;--color-form-success: #1f2d49;--color-form-warning: #ffb800;--color-form-error: #dc2626}.section-spacing{margin-bottom:2rem;margin-top:2rem}@media screen and (min-width: 769px){.section-spacing{margin-bottom:4rem;margin-top:4rem}}.underline-hover{position:relative}.underline-hover:after{background:#1a1a1a;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transition:width .25s;width:0}.underline-hover.disabled{cursor:default}.underline-hover:not(.disabled){cursor:pointer}.underline-hover:not(.disabled).active:after,.underline-hover:not(.disabled):hover:after{width:100%}:root{--hero-banner-height: 100%}.herobanner__container{display:flex;flex-direction:column;height:100%}@media screen and (min-width: 769px){.herobanner__container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100vh - 107px);max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}}.herobanner__box{overflow:hidden;position:relative}.herobanner__wrapper{align-items:flex-end;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:1}.herobanner__wrapper.overlay{background:linear-gradient(1turn,rgba(0,0,0,.4),rgba(0,0,0,.31) 28.13%,transparent)}.herobanner__content{padding:2rem;text-align:center}.herobanner__title{color:#fff;font-size:30px;font-weight:500;line-height:130%;margin-bottom:1rem}@media screen and (min-width: 769px){.herobanner__title{font-size:48px}}.herobanner__image,.herobanner__image .figure,.herobanner__image figure{height:100%}@media screen and (max-width: 768px){.herobanner__image .figure,.herobanner__image figure{overflow:hidden;padding-top:100%;position:relative}.herobanner__image .figure>img,.herobanner__image .figure>model-viewer,.herobanner__image .figure>video,.herobanner__image figure>img,.herobanner__image figure>model-viewer,.herobanner__image figure>video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}}.herobanner__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section.herobanner.css.map */