.section-about {background-image:url(../images/background-swirl-orange.svg); background-repeat: no-repeat; background-size:auto 200vw; background-position:top -40px center;}

/****** Cards ******/
.location-label {position:absolute; top:29px; left:-1rem; z-index:2;}

.title-icon {position:relative;}
.title-icon::after {content:''; width:22px; height:22px; position:relative; margin-left:.5rem; display:inline-block; bottom:0; transition:var(--transition-default);}
.icon-double-chevron::after {background:url(../images/icon-double-chevron.svg) no-repeat center center;}

.card .card-coming-soon {font-family:var(--title-font); font-size:24px; rotate:8deg; position:absolute; top:24px; right:24px; background-color:var(--clr-edn-red); z-index:2; padding:4px 7px 0 7px; line-height:1; color:var(--neutral-100);}
.card .card-img {position:relative; margin-bottom:28px;} 
.card .card-img-container {width:100%; /*aspect-ratio:1.559 / 1; */ height:300px; overflow:hidden;}
.card-img-container span img {height:100%;}
.card .card-img-container span {transform:scale(1); display:block; transition:transform 1s ease-out; height:100%;}
.card:has(.btn-anim:hover) .card-img-container span {transform:scale(1.03);}
.card .level-3-title {margin-bottom:1rem;}
.card:has(.btn-anim:hover) .title-icon::after {margin-left:1rem;}

@media (min-width:600px) {
    .card .card-img-container {height:400px;}
}

@media (min-width:768px) {
    .card {margin-bottom:2rem;}
}

/****** Card Hyperlinks ******/
a.card {display: block;}
a.card .card-img-container {overflow:hidden; display:inline-block;}
a.card .card-img-container span {transform:scale(1); display:block; transition:transform 1s ease-out; height:100%;}
a.card .card-img-container span img {height:100%;}
a.card:hover .card-img-container span {transform:scale(1.02) !important;}
a.card .level-3-title {transition:var(--transition-default);}
a.card:hover .level-3-title {color:var(--clr-edn-red);}


/****** Section Venues ******/
.section-venues {margin-bottom:2rem; overflow-x:clip; position:relative;}
.section-venues .container {position:relative;}
.section-venues .icon-animated {position:absolute; bottom:-2rem; right:var(--container-padding);}
.section-venues::after {rotate:-5.75deg; content:""; background:var(--neutral-100); width:100%; height:400px; position:absolute; top:150px; left:0;}
.section-venues::before {background:var(--clr-edn-orange-300); content:''; position: absolute; top:0; left:0; width:100%; height:300px;}


/****** Section About Community - Desktop ******/
.section-about-community-desktop {margin-top:-36px;}
.section-about-community-desktop .row > div:nth-child(1) {isolation:isolate; z-index:1;}
.section-about-community-desktop .row > div:nth-child(1) img {height:auto; width:20vw; margin-left:20px; margin-top:-10vw; margin-bottom:-20vw;}
.section-about-community-desktop .row > div:nth-child(3) {margin-top:-50px; margin-left:auto; margin-right:1rem}

@media (min-width:768px) {
    .section-about-community-desktop .row {align-items:flex-end;}
    .section-about-top-row {margin-bottom:2rem;}
    .section-about {background-position:top -20vw center; background-size:130% auto;}
    .section-about-community-desktop .row > div:nth-child(1) img {height:auto; width:auto;}
    .section-about-community-desktop .row > div:nth-child(1) img {margin-bottom:0;}
    .section-about-community-desktop .row > div:nth-child(3) {margin-top:0; margin-right:0; margin-bottom:30px; margin-left:-70px;}
    .section-about-community-desktop .row > div:nth-child(1) img {height:240px; width:auto; margin-left:0; margin-top:0; margin-bottom:-70px; transform:scale(2.5) translateY(-200px) translateX(30px);}
}

@media (min-width:810px) {
    .section-about-community-desktop .row > div:nth-child(1) img {margin-left:0; margin-top:0; transform: scale(2.5) translateY(-170px) translateX(30px);}
}

@media (min-width:992px) {
    .section-about-community-desktop .row > div:nth-child(3) {margin-bottom:50px;}
}

@media (min-width:1120px) {
    .section-about-community-desktop .row > div:nth-child(1) img {margin-bottom:0; transform: scale(2.8) translateY(-80px) translateX(30px);}
}

@media (min-width:1200px) {
    .section-about-top-row {margin-bottom:150px}
}


/****** Section About Community - Mobile ******/
.section-about-community-mobile {position:relative;}
.section-about-community-mobile .flower {width:60px; position:absolute; bottom:0; left:3vw; transform:translateY(100%); isolation: isolate; z-index:2; pointer-events:none;}