.club-section { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); background:var(--yellow); color:var(--deep); overflow:hidden; }
.club-section__gallery { min-height:670px; position:relative; padding:clamp(1.25rem,3vw,2.5rem); background:var(--green); overflow:hidden; }
.club-section__gallery::before { content:""; position:absolute; width:76%; aspect-ratio:1; border:2px solid var(--yellow); border-radius:50%; left:-31%; bottom:-31%; opacity:.9; }
.club-section__gallery::after { content:""; position:absolute; width:52%; height:118%; background:var(--deep); right:9%; bottom:-38%; border-radius:50% 50% 0 0; transform:rotate(25deg); }
.club-section__main-photo { position:absolute; z-index:2; inset:0; margin:0; }
.club-section__main-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,26,76,.03) 32%,rgba(0,26,76,.88) 100%); }
.club-section__main-photo img { width:100%; height:100%; object-fit:cover; object-position:center 42%; display:block; filter:saturate(.88) contrast(1.04); }
.club-section__main-photo figcaption { position:absolute; z-index:1; left:clamp(1.4rem,4vw,3.5rem); bottom:clamp(1.4rem,4vw,3.5rem); max-width:390px; color:var(--cream); font:700 clamp(2.25rem,4.6vw,4.55rem)/.88 var(--serif); letter-spacing:-.075em; }
.club-section__main-photo figcaption span { display:block; margin-bottom:.8rem; color:var(--yellow); font:500 .66rem var(--mono); letter-spacing:.08em; }
.club-section__side-photo { position:absolute; z-index:3; width:clamp(130px,20vw,250px); height:clamp(165px,23vw,290px); right:clamp(1rem,3vw,2.4rem); top:clamp(1rem,3vw,2.4rem); margin:0; padding:7px; background:var(--yellow); box-shadow:10px 10px 0 var(--deep); transform:rotate(4deg); }
.club-section__side-photo img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.club-section__statement { position:absolute; z-index:4; top:1.6rem; left:1.6rem; margin:0; max-width:250px; color:var(--cream); font:700 clamp(1.15rem,2.2vw,1.85rem)/.94 var(--serif); letter-spacing:-.055em; text-shadow:0 1px 10px rgba(0,26,76,.35); }
.club-section__statement em { color:var(--yellow); }
.club-section__copy { align-self:center; padding:clamp(3.5rem,8vw,8rem) clamp(1.35rem,7vw,7rem); }
.club-section__copy .eyebrow { margin-bottom:1.25rem; }
.club-section__copy h2 { max-width:560px; margin:0; font-size:clamp(3rem,5vw,5.4rem); }
.club-section__copy h2 em { color:var(--coral); }
.club-section__lead { max-width:540px; margin:1.6rem 0 2rem; font-size:clamp(1rem,1.45vw,1.16rem); }
.club-section__facts { display:flex; gap:0; max-width:490px; border-top:1px solid rgba(0,26,76,.28); border-bottom:1px solid rgba(0,26,76,.28); margin-bottom:2rem; }
.club-section__facts p { flex:1; min-width:0; margin:0; padding:1rem .75rem; border-left:1px solid rgba(0,26,76,.28); }
.club-section__facts p:first-child { padding-left:0; border-left:0; }
.club-section__facts strong,.club-section__facts span { display:block; }
.club-section__facts strong { font:700 clamp(1.35rem,2.1vw,2rem)/1 var(--serif); letter-spacing:-.06em; }
.club-section__facts span { margin-top:.3rem; font:500 .58rem var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.club-section__instagram { display:block; width:max-content; max-width:100%; margin-top:1.25rem; font-size:.78rem; text-decoration:underline; text-underline-offset:5px; }
.club-section__instagram span { color:var(--coral); padding-left:.25rem; }

.club-modal { width:min(1120px,calc(100% - 2rem)); max-height:calc(100vh - 2rem); padding:0; border:0; background:var(--cream); color:var(--deep); box-shadow:0 25px 70px rgba(0,0,0,.45); }
.club-modal::backdrop { background:rgba(0,16,45,.78); backdrop-filter:blur(6px); }
.club-modal__shell { position:relative; overflow:hidden; }
.club-modal__close { position:sticky; z-index:12; float:right; top:1rem; right:1rem; margin:1rem 1rem -4rem 0; width:42px; height:42px; border:1px solid rgba(255,255,255,.75); border-radius:50%; color:var(--cream); background:rgba(0,26,76,.7); backdrop-filter:blur(6px); cursor:pointer; font-size:1.7rem; line-height:1; }
.club-modal__hero { min-height:545px; position:relative; display:grid; align-items:end; padding:clamp(2rem,6vw,5rem); color:var(--cream); overflow:hidden; }
.club-modal__hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,26,76,.94) 0%,rgba(0,26,76,.74) 42%,rgba(0,26,76,.14) 100%); }
.club-modal__hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.club-modal__hero div { position:relative; z-index:1; max-width:680px; }
.club-modal__hero .eyebrow { color:var(--yellow); }
.club-modal__hero h2 { margin:.55rem 0 1.2rem; font-size:clamp(3.3rem,7vw,6.8rem); }
.club-modal__hero h2 em { color:var(--yellow); }
.club-modal__hero p:last-child { max-width:490px; margin:0; font-size:clamp(1rem,1.7vw,1.25rem); }
.club-modal__intro { max-width:780px; margin:0 auto; padding:clamp(3rem,7vw,6rem) clamp(1.4rem,7vw,6rem); text-align:center; }
.club-modal__intro p:last-child { margin:0; font:600 clamp(1.35rem,2.7vw,2.25rem)/1.16 var(--serif); letter-spacing:-.055em; }
.club-modal__kicker { margin:0 0 1rem; color:var(--coral); font:500 .65rem var(--mono); text-transform:uppercase; letter-spacing:.16em; }
.club-story-block { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.club-story-block > div { padding:clamp(3rem,7vw,6.5rem); }
.club-story-block h3,.club-modal__roles h3,.club-modal__closing h3 { margin:.5rem 0 1.5rem; font:700 clamp(2.5rem,4.8vw,4.8rem)/.9 var(--serif); letter-spacing:-.07em; }
.club-story-block h3 em,.club-modal__roles h3 em,.club-modal__closing h3 em { color:var(--coral); }
.club-story-block > div > p:not(.eyebrow) { max-width:460px; font-size:1rem; }
.club-story-block > div > p:not(.eyebrow) + p:not(.eyebrow) { margin-top:1.25rem; }
.club-story-block figure { min-height:480px; margin:0; position:relative; overflow:hidden; }
.club-story-block figure img { width:100%; height:100%; display:block; object-fit:cover; }
.club-story-block figure figcaption { position:absolute; bottom:0; left:0; right:0; padding:1.7rem 2rem; color:var(--cream); background:linear-gradient(transparent,rgba(0,26,76,.84)); font:500 .66rem var(--mono); text-transform:uppercase; letter-spacing:.05em; }
.club-story-block--origins > div { background:var(--paper); }
.club-story-block--origins figure img { object-position:center 65%; }
.club-story-block--people > div { background:var(--deep); color:var(--cream); }
.club-story-block--people .eyebrow { color:var(--yellow); }
.club-story-block--people h3 em { color:var(--yellow); }
.club-story-block--people figure img { object-position:center; }
.club-modal__roles { padding:clamp(3.5rem,8vw,7rem) clamp(1.4rem,7vw,6.5rem); color:var(--cream); background:var(--green); }
.club-modal__roles > .eyebrow { color:var(--yellow); }
.club-modal__roles h3 { max-width:700px; }
.club-modal__roles h3 em { color:var(--yellow); }
.club-modal__roles > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3rem; border-top:1px solid rgba(255,255,255,.26); border-left:1px solid rgba(255,255,255,.26); }
.club-modal__roles article { padding:1.5rem; border-right:1px solid rgba(255,255,255,.26); border-bottom:1px solid rgba(255,255,255,.26); }
.club-modal__roles article span { color:var(--yellow); font:1.8rem var(--serif); }
.club-modal__roles article h4 { margin:1.2rem 0 .45rem; font:700 1.3rem var(--serif); letter-spacing:-.04em; }
.club-modal__roles article p { margin:0; color:#d5e0f6; font-size:.88rem; }
.club-story-block--pitch > div { background:var(--yellow); }
.club-story-block--pitch figure img { object-position:center; }
.club-modal__closing { min-height:530px; position:relative; display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; background:var(--deep); color:var(--cream); overflow:hidden; }
.club-modal__closing img { width:100%; height:100%; min-height:530px; object-fit:cover; object-position:center; opacity:.83; }
.club-modal__closing div { align-self:center; padding:clamp(3rem,7vw,6rem); }
.club-modal__closing .eyebrow { color:var(--yellow); }
.club-modal__closing h3 em { color:var(--yellow); }
.club-modal__closing p { max-width:390px; color:#d5e0f6; }
.club-modal__closing .button { margin-top:1rem; }

@media (max-width:850px) {
  .club-section { grid-template-columns:1fr; }
  .club-section__gallery { min-height:550px; }
  .club-section__copy { padding:4rem 1.4rem; }
  .club-modal__hero { min-height:470px; padding:2rem 1.5rem; }
  .club-modal__hero::after { background:linear-gradient(0deg,rgba(0,26,76,.95) 0%,rgba(0,26,76,.48) 65%,rgba(0,26,76,.12) 100%); }
  .club-story-block { grid-template-columns:1fr; }
  .club-story-block--people figure { order:2; }
  .club-story-block > div { padding:4rem 1.5rem; }
  .club-story-block figure { min-height:360px; }
  .club-modal__roles { padding:4rem 1.5rem; }
  .club-modal__roles > div { grid-template-columns:1fr; margin-top:2rem; }
  .club-modal__closing { grid-template-columns:1fr; }
  .club-modal__closing img { min-height:320px; max-height:420px; }
  .club-modal__closing div { padding:4rem 1.5rem; }
}

@media (max-width:520px) {
  .club-section__gallery { min-height:480px; }
  .club-section__side-photo { width:125px; height:170px; }
  .club-section__statement { max-width:160px; top:1.15rem; left:1.15rem; }
  .club-section__main-photo figcaption { left:1.3rem; bottom:1.3rem; max-width:270px; }
  .club-section__facts strong { font-size:1.25rem; }
  .club-section__facts span { font-size:.5rem; }
  .club-modal { width:100%; max-height:100%; height:100%; }
  .club-modal__close { position:absolute; top:0; right:0; }
  .club-modal__hero { min-height:440px; }
  .club-modal__hero h2 { font-size:3.15rem; }
  .club-story-block figure { min-height:285px; }
}