.flash-page { background: #030812; }
.flash-page main { overflow: clip; }
.flash-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:60px; padding-top:170px; padding-bottom:80px; }
.flash-hero h1 { margin:10px 0 24px; color:#f5fbfd; font-size:clamp(4.6rem,8vw,8.6rem); line-height:.84; letter-spacing:-.075em; }
.flash-hero h1 em { color:var(--cyan); font-family:Georgia,serif; font-weight:400; }
.flash-hero > div > p:last-child { max-width:680px; color:#91a8b8; font-size:1.05rem; line-height:1.75; }
.flash-hero aside { display:flex; align-items:flex-end; gap:14px; padding:22px 26px; border:1px solid var(--line); border-radius:20px; background:rgba(8,25,40,.65); }
.flash-hero aside strong { color:var(--cyan); font-size:3.2rem; line-height:.8; }
.flash-hero aside span { color:#8299aa; font-size:.7rem; line-height:1.3; text-transform:uppercase; letter-spacing:.1em; }
.flash-shell { padding-top:30px; padding-bottom:110px; }
.flash-shell__head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:26px; }
.flash-shell__head h2 { margin:8px 0 0; font-size:clamp(2.8rem,5vw,5.4rem); letter-spacing:-.055em; }
.flash-shell__head > a { color:#93aab9; font-size:.78rem; font-weight:700; text-decoration:none; }
.flash-feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.flash-card { padding:28px; border:1px solid rgba(126,184,209,.15); border-radius:24px; background:radial-gradient(circle at 100% 0%,rgba(53,231,242,.07),transparent 15rem),linear-gradient(155deg,rgba(8,25,40,.9),rgba(4,14,27,.88)); box-shadow:0 24px 64px rgba(0,0,0,.14); scroll-margin-top:100px; }
.flash-card__meta { display:flex; justify-content:space-between; gap:18px; margin-bottom:22px; color:#748fa1; font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; }
.flash-card__meta span { color:var(--cyan); font-weight:800; }
.flash-card__layout { display:grid; gap:22px; }
.flash-card__layout.has-image { grid-template-columns:minmax(0,1fr) 180px; }
.flash-card__copy h3 { margin:0 0 14px; color:#f3fafc; font-size:clamp(1.55rem,2.3vw,2.35rem); line-height:1.08; letter-spacing:-.035em; }
.flash-card__copy p { margin:0; color:#a2b5c1; font-size:.96rem; line-height:1.72; white-space:pre-line; }
.flash-card__copy small { display:block; margin-top:20px; color:#617d8f; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.flash-card figure { min-height:190px; margin:0; overflow:hidden; border-radius:17px; }
.flash-card figure img { width:100%; height:100%; object-fit:cover; }
.flash-loading,.flash-empty { grid-column:1/-1; padding:70px 24px; border:1px dashed var(--line); border-radius:22px; color:#8299aa; text-align:center; }
.flash-empty { display:grid; gap:8px; }
.flash-empty strong { color:#eef8fb; font-size:1.3rem; }
.flash-more { display:flex; margin:28px auto 0; }
@media(max-width:850px){.flash-hero{grid-template-columns:1fr;padding-top:130px}.flash-hero aside{width:max-content}.flash-feed{grid-template-columns:1fr}.flash-card__layout.has-image{grid-template-columns:minmax(0,1fr) 160px}}
@media(max-width:600px){.flash-hero{padding-top:116px;padding-bottom:54px}.flash-hero h1{font-size:clamp(4rem,20vw,5.8rem)}.flash-hero aside{display:none}.flash-shell__head{align-items:flex-start;flex-direction:column;gap:12px}.flash-card{padding:21px}.flash-card__layout.has-image{grid-template-columns:1fr}.flash-card figure{min-height:220px;order:-1}.flash-card__meta{align-items:flex-start;flex-direction:column;gap:7px}}


/* 2026-08-18 — hero/background cleanup */
.flash-page {
  position: relative;
  min-height: 100vh;
  background: #030812;
}
.flash-page::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
  background:
    radial-gradient(circle at 78% 10%, rgba(53,231,242,.10), transparent 30rem),
    linear-gradient(180deg, #061522 0%, #030812 48%, #020710 100%);
}
.flash-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 620px;
  border-bottom: 1px solid rgba(126,184,209,.10);
}
.flash-hero::before {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -2;
  content: "";
  background:
    linear-gradient(90deg, rgba(3,8,18,.96) 0%, rgba(3,8,18,.80) 39%, rgba(3,8,18,.36) 72%, rgba(3,8,18,.62) 100%),
    linear-gradient(0deg, #030812 0%, rgba(3,8,18,.18) 44%, rgba(3,8,18,.08) 100%),
    url("/assets/hero-adventure.webp") 68% 40% / cover no-repeat;
}
.flash-hero::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 120px;
  content: "";
  background: linear-gradient(180deg, transparent, #030812);
}
.flash-hero > div,
.flash-hero > aside {
  position: relative;
  z-index: 1;
}
.flash-empty .button {
  margin: 12px auto 0;
}
@media (max-width: 850px) {
  .flash-hero { min-height: 560px; }
  .flash-hero::before { background-position: 60% 40%; }
}
@media (max-width: 600px) {
  .flash-hero { min-height: 520px; }
  .flash-hero::before {
    background:
      linear-gradient(180deg, rgba(3,8,18,.40), rgba(3,8,18,.86) 60%, #030812 100%),
      url("/assets/hero-adventure.webp") 63% 38% / cover no-repeat;
  }
}