.home-page header { padding-top: clamp(2rem, 5vw, 4rem); padding-bottom: 2rem; }
.home-feature { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(16rem,.8fr); margin: 1rem 0 3rem; border: 3px solid var(--paper); background: #0b0b0b; box-shadow: 8px 8px 0 var(--hot); }
.home-feature-art { position: relative; display: block; min-width: 0; overflow: hidden; border-right: 3px solid var(--paper); }
.home-feature-art img { display: block; width: 100%; height: 100%; min-height: 20rem; object-fit: cover; }
.home-feature-art span { position: absolute; right: 0; bottom: 0; padding: .45rem .6rem; background: var(--acid); color: var(--ink); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }
.home-feature-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.25rem,3vw,2.5rem); }
.home-feature-copy .eyebrow { margin: 0 0 1rem; }
.home-feature-copy h2 { margin: 0 0 1rem; color: var(--paper); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2.6rem,4.5vw,5.5rem); line-height: .88; text-shadow: 3px 0 var(--hot), -3px 0 var(--cyan); }
.home-feature-copy > p:not(.eyebrow) { max-width: 24rem; margin: 0 0 1.5rem; color: #ddd; }
.home-feature-copy .text-link { align-self: flex-start; }
@media (max-width: 720px) {
  .home-feature { grid-template-columns: 1fr; }
  .home-feature-art { border-right: 0; border-bottom: 3px solid var(--paper); }
  .home-feature-art img { height: auto; min-height: 0; aspect-ratio: 4/3; }
}
@media (max-width: 720px) {
  .home-page header { padding-top: 1.75rem; }
  .home-feature { margin-bottom: 2rem; box-shadow: 4px 4px 0 var(--hot); }
  .home-feature-copy { padding: 1.1rem; }
  .home-feature-copy h2 { font-size: clamp(2.3rem, 11vw, 3.2rem); line-height: .98; text-shadow: 2px 0 var(--hot), -2px 0 var(--cyan); }
  .home-feature-copy .text-link { align-self: stretch; text-align: center; padding-block: .95rem; }
}