.md-lead.md-lead--text-only{
  min-height:330px;
  background:
    radial-gradient(circle at 78% 18%,rgba(240,84,84,.16),transparent 240px),
    linear-gradient(135deg,#272020,#171717 62%,#111);
}
.md-lead.md-lead--text-only .md-lead-shade{
  background:linear-gradient(0deg,rgba(12,12,12,.98),rgba(12,12,12,.74) 62%,rgba(12,12,12,.35));
}
.md-lead.md-lead--text-only .md-lead-body{max-width:820px}
.md-lead.md-lead--text-only:before{
  content:"MAGIC DIGEST";
  position:absolute;
  top:28px;
  right:30px;
  z-index:1;
  color:rgba(255,255,255,.06);
  font-size:clamp(2.4rem,7vw,5.7rem);
  line-height:.9;
  font-weight:900;
  letter-spacing:.08em;
  pointer-events:none;
}
.md-lead-image,.md-lead-body{transition:opacity .16s ease,transform .16s ease}
.md-lead.is-switching .md-lead-image{opacity:.38}
.md-lead.is-switching .md-lead-body{opacity:.42;transform:translateY(4px)}
.md-lead h2 a{color:inherit;text-decoration:none}
.md-lead h2 a:hover{color:#fff}
.md-rail-item{
  position:relative;
  cursor:pointer;
  padding-left:0;
  transition:background-color .16s ease,padding-left .16s ease,border-color .16s ease;
  outline:none;
}
.md-rail-item:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:2px;
  background:transparent;
  transition:background-color .16s ease;
}
.md-rail-item:hover,.md-rail-item:focus-within,.md-rail-item.is-active{
  padding-left:12px;
  background:linear-gradient(90deg,rgba(240,84,84,.07),transparent 72%);
}
.md-rail-item:hover:before,.md-rail-item:focus-within:before,.md-rail-item.is-active:before{background:var(--md-red)}
.md-rail-item:focus-visible{box-shadow:inset 0 0 0 1px rgba(240,84,84,.45)}
.md-deep-band.md-deep-band--text-only{
  grid-template-columns:minmax(0,1fr);
  background:radial-gradient(circle at 12% 35%,rgba(240,84,84,.12),transparent 260px),#211f1f;
}
.md-deep-band.md-deep-band--text-only .md-deep-media{display:none}
.md-deep-band.md-deep-band--text-only .md-deep-copy{min-height:240px;max-width:880px}
.md-media-broken{display:none!important}
@media (prefers-reduced-motion:reduce){
  .md-lead-image,.md-lead-body,.md-rail-item,.md-rail-item:before{transition:none}
}
@media (max-width:700px){
  .md-lead.md-lead--text-only{min-height:360px}
  .md-lead.md-lead--text-only:before{top:24px;right:18px;font-size:3rem}
  .md-rail-item:hover,.md-rail-item:focus-within,.md-rail-item.is-active{padding-left:8px}
}