@import url("common.css");
/* editorial: light and airy, a serif display, copy beside a tall photograph */
.t-editorial h1,.t-editorial h2,.t-editorial h3,.t-editorial .logo,.t-editorial .fact b{font-weight:400;letter-spacing:-.015em}
.t-editorial .btn{border-radius:999px}
.t-editorial .hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 110px);align-items:stretch}
.t-editorial .hero-copy{grid-column:1;grid-row:1;align-self:center;display:grid;gap:22px;padding-block:60px;max-width:none;margin:0;padding-inline:max(28px,calc((100vw - 1200px) / 2 + 28px)) 56px}
.t-editorial .hero-media{grid-column:2;grid-row:1;padding:0 max(28px,calc((100vw - 1200px) / 2 + 28px)) 32px 0}
.t-editorial .hero-media img{border-radius:240px 240px 4px 4px;height:100%;min-height:520px}
.t-editorial h1{font-size:clamp(44px,5.2vw,78px);line-height:1}
.t-editorial .where{letter-spacing:.02em;color:var(--a)}
.t-editorial .lead{color:var(--muted)}
.t-editorial .facts-in{border-block:1px solid var(--line)}
.t-editorial .fact+.fact{border-left:1px solid var(--line)}
.t-editorial .fact{text-align:center;justify-items:center}
.t-editorial .about-media img{border-radius:4px}
.t-editorial .group h3{font-style:italic;border-bottom-color:var(--a)}
.t-editorial .ph img{border-radius:3px}
.t-editorial .w h3{font-style:italic;color:var(--a)}
.t-editorial .band{background:var(--fg);color:var(--bg)}
.t-editorial .band .btn{background:var(--bg);color:var(--fg)}
.t-editorial .mbar a{border-radius:999px}
@media (max-width:900px){
  .t-editorial .hero{grid-template-columns:1fr;min-height:0}
  .t-editorial .hero-media{grid-column:1;grid-row:1;padding:18px 18px 0}
  .t-editorial .hero-media img{min-height:0;height:58vh;border-radius:200px 200px 4px 4px}
  .t-editorial .hero-copy{grid-row:2;padding:34px 18px 10px}
  .t-editorial .fact+.fact{border-left:0;border-top:1px solid var(--line)}
}