/* case-study-hospitality-refine.css  (v6)
   Loaded AFTER case-study-hospitality.css.

   v5 baseline: keep all pastel boxes, refine padding / radius / type / spacing.
   v6 additions:
     - All grid-card boxes equal visual size (stretch heights, unified pad)
     - Initiative grid (ATP partnered…) → dark charcoal bg with white text

   Scoped to #hospitality-case for guaranteed specificity wins. */

/* ============================================================
   TOKENS
   ============================================================ */
#hospitality-case {
  --case-section-y: clamp(48px, 4.4vw, 84px);
  --case-block-gap: clamp(18px, 2vw, 32px);
  --case-grid-gap: clamp(14px, 1.4vw, 22px);
  --case-card-pad: clamp(18px, 1.8vw, 26px);
  --case-radius: 12px;
}

/* ============================================================
   SECTION RHYTHM
   ============================================================ */
#hospitality-case .case-section {
  padding: var(--case-section-y) 0 !important;
}

#hospitality-case .case-section-heading {
  margin-bottom: var(--case-block-gap) !important;
  max-width: none !important;
}

#hospitality-case .case-section-heading > span {
  margin-bottom: clamp(14px, 1.2vw, 20px) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

#hospitality-case .case-section-heading h2 {
  font-size: clamp(34px, 3vw, 52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.01em !important;
  max-width: 22ch !important;
}

#hospitality-case .case-section-heading p {
  margin-top: clamp(14px, 1.3vw, 22px) !important;
  font-size: clamp(16px, 1.05vw, 19px) !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  max-width: 64ch !important;
}

/* ============================================================
   GLOBAL TYPOGRAPHY
   ============================================================ */
#hospitality-case p,
#hospitality-case li {
  font-size: clamp(16px, 1.05vw, 18px) !important;
  font-weight: 450 !important;
  line-height: 1.55 !important;
}

#hospitality-case h3 {
  font-family: var(--sans) !important;
  font-size: clamp(18px, 1.3vw, 22px) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.005em !important;
  color: var(--ink) !important;
  margin-bottom: clamp(10px, 1vw, 14px) !important;
}

/* ============================================================
   INLINE PRODUCT WORDMARK — scale up inside large headings
   ============================================================ */
#hospitality-case .case-section-heading h2 .product-wordmark-inline,
#hospitality-case .case-study-cover h2 .product-wordmark-inline {
  height: clamp(22px, 2vw, 36px) !important;
  vertical-align: baseline !important;
  position: relative !important;
  top: -0.06em !important;
  margin: 0 0.06em !important;
}

/* ============================================================
   COVER — bento layout
   Left column: headline block (spans rows)
   Right column row 1: small image tile
   Right column row 2: aside (metrics + callout)
   ============================================================ */
#hospitality-case .case-study-cover {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr) !important;
  grid-template-rows: auto !important;
  gap: clamp(20px, 2vw, 36px) !important;
  align-items: start !important;
  padding: clamp(28px, 2.6vw, 48px) 0 clamp(20px, 2vw, 32px) !important;
}

#hospitality-case .case-cover-col {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(12px, 1.2vw, 20px) !important;
  min-width: 0 !important;
}

#hospitality-case .case-cover-left > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

#hospitality-case .case-cover-left > .case-glance {
  margin: 0 !important;
}

#hospitality-case .case-cover-right > .case-image-strip {
  margin: 0 !important;
}

#hospitality-case .case-cover-right > .case-image-strip img {
  width: 100% !important;
  height: clamp(96px, 8.4vw, 134px) !important;
  object-fit: cover !important;
  border-radius: var(--case-radius) !important;
}

#hospitality-case .case-study-cover h2 {
  font-size: clamp(40px, 3.8vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.01em !important;
  max-width: 22ch !important;
}

#hospitality-case .case-study-cover > div:first-child > p {
  font-size: clamp(17px, 1.2vw, 22px) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  max-width: 48ch !important;
}

#hospitality-case .case-enabled {
  margin-top: clamp(2px, 0.3vw, 6px) !important;
}

#hospitality-case .case-enabled span {
  font-size: 13px !important;
  letter-spacing: 0.14em !important;
}

#hospitality-case .case-enabled img {
  height: clamp(22px, 1.6vw, 28px) !important;
}

#hospitality-case .case-cover-right > aside {
  padding: clamp(14px, 1.3vw, 22px) !important;
  gap: clamp(10px, 1vw, 16px) !important;
  border-radius: 12px !important;
}

#hospitality-case .case-cover-right > aside > p {
  font-size: clamp(13px, 0.9vw, 15px) !important;
  line-height: 1.4 !important;
}

#hospitality-case .case-cover-right > aside > b {
  font-size: clamp(13px, 0.9vw, 15px) !important;
  line-height: 1.35 !important;
}

#hospitality-case .case-metric-pair {
  gap: 8px !important;
}

#hospitality-case .case-metric-pair > div {
  padding: clamp(10px, 1vw, 14px) !important;
  border-radius: 10px !important;
  min-width: 0 !important;
}

#hospitality-case .case-metric-pair strong {
  font-size: clamp(20px, 1.7vw, 28px) !important;
  line-height: 1 !important;
  margin-bottom: clamp(4px, 0.4vw, 8px) !important;
  white-space: nowrap !important;
}

#hospitality-case .case-metric-pair span {
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 4px !important;
}

#hospitality-case .case-metric-pair p {
  font-size: 11px !important;
  line-height: 1.3 !important;
}

#hospitality-case .case-image-strip {
  margin: clamp(8px, 1vw, 18px) 0 clamp(40px, 4vw, 80px) !important;
}

#hospitality-case .case-image-strip-single img {
  border-radius: var(--case-radius) !important;
}

/* ============================================================
   ALL CARD GRIDS — EQUAL VISUAL SIZE
   Force stretch + flex column + 100% height across every box grid
   ============================================================ */
#hospitality-case .case-risk-grid,
#hospitality-case .outcome-stack,
#hospitality-case .case-initiative-grid,
#hospitality-case .action-recommendations,
#hospitality-case .driver-definition-table,
#hospitality-case .case-table-grid,
#hospitality-case .leading-indicators > div,
#hospitality-case .case-insight-list ul {
  align-items: stretch !important;
}

/* Equal-height stretch: use grid stretch (no flex on text cards
   — flex breaks inline <strong> by promoting it to a flex item) */
#hospitality-case .case-risk-grid > article,
#hospitality-case .case-initiative-grid > article,
#hospitality-case .action-recommendations > article,
#hospitality-case .driver-definition-table > div,
#hospitality-case .case-table-grid > div,
#hospitality-case .case-insight-list > ul > li {
  height: 100% !important;
  min-height: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* Flex-column only on cards that genuinely need vertical layout
   (big serif stat at top, supporting list at bottom) */
#hospitality-case .outcome-stack > article,
#hospitality-case .leading-indicators > div > article {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* ============================================================
   PASTEL CARDS — refined padding/radius (colors untouched)
   ============================================================ */

/* Risk grid */
#hospitality-case .case-risk-grid {
  gap: var(--case-grid-gap) !important;
  margin-top: var(--case-block-gap) !important;
}

#hospitality-case .case-risk-grid > article {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
}

/* Scope row */
#hospitality-case .case-scope {
  padding: clamp(18px, 1.8vw, 28px) !important;
  border-radius: var(--case-radius) !important;
  margin-top: var(--case-block-gap) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
}

#hospitality-case .case-scope > div {
  padding: clamp(16px, 1.4vw, 22px) !important;
  border-radius: 12px !important;
}

#hospitality-case .case-scope > div strong {
  font-size: clamp(26px, 2.1vw, 36px) !important;
}

/* Table grid */
#hospitality-case .case-table-grid {
  gap: var(--case-grid-gap) !important;
  margin-top: var(--case-block-gap) !important;
}

#hospitality-case .case-table-grid > div {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
}

#hospitality-case .case-table-grid h3 {
  font-size: clamp(18px, 1.35vw, 22px) !important;
  margin-bottom: clamp(14px, 1.3vw, 20px) !important;
}

#hospitality-case .case-table-grid td {
  padding: clamp(12px, 1vw, 16px) 14px !important;
  font-size: clamp(15px, 1vw, 17px) !important;
}

/* Insight list */
#hospitality-case .case-insight-list {
  margin-top: clamp(32px, 3vw, 52px) !important;
}

#hospitality-case .case-insight-list h3 {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-bottom: clamp(18px, 1.6vw, 28px) !important;
}

#hospitality-case .case-insight-list ul {
  gap: var(--case-grid-gap) !important;
}

#hospitality-case .case-insight-list li {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
}

/* ============================================================
   INITIATIVE GRID — DARK CHARCOAL + WHITE TEXT
   (ATP partnered with the organisation to run the following initiatives)
   ============================================================ */
#hospitality-case .case-initiative-grid {
  gap: var(--case-grid-gap) !important;
  margin-top: clamp(32px, 3vw, 52px) !important;
}

#hospitality-case .case-initiative-grid > p {
  margin-bottom: clamp(6px, 0.6vw, 12px) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

#hospitality-case .case-initiative-grid > article,
#hospitality-case .case-initiative-grid > article:nth-of-type(1),
#hospitality-case .case-initiative-grid > article:nth-of-type(2) {
  background: #1f1f1f !important;
  background-color: #1f1f1f !important;
  color: #ffffff !important;
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
  font-size: clamp(16px, 1.05vw, 18px) !important;
  line-height: 1.55 !important;
  justify-content: center !important;
}

#hospitality-case .case-initiative-grid > article *,
#hospitality-case .case-initiative-grid > article strong,
#hospitality-case .case-initiative-grid > article b {
  color: #ffffff !important;
}

/* Implementation list */
#hospitality-case .implementation-list {
  gap: clamp(10px, 1vw, 14px) !important;
  margin-top: var(--case-block-gap) !important;
}

#hospitality-case .implementation-list > article {
  padding: var(--case-card-pad) clamp(28px, 2.4vw, 40px) !important;
  border-radius: var(--case-radius) !important;
  grid-template-columns: clamp(56px, 5vw, 80px) minmax(200px, 0.9fr) minmax(0, 1.5fr) !important;
  gap: 16px clamp(20px, 2vw, 32px) !important;
}

#hospitality-case .implementation-list > article > span {
  font-size: clamp(14px, 1.05vw, 17px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#hospitality-case .implementation-list > article h3 {
  font-size: clamp(19px, 1.45vw, 24px) !important;
  margin-bottom: 0 !important;
}

#hospitality-case .implementation-list > article > p {
  margin: 0 !important;
}

/* Driver definition */
#hospitality-case .driver-definition-table {
  gap: var(--case-grid-gap) !important;
  margin-top: var(--case-block-gap) !important;
  margin-bottom: 0 !important;
}

#hospitality-case .driver-definition-table > div {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
}

#hospitality-case .driver-definition-table > div strong {
  margin-bottom: clamp(10px, 1vw, 14px) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

/* Action recommendations */
#hospitality-case .action-recommendations {
  gap: var(--case-grid-gap) !important;
  margin-top: clamp(32px, 3vw, 52px) !important;
}

#hospitality-case .action-recommendations > p {
  margin-bottom: clamp(6px, 0.6vw, 12px) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

#hospitality-case .action-recommendations > article {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
}

#hospitality-case .action-recommendations > article h3 {
  font-size: clamp(20px, 1.5vw, 26px) !important;
  margin-bottom: clamp(10px, 1vw, 14px) !important;
}

#hospitality-case .action-recommendations > article strong {
  margin-bottom: clamp(10px, 1vw, 14px) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
}

/* Case note */
#hospitality-case .case-note {
  padding: clamp(14px, 1.4vw, 22px) clamp(18px, 1.6vw, 26px) !important;
  border-radius: var(--case-radius) !important;
  margin-top: clamp(20px, 2vw, 32px) !important;
  font-size: clamp(13px, 0.9vw, 15px) !important;
  line-height: 1.5 !important;
}

/* ============================================================
   OUTCOMES SECTION — equal-size cards, unified padding
   ============================================================ */
#hospitality-case .outcomes-section {
  padding: clamp(24px, 2.4vw, 44px) !important;
  border-radius: 16px !important;
  margin-top: var(--case-section-y) !important;
}

#hospitality-case .outcomes-section .case-section-heading {
  margin-bottom: var(--case-block-gap) !important;
}

#hospitality-case .outcomes-section .case-section-heading h2 {
  font-size: clamp(30px, 2.6vw, 44px) !important;
}

#hospitality-case .outcome-stack {
  gap: var(--case-grid-gap) !important;
}

#hospitality-case .outcome-stack > article {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
  gap: clamp(10px, 1vw, 14px) !important;
  justify-content: flex-start !important;
}

#hospitality-case .outcome-stack > article > strong {
  font-size: clamp(28px, 2.4vw, 40px) !important;
  line-height: 1 !important;
  margin: 0 0 clamp(6px, 0.6vw, 10px) !important;
  white-space: nowrap !important;
}

#hospitality-case .outcome-stack > article > h3 {
  font-size: clamp(16px, 1.1vw, 19px) !important;
  margin-bottom: clamp(8px, 0.8vw, 12px) !important;
}

#hospitality-case .outcome-stack > article ul {
  margin-top: auto !important;
}

#hospitality-case .outcome-stack > article li {
  font-size: clamp(13px, 0.95vw, 15px) !important;
  line-height: 1.5 !important;
}

#hospitality-case .roi-callout {
  margin-top: var(--case-block-gap) !important;
  padding: clamp(14px, 1.4vw, 22px) clamp(18px, 1.8vw, 28px) !important;
  border-radius: 10px !important;
  font-size: clamp(14px, 0.95vw, 16px) !important;
  line-height: 1.5 !important;
}

/* Leading indicators */
#hospitality-case .leading-indicators {
  margin-top: clamp(20px, 2vw, 32px) !important;
}

#hospitality-case .leading-indicators > h3 {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-bottom: clamp(18px, 1.6vw, 28px) !important;
}

#hospitality-case .leading-indicators > div {
  gap: var(--case-grid-gap) !important;
}

#hospitality-case .leading-indicators > div > article {
  padding: var(--case-card-pad) !important;
  border-radius: var(--case-radius) !important;
  gap: clamp(10px, 1vw, 14px) !important;
}

#hospitality-case .leading-indicators > div > article > strong {
  font-size: clamp(28px, 2.4vw, 42px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#hospitality-case .leading-indicators > div > article > p {
  font-size: clamp(14px, 0.95vw, 16px) !important;
  line-height: 1.5 !important;
}

/* ============================================================
   RESPONSIVE LADDER
   ============================================================ */
@media (max-width: 1080px) {
  #hospitality-case .case-study-cover {
    grid-template-columns: 1fr !important;
  }

  #hospitality-case .case-cover-right > .case-image-strip img {
    height: clamp(160px, 26vw, 240px) !important;
  }

  #hospitality-case .case-risk-grid,
  #hospitality-case .outcome-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #hospitality-case .case-scope {
    grid-template-columns: 1fr 1fr !important;
  }

  #hospitality-case .case-scope > p {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  #hospitality-case .case-section-heading h2,
  #hospitality-case .case-study-cover h2 {
    font-size: clamp(28px, 4.4vw, 40px) !important;
  }

  #hospitality-case .implementation-list > article {
    grid-template-columns: 44px 1fr !important;
  }

  #hospitality-case .implementation-list > article > p {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 780px) {
  #hospitality-case {
    --case-section-y: clamp(52px, 9vw, 76px);
    --case-block-gap: clamp(24px, 5vw, 36px);
    --case-grid-gap: clamp(18px, 3.6vw, 26px);
    --case-card-pad: clamp(20px, 4.4vw, 28px);
  }

  #hospitality-case .case-risk-grid,
  #hospitality-case .case-table-grid,
  #hospitality-case .case-initiative-grid,
  #hospitality-case .driver-definition-table,
  #hospitality-case .action-recommendations,
  #hospitality-case .outcome-stack,
  #hospitality-case .leading-indicators > div,
  #hospitality-case .case-scope {
    grid-template-columns: 1fr !important;
  }

  #hospitality-case .case-insight-list ul {
    grid-template-columns: 1fr !important;
  }

  #hospitality-case .outcomes-section {
    padding: clamp(22px, 4.4vw, 32px) !important;
  }
}

@media (max-width: 640px) {
  #hospitality-case {
    --case-shell: min(calc(100% - 32px), 720px);
  }

  #hospitality-case p,
  #hospitality-case li {
    font-size: clamp(15px, 4vw, 17px) !important;
  }

  #hospitality-case .case-section-heading h2,
  #hospitality-case .case-study-cover h2 {
    font-size: clamp(26px, 6vw, 34px) !important;
    max-width: 18ch !important;
  }

  #hospitality-case h3 {
    font-size: clamp(17px, 4.4vw, 21px) !important;
  }

  #hospitality-case .case-metric-pair {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  #hospitality-case {
    --case-shell: min(calc(100% - 24px), 480px);
    --case-section-y: 48px;
    --case-block-gap: 26px;
    --case-grid-gap: 16px;
    --case-card-pad: 20px;
  }

  #hospitality-case .case-study-cover aside,
  #hospitality-case .outcomes-section {
    padding: 20px !important;
  }
}

/* ============================================================
   PRESENTATION-STYLE LAYER
   A. Chapter markers between sections
   B. Hero stat strip after the cover image (case at a glance)
   ============================================================ */

/* --- B. CASE AT A GLANCE — compact dark stat strip --- */
#hospitality-case .case-glance {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.8vw, 14px) !important;
  align-items: center !important;
  padding: clamp(10px, 1vw, 14px) clamp(12px, 1.2vw, 18px) !important;
  margin: 0 !important;
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  list-style: none !important;
}

#hospitality-case .case-glance > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

#hospitality-case .case-glance > div + div {
  position: relative !important;
  padding-left: clamp(10px, 1vw, 18px) !important;
}

#hospitality-case .case-glance > div + div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 56%;
  background: rgba(255, 255, 255, 0.18);
}

#hospitality-case .case-glance strong {
  font-family: "Happy Times", Georgia, "Times New Roman", Times, serif !important;
  font-weight: 400 !important;
  font-size: clamp(16px, 1.3vw, 22px) !important;
  line-height: 1 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

#hospitality-case .case-glance span {
  font-family: var(--sans) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.58) !important;
  line-height: 1.2 !important;
}

/* Responsive: case-glance stat strip stacks on tablet+ */
@media (max-width: 900px) {
  #hospitality-case .case-glance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: clamp(20px, 3vw, 32px) !important;
  }

  #hospitality-case .case-glance > div + div {
    padding-left: 0 !important;
  }

  #hospitality-case .case-glance > div + div::before {
    display: none !important;
  }

  #hospitality-case .case-glance > div:nth-child(2)::after,
  #hospitality-case .case-glance > div:nth-child(4)::after {
    content: none !important;
  }
}

@media (max-width: 540px) {
  #hospitality-case .case-glance {
    grid-template-columns: 1fr !important;
    padding: clamp(22px, 5vw, 32px) !important;
  }
}

/* Restore outcomes section on hospitality story pages after late global hide rules. */
body.case-studies-page.case-hospitality-editorial .case-study-detail > .case-section.outcomes-section {
  display: block !important;
}

/* ============================================================
   BACK-TO-TOP BUTTON
   ============================================================ */
.case-back-to-top {
  position: fixed !important;
  bottom: clamp(20px, 2vw, 32px) !important;
  right: clamp(20px, 2vw, 32px) !important;
  z-index: 90 !important;
  width: clamp(48px, 4vw, 56px) !important;
  height: clamp(48px, 4vw, 56px) !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #1a1a1a !important;
  color: #fff !important;
  font-family: var(--sans) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 260ms ease,
    transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 200ms ease;
  pointer-events: none;
  box-shadow: 0 18px 44px rgba(22, 22, 22, 0.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-back-to-top.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.case-back-to-top:hover,
.case-back-to-top:focus-visible {
  background: #000 !important;
  outline: none;
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .case-back-to-top {
    transition: opacity 120ms ease, background-color 120ms ease;
    transform: none !important;
  }
}

/* ============================================================
   OVERFLOW SAFETY
   ============================================================ */
#hospitality-case p,
#hospitality-case li,
#hospitality-case td,
#hospitality-case h3 {
  min-width: 0;
  overflow-wrap: break-word;
}

#hospitality-case img,
#hospitality-case svg {
  max-width: 100% !important;
  height: auto;
}

/* Hospitality story summary: keep the image card aligned with the heading column.
   The generic sticky summary card creates a visible gap above the image when scrolled. */
body.case-studies-page.case-hospitality-editorial .story-summary-card {
  position: static !important;
  top: auto !important;
  align-self: start !important;
}