/**
 * AHK homepage surface and family-story section.
 * Scoped to the editable homepage so other pages remain unchanged.
 */
.ahk-homepage-story-page,
.ahk-homepage-story-page .wp-site-blocks {
  background-color: #0c0e10;
}

.ahk-homepage-story-page .ahk-editable-home {
  background-color: #0c0e10;
  background-image:
    linear-gradient(123deg, transparent 0%, transparent 12%, rgba(255, 255, 255, .07) 23%, rgba(255, 255, 255, .018) 31%, transparent 43%, transparent 72%, rgba(255, 255, 255, .045) 82%, rgba(255, 255, 255, .008) 88%, transparent 96%),
    linear-gradient(57deg, transparent 0%, transparent 30%, rgba(255, 255, 255, .022) 39%, transparent 48%, transparent 100%),
    radial-gradient(ellipse 82% 25% at 2% 10%, rgba(176, 182, 186, .21) 0%, rgba(105, 111, 116, .075) 42%, transparent 76%),
    radial-gradient(ellipse 74% 23% at 99% 30%, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .035) 43%, transparent 76%),
    radial-gradient(ellipse 78% 24% at 1% 55%, rgba(145, 151, 156, .15) 0%, rgba(85, 91, 96, .045) 47%, transparent 77%),
    radial-gradient(ellipse 70% 22% at 98% 72%, rgba(238, 241, 243, .105) 0%, rgba(255, 255, 255, .022) 44%, transparent 78%),
    radial-gradient(ellipse 76% 23% at 3% 92%, rgba(137, 144, 149, .14) 0%, transparent 75%),
    linear-gradient(180deg, #090b0d 0%, #191c1f 19%, #0c0f11 40%, #181b1e 62%, #0b0e10 81%, #15181b 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ahk-editable-story {
  --ahk-story-dark: #0a0d0f;
  --ahk-story-mid: #171b1e;
  --ahk-story-edge: #1c2023;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0 !important;
  color: #fff;
  background: transparent;
}

.ahk-editable-story::before {
  content: none;
}

.ahk-editable-story::after {
  content: none;
}

.ahk-editable-story__grid {
  position: relative;
  z-index: 1;
  left: 0;
  width: 100% !important;
  max-width: none !important;
  min-height: 500px;
  gap: 0 !important;
  margin: 0 !important;
}

.ahk-editable-story__grid > .wp-block-column {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  align-self: stretch !important;
}

.ahk-editable-story__grid > .wp-block-column:first-child {
  z-index: 3;
  display: flex;
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  flex-direction: column;
  justify-content: center;
  padding: 72px clamp(38px, 5vw, 76px) 72px max(32px, calc((100vw - 1440px) / 2 + 72px));
  background: transparent;
}

.ahk-editable-story__grid > .wp-block-column:first-child::before {
  content: none;
}

.ahk-editable-story__grid > .wp-block-column:first-child > * {
  position: relative;
  z-index: 1;
}

.ahk-editable-story__grid > .wp-block-column:last-child {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-height: 500px;
}

.ahk-editable-story__grid > .wp-block-column:last-child::before {
  content: none;
}

.ahk-editable-story h2 {
  max-width: 620px;
  color: #fff;
}

.ahk-editable-story .wp-block-column:first-child > p:not(.ahk-editable-eyebrow) {
  max-width: 600px;
  color: rgba(255, 255, 255, .76);
}

.ahk-editable-family-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: clamp(-220px, -12vw, -130px);
  overflow: hidden;
  height: 100%;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .12) 4%, rgba(0, 0, 0, .58) 11%, rgba(0, 0, 0, .92) 17%, #000 21%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .12) 4%, rgba(0, 0, 0, .58) 11%, rgba(0, 0, 0, .92) 17%, #000 21%, #000 100%);
}

.ahk-editable-family-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
  object-position: center;
}

.ahk-editable-family-image figcaption {
  display: none;
}

@media (max-width: 820px) {
  .ahk-editable-story__grid {
    left: 0;
    width: 100% !important;
    min-height: 0;
    margin: 0 !important;
    flex-wrap: wrap !important;
  }

  .ahk-editable-story__grid > .wp-block-column:first-child,
  .ahk-editable-story__grid > .wp-block-column:last-child {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ahk-editable-story__grid > .wp-block-column:first-child {
    padding: 68px max(24px, calc((100vw - 720px) / 2));
  }

  .ahk-editable-story__grid > .wp-block-column:last-child {
    min-height: 430px;
  }

  .ahk-editable-story__grid > .wp-block-column:last-child::before {
    content: none;
  }

  .ahk-editable-family-image {
    inset: 0;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .22) 14%, #000 38%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .22) 14%, #000 38%, #000 100%);
  }
}

@media (max-width: 600px) {
  .ahk-editable-story__grid > .wp-block-column:first-child {
    padding: 58px 22px;
  }

  .ahk-editable-story__grid > .wp-block-column:last-child {
    min-height: 340px;
  }

  .ahk-editable-family-image img {
    min-height: 340px;
  }
}