:root{--bg:#111;--fg:#f4efe7;--muted:rgba(244,239,231,.78);--accent:#c4a35a;--overlay:rgba(0,0,0,.28)}
*{box-sizing:border-box} html,body{height:100%} body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}
.page{min-height:100%;position:relative;overflow:hidden}
.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;padding:28px}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center center;transform:scale(1.02)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.10), var(--overlay) 55%, rgba(0,0,0,.58))}
.topline{position:absolute;top:22px;left:28px;right:28px;z-index:3;display:flex;justify-content:space-between;gap:14px;align-items:center}
.brand{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;gap:12px;align-items:center}
.brand .line{width:42px;height:1px;background:var(--accent);opacity:.85}
.wordmark{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.panel{position:relative;z-index:2;width:min(760px,100%);padding:0 0 10px 0}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.rule{width:124px;height:1px;background:var(--accent);margin:16px 0 20px}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,92px);line-height:.94;letter-spacing:-.04em;font-weight:500;max-width:10.5ch}
p{margin:0} .lead{margin-top:16px;font-size:clamp(18px,2vw,26px);line-height:1.25;max-width:24ch;color:rgba(255,255,255,.96)}
.body{margin-top:16px;font-size:15px;line-height:1.72;max-width:58ch;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;min-width:180px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}
.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.foot{position:relative;z-index:2;padding:0 28px 26px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.hero{padding:22px 16px}.topline{left:16px;right:16px;top:16px;flex-direction:column;align-items:flex-start}.actions .btn{flex:1 1 100%;min-width:unset}.foot{padding:0 16px 18px}}