:root{
    --bg:#ffffff;
    --bg-soft:#f6f4f1;
    --ink:#0a0a0a;
    --ink-muted:#6b6b6b;
    --gold:#c8102e;
    --gold-soft:#e2233f;
    --line:rgba(10,10,10,0.14);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
  body{overflow-x:hidden}
  ::selection{background:var(--gold);color:#ffffff}
  a{color:inherit;text-decoration:none}

  /* subtle red accent backdrop */
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background:
      radial-gradient(1200px 600px at 80% -10%, rgba(200,16,46,0.07), transparent 60%),
      radial-gradient(900px 500px at -10% 80%, rgba(10,10,10,0.04), transparent 60%);
  }

  .wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 32px}

  /* NAV */
  nav{position:absolute;top:0;left:0;right:0;z-index:10}
  .nav-inner{display:flex;justify-content:space-between;align-items:center;padding:32px 0}
  .mark{font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-soft)}
  .mark span{color:var(--ink-muted);margin:0 10px}
  .nav-links{display:flex;gap:36px;font-size:12px;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-muted)}
  .nav-links a{transition:color .3s}
  .nav-links a:hover{color:var(--gold-soft)}

  /* HERO */
  .hero{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:140px 0 80px}
  .eyebrow{font-size:11px;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold);margin-bottom:32px;display:flex;align-items:center;gap:14px}
  .eyebrow::before{content:"";width:42px;height:1px;background:var(--gold)}
  h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(48px,6.4vw,92px);line-height:1.02;letter-spacing:-0.01em;margin-bottom:36px}
  h1 em{font-style:italic;color:var(--gold-soft);font-weight:400}
  .lede{font-size:18px;color:var(--ink-muted);max-width:520px;margin-bottom:48px;font-weight:300}
  .cta-row{display:flex;gap:18px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;font-size:12px;letter-spacing:0.28em;text-transform:uppercase;border:1px solid var(--line);transition:all .35s cubic-bezier(.2,.7,.2,1);cursor:pointer}
  .btn.primary{background:var(--gold);color:#ffffff;border-color:var(--gold)}
  .btn.primary:hover{background:var(--gold-soft);border-color:var(--gold-soft);transform:translateY(-2px)}
  .btn.ghost{color:var(--ink)}
  .btn.ghost:hover{border-color:var(--gold);color:var(--gold-soft)}

  .portrait{position:relative;justify-self:center}
  .portrait-frame{position:relative;width:min(440px,80vw);aspect-ratio:4/5;overflow:hidden}
  .portrait-frame::before{content:"";position:absolute;inset:-14px;border:1px solid var(--line);pointer-events:none;z-index:2}
  .portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%) contrast(1.05);transition:filter .8s,transform 1.2s}
  .portrait-frame:hover img{filter:none;transform:scale(1.02)}
  .portrait-tag{position:absolute;left:-22px;top:40px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:0.5em;text-transform:uppercase;color:var(--ink-muted)}
  .portrait-sig{position:absolute;right:-10px;bottom:-30px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;color:var(--gold-soft);opacity:.9}

  /* SECTIONS */
  section{padding:120px 0;position:relative}
  .sec-head{display:grid;grid-template-columns:180px 1fr;gap:48px;margin-bottom:72px;align-items:baseline}
  .sec-num{font-size:11px;letter-spacing:0.4em;color:var(--gold);text-transform:uppercase}
  .sec-num span{display:block;font-family:'Cormorant Garamond',serif;font-size:64px;color:var(--ink);opacity:.12;line-height:1;margin-top:8px}
  .sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4.2vw,56px);font-weight:300;line-height:1.1;letter-spacing:-0.01em}
  .sec-title em{font-style:italic;color:var(--gold-soft)}

  /* ABOUT */
  .about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px}
  .about-text{grid-column:3 / span 8;font-size:19px;line-height:1.8;color:var(--ink)}
  .about-text p{margin-bottom:24px}
  .about-text p:first-of-type::first-letter{font-family:'Cormorant Garamond',serif;font-size:72px;float:left;line-height:.85;padding:6px 14px 0 0;color:var(--gold-soft);font-style:italic}

  /* STATS */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:0}
  .stat-n{font-family:'Cormorant Garamond',serif;font-size:64px;font-weight:300;color:var(--gold-soft);line-height:1}
  .stat-n sup{font-size:24px;vertical-align:top;color:var(--gold);margin-left:4px}
  .stat-unit{font-size:28px}
  .stat-l{margin-top:12px;font-size:12px;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-muted)}

  /* CLUB */
  .club{background:linear-gradient(180deg,transparent,rgba(200,16,46,0.05),transparent)}
  .club-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
  .club blockquote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(28px,3vw,40px);line-height:1.3;color:var(--ink);position:relative;padding-left:36px}
  .club blockquote::before{content:"“";position:absolute;left:-12px;top:-30px;font-size:120px;color:var(--gold);opacity:.5;font-family:'Cormorant Garamond',serif}
  .club .role{margin-top:32px;font-size:12px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold)}

  /* CONTACT */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
  .contact h2{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,5vw,72px);font-weight:300;line-height:1.05}
  .contact h2 em{font-style:italic;color:var(--gold-soft)}
  .contact-links{display:flex;flex-direction:column;gap:18px}
  .contact-link{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:0.1em;transition:padding .3s,color .3s}
  .contact-link:hover{padding-left:14px;color:var(--gold-soft)}
  .contact-link .arrow{color:var(--gold);transition:transform .3s}
  .contact-link:hover .arrow{transform:translateX(8px)}

  footer{padding:48px 0;border-top:1px solid var(--line);margin-top:80px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--ink-muted)}

  /* reveal */
  .reveal{opacity:1;transform:none;transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
  @media (prefers-reduced-motion:no-preference){
    .js-ready .reveal:not(.in){opacity:0;transform:translateY(28px)}
  }

  @media (max-width:900px){
    .hero{grid-template-columns:1fr;padding:120px 0 60px;gap:48px}
    .portrait{order:-1}
    .sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:48px}
    .about-text{grid-column:1 / -1;font-size:17px}
    .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
    .stat-unit{display:block;margin-top:8px}
    .stat-l{letter-spacing:0.1em;overflow-wrap:anywhere}
    .club-inner,.contact-grid{grid-template-columns:1fr;gap:48px}
    .nav-links{display:none}
    section{padding:80px 0}
    footer{flex-direction:column;gap:16px;text-align:center}
  }

  .nav-inner{gap:24px;flex-wrap:wrap}
  .language-switch{display:flex;gap:4px;font-size:12px;letter-spacing:0.12em}
  .language-switch a{padding:9px 8px;border-bottom:1px solid transparent}
  .language-switch a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold)}
  .language-switch a:hover,.language-switch a:focus-visible{color:var(--gold)}
  .hero>div,.club-inner>div,.contact-grid>div{min-width:0}
  @media(max-width:1100px){.nav-links{gap:18px;letter-spacing:0.12em}}
  @media(max-width:900px){.nav-inner{gap:8px;padding:20px 0}.mark{font-size:18px;letter-spacing:0.15em}.language-switch{margin-left:auto}.hero{padding-left:24px;padding-right:24px;padding-top:160px}.portrait-frame{width:min(440px,76vw)}.eyebrow{letter-spacing:0.22em}.sec-title{overflow-wrap:break-word}}
@media(max-width:900px){.about-grid{display:block}}