:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; color: #f7f9ff; background: #10213a; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
.page { width: min(1120px, 100%); min-height: 100svh; margin-inline: auto; padding: 34px 40px 24px; display: flex; flex-direction: column; }
.masthead { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid #4b5a70; }
.wordmark { font-size: 1.375rem; font-weight: 900; letter-spacing: -.06em; }
.edition { color: #a9ceff; font-size: .875rem; letter-spacing: .12em; line-height: 1.6; }
main { flex: 1; padding-block: clamp(40px, 7vw, 90px) 40px; }
.welcome { display: grid; grid-template-columns: 1.45fr 1fr; gap: 64px; align-items: center; }
.eyebrow { font-size: .875rem; color: #a9ceff; letter-spacing: .12em; line-height: 1.7; margin: 0 0 24px; }
h1 { font-size: clamp(2.75rem, 5.5vw, 4.5rem); line-height: 1.05; letter-spacing: -.055em; margin: 0 0 26px; }
h1 span { color: #ff7774; }
.intro { max-width: 34em; font-size: 1.125rem; line-height: 1.7; color: #e1e8f3; margin: 0; }
.coming-soon { margin-top: 32px; border-left: 3px solid #79b6ff; padding-left: 20px; }
h2 { font-size: 1.125rem; line-height: 1.5; margin: 0 0 8px; }
.coming-soon p { color: #c0ccdf; font-size: 1rem; line-height: 1.7; margin: 0; }
.sticker-card { margin: 0; padding: 12px 12px 20px; background: #f7f9ff; color: #10213a; transform: rotate(3deg); box-shadow: 12px 16px 0 #080f1d; }
.photo-wrap { background: #dfdfd5; }
img { display: block; max-width: 100%; height: auto; }
figcaption { padding: 18px 10px 0; }
figcaption span { display: block; font-size: .75rem; letter-spacing: .12em; color: #485469; margin-bottom: 7px; }
figcaption strong { font-size: 1.375rem; letter-spacing: -.035em; }
.signoff { color: #c0ccdf; font-size: 1rem; line-height: 1.7; margin: 54px 0 0; }
.signoff span { display: block; color: #f7f9ff; font-weight: 700; margin-top: 5px; }
footer { display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid #4b5a70; color: #a9b9ce; font-size: .875rem; line-height: 1.6; }
@media (max-width: 760px) {
  .page { padding: 24px 24px 20px; }
  .masthead { align-items: flex-start; gap: 16px; }
  .edition { text-align: right; max-width: 11em; font-size: .75rem; }
  .welcome { grid-template-columns: 1fr; gap: 38px; }
  .sticker-card { width: min(300px, 90%); justify-self: center; }
  .signoff { margin-top: 40px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }