:root {
  color-scheme: light;
  --navy: #0f2436;
  --paper: #f6f5f0;
  --soft: #54636d;
  --orange: #f2994a;
}
* { box-sizing: border-box; }
html { background: var(--paper); }
body { margin: 0; color: var(--navy); font-family: Arial, Helvetica, sans-serif; }
.shell { min-height: 100svh; }
.editorial { width: 100%; max-width: 1160px; min-height: 100svh; margin-inline: auto; min-width: 0; padding: 28px 24px 24px; display: flex; flex-direction: column; }
.logo { display: block; width: min(240px, 100%); height: auto; }
main { margin-block: auto; padding-block: 42px; }
.eyebrow { display: flex; align-items: center; gap: 16px; margin: 0 0 24px; font-size: 0.6875rem; font-weight: 700; line-height: 1.5; letter-spacing: 0.22em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 30px; height: 2px; background: #a85417; }
h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -0.045em; overflow-wrap: anywhere; }
.opening { display: block; font-size: clamp(1.7rem, 3vw, 2.75rem); line-height: 1.3; }
.headline { display: block; margin-top: 9px; font-size: clamp(2.5rem, 5.6vw, 5rem); line-height: 1.08; }
.headline em { display: block; font-weight: 400; }
.message { max-width: 350px; margin: 24px 0 0; color: var(--soft); font-size: 1rem; line-height: 1.7; }
.signature { height: 1px; background: #d7d7cf; }
.signature span { display: block; width: 44px; height: 2px; background: var(--orange); }
@media (min-width: 600px) and (max-width: 999px) {
  .editorial { padding: 36px 48px 32px; }
  .logo { width: 270px; }
  main { padding-block: 40px; }
  .headline { font-size: clamp(3.4rem, 8vw, 4.5rem); }
  .message { max-width: 430px; }
}
@media (min-width: 1000px) {
  .editorial { padding: 48px clamp(40px, 5.4vw, 96px) 40px; }
  .logo { width: 280px; }
  main { padding-block: 60px; }
  .eyebrow { margin-bottom: 32px; font-size: 0.75rem; }
  .headline { font-size: clamp(3.3rem, 5.5vw, 5.25rem); }
  .message { margin-top: 30px; font-size: 1.0625rem; }
}
@media (max-height: 700px) and (min-width: 1000px) {
  .editorial { padding-block: 28px; }
  main { padding-block: 32px; }
  .headline { font-size: clamp(3.3rem, 5vw, 4.4rem); }
}
@media (max-height: 700px) and (max-width: 599px) {
  .editorial { padding-block: 20px; }
  main { padding-block: 24px; }
}
@media (max-height: 700px) and (min-width: 760px) and (max-width: 999px) {
  .editorial { padding: 24px 28px; }
  .logo { width: 220px; }
  main { padding-block: 24px; }
  .eyebrow { margin-bottom: 20px; }
  .opening { font-size: 1.7rem; }
  .headline { font-size: 2.7rem; }
  .message { margin-top: 20px; font-size: 0.9375rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}