:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #000; color: #fff; }
* { box-sizing: border-box; }
body { margin: 0; background: #000; color: #fff; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 56px 0 88px; }
header { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 44px; }
header > div { display: flex; flex-direction: column; justify-content: space-between; height: 72px; min-width: 0; }
.mark { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #555; border-radius: 14px; font: 32px Georgia, serif; }
.brand-logo { width: 72px; height: 72px; border-radius: 20px; flex: 0 0 auto; }
.ownership-statement { margin: 28px 0; padding: 20px; border: 1px solid #555; border-radius: 14px; }
.ownership-statement h2 { margin-top: 0; }
.brand-facts { display: grid; gap: 0; margin: 1rem 0; }
.brand-facts > div { display: grid; grid-template-columns: minmax(140px, .7fr) 1.3fr; gap: 18px;
  padding: 12px 0; border-bottom: 1px solid #333; }
.brand-facts dt { color: #aaa; }
.brand-facts dd { margin: 0; line-height: 1.5; }
h1 { margin: 0; font-size: clamp(2rem, 7vw, 3rem); line-height: 1; }
header h1 { transform: translateY(-.12em); }
h2 { margin: 2.2rem 0 .65rem; font-size: 1.2rem; }
p, li { color: #fff; font-size: 1rem; line-height: 1.65; }
.date { margin: 0; color: #8f8d88; line-height: 1; }
a { color: #fff; text-underline-offset: 3px; }
nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 44px; padding-top: 24px; border-top: 1px solid #333; }
@media (max-width: 520px) {
  header { align-items: flex-start; }
  header > div { height: 72px; }
  header h1 { font-size: clamp(1.25rem, 6.5vw, 1.5rem); }
  .date { font-size: .82rem; }
  .brand-facts > div { grid-template-columns: 1fr; gap: 4px; }
}