/* A painted emblem with live, readable book typography. */
.trailer-edition .wordmark.brand-lockup {
  --brand-emblem-size:56px;
  display:inline-flex;
  align-items:center;
  flex:none;
  gap:12px;
  max-width:none;
  min-height:56px;
  font-weight:400;
  text-decoration:none;
}
.brand-emblem {
  flex:none;
  width:var(--brand-emblem-size);
  height:var(--brand-emblem-size);
  object-fit:contain;
}
.brand-title { display:flex; flex-direction:column; gap:1px; }
.brand-title-prefix { font-size:1.0625rem; line-height:1.15; letter-spacing:0; white-space:nowrap; }
.brand-title-anchor { color:#dfb97d; font-size:1.875rem; line-height:1; letter-spacing:-.025em; }
.brand-lockup:hover .brand-title-anchor { color:#f1d5a2; }
@media(max-width:760px) {
  .trailer-edition .masthead { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 18px; padding-block:12px 6px; }
  .trailer-edition .wordmark.brand-lockup { --brand-emblem-size:48px; min-height:48px; gap:10px; }
  .brand-title-prefix { font-size:1rem; }
  .brand-title-anchor { font-size:1.625rem; }
  .story-nav { grid-row:2; grid-column:1 / -1; margin-left:0; justify-content:space-between; gap:16px; }
  .trailer-edition #motion-toggle { grid-row:1; grid-column:2; margin-left:auto; font-size:.8rem; padding:3px 9px; min-height:36px; }
}
@media(max-width:380px) {
  .trailer-edition .masthead { column-gap:10px; }
  .trailer-edition .wordmark.brand-lockup { --brand-emblem-size:40px; gap:8px; }
  .brand-title-prefix { font-size:.875rem; }
  .brand-title-anchor { font-size:1.5rem; }
  .trailer-edition #motion-toggle { font-size:.75rem; padding-inline:7px; }
}