.upcoming-events{background-color:var(--color-pale-yellow);padding:4rem 0;overflow-x:clip}@media(min-width:768px){.upcoming-events{padding:5rem 0}}@media(min-width:1024px){.upcoming-events{padding:6rem 0}}.upcoming-events-container{max-width:1400px;margin:0 auto;padding-left:0;padding-right:0}@media(min-width:1024px){.upcoming-events-container{max-width:none;padding-left:0;padding-right:0;display:flex;gap:3rem;align-items:start}}.upcoming-events-header{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.upcoming-events-header{grid-template-columns:1fr auto;align-items:center;margin-bottom:4rem}}@media(min-width:1024px){.upcoming-events-header{flex:0 0 400px;margin-left:max(24px,calc((100vw - 1141px)/2));grid-template-columns:1fr;gap:2rem;margin-bottom:0;padding-right:0;padding-left:0}}@media(min-width:1280px){.upcoming-events-header{flex:0 0 450px}}.upcoming-events-intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:0 16px}@media(min-width:768px){.upcoming-events-intro{padding:0;align-items:flex-start}}@media(min-width:1024px){.upcoming-events-intro{order:2}}.beach-illustration{width:251px;height:auto}@media(max-width:767px){.beach-illustration{order:-1;width:162px}}@media(min-width:1024px){.beach-illustration{margin-top:auto;padding-top:3rem}}.beach-illustration img{width:100%;height:auto;display:block}.upcoming-events-title{font-family:var(--font-heading);font-size:60px;line-height:84%;font-weight:500;color:var(--color-dark-peach);text-transform:uppercase;margin:0;text-wrap:balance}@media(min-width:768px){.upcoming-events-title{font-size:3rem}}@media(min-width:1024px){.upcoming-events-title{font-size:3.5rem}}.carousel-nav{display:none}@media(min-width:768px){.carousel-nav{display:flex;gap:1rem;justify-content:center;align-items:center;justify-content:flex-end}}@media(min-width:1024px){.carousel-nav{order:1;justify-content:flex-start;margin-bottom:1rem}}.carousel-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-white);background:var(--color-white);color:var(--color-dark-peach);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carousel-nav-btn:hover{background-color:var(--color-dark-peach);color:#fff;border:1px solid var(--color-dark-peach)}.carousel-nav-btn:disabled{border:1px solid var(--color-dark-peach);background:transparent}.carousel-nav-btn:disabled:hover{background-color:transparent;color:var(--color-dark-peach)}.embla{overflow:hidden;padding-left:0;min-width:0}@media(max-width:767px){.upcoming-events .embla{overflow:hidden;padding-left:16px}}@media(min-width:1024px){.embla{flex:1;min-width:0;padding-left:0;overflow:hidden}}.embla__container{display:flex;gap:1.5rem;padding-left:0;padding-right:0}@media(min-width:1024px){.embla__container{padding-right:0}}.embla__slide{flex:0 0 85%;min-width:0}@media(min-width:768px){.embla__slide{flex:0 0 45%}}@media(min-width:1024px){.embla__slide{flex:0 0 60%}}@media(min-width:1280px){.embla__slide{flex:0 0 58%}}@media(min-width:1400px){.embla__slide{flex:0 0 52%}}@media(min-width:1900px){.embla__slide{flex:0 0 40%}}.event-card{height:100%}.event-card-image{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:338 / 555;overflow:hidden;display:flex;align-items:flex-end}@media(min-width:1024px){.event-card-image{aspect-ratio:580 / 717}}.event-card-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#000000b3);z-index:1}.event-card-image-placeholder{background-color:var(--color-brown)}.event-card-content{position:relative;z-index:2;padding:1rem;color:#fff}@media(min-width:768px){.event-card-content{padding:2.5rem}}.event-datetime{font-family:var(--font-sans);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:120%}.event-title{color:#fff}@media(min-width:768px){.event-title{font-size:2rem}}.event-description{margin-bottom:1.5rem}.btn-learn-more{color:#fff;font-family:var(--font-sans);font-style:normal;font-size:16px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.no-events{text-align:center;padding:3rem 2rem;color:var(--color-brown);font-size:1.125rem}
