* { box-sizing: border-box; }
:root { color-scheme: light; --paper: #f5f2e9; --ink: #303d35; --muted: #687269; --rule: #d9dbcf; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
.header { max-width: 1440px; margin: auto; padding: 35px 6%; display: flex; justify-content: space-between; align-items: center; }
.brand { color: var(--ink); text-decoration: none; font-family: Georgia, 'Times New Roman', serif; font-size: 25px; letter-spacing: 3px; }
.brand span { display: block; text-align: center; font: 10px Arial, sans-serif; letter-spacing: 7px; margin-top: 8px; padding-left: 7px; }
.brand:focus-visible { outline: 2px solid var(--ink); outline-offset: 8px; }
.header-note { color: var(--muted); font-size: 12px; letter-spacing: .4px; }
.intro { max-width: 1440px; margin: auto; padding: 48px 6% 68px; display: grid; grid-template-columns: 1fr; gap: 7%; align-items: center; }
.eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 2px; margin: 0 0 29px; }
.dot { width: 6px; height: 6px; border-radius: 50%; background: #849171; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(38px, 4.4vw, 64px); letter-spacing: -3px; line-height: 1.06; margin: 0 0 28px; }
h1 em { color: #7b896b; font-weight: 400; }
.description { color: var(--muted); max-width: 350px; font-size: 14px; line-height: 1.8; margin: 0 0 12px; }
.coming-soon { display: flex; align-items: center; gap: 14px; font-size: 12px; margin-top: 33px; }
.line { width: 32px; height: 1px; background: #849171; }
footer { padding: 23px 6%; background: #eaece2; text-align: center; }
footer p { margin: 0; font-size: 10px; line-height: 1.9; letter-spacing: .35px; overflow-wrap: anywhere; }
@media (min-width: 1500px) { .intro { padding-top: 70px; padding-bottom: 90px; } }
@media (max-width: 760px) {
  .header { padding: 27px 7%; }
  .header-note { display: none; }
  .intro { grid-template-columns: 1fr; padding: 34px 7% 38px; gap: 38px; }
  h1 { font-size: clamp(34px, 7.7vw, 58px); letter-spacing: -2px; }
  .description { max-width: 440px; }
  footer { padding: 22px 7%; }
}


body { min-height: 100vh; display: flex; flex-direction: column; }
.header { width: 100%; }
main { flex: 1; width: 100%; }
.intro { width: 100%; }