/* Private Members Club. Static, mobile-first, no external dependencies. */
:root{--bg:#11110e;--paper:#f6f2ea;--muted:#ddd5c6;--faint:#9b968b;--rule:rgba(239,234,222,.25)}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;min-width:280px;overflow-x:clip}
.hero{position:relative;isolation:isolate;min-height:690px;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.hero-media,.hero-picture,.hero-video,.hero-scrim{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:-1;background:#1a1813}
.hero-picture{display:block}
.hero-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.hero-video{object-fit:cover;object-position:center;opacity:0;transition:opacity 1000ms ease;background:transparent;pointer-events:none}
.hero-video.ready{opacity:1}
.hero-scrim{background:linear-gradient(180deg,rgba(6,6,5,.58) 0%,rgba(6,6,5,.33) 20%,rgba(6,6,5,.51) 52%,rgba(6,6,5,.69) 100%),linear-gradient(90deg,rgba(0,0,0,.13),transparent 50%,rgba(0,0,0,.13))}
.masthead{position:relative;text-align:center;padding:clamp(22px,3vw,44px) 20px 15px;padding-top:max(22px,env(safe-area-inset-top));max-width:1100px;width:100%;margin:0 auto}
.est,.brand-note,.eyebrow,.hero-bottom,.section-heading,.number,.footer{letter-spacing:.22em;font-weight:400}
.est{font-size:10px;color:#ddd7cd}
.brand{font:400 clamp(27px,3.4vw,44px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin-top:10px;text-wrap:balance}
.brand-note{font-size:10px;color:#ddd7cc;margin-top:11px}
.hero-center{align-self:center;text-align:center;position:relative;padding:30px 22px 48px;max-width:1000px;width:100%;margin:auto}
.eyebrow{font-size:10px;color:#e7e1d4;margin-bottom:20px}
h1{font:400 clamp(60px,8vw,113px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.055em;max-width:920px;margin:0 auto 21px;text-wrap:balance}
.subtitle{font:400 clamp(17px,1.8vw,23px)/1.55 Georgia,'Times New Roman',serif;color:#ece5d9;margin:0 auto;max-width:650px;text-wrap:pretty}
.rule{height:1px;background:var(--rule);width:58px;margin:30px auto 23px}
.membership{font-size:clamp(12px,1.1vw,14px);line-height:1.55;color:#ede8de;letter-spacing:.025em;margin:0}
.hero-bottom{font-size:9px;color:#d6cebf;text-align:center;padding:12px 20px 25px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.moments{background:#11110e;padding:80px clamp(22px,5vw,80px) 72px}
.section-heading{text-align:center;font-size:11px;color:#b8ad9d;margin:0 0 33px}
.moments-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#3a3730;border:1px solid #3a3730}
.moment{background:#161612;min-width:0;padding:34px 32px 39px}
.number{font-size:11px;color:#baaa90}
.moment h3{font:400 clamp(27px,2.6vw,36px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:24px 0 12px;text-wrap:balance}
.moment p{font:400 14px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#b4aea2;margin:0;max-width:290px}
.footer{background:#11110e;border-top:1px solid #312f29;color:#8b877f;font-size:9px;text-align:center;padding:25px 18px 35px;padding-bottom:max(35px,env(safe-area-inset-bottom))}
@media(min-width:1400px){.hero{min-height:750px;min-height:100svh}}
@media(max-width:900px){.moments-grid{grid-template-columns:1fr;max-width:680px}.moment{padding:28px 30px}.moment h3{font-size:31px;margin-top:14px}.moments{padding:65px 24px}}
@media(max-width:600px){
  .hero{min-height:590px;min-height:100svh}
  .hero-picture img{object-position:center 54%}
  .hero-video{object-position:center}
  .hero-scrim{background:linear-gradient(180deg,rgba(6,6,5,.65) 0%,rgba(6,6,5,.32) 23%,rgba(6,6,5,.51) 54%,rgba(6,6,5,.78) 100%)}
  .masthead{padding:29px 18px 0;padding-top:max(29px,env(safe-area-inset-top))}
  .est{font-size:9px}
  .brand{font-size:clamp(25px,6.7vw,34px);line-height:1.07;max-width:390px;margin-left:auto;margin-right:auto}
  .brand-note{font-size:9px;margin-top:9px}
  .hero-center{padding:30px 24px 42px}
  .eyebrow{font-size:9px;letter-spacing:.24em;margin-bottom:18px}
  h1{font-size:clamp(48px,12vw,69px);letter-spacing:-.055em;line-height:.98;max-width:420px;margin-bottom:20px}
  .subtitle{font-size:clamp(17px,4vw,20px);line-height:1.45;max-width:400px}
  .desktop-break{display:none}
  .rule{margin:27px auto 19px}
  .membership{font-size:12px;max-width:340px;margin:auto;line-height:1.7}
  .hero-bottom{font-size:8px;letter-spacing:.20em;padding-bottom:max(22px,env(safe-area-inset-bottom))}
  .moments{padding:56px 20px 55px}
  .section-heading{margin-bottom:25px;font-size:10px}
  .moment{padding:25px 24px 29px}
  .moment h3{font-size:29px;margin:12px 0 10px}
  .moment p{font-size:13px;line-height:1.7}
}
@media(max-width:360px){.masthead{padding-left:14px;padding-right:14px}.brand{font-size:24px}.hero-center{padding-left:14px;padding-right:14px}h1{font-size:46px}.subtitle{font-size:16px}}
@media(max-width:600px) and (max-height:650px){.hero{min-height:650px}.hero-center{padding-top:28px;padding-bottom:32px}}
@media(max-height:480px) and (orientation:landscape){.hero{min-height:480px}.masthead{padding-top:12px}.brand{font-size:26px}.hero-center{padding:12px 16px}.eyebrow{margin-bottom:10px}h1{font-size:45px;margin-bottom:10px}.rule{margin:14px auto 9px}.hero-bottom{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none!important;transition:none!important}}
