.section-event-hero{position:relative;background-color:var(--colour-thunder);color:var(--colour-white);overflow:hidden}.section-event-hero .media{position:absolute;inset:auto 0 0 0;top:45%;z-index:1}.section-event-hero .media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,var(--colour-thunder) 0%,rgba(35,31,32,.7) 30%,rgba(35,31,32,0) 65%)}.section-event-hero .media img,.section-event-hero .media video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.section-event-hero .container{position:relative;z-index:3}.section-event-hero .content{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:3rem 0 3.5rem}.section-event-hero .breadcrumb{display:flex;align-items:center;gap:.5625rem;font-size:.875rem}.section-event-hero .breadcrumb .divider{width:1px;height:.75rem;background-color:var(--colour-white);opacity:.2}.section-event-hero .breadcrumb .category{font-weight:500}.section-event-hero .heading{margin:0;max-width:46rem}.section-event-hero .metafield-rich_text_field{margin:0;max-width:32rem;font-size:.875rem;line-height:1.7}.section-event-hero .buttons{display:flex;flex-wrap:wrap;gap:1rem}.section-event-hero .details{display:flex;flex-direction:column;gap:1rem;width:100%}.section-event-hero .detail-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem;width:100%;background-color:#231f2052;border:1px solid rgba(178,142,85,.32);border-radius:var(--border-radius-md)}.section-event-hero .detail-card .label{font-size:.875rem}.section-event-hero .detail-card .value{font-size:1.25rem;font-weight:600;line-height:1.4}@media(min-width:1024px){.section-event-hero .media{top:0;right:0;bottom:0;left:0}.section-event-hero .media:before{background:linear-gradient(90deg,var(--colour-thunder) 0%,rgba(35,31,32,.85) 30%,rgba(35,31,32,.35) 60%,rgba(35,31,32,0) 85%)}.section-event-hero .content{gap:2rem;padding:5rem 0 7.5rem}.section-event-hero .details{flex-direction:row;width:auto}.section-event-hero .detail-card{width:auto;min-width:15rem}.section-event-hero .detail-card .value{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-event-hero.css.map */