:root{--bg:#000;--text:#f4f4f4;--muted:#a7a7a7;--gold:#c9922f;--line:#232323}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden} a{color:inherit}
.site-header{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);z-index:20}
.brand{color:#fff;text-decoration:none;font-size:clamp(1.25rem,2vw,1.95rem);font-weight:700}
.site-nav{display:flex;gap:36px}
.site-nav a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--gold)}
.hero{position:relative;min-height:100vh;background:#000;overflow:hidden}
.hero-bg{position:absolute;inset:76px 0 0;background:#000 url("assets/hero-4k.jpg") center top/cover no-repeat;animation:heroZoom 20s ease-out forwards}
.hero-copy{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);width:min(900px,88vw);text-align:center;animation:fadeUp .8s ease-out .15s both}
.hero-copy h1{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.55rem,2.65vw,3rem);line-height:1.16;letter-spacing:.02em;text-shadow:0 3px 16px rgba(0,0,0,.95)}
@keyframes fadeUp{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.02)}}
.page{min-height:100vh;padding:150px 8vw 80px;background:#000}
.page-content{max-width:1050px;margin:0 auto}
.kicker{margin:0 0 16px;color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:.74rem}
.page h1{margin:0 0 28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.92;font-weight:400}
.page p{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.8}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.cards article{min-height:230px;padding:28px;border:1px solid var(--line);background:#090909}
.cards h2{margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}
.email{color:var(--gold);font-size:clamp(1.4rem,3vw,2.3rem);text-decoration:none}
.email:hover{text-decoration:underline}
@media(max-width:800px){
.site-header{min-height:102px;height:auto;align-items:flex-start;flex-direction:column;gap:16px;padding:18px 20px}
.site-nav{width:100%;gap:16px;flex-wrap:wrap}.site-nav a{font-size:.66rem}
.hero-bg{inset:102px 0 0;background-size:contain;background-position:center top}
.hero-copy{bottom:28px}.hero-copy h1{font-size:1.2rem}
.page{padding-top:160px}.cards{grid-template-columns:1fr}}