.btn.on-white{background:var(--white); color:var(--ink);}
  .btn.on-white:hover{background:var(--paper);}
  .btn.outline-maroon{background:transparent; color:var(--maroon); border:2px solid var(--maroon); box-shadow:none; padding:15px 28px;}
  .btn.outline-maroon:hover{background:var(--maroon); color:var(--white); box-shadow:none;}
  .link-play{
    display:inline-flex; align-items:center; gap:12px;
    font-family:'Oswald',sans-serif; font-size:13.5px; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;
    color:var(--white);
  }
  .link-play .dot{
    width:40px; height:40px; border-radius:50%; border:none; background:var(--white);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    transition:background .18s ease, transform .18s ease;
  }
  .link-play:hover .dot{background:var(--gold); transform:scale(1.06);}
  .link-play svg{width:13px; height:13px; fill:var(--ink);}

  /* ---------- NAV ---------- */
  header.site-nav{position:absolute; top:0; left:0; right:0; z-index:60;}
  .nav-inner{max-width:var(--max); margin:0 auto; padding:30px 32px 0; display:flex; align-items:center; justify-content:space-between;}

  /* ---------- HERO ---------- */
  .hero{position:relative; background:linear-gradient(120deg, #201C17 0%, #14120F 45%, var(--ink) 75%); min-height:86vh; overflow:hidden;}
  .hero-photo{
    position:absolute; top:0; right:0; bottom:0; width:62%;
    background-image:url("/assets/images/hero.jpg");
    background-size:cover; background-position:73% 44%;
    filter:saturate(1.05) contrast(1.0) brightness(1.15);
    -webkit-mask-image:linear-gradient(to left, black 48%, transparent 96%), linear-gradient(to bottom, transparent 0%, black 22%);
    mask-image:linear-gradient(to left, black 48%, transparent 96%), linear-gradient(to bottom, transparent 0%, black 22%);
    -webkit-mask-composite:source-in;
    mask-composite:intersect;
  }
  .hero-photo::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(to top, rgba(13,12,11,0.4) 0%, rgba(13,12,11,0) 26%),
               radial-gradient(circle at 70% 30%, rgba(134,38,51,0.12), transparent 60%);
  }
  .hero-inner{
    position:relative; z-index:2; max-width:var(--max); margin:0 auto; width:100%;
    padding:150px 32px 110px; display:grid; grid-template-columns:1fr 0.4fr; gap:20px;
  }
  .hero-eyebrow{color:var(--gold); margin-bottom:22px;}
  .hero-eyebrow .diamond{background:var(--gold);}
  .hero h1{color:var(--white); font-size:clamp(56px,9vw,110px); max-width:620px; line-height:0.96;}
  .hero h1 .accent{color:var(--gold);}
  .hero-statement{color:var(--white); font-family:'Oswald',sans-serif; font-weight:500; text-transform:none; letter-spacing:0; font-size:clamp(17px,1.8vw,20px); margin-top:24px; max-width:440px;}
  .hero-copy{color:rgba(255,255,255,0.68); font-size:15px; max-width:480px; margin:12px 0 36px;}
  .hero-copy em{color:var(--gold); font-style:italic; font-weight:500;}
  .hero-actions{display:flex; align-items:center; gap:34px; flex-wrap:wrap;}

  .scroll-cue{
    position:absolute; left:32px; bottom:120px; z-index:3;
    display:flex; flex-direction:column; align-items:center; gap:14px;
  }
  .scroll-cue .txt{
    font-family:'Oswald',sans-serif; font-size:11px; letter-spacing:0.15em; text-transform:uppercase; color:rgba(255,255,255,0.6);
    writing-mode:vertical-rl; transform:rotate(180deg);
  }
  .scroll-cue .ln{width:1px; height:56px; background:rgba(255,255,255,0.3); position:relative; overflow:hidden;}
  .scroll-cue .ln::after{content:""; position:absolute; top:-100%; left:0; width:100%; height:100%; background:var(--gold); animation:cueMove 1.8s ease-in-out infinite;}
  @keyframes cueMove{0%{top:-100%;} 50%{top:0%;} 100%{top:100%;}}

  /* ---------- SECTION GENERIC ---------- */
  section{padding:96px 0;}
  .sec-head{display:flex; justify-content:space-between; gap:50px; flex-wrap:wrap; margin-bottom:46px;}
  .sec-head .label{color:var(--maroon); margin-bottom:14px;}
  .sec-head h2{font-size:clamp(28px,3.8vw,44px); max-width:540px;}
  .sec-head p.dek{max-width:360px; font-size:14.5px; color:var(--grey-text); padding-top:6px; font-family:'Inter',sans-serif; text-transform:none; font-weight:400;}

  /* ---------- ABOUT ---------- */
  .about{background:var(--white);}
  .about-grid{display:grid; grid-template-columns:1fr 0.85fr; gap:64px; align-items:center;}
  .about-copy p{font-size:16px; margin-bottom:16px; max-width:480px; color:#3d3b34;}
  .about-copy p.lead{font-weight:600; font-size:19px; color:var(--ink); line-height:1.5; margin-bottom:18px;}

  .photo-placeholder{
    position:relative; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:4/5;
    background:linear-gradient(135deg, #EDEAE2 0%, #E3DFD4 100%); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
  }
  .photo-placeholder .mark{text-align:center; color:#a6a294;}
  .photo-placeholder .mark .ball{width:34px; height:34px; margin:0 auto 14px; border-radius:50%; border:2px solid #b8b3a4; position:relative;}
  .photo-placeholder .mark .txt{font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; font-weight:600;}
  .photo-placeholder .mark .sub{font-size:11.5px; color:#b0aca0; margin-top:6px;}

  .photo-frame{
    position:relative; margin:0; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:4/5;
    background:linear-gradient(135deg, #EDEAE2 0%, #E3DFD4 100%); border:1px solid var(--line);
  }
  .photo-frame img{width:100%; height:100%; display:block; object-fit:cover; object-position:26% center;}

  /* ---------- COOPERSTOWN ---------- */
  .cooperstown{background:var(--paper);}
  .coop-grid{display:grid; grid-template-columns:0.85fr 1fr; gap:64px; align-items:center;}
  .coop-copy p{font-size:16px; margin-bottom:16px; max-width:520px; color:#3d3b34;}
  .coop-copy p.lead{font-weight:600; font-size:19px; color:var(--ink); line-height:1.5; margin-bottom:18px;}
  .coop-quote{
    margin-top:8px; padding-left:24px; border-left:3px solid var(--maroon);
  }
  .coop-quote p{font-family:'Oswald',sans-serif; font-weight:600; font-size:20px; line-height:1.5; color:var(--ink); text-transform:none; letter-spacing:0; max-width:480px;}

  /* ---------- JOIN THE TEAM ---------- */
  .join-wrap{padding:0 32px 84px;}
  .join-cta{max-width:var(--max); margin:0 auto; background:var(--maroon); border-radius:var(--r-lg); padding:70px 56px; color:var(--white);}
  .join-cta .label{color:rgba(255,255,255,0.7); margin-bottom:16px;}
  .join-cta .label .diamond{background:var(--gold);}
  .join-cta h2{color:var(--white); font-size:clamp(30px,4.4vw,46px); max-width:520px;}
  .join-cta .join-dek{color:rgba(255,255,255,0.82); font-size:16px; max-width:640px; margin-top:18px; font-family:'Inter',sans-serif; text-transform:none;}
  .join-cards{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:44px;}
  .join-card{background:var(--white); border-radius:var(--r-lg); padding:36px 32px; color:var(--ink);}
  .join-card .tag{font-family:'Oswald',sans-serif; font-size:12px; letter-spacing:0.06em; text-transform:uppercase; font-weight:700; color:var(--maroon); margin-bottom:14px;}
  .join-card p{font-size:15px; color:#4a4741; margin-bottom:24px; min-height:66px;}
  .join-card .btn{width:100%; justify-content:center;}
  .join-card.alt .tag{color:var(--gold);}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 980px){
    .nav-links{display:none;}
    .hero-inner{grid-template-columns:1fr; padding-top:150px;}
    .hero-photo{width:100%; background-position:66% 40%; -webkit-mask-image:linear-gradient(to top, black 12%, transparent 94%); mask-image:linear-gradient(to top, black 12%, transparent 94%);}
    .hero-photo::after{
      background:
        radial-gradient(ellipse 130% 65% at 32% 58%, rgba(8,7,6,0.72) 0%, rgba(8,7,6,0.25) 55%, rgba(8,7,6,0) 85%),
        linear-gradient(to top, rgba(13,12,11,0.4) 0%, rgba(13,12,11,0) 26%),
        radial-gradient(circle at 70% 30%, rgba(134,38,51,0.12), transparent 60%);
    }
    .scroll-cue{display:none;}
    .about-grid{grid-template-columns:1fr; gap:34px;}
    .about-grid .photo-placeholder{order:-1; aspect-ratio:16/10;}
    .coop-grid{grid-template-columns:1fr; gap:34px;}
    .coop-grid .photo-placeholder{aspect-ratio:16/10;}
    .coop-grid .photo-frame{aspect-ratio:16/10;}
    .coop-grid .photo-frame img{object-position:center;}
    .join-cards{grid-template-columns:1fr;}
    .join-cta{padding:48px 32px;}
  }
  @media (max-width: 640px){
    .wrap{padding:0 20px;}
    .join-wrap{padding-left:20px; padding-right:20px;}
    section{padding:64px 0;}
    .hero-inner{padding-bottom:110px;}
  }
  @media (prefers-reduced-motion: reduce){*{transition-duration:0.01ms !important;}}