.press-page { background: #10272a url("../assets/crust-background.gif") center top / 58rem auto repeat; }
.press-header { position: relative; background: #231023; }

.press-hero {
  min-height: 32rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 1rem;
  background: #ec238f url("../assets/hero.webp") center 42% / cover no-repeat;
  text-align: center;
}

.press-hero img { width: min(42rem, 90vw); filter: drop-shadow(0 0.6rem 0 rgb(70 0 44 / 35%)); }
.press-hero p { margin: 1rem 0 0; font-size: 1.1rem; font-style: italic; font-weight: 1000; letter-spacing: 0.14em; text-transform: uppercase; }

.press-layout {
  width: min(68rem, calc(100% - 2rem));
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(16rem, 0.8fr);
  gap: 2rem;
  margin: 0 auto;
  padding: 6rem 0;
}

.press-layout > section,
.press-layout aside {
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid rgb(184 238 55 / 24%);
  border-radius: 0.7rem;
  background: rgb(5 26 30 / 94%);
}

.press-layout h1,
.press-layout h2 { margin: 0 0 1.5rem; text-align: left; }
.press-layout h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); font-style: italic; text-transform: uppercase; }
.press-layout h2 { margin-top: 3rem; font-size: 2rem; }
.press-layout .kicker { text-align: left; }
.press-layout p, .press-features li, .press-layout dd { color: #e7eee6; line-height: 1.7; }
.press-features { display: grid; gap: 0.8rem; padding-left: 1.25rem; }
.press-features strong, .press-layout a { color: #ff7778; }
dl { margin: 0; }
dt { margin-top: 1.2rem; color: #b8ee37; font-size: 0.75rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
dd { margin: 0.3rem 0 0; }
.press-media { background: #231023; }

@media (max-width: 760px) {
  .press-header { position: relative; }
  .press-layout { grid-template-columns: 1fr; }
}