.event-hero{padding:40px 24px}.event-hero__inner{position:relative;max-width:1190px;margin:0 auto}.event-hero__media{width:100%}.event-hero__image,.event-hero__image img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.event-hero__image--placeholder svg{width:100%;height:100%}.event-hero__card{background:var(--pb-bg, #7a2331);color:var(--pb-text, #fff);padding:48px 40px;max-width:480px}.event-hero__eyebrow{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.event-hero__heading{margin:0 0 16px;font-size:clamp(28px,4vw,44px);line-height:1.1;text-transform:uppercase}.event-hero__text{margin:0 0 24px;font-size:16px;line-height:1.5;position:relative}.hero__text:after{content:"";position:absolute;bottom:0;right:0;height:240px;width:153px;background-image:url(/cdn/shop/files/logo-design.png?v=1783626080);background-size:cover;background-repeat:no-repeat}.event-hero__text p{margin:0}.event-hero__button{display:inline-block;background:#fff;color:var(--pb-accent, #7a2331);padding:14px 28px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:opacity .15s ease}.event-hero__button:hover{opacity:.85}@media(min-width:990px){.event-hero__inner{display:flex;align-items:center}.event-hero__card{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.event-hero--left .event-hero__card{left:0}.event-hero--right .event-hero__card{right:0}}@media(max-width:989px){.event-hero__card{max-width:100%;margin-top:-1px}}.element__hero{margin-top:210px}.element__hero .hero__text h1{text-align:left;font-size:48px;line-height:48px;margin-top:0;margin-bottom:8px;color:var(--White, #FFF);font-size:64px;font-style:normal;font-weight:400;line-height:65px;max-width:300px}.element__hero .hero__text p{color:#fff;font-family:Open Sans,sans-serif;color:var(--White, #FFF);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:24px;max-width:440px}.element__hero .hero__text p:last-child{margin-bottom:0}.element__hero .hero__text button:hover{color:#fff!important}@media screen and (min-width:768px){.element__alternating-content{padding:100px 0}}@media screen and (min-width:1025px){.element__hero{position:relative}.element__hero .hero__image{width:75%;margin-left:auto}.element__hero .hero__text{position:absolute;width:47%;top:50%;transform:translateY(-50%);left:0}.element__hero .hero__text h1{font-size:64px;line-height:64px}}@media only screen and (max-width:768px){.element__hero{margin-top:50px!important}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-event-hero.css.map */