.banner-wide-block{--padding: 3em}.banner-wide-block .banner-wide{cursor:pointer;border-radius:calc(var(--size-radius)*3);overflow:hidden;display:flex;min-height:350px;border:1px solid color-mix(in srgb, var(--color-border) 70%, white)}.banner-wide-block .banner-wrapper{width:100%;position:relative;z-index:1;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);transition:box-shadow .3s ease}.banner-wide-block .banner-wrapper:hover{box-shadow:0 1px 30px color-mix(in srgb, var(--color-primary) 5%, transparent)}.banner-wide-block .banner-image-wrapper{width:100%;display:flex}.banner-wide-block .banner-image-wrapper img{position:absolute;top:0;right:0;left:0;bottom:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.banner-wide-block .banner-content-wrapper{position:relative;z-index:1;padding-left:calc(var(--padding)*.5);padding-right:calc(var(--padding)*.5);width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;flex-wrap:wrap;background:linear-gradient(50deg, var(--bg-primary) 0%, rgba(0, 0, 0, 0) 100%)}.banner-wide-block .banner-content-wrapper>*{width:100%}@media only screen and (min-width: 768px){.banner-wide-block .banner-content-wrapper{flex-direction:row;flex-wrap:nowrap}}.banner-wide-block .banner-content-wrapper-text{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;padding-top:12px;padding-bottom:12px}@media only screen and (min-width: 768px){.banner-wide-block .banner-content-wrapper-text{justify-content:space-between;align-items:flex-start;text-align:left;padding-bottom:60px}}.banner-wide-block .banner-content-wrapper-text .text-top{display:flex;align-items:center;flex-direction:column;gap:20px}@media only screen and (min-width: 768px){.banner-wide-block .banner-content-wrapper-text .text-top{align-items:flex-start}}.banner-wide-block .banner-content-wrapper-text .text-top .banner-logo{max-width:135px}.banner-wide-block .banner-content-wrapper-text h1 strong,.banner-wide-block .banner-content-wrapper-text h2 strong,.banner-wide-block .banner-content-wrapper-text h3 strong,.banner-wide-block .banner-content-wrapper-text h4 strong,.banner-wide-block .banner-content-wrapper-text h5 strong,.banner-wide-block .banner-content-wrapper-text h6 strong{color:var(--color-primary)}.banner-wide-block .banner-content-wrapper-image{display:flex;justify-content:center}@media only screen and (min-width: 768px){.banner-wide-block .banner-content-wrapper-image{align-items:flex-end;justify-content:flex-end}}.banner-wide-block .banner-content-wrapper-image img{max-width:600px}.banner-wide-block .banner-label{z-index:1;font-size:16px;line-height:1;text-transform:none;display:block;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;border-radius:1rem;color:var(--color-title);background:linear-gradient(135deg, var(--bg-label) 0%, color-mix(in srgb, var(--bg-label) 80%, transparent) 50%, var(--bg-label) 100%);box-shadow:0 4px 8px color-mix(in srgb, var(--bg-label) 30%, transparent);border:1px solid color-mix(in srgb, var(--bg-label) 70%, white)}@media screen and (min-width: 768px){.banner-wide-block .banner-label{left:var(--padding)}}.banner-wide-block .banner-title{color:var(--color-title);text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-wide-block .banner-text{color:var(--color-title);font-size:1.5rem;font-weight:400;line-height:1.2;max-width:50%}.banner-wide-block .banner-button{display:inline-flex}