/* Project hero: left-aligned reference style, flush below the site header. */
@media screen {
  body.single-dtbl_project #primary.site-main,
  #primary.site-main:has(> .dtbl-project-detail) {
    margin: 0;
    padding: 0;
  }
  .dtbl-project .dtbl-project__hero {
    min-height: clamp(480px, 66svh, 650px);
    align-items: end;
  }
  .dtbl-project .dtbl-project__hero-inner {
    display: block;
    padding-block: clamp(80px, 11vw, 144px) clamp(48px, 6vw, 76px);
    text-align: left;
  }
  .dtbl-project .dtbl-project__hero-media::after {
    background: linear-gradient(90deg, rgba(6,34,28,.93) 0%, rgba(6,34,28,.72) 42%, rgba(6,34,28,.18) 76%),
      linear-gradient(0deg, rgba(6,34,28,.88), transparent 52%);
  }
  .dtbl-project .dtbl-project__back-link { margin: 0 12px 20px 0; vertical-align: middle; }
  .dtbl-project .dtbl-project__status { margin: 0 0 20px; vertical-align: middle; }
  .dtbl-project .dtbl-project__hero-title {
    max-width: 780px;
    margin: 0;
    font-size: clamp(2rem, 4.1vw, 3.5rem);
    line-height: 1.12;
    text-align: left;
  }
  .dtbl-project .dtbl-project__hero-address {
    align-items: baseline;
    justify-content: flex-start;
    max-width: 680px;
    margin: 20px 0 0;
    text-align: left;
  }
  .dtbl-project .dtbl-project__hero-actions { justify-content: flex-start; margin-top: 28px; }
  html[lang^="bn"] .dtbl-project .dtbl-project__hero-title { letter-spacing: 0; line-height: 1.35; }
  @media (max-width: 760px) {
    .dtbl-project .dtbl-project__hero { min-height: 490px; }
    .dtbl-project .dtbl-project__hero-inner { width: calc(100% - 32px); padding-block: 72px 44px; }
    .dtbl-project .dtbl-project__hero-title { font-size: clamp(1.85rem, 7.6vw, 2.65rem); }
    .dtbl-project .dtbl-project__hero-address { font-size: .96rem; max-width: 32ch; }
    .dtbl-project .dtbl-project__hero-actions { gap: 10px; }
  }
}

/* Alignment correction: left aligned text and vertically centered content. */
@media screen {
  body.single-dtbl_project .dtbl-project .dtbl-project__hero {
    display: grid;
    align-items: center;
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__hero-inner {
    display: block;
    margin-block: 0;
    padding-block: clamp(48px, 6vw, 76px);
    text-align: left;
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__hero-title,
  body.single-dtbl_project .dtbl-project .dtbl-project__hero-address,
  body.single-dtbl_project .dtbl-project .dtbl-project__hero-actions {
    margin-inline: 0;
    text-align: left;
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__hero-address,
  body.single-dtbl_project .dtbl-project .dtbl-project__hero-actions {
    justify-content: flex-start;
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__hero-actions .dtbl-project__button {
    flex: 0 1 auto;
  }
}

@media screen and (max-width: 760px) {
  body.single-dtbl_project .dtbl-project .dtbl-project__hero-inner {
    padding-block: 44px;
  }
}

/* Construction progress photo captions: readable white text over the image. */
@media screen {
  body.single-dtbl_project .dtbl-project .dtbl-project__gallery-caption,
  body.single-dtbl_project .dtbl-project .dtbl-project__gallery-title,
  body.single-dtbl_project .dtbl-project .dtbl-project__gallery-date {
    color: #fff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
  }

  body.single-dtbl_project .dtbl-project .dtbl-project__gallery-caption {
    z-index: 2;
  }
}