@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Source+Sans+3:wght@400;600;700&display=swap");

.yas-waterfront-august-page {
  --page-bg: #ffffff;
  --surface-muted: #F2F2F2;
  --ink: #111111;
  --body: #242424;
  --brand: #005477;
  --line: #d9d9d9;
  /* --accent: #ff6b42; */
  --max-width: 1540px;
  --content-width: 1400px;
  --narrow-width: 950px;
  --shadow-card: 0 12px 30px rgba(7, 37, 52, 0.08);
  margin: 0;
  background: var(--page-bg);
  color: var(--body);
  font-family: "Source Sans 3", sans-serif;
}

.yas-waterfront-august-page,
.yas-waterfront-august-page *,
.yas-waterfront-august-page *::before,
.yas-waterfront-august-page *::after {
  box-sizing: border-box;
}

.yas-waterfront-august-page img {
  display: block;
  max-width: 100%;
}

.yas-waterfront-august-page .container,
.yas-waterfront-august-page .container-narrow,
.yas-waterfront-august-page .narrow {
  width: min(calc(100% - 32px), var(--content-width));
  margin: 0 auto;
}

.yas-waterfront-august-page .container {
  width: min(calc(100% - 32px), var(--max-width));
}

.yas-waterfront-august-page .narrow {
  width: min(calc(100% - 32px), var(--narrow-width));
}

.yas-waterfront-august-page .section-heading h2,
.yas-waterfront-august-page .intro h1,
.yas-waterfront-august-page .feature h2,
.yas-waterfront-august-page .closing h2,
.yas-waterfront-august-page .event-card h3,
.yas-waterfront-august-page .button,
.yas-waterfront-august-page .event-date,
.yas-waterfront-august-page .eyebrow {
  font-family: "BigNoodleTitling";
  letter-spacing: 0;
  text-transform: uppercase;
}

.yas-waterfront-august-page .hero {
  width: 100%;
  background: #0b6586;
  border-top: 8px solid #0b6586;
  border-bottom: 8px solid #0b6586;
  padding: 0 8px;
}

.yas-waterfront-august-page .hero img {
  width: 100%;
  height: min(695px, 46vw);
  min-height: 420px;
  object-fit: cover;
  object-position: center center;
}

.yas-waterfront-august-page .section-white {
  background: #fff;
}

.yas-waterfront-august-page .section-muted {
  background: var(--surface-muted);
}

.yas-waterfront-august-page .intro {
  padding: 5rem 0 5.2rem;
  text-align: center;
}

.yas-waterfront-august-page .intro__inner {
  max-width: 980px;
}

.yas-waterfront-august-page .intro h1 {
  color: var(--ink);
  font-size: 58px;
  line-height: 0.96;
  letter-spacing: 0;
  margin: 0 0 1.9rem;
}

.yas-waterfront-august-page .intro p,
.yas-waterfront-august-page .section-heading p,
.yas-waterfront-august-page .feature p,
.yas-waterfront-august-page .closing p,
.yas-waterfront-august-page .event-card p {
  font-size: 1.06rem;
  line-height: 1.62;
}

.yas-waterfront-august-page .intro p {
  max-width: 980px;
  margin: 0 auto 1rem;
  font-size: 1.1rem;
  line-height: 1.72;
}

.yas-waterfront-august-page .intro p:last-child {
  max-width: 760px;
  margin-top: 0.95rem;
  margin-bottom: 0;
}

.yas-waterfront-august-page .events {
  padding: 4.95rem 0 5.45rem;
}

.yas-waterfront-august-page .section-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.yas-waterfront-august-page .section-heading h2,
.yas-waterfront-august-page .feature h2,
.yas-waterfront-august-page .closing h2 {
  color: var(--ink);
  font-size: 43px;
  line-height: 0.98;
  margin: 0;
}

.yas-waterfront-august-page .section-heading p,
.yas-waterfront-august-page .closing p {
  margin: 1.15rem auto 0;
  max-width: 870px;
  font-size: 1.08rem;
  line-height: 1.68;
}

.yas-waterfront-august-page .closing h2 {
  font-size: 43px;
  margin-bottom: 20px;
}

.yas-waterfront-august-page .closing .narrow {
  max-width: 1400px;
  padding: 70px;
  background-color: #F5F5F5;
  margin-top: 90px;
  width: auto;
}

.yas-waterfront-august-page .closing p {
  font-size: 1.08rem;
  line-height: 1.72;
  margin-top: 0.35rem;
}

.yas-waterfront-august-page .closing p + p {
  margin-top: 0.2rem;
}

/* .yas-waterfront-august-page .cards-grid {
  width: min(calc(100% - 32px), 1400px);
  margin: 0 auto;
  display: grid;
  gap:65px 50px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
} */
.yas-waterfront-august-page .cards-grid {
  width: min(calc(100% - 32px), 1400px);
  margin: 0 auto;
  display: grid;
  gap: 65px 50px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Center the unpaired final card */
.yas-waterfront-august-page .event-card:last-child {
  grid-column: 1 / -1;
  width: calc((100% - 50px) / 2);
  justify-self: center;
}
.yas-waterfront-august-page .event-card {
  box-shadow: none;
  overflow: hidden;
}

.yas-waterfront-august-page .event-card img {
  aspect-ratio: 675 / 309;
  object-fit: cover;
  width: 100%;
}

.yas-waterfront-august-page .event-card__body {
  border-top: 0;
  padding-top:30px;
}

.yas-waterfront-august-page .event-date {
  border-right: 1px solid #d8d8d8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--brand);
  min-height: 160px;
}

.yas-waterfront-august-page .event-date__day {
  font-size: 43px;
  line-height: 0.95;
}

.yas-waterfront-august-page .event-date__month {
  font-size: 0.82rem;
  letter-spacing: 0;
  margin-top: 0.65rem;
}

.yas-waterfront-august-page .event-card h3 {
  color: var(--ink);
  font-size: 26px;
  line-height: 1.08;
  margin: 0 0 0.85rem;
}

.yas-waterfront-august-page .event-card p {
  font-size: 15px;
  line-height: 23px;
  margin: 0;
}

.yas-waterfront-august-page .centered-action {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 60px;
}

.yas-waterfront-august-page .button {
  border: 1px solid #9fa7ad;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.78rem;
  letter-spacing: 0;
  padding: 0.7rem 1rem;
  transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

.post-template-page-yas-waterfront-august .btn {
  border: 1px solid #000;
}

.post-template-page-yas-waterfront-august .btn:before,
.post-template-page-yas-waterfront-august .btn:after {
  background-color: #005477;
}

.post-template-page-yas-waterfront-august .btn:hover:before,
.post-template-page-yas-waterfront-august .btn:hover:after {
  background-color: #fff;
}

.yas-waterfront-august-page .button::after {
  content: ">";
  font-size: 1rem;
  line-height: 1;
}

.yas-waterfront-august-page .button:hover,
.yas-waterfront-august-page .button:focus-visible {
  background: var(--brand);
  color: #fff;
  transform: translateY(-1px);
}

.yas-waterfront-august-page .btn.h-style-1:hover {
  background: #000;
}

.yas-waterfront-august-page .feature {
  padding:100px 0;
}

.yas-waterfront-august-page .feature--stacked .container-narrow {
  display: grid;
  gap: 50px;
}

.yas-waterfront-august-page .feature__image {
  max-height: 610px;
  width: 100%;
}

.yas-waterfront-august-page .feature__content {
  text-align: center;
}

.yas-waterfront-august-page .feature__content p {
  margin: 0.7rem auto;
  max-width: 58rem;
}

.yas-waterfront-august-page .feature--stacked .button {
  margin-top: 30px;
}

.yas-waterfront-august-page .feature--stacked .btn {
  display: inline-block;
  margin-top: 10px;
}

.yas-waterfront-august-page .feature-row {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.75fr);
  background: #fff;
  align-items: stretch;
}

.yas-waterfront-august-page .feature-row--light {
  border-left: 3px solid var(--accent);
}

.yas-waterfront-august-page .feature-copy {
  padding: 2rem 2.25rem 2rem 2.15rem;
}

.yas-waterfront-august-page .eyebrow {
  color: var(--brand);
  font-size: 0.75rem;
  letter-spacing: 0;
  margin: 0 0 0.7rem;
}

.yas-waterfront-august-page .feature-copy h2,
.yas-waterfront-august-page .split-panel__copy h2 {
  margin: 0 0 0.85rem;
}

.yas-waterfront-august-page .feature-copy p,
.yas-waterfront-august-page .split-panel__copy p {
  margin: 0 0 0.85rem;
}

.yas-waterfront-august-page .feature-row__aside {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.yas-waterfront-august-page .feature-row--spree {
  width: min(calc(100% - 32px), 1400px);
  grid-template-columns: minmax(0, 1.78fr) 520px;
  background: #edf1f4;
  box-shadow: none;
  align-items: center;
}
.feature.feature--aside{
  background: #F2F2F2;  
  padding: 100px 0;
}
.yas-waterfront-august-page .feature-row--spree .feature-copy {
  padding: 3rem 3rem 3.3rem 3rem;
  max-width: 1000px;
}

.yas-waterfront-august-page .feature-row--spree .eyebrow {
  font-size: 0.78rem;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 0.8rem;
  color: #005477;
}

.yas-waterfront-august-page .feature-row--spree h2 {
  color: var(--ink);
  font-size: 49px;
  line-height: 0.96;
  letter-spacing: 0;
  margin-bottom: 1.65rem;
  max-width: 900px;
}

.yas-waterfront-august-page .feature-row--spree p {
  font-size: 1rem;
  line-height: 1.5;
  max-width: 655px;
  margin: 0 0 1rem;
}

.yas-waterfront-august-page .feature-row--spree .button {
  margin-top: 1rem;
  padding: 1rem 1.9rem;
  font-size: 0.9rem;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #1e1e1e;
}

.yas-waterfront-august-page .feature-row--spree .feature-row__aside {
  width: 537px;
  min-height: 100%;
  object-fit: cover;
}

.yas-waterfront-august-page .split-panel {
  background: var(--brand);
  color: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
  overflow: hidden;
}

.yas-waterfront-august-page .split-panel__copy {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 1.5rem;
  padding: 2.4rem 2rem;
}

.yas-waterfront-august-page .split-panel__number {
  color: rgba(255, 255, 255, 0.38);
  font-family: "BigNoodleTitling";
  font-size: 5.3rem;
  line-height: 0.9;
}

.yas-waterfront-august-page .split-panel__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.yas-waterfront-august-page .split-panel--miler {
  width: min(calc(100% - 32px), 1400px);
  grid-template-columns: minmax(0, 1.86fr) 480px;
  background: #0b6486;
}

.yas-waterfront-august-page .split-panel--miler .split-panel__copy {
  grid-template-columns: 170px 1fr;
  gap: 1.9rem;
  padding: 3.35rem 3.2rem 3rem 3.2rem;
  align-items: start;
}

.yas-waterfront-august-page .split-panel--miler .split-panel__number {
  font-size: 10.2rem;
  line-height: 0.86;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.68);
  text-stroke: 1px rgba(255, 255, 255, 0.68);
}

.yas-waterfront-august-page .split-panel--miler h2 {
  color: #fff;
  font-size: 49px;
  line-height: 0.98;
  max-width: 700px;
  margin-bottom: 1.45rem;
}

.yas-waterfront-august-page .split-panel--miler p {
  font-size: 1.08rem;
  line-height: 1.72;
  max-width: 620px;
  margin: 0 0 1.2rem;
}

.yas-waterfront-august-page .split-panel--miler p:last-of-type {
  font-size: 14px;
  line-height: 23px;
}

.yas-waterfront-august-page .split-panel--miler .button {
  margin-top: 1rem;
  padding: 1rem 1.55rem;
  font-size: 0.78rem;
  background: #fff;
  color: #111;
  border: 1px solid #d8d8d8;
}

.yas-waterfront-august-page .split-panel--miler .button:hover,
.yas-waterfront-august-page .split-panel--miler .button:focus-visible {
  background: #eef6fb;
  color: #003d59;
}

.yas-waterfront-august-page .split-panel--miler .split-panel__image {
  width: 480px;
  min-height: 100%;
  object-position: center;
}

.yas-waterfront-august-page .button--light {
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
}

.yas-waterfront-august-page .button--light:hover,
.yas-waterfront-august-page .button--light:focus-visible {
  background: #fff;
  color: var(--brand);
}

.yas-waterfront-august-page .closing {
  padding: 2.35rem 0 4.6rem;
  text-align: center;
}

@media (max-width: 1600px) {
  .yas-waterfront-august-page .intro h1 {
    margin: 0 0 1.5rem;
  }
}

@media (max-width: 1100px) {
  .yas-waterfront-august-page .cards-grid,
  .yas-waterfront-august-page .feature-row,
  .yas-waterfront-august-page .split-panel {
    grid-template-columns: 1fr;
  }

  .yas-waterfront-august-page .feature-row--spree {
    width: min(calc(100% - 24px), 1400px);
    grid-template-columns: 1fr;
  }

  .yas-waterfront-august-page .feature-row--spree .feature-copy {
    padding: 2rem 1.5rem;
  }

  .yas-waterfront-august-page .feature-row--spree .feature-row__aside {
    width: 100%;
    max-height: inherit;
  }

  .yas-waterfront-august-page .split-panel__copy {
    grid-template-columns: 1fr;
  }

  .yas-waterfront-august-page .split-panel--miler {
    width: min(calc(100% - 24px), 1400px);
    grid-template-columns: 1fr;
  }

  .yas-waterfront-august-page .split-panel--miler .split-panel__copy {
    grid-template-columns: 1fr;
    padding: 2rem 1.5rem;
  }

  .yas-waterfront-august-page .split-panel--miler .split-panel__number {
    font-size: 5rem;
  }

  .yas-waterfront-august-page .split-panel--miler .split-panel__image {
    width: 100%;
    max-height: 520px;
  }
}

@media (max-width: 768px) {
  .yas-waterfront-august-page .events {
    padding: 3rem 0 3rem;
  }

  .yas-waterfront-august-page .feature {
    padding: 2rem 0 2rem;
  }
}

@media (max-width: 760px) {
  .yas-waterfront-august-page .hero {
    border-top-width: 6px;
    border-bottom-width: 6px;
    padding: 0 6px;
  }

  .yas-waterfront-august-page .hero img {
    height: 44vw;
    min-height: 230px;
  }

  .yas-waterfront-august-page .intro,
  .yas-waterfront-august-page .events,
  .yas-waterfront-august-page .feature,
  .yas-waterfront-august-page .closing {
    padding-left: 0;
    padding-right: 0;
  }

  .yas-waterfront-august-page .intro {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .yas-waterfront-august-page .intro h1 {
    font-size: clamp(2.2rem, 9vw, 58px);
    margin-bottom: 1.2rem;
  }

  .yas-waterfront-august-page .intro p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0.8rem;
  }

  .yas-waterfront-august-page .section-heading {
    margin-bottom: 2rem;
  }

  .yas-waterfront-august-page .section-heading h2,
  .yas-waterfront-august-page .feature h2,
  .yas-waterfront-august-page .closing h2 {
    color: var(--ink);
    font-size: 26px;
    line-height: 0.98;
    margin: 0;
  }

  .yas-waterfront-august-page .section-heading p {
    font-size: 1rem;
    line-height: 1.6;
  }

  .yas-waterfront-august-page .centered-action {
    margin-top: 30px;
  }

  .yas-waterfront-august-page .feature-row--spree h2 {
    color: var(--ink);
    font-size: 28px;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .yas-waterfront-august-page .split-panel--miler h2 {
    color: #fff;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .yas-waterfront-august-page .closing {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem;
  }

  .yas-waterfront-august-page .closing p {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .yas-waterfront-august-page .cards-grid {
    width: min(calc(100% - 24px), 1400px);
    gap: 1rem;
  }

  .yas-waterfront-august-page .event-card__body {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 1.2rem;
    gap: 0.9rem;
  }

  .yas-waterfront-august-page .event-date {
    align-items: flex-start;
    border-bottom: 1px solid #d8d8d8;
    border-right: 0;
    min-height: 0;
    padding-bottom: 0.75rem;
  }

  .yas-waterfront-august-page .event-date__day {
    font-size: 25px;
  }

  .yas-waterfront-august-page .event-date__month {
    font-size: 0.7rem;
    letter-spacing: 0;
    margin-top: 10px;
  }

  .yas-waterfront-august-page .event-card h3 {
    font-size: 20px;
  }

  .yas-waterfront-august-page .feature-copy,
  .yas-waterfront-august-page .split-panel__copy {
    padding: 1.5rem;
  }

  .yas-waterfront-august-page p {
    font-size: 15px !important;
    line-height: 22px !important;
    max-width: 620px !important;
    margin: 0 0 12px !important;
  }
  .yas-waterfront-august-page .closing .narrow{
    margin-top: 50px;
  }
}