/* Permanent magazine identity. Deliberately scoped to the real homepage. */
.mm-home-route .mm-wordmark { position: relative; }
.mm-home-route .mm-wordmark .mm-home-wordmark-media {
  display: block;
  position: absolute;
  inset: 0;
  margin: 0;
  background: #D7282F;
  -webkit-mask: url('../media/logo-horizontal.png') center / 100% 100% no-repeat;
  mask: url('../media/logo-horizontal.png') center / 100% 100% no-repeat;
  clip-path: inset(0 0 48% 54.2%);
  pointer-events: none;
}
.mm-home-route .mm-evergreen-lead .mm-lead-image { object-position: 67% 24%; }
.mm-home-route .mm-evergreen-lead .mm-lead-shade {
  background: linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.12) 70%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 65%);
}
.mm-home-route .mm-evergreen-lead .mm-lead-copy { max-width: 610px; }
.mm-home-route .mm-evergreen-lead .mm-lead-copy h1 {
  font-family: 'MM Anton',sans-serif;
  font-weight: 400;
  font-size: clamp(48px,5.4vw,78px);
  line-height: 1.04;
  letter-spacing: -.015em;
  max-width: 600px;
}
.mm-home-route .mm-home-identity-deck {
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.55;
  max-width: 450px;
  text-wrap: pretty;
}
.mm-home-route .mm-evergreen-all-stories {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  font-size: 24px;
}
.mm-home-route .mm-evergreen-lead .mm-lead-options > a {
  display: grid;
  grid-template-columns: 86px minmax(0,1fr);
  gap: 15px;
  text-align: left;
  align-items: center;
  min-height: 64px;
  border-left: 3px solid transparent;
  background: #111b;
  color: #fff;
  padding: 8px;
  transition: background .2s,border-color .2s;
}
.mm-home-route .mm-evergreen-lead .mm-lead-options > a:hover,
.mm-home-route .mm-evergreen-lead .mm-lead-options > a:focus-visible {
  border-left-color: #D7282F;
  background: #111e;
}
.mm-home-route .mm-evergreen-lead :is(.mm-lead-options > a,.mm-evergreen-all-stories):focus-visible {
  outline-color: white;
  outline-offset: 4px;
}
@media (min-width:768px) and (max-width:1100px) {
  .mm-home-route .mm-evergreen-lead .mm-lead-copy { width: calc(100% - 420px); }
  .mm-home-route .mm-evergreen-lead .mm-lead-selector { width: 300px; }
  .mm-home-route .mm-evergreen-lead .mm-lead-copy h1 { font-size: clamp(46px,5.3vw,58px); }
  .mm-home-route .mm-home-identity-deck { font-size: 16px; }
}
@media (max-width:767px) {
  .mm-home-route .mm-evergreen-lead .mm-lead-current { min-height: 620px; }
  .mm-home-route .mm-evergreen-lead .mm-lead-copy { bottom: 36px; }
  .mm-home-route .mm-evergreen-lead .mm-lead-copy h1 { font-size: clamp(43px,10.8vw,64px); }
  .mm-home-route .mm-home-identity-deck { margin-top: 20px; font-size: 16px; max-width: 510px; }
  /* Full published titles need a story row, not a third of a phone screen. */
  .mm-home-route .mm-evergreen-lead .mm-lead-options {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    width: 100%;
  }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a {
    display: grid;
    grid-template-columns: 92px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
    min-height: 96px;
    box-sizing: border-box;
    border-left: 3px solid transparent;
    border-bottom: 1px solid #ffffff28;
    padding: 14px 0 14px 9px;
    background: transparent;
  }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a:last-child { border-bottom: 0; }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a > img {
    width: 92px;
    height: 68px;
    object-fit: cover;
    border-radius: 0;
  }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a:hover,
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a:focus-visible {
    border-left-color: #D7282F;
    background: #ffffff08;
  }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a > span {
    display: block;
    min-width: 0;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: unset;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    font-size: 18px;
    line-height: 1.25;
  }
}
@media (prefers-reduced-motion:reduce) {
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a { transition:none; }
}
/* Portrait tablets retain a readable story column beside the magazine copy. */
@media (min-width:768px) and (max-width:1100px) {
  .mm-home-route .mm-evergreen-lead .mm-lead-copy { width:calc(100% - 460px); }
  .mm-home-route .mm-evergreen-lead { position:relative; }
  .mm-home-route .mm-evergreen-lead .mm-lead-selector { position:absolute;left:auto;right:5.5%;top:auto;bottom:5.5%;width:300px;padding:0;transform:none; }
  .mm-home-route .mm-evergreen-lead .mm-lead-options { display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%; }
  .mm-home-route .mm-evergreen-lead .mm-lead-options > a { width:100%;min-width:0;grid-template-columns:86px minmax(0,1fr); }
}