/* ship.css — Ship Week gimmick styling (dark, display-type launch theater). */
.ship-hero { background: #000; color: #fff; padding: 88px 0 72px; position: relative; overflow: hidden; }
.ship-hero-grid { position: absolute; inset: 0; opacity: .25; --border: #222; mask: radial-gradient(circle at 50% 30%, #000, transparent 70%); -webkit-mask: radial-gradient(circle at 50% 30%, #000, transparent 70%); }
.ship-badge { display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; letter-spacing: .18em; color: #4ade80; border: 1px solid #1f3d29; background: #0a1a10; padding: 6px 14px; border-radius: 999px; margin-bottom: 26px; }
.ship-title { font-size: clamp(3.4rem, 13vw, 9rem); font-weight: 700; letter-spacing: -.05em; line-height: .84; margin: 0; color: #fff; }
.ship-title span { display: block; -webkit-text-stroke: 2px #fff; color: transparent; }
.ship-dates { color: #8f8f8f; font-size: .9rem; letter-spacing: .1em; margin: 22px 0 0; }
.ship-count { font-family: var(--mono); font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 500; letter-spacing: .04em; margin: 30px 0 4px; font-variant-numeric: tabular-nums; color: #fff; min-height: 1.2em; }
.ship-count .u { color: #4b4b4b; font-size: .5em; margin: 0 4px 0 1px; }
.ship-count-label { color: #8f8f8f; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; }
.ship-cta { display: flex; gap: 12px; justify-content: center; margin-top: 34px; flex-wrap: wrap; }

.ship-days { display: flex; flex-direction: column; gap: 12px; }
.ship-day {
  display: grid; grid-template-columns: 64px 1fr auto; gap: 22px; align-items: center;
  border: 1px solid #1f1f1f; border-radius: 14px; padding: 24px 26px; position: relative;
  background: #0a0a0a; transition: border-color .2s, background .2s;
}
.ship-day.revealed { border-color: #2e2e2e; }
.ship-day.today { border-color: #4ade80; background: linear-gradient(90deg, #08160d, #0a0a0a 60%); }
.ship-day.locked { opacity: .6; }
.ship-day-num { font-size: 2.2rem; font-weight: 600; color: #333; letter-spacing: -.03em; }
.ship-day.revealed .ship-day-num { color: #fff; }
.ship-day.today .ship-day-num { color: #4ade80; }
.ship-day-theme { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: #8f8f8f; margin-bottom: 8px; }
.ship-day-title { font-size: 1.35rem; letter-spacing: -.02em; color: #fff; }
.ship-day.locked .ship-day-title { filter: blur(7px); user-select: none; }
.ship-day-blurb { color: #a1a1a1; font-size: .92rem; margin: 8px 0 12px; max-width: 62ch; }
.ship-day.locked .ship-day-blurb { filter: blur(6px); }
.ship-day-link { color: #fff; font-size: .88rem; }
.ship-day.locked .ship-day-link { display: none; }
.ship-day-locked { display: none; flex-direction: column; align-items: center; gap: 6px; color: #8f8f8f; }
.ship-day.locked .ship-day-locked { display: flex; }
.ship-day.locked .ship-day-body { pointer-events: none; }
.ship-day-tag { position: absolute; top: 20px; right: 26px; font-size: .68rem; color: #666; border: 1px solid #262626; padding: 3px 9px; border-radius: 999px; }
.ship-day.locked .ship-day-tag { display: none; }
.ship-day.locked .ship-day-locked .ship-day-eta { font-size: .72rem; letter-spacing: .06em; }
@media (max-width: 640px) {
  .ship-day { grid-template-columns: 44px 1fr; gap: 14px; padding: 20px; }
  .ship-day-locked { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; }
  .ship-day-tag { position: static; }
}