
:root{
  --ink:#08090b;
  --paper:#f3efe8;
  --gold:#d6ab61;
  --gold2:#f2d59a;
  --white:#fff;
  --line:rgba(255,255,255,.18);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--ink);
  color:var(--white);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.site-header{
  position:fixed;
  z-index:20;
  inset:0 0 auto 0;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 max(28px,calc((100vw - var(--max))/2));
  background:linear-gradient(to bottom,rgba(3,4,5,.9),rgba(3,4,5,.38),transparent);
}
.brand{display:flex;flex-direction:column;letter-spacing:.13em}
.brand-name{font-weight:800;font-size:15px}
.brand-sub{font-size:9px;color:var(--gold2);letter-spacing:.32em;margin-top:3px}
.nav{display:flex;align-items:center;gap:27px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.nav a{opacity:.85;transition:.2s}
.nav a:hover{opacity:1;color:var(--gold2)}
.nav-booking{border:1px solid rgba(255,255,255,.5);padding:11px 15px}
.menu-toggle{display:none;background:none;border:0;padding:10px}
.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}

.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero-image{
  position:absolute;inset:0;
  background-image:url("anthony-hero.webp");
  background-size:cover;
  background-position:58% 36%;
  transform:scale(1.015);
}
.hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(3,4,5,.94) 0%,rgba(3,4,5,.74) 38%,rgba(3,4,5,.22) 70%,rgba(3,4,5,.3) 100%),
    linear-gradient(0deg,rgba(3,4,5,.86) 0%,transparent 42%);
}
.hero-content{
  position:relative;
  width:min(var(--max),calc(100% - 56px));
  margin:0 auto;
  padding-top:80px;
}
.eyebrow,.section-kicker{
  font-size:11px;
  letter-spacing:.36em;
  color:var(--gold2);
  font-weight:800;
  margin:0 0 20px;
}
.hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(58px,8.1vw,124px);
  line-height:.81;
  letter-spacing:-.045em;
  margin:0;
  max-width:900px;
  text-shadow:0 7px 35px rgba(0,0,0,.35);
}
.tagline{
  margin:26px 0 30px;
  letter-spacing:.24em;
  font-weight:700;
  font-size:13px;
}
.tagline span{color:var(--gold)}
.hero-actions,.social-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:49px;padding:0 22px;
  text-transform:uppercase;letter-spacing:.13em;
  font-size:11px;font-weight:800;
  transition:transform .18s,background .18s,color .18s;
}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--gold);color:#14100a}
.button.ghost{border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.15)}
.button.outline{border:1px solid rgba(255,255,255,.35)}
.button.light{border-color:rgba(255,255,255,.7)}
.scroll-cue{
  position:absolute;bottom:22px;left:50%;
  font-size:26px;opacity:.7;
  animation:float 1.6s ease-in-out infinite;
}
@keyframes float{50%{transform:translateY(6px)}}

.section{
  padding:110px max(28px,calc((100vw - var(--max))/2));
}
.split{
  background:var(--paper);color:#151515;
  display:grid;grid-template-columns:1.35fr .65fr;gap:90px;align-items:center;
}
.section-copy{max-width:670px}
.section h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(40px,5vw,72px);
  line-height:.98;letter-spacing:-.035em;margin:0 0 24px;
}
.split .section-kicker{color:#8b6427}
.lead{font-size:21px;line-height:1.55}
.section-copy p:not(.section-kicker):not(.lead){font-size:16px;line-height:1.7;color:#535353}
.quote-card{border-left:1px solid #c8bba5;padding:12px 0 12px 34px}
.quote-mark{font:76px/1 Georgia,serif;color:#b8873d}
.quote-card p{font:24px/1.4 Georgia,serif}

.dark-section{background:#0d0f12;text-align:center}
.section-heading{max-width:730px;margin:0 auto 38px}
.section-heading p:not(.section-kicker){color:#bbb;line-height:1.7}
.dark-section .social-actions,.booking-section .social-actions{justify-content:center}

.media-section{
  background:#17191d;
  display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;
}
.media-section .section-heading{margin:0}
.feature-card{
  min-height:330px;border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(214,171,97,.16),rgba(0,0,0,.22)),
    url("anthony-hero.webp") center 33%/cover;
  display:flex;align-items:flex-end;gap:18px;padding:28px;
  box-shadow:0 25px 65px rgba(0,0,0,.22);
}
.play{
  width:56px;height:56px;border-radius:50%;background:var(--gold);
  color:#111;display:grid;place-items:center;padding-left:3px;
}
.feature-card span{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ddd;margin-bottom:6px}
.feature-card strong{font-size:18px}

.photo-strip{
  background:#e9e1d5;color:#181818;
  display:grid;grid-template-columns:.58fr 1.42fr;padding-top:0;padding-bottom:0;padding-right:0;
}
.photo-copy{padding:100px 60px 100px max(28px,calc((100vw - var(--max))/2))}
.photo-copy .section-kicker{color:#8b6427}
.photo-copy p:last-child{color:#666;line-height:1.65}
.photo-panel{
  min-height:600px;
  background:url("anthony-hero.webp") center 30%/cover;
  filter:saturate(.9) contrast(1.03);
}
.booking-section{text-align:center;background:#090a0d;padding-top:130px;padding-bottom:130px}
.booking-section>p:not(.section-kicker){max-width:620px;margin:0 auto 32px;color:#bdbdbd;line-height:1.65}
footer{
  border-top:1px solid var(--line);
  padding:35px max(28px,calc((100vw - var(--max))/2));
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
  background:#050607;
}
footer strong{font-size:13px;letter-spacing:.14em}
footer div:first-child span{display:block;color:#888;margin-top:6px;font-size:11px}
.footer-links{display:flex;gap:18px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
footer small{grid-column:1/-1;color:#676767;font-size:10px}

@media (max-width:820px){
  .site-header{height:72px;padding:0 20px}
  .menu-toggle{display:block;z-index:22}
  .nav{
    position:fixed;inset:0;background:rgba(7,8,10,.98);
    display:none;flex-direction:column;justify-content:center;
    gap:28px;font-size:15px;
  }
  .nav.open{display:flex}
  .hero-content{width:calc(100% - 40px);padding-top:60px}
  .hero-image{background-position:64% 35%}
  .hero-shade{background:linear-gradient(90deg,rgba(3,4,5,.9),rgba(3,4,5,.45)),linear-gradient(0deg,rgba(3,4,5,.85),transparent 55%)}
  .tagline{font-size:10px;letter-spacing:.17em}
  .split,.media-section,.photo-strip{grid-template-columns:1fr}
  .split{gap:55px}
  .section{padding:82px 24px}
  .media-section{gap:40px}
  .feature-card{min-height:270px}
  .photo-strip{padding:0}
  .photo-copy{padding:80px 24px}
  .photo-panel{min-height:420px}
  footer{grid-template-columns:1fr}
  footer small{grid-column:auto}
}
