:root {
  color-scheme: dark;
  --black: #111213;
  --white: #f3f4f4;
  --warm: #f0d6b2;
  --gray: #adb0b0;
  --line: #37393a;
}
* { box-sizing: border-box; letter-spacing: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 22px; }
body { margin: 0; background: var(--black); color: var(--white); font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
a:focus-visible { outline: 3px solid #ba986b; outline-offset: 6px; }
.skip { position: fixed; top: -100px; left: 20px; padding: 15px; background: white; color: black; z-index: 10; }
.skip:focus { top: 12px; }
.header { display: flex; justify-content: space-between; align-items: center; gap: 25px; min-height: 83px; padding: 20px 5%; }
.brand { display: flex; align-items: center; gap: 11px; }
.brand span { font-size: 11px; line-height: 1.2; font-weight: 700; }
nav { display: flex; gap: 35px; font-size: 12px; }
nav a:hover { color: var(--warm); }
.header-link { font-size: 12px; }
.header-link span { margin-left: 15px; color: var(--warm); }
.hero { position: relative; background: #030303; }
.hero-art { display: block; }
.hero-art img { width: 100%; height: auto; aspect-ratio: 3; object-fit: contain; }
.hero-title { position: absolute; left: 5%; top: 19%; width: 26%; }
.eyebrow { font-size: 9px; }
.hero-title .eyebrow { color: #c5bcae; }
h1 { font-family: Impact, 'Arial Black', Arial, sans-serif; font-size: 84px; line-height: .98; font-weight: 900; margin: 22px 0 24px; }
h1 span { color: var(--warm); }
.hero-ticker { font-size: 10px; color: #c9c5be; }
.hero-aside { position: absolute; right: 5%; top: 25%; width: 22%; padding-left: 24px; border-left: 1px solid #5a534b; }
.stamp { font-size: 8px; line-height: 1.6; color: #c5bcae; }
.hero-aside p { font-size: 23px; line-height: 1.4; margin: 22px 0; }
.aside-line { font-size: 8px; color: #c5bcae; }
.action-bar { padding: 25px 5%; display: flex; justify-content: space-between; align-items: center; gap: 35px; border-bottom: 1px solid var(--line); }
.action-bar p { margin: 0; font-size: 15px; line-height: 1.4; color: #bdc0c0; }
.actions { display: flex; gap: 10px; }
.button { display: flex; align-items: center; justify-content: space-between; gap: 30px; font-size: 12px; font-weight: 700; padding: 16px 23px; border: 1px solid #737575; border-radius: 3px; min-height: 48px; transition: background .2s, color .2s; }
.button:hover { background: white; color: black; }
.primary { background: var(--warm); color: #1e1a15; border-color: var(--warm); }
.primary:hover { background: #fff0d9; }
.brief { background: #e9eded; color: #16191b; padding: 40px 7% 60px; }
.brief-label { font-size: 9px; display: flex; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #bcc4c5; }
.brief h2 { margin: 40px 0; font-size: 72px; line-height: 1.03; font-weight: 500; }
.brief h2 span { color: #666f73; }
.brief-bottom { display: grid; grid-template-columns: 1fr 1.35fr; gap: 90px; }
.identity { display: flex; gap: 45px; align-items: flex-start; padding-top: 5px; }
.identity span { font-size: 8px; color: #586163; }
.identity strong { display: block; margin-top: 13px; font-size: 18px; color: #16191b; font-weight: 500; }
.brief-copy p { margin: 0 0 18px; font-size: 15px; line-height: 1.75; color: #566164; }
.brief-copy .lead { font-size: 22px; line-height: 1.5; color: #16191b; }
.brief-copy .signoff { margin: 24px 0 0; font-size: 12px; font-weight: 700; color: #16191b; }
.press { padding: 48px 7%; display: grid; grid-template-columns: 1fr 1.35fr; gap: 90px; }
.press .eyebrow { color: var(--warm); }
.press h2 { margin: 18px 0 13px; font-size: 40px; font-weight: 500; }
.press-heading p { color: var(--gray); font-size: 14px; }
.downloads a { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--line); }
.downloads a:first-child { border-top: 1px solid var(--line); }
.file-type { font-size: 8px; color: var(--gray); }
.downloads strong { grid-column: 1; font-size: 23px; font-weight: 400; }
.download-arrow { grid-column: 2; grid-row: 1 / 3; font-size: 27px; color: var(--warm); }
.downloads a:hover strong { color: var(--warm); }
.contact { margin: 0 7%; padding: 30px 0 40px; display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid var(--line); }
.contact h2 { font-size: 27px; line-height: 1.4; font-weight: 400; margin: 0; }
.contact h2 span { color: var(--gray); }
.contact a { font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #85817c; }
.contact a span { margin-left: 20px; color: var(--warm); }
footer { padding: 22px 5%; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
footer a { font-size: 11px; font-weight: 700; }
footer a span { color: var(--warm); font-weight: 400; }
footer p, footer small { font-size: 9px; color: var(--gray); }
@media (min-width: 1800px) {
  .hero-art img { max-height: 590px; }
  h1 { font-size: 104px; }
}
@media (max-width: 1100px) {
  h1 { font-size: 62px; margin: 15px 0; }
  .hero-title { top: 15%; }
  .hero-title .eyebrow { font-size: 7px; }
  .hero-aside { padding-left: 16px; top: 20%; }
  .hero-aside p { font-size: 18px; margin: 16px 0; }
  .brief h2 { font-size: 60px; }
  .brief-bottom, .press { gap: 45px; }
  .identity { flex-direction: column; gap: 25px; }
}
@media (min-width: 701px) and (max-width: 850px) {
  h1 { font-size: 49px; }
  .hero-ticker { font-size: 8px; }
  .hero-aside p { font-size: 16px; }
  .stamp, .aside-line { font-size: 7px; }
}
@media (max-width: 700px) {
  .header { min-height: 72px; padding: 17px 5%; }
  .header-link { display: none; }
  nav { gap: 23px; font-size: 11px; }
  .hero { display: flex; flex-direction: column; }
  .hero-title { position: static; order: -1; padding: 25px 5% 0; width: 100%; }
  .hero-title .eyebrow { font-size: 8px; }
  h1 { font-size: 60px; margin: 15px 0; }
  h1 br { display: none; }
  .hero-ticker { font-size: 9px; }
  .hero-art img { aspect-ratio: 1; }
  .hero-aside { display: none; }
  .hero-aside p { margin: 0; font-size: 15px; }
  .stamp { font-size: 7px; max-width: 130px; }
  .aside-line { display: none; }
  .action-bar { display: block; padding: 22px 5% 26px; }
  .action-bar p { display: none; }
  .actions { gap: 8px; }
  .button { padding: 14px 12px; gap: 12px; font-size: 11px; flex: 1; }
  .brief { padding: 30px 6% 38px; }
  .brief-label { font-size: 7px; line-height: 1.5; }
  .brief-label span:last-child { text-align: right; max-width: 135px; }
  .brief h2 { font-size: 44px; margin: 29px 0; }
  .brief-bottom { display: flex; flex-direction: column-reverse; gap: 26px; }
  .identity { flex-direction: row; justify-content: space-between; border-top: 1px solid #bcc4c5; padding-top: 22px; }
  .brief-copy .lead { font-size: 21px; }
  .press { padding: 35px 6%; grid-template-columns: 1fr; gap: 20px; }
  .press h2 { font-size: 35px; }
  .contact { margin: 0 6%; padding: 30px 0; flex-direction: column; align-items: flex-start; gap: 22px; }
  .contact h2 { font-size: 24px; }
  footer { flex-wrap: wrap; padding: 23px 6%; gap: 14px; }
  footer p { order: 3; flex-basis: 100%; line-height: 1.6; margin: 0; }
  footer small { margin-left: auto; }
}
@media (max-width: 400px) {
  h1 { font-size: 55px; }
  h1 br { display: block; }
  .brief h2 { font-size: 40px; }
}
@media (max-width: 360px) {
  .button { padding: 13px 9px; gap: 9px; font-size: 10px; }
  .brief h2 { font-size: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}