/* Concept 04 homepage hero. Scoped styles; no global header/footer overrides. */
.eb27-home{background:#f4f2ec;color:#242821;font-family:'DM Sans',Arial,sans-serif}
.eb27-home *{box-sizing:border-box}
.eb27-shell{max-width:1800px;margin-inline:auto;padding-inline:4.7vw}
.eb27-hero{padding-top:38px}
.eb27-hero__meta{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.eb27-eyebrow,.eb27-text-link{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eb27-eyebrow{color:#72776e}
.eb27-hero__title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.01;font-size:clamp(52px,7.1vw,116px);max-width:1120px;margin:34px 0 33px}
.eb27-hero__title em{font-weight:400}
.eb27-hero__photo{position:relative;height:min(68vw,900px);min-height:540px;overflow:hidden;background:#e7e8e0}
.eb27-hero__photo > .eb27-hero__image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}
.eb27-hero__placeholder{position:relative;display:grid;place-items:center;height:100%;padding:20px;text-align:center;color:#72776e;font-size:13px;letter-spacing:.04em}
.eb27-hero__foot{display:flex;justify-content:space-between;gap:40px;padding:22px 0 110px;align-items:flex-start}
.eb27-hero__foot p{font-size:15px;line-height:1.7;max-width:450px;margin:0}
.eb27-text-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:9px;display:inline-block;white-space:nowrap}
.eb27-text-link:hover{opacity:.55}
/* Mobile hero: keep the editorial title first, reveal the image sooner. */
@media (max-width:650px) {
  .eb27-shell { padding-inline:5vw; }
  .eb27-hero { padding-top:20px; }
  .eb27-hero__credit { display:none; }
  .eb27-hero__title {
    font-size:clamp(40px,8vw,52px);
    line-height:1.02;
    margin:19px 0 17px;
  }
  .eb27-hero__photo { height:63vh; min-height:420px; }
  .eb27-hero__foot { padding-bottom:85px; display:block; }
  .eb27-hero__foot p { font-size:13px; margin-bottom:24px; }
}
@media (min-width: 1400px) {
  .eb27-hero__title {
    max-width: none;
    font-size: clamp(76px, 6.5vw, 116px);
  }
}