/* Place the desktop headline and actions over the finished floor. */
@media (min-width: 901px) {
  #eko-floor-hero .eko-hero-copy {
    left: 27.5%;
    top: calc(var(--eko-edge-top) + var(--eko-edge-plane) * .59);
    width: 37%;
    max-width: 700px;
    transform: translate(-50%, -50%);
    row-gap: 24px;
  }

  body #eko-floor-hero h1 {
    font-size: clamp(22px, 2.45vw, 46px);
    line-height: 1.13;
    text-shadow: 0 2px 5px #071005b3, 0 0 24px #07100599;
  }

  /* A soft fade keeps the wording readable without a panel over the room. */
  #eko-floor-hero .eko-hero-copy::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -65% -18%;
    pointer-events: none;
    background: radial-gradient(ellipse, #071005b3 0%, #07100580 38%, transparent 72%);
  }
}

/* Keep the actions above the exposed layers on narrower desktop views. */
@media (min-width: 901px) and (max-width: 1100px) {
  #eko-floor-hero .eko-hero-copy {
    top: calc(var(--eko-edge-top) + var(--eko-edge-plane) * .53);
  }
}