:root {
  color-scheme: dark;
  --gold: #e8b873;
  --text: #faf3ea;
  --muted: #cbbcaf;
}
* { box-sizing: border-box; }
html { min-width: 320px; background: #100906; }
body { margin: 0; color: var(--text); font-family: 'Segoe UI', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a:focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; }
.landing { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: #100906; }
.landing-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; z-index: -3; pointer-events: none; }
.landing::before { content: ''; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, #100906eb 0%, #100906c4 30%, #10090640 61%, #10090612), linear-gradient(180deg, #100906a6, transparent 28%, transparent 65%, #100906ed); pointer-events: none; }
.landing-header, .landing-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 6.5vw; position: relative; }
.landing-header { padding: 34px 0; }
.landing-title { margin: 0; font-size: 17px; font-weight: 650; letter-spacing: .025em; display: flex; align-items: center; gap: 28px; }
.landing-title span { font-size: 10px; font-weight: 600; letter-spacing: .15em; color: var(--gold); text-transform: uppercase; }
.landing-header-link { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; color: #e0cdb8; transition: color .2s; }
.landing-header-link:hover { color: #fff0d9; }
.landing-header-link svg { width: 19px; height: 19px; }
.landing-main { flex: 1; display: flex; align-items: center; padding: 40px 9vw 65px; min-height: 570px; }
.landing-content { width: 49vw; max-width: 660px; }
.landing-logo { display: block; width: calc(100% + 30px); max-width: 680px; height: auto; margin: 0 0 42px -22px; filter: drop-shadow(0 14px 24px #0008); }
.landing-heading { font-size: clamp(38px, 3.6vw, 56px); font-weight: 650; line-height: 1.12; letter-spacing: -.035em; margin: 0 0 24px; text-shadow: 0 4px 32px #0005; }
.landing-heading em { color: var(--gold); font-style: normal; }
.landing-copy { font-size: 15px; line-height: 1.8; color: var(--muted); margin: 0 0 30px; max-width: 430px; }
.landing-cta { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 58px; padding: 0 25px; border-radius: 7px; color: #24170c; background: linear-gradient(110deg, #f0ca8e, #dda45b); box-shadow: 0 10px 32px #0003; font-size: 14px; font-weight: 650; transition: transform .2s, filter .2s, box-shadow .2s; }
.landing-cta svg { width: 23px; height: 23px; }
.landing-cta .landing-arrow { width: 18px; height: 18px; margin-left: 18px; }
.landing-cta:hover { filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 12px 38px #bc793426; }
.landing-footer { padding: 22px 0 28px; font-size: 11px; color: #b09c88; }
.landing-errors { max-width: 600px; margin: 16px 9vw; padding: 16px; border-radius: 7px; background: #421f15; line-height: 1.5; }
@media (min-width: 1800px) {
  .landing-main { padding-left: 11vw; }
  .landing-content { max-width: 700px; }
  .landing-logo { max-width: 720px; margin-bottom: 46px; }
  .landing-heading { font-size: 60px; }
}
@media (max-width: 1000px) {
  .landing-header, .landing-footer { margin: 0 5vw; }
  .landing-main { padding-left: 7vw; padding-right: 7vw; }
  .landing-content { width: 57vw; }
  .landing-title { gap: 20px; }
  .landing-title span { font-size: 9px; letter-spacing: .08em; }
  .landing::before { background: linear-gradient(90deg, #100906ed, #100906b8 50%, #10090621), linear-gradient(180deg, #100906ad, transparent 30%, #100906 100%); }
}
@media (max-width: 640px) {
  .landing-header { padding: 25px 0; margin: 0 25px; gap: 12px; }
  .landing-title { display: block; font-size: 16px; line-height: 1.5; }
  .landing-title span { display: block; padding-top: 4px; font-size: 9px; letter-spacing: .09em; }
  .landing-header-link { font-size: 0; gap: 0; }
  .landing-header-link svg { width: 23px; height: 23px; }
  .landing-art { object-position: 64% top; }
  .landing::before { background: linear-gradient(180deg, #100906b0, #10090665 15%, #100906d4 45%, #100906 90%); }
  .landing-main { padding: 48px 28px 55px; min-height: 0; justify-content: center; }
  .landing-content { width: 100%; max-width: 430px; text-align: center; }
  .landing-logo { width: calc(100% + 20px); max-width: none; margin: 0 -10px 36px; }
  .landing-heading { font-size: clamp(34px, 8.5vw, 48px); margin-bottom: 22px; }
  .landing-copy { font-size: 14px; margin: 0 auto 28px; max-width: 310px; }
  .landing-cta { width: 100%; max-width: 335px; min-height: 58px; padding: 0 20px; font-size: 13px; gap: 12px; }
  .landing-cta .landing-arrow { margin-left: auto; }
  .landing-footer { margin: 0 25px; padding: 20px 0 25px; justify-content: center; font-size: 10px; }
  .landing-errors { margin: 16px 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-cta, .landing-header-link { transition: none; }
  .landing-cta:hover { transform: none; }
}