.club-home { --ink:#252321; --paper:#f5efe4; --coral:#f06f55; --purple:#6655a6; --lime:#c9db72; margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; }
.club-home .page { overflow:hidden; }
.club-header { min-height:82px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(37,35,33,.14); background:rgba(245,239,228,.92); }
.club-wordmark { display:flex; align-items:center; gap:12px; color:var(--ink); font-weight:700; text-decoration:none; letter-spacing:-.02em; }
.club-wordmark__mark { display:grid; place-items:center; width:38px; height:38px; border-radius:50% 45% 55% 42%; background:var(--coral); color:#fff; font-family:"Fraunces",serif; font-size:1.45rem; transform:rotate(-7deg); }
.club-header__status { font-size:.75rem; text-transform:uppercase; letter-spacing:.13em; font-weight:700; }
.club-hero { min-height:calc(100vh - 82px); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); }
.club-hero__copy { align-self:center; padding:clamp(70px,9vw,140px) clamp(24px,7vw,110px); max-width:820px; }
.club-kicker { display:inline-block; margin:0 0 24px; padding:8px 13px; border:1px solid currentColor; border-radius:99px; font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transform:rotate(-2deg); }
.club-hero h1 { margin:0; font-family:"Fraunces",serif; font-size:clamp(4rem,8vw,8.5rem); line-height:.79; letter-spacing:-.065em; }
.club-hero h1 span { color:var(--purple); }
.club-intro { max-width:610px; margin:38px 0 30px; font-size:clamp(1.05rem,1.7vw,1.35rem); line-height:1.55; }
.club-signup { max-width:680px; }
.club-signup__row { display:flex; gap:10px; }
.club-signup input[type="email"] { flex:1; min-width:0; padding:17px 18px; border:2px solid var(--ink); border-radius:3px; background:#fffaf3; color:var(--ink); font:inherit; }
.club-button { padding:15px 22px; border:2px solid var(--ink); border-radius:3px; background:var(--ink); color:#fff; font:700 .92rem/1 "DM Sans",sans-serif; cursor:pointer; }
.club-button:hover { background:var(--purple); }
.club-button:disabled { opacity:.65; cursor:wait; }
.club-consent { display:flex; gap:9px; margin-top:13px; font-size:.78rem; line-height:1.4; }
.club-consent input { margin-top:2px; accent-color:var(--purple); }
.club-consent a { color:inherit; }
.club-art { position:relative; min-height:580px; overflow:hidden; background:var(--purple); }
.club-art__sun { position:absolute; width:min(34vw,520px); aspect-ratio:1; border-radius:50%; background:var(--coral); top:12%; right:-12%; box-shadow:-180px 280px 0 var(--lime); }
.club-art__ball { position:absolute; border-radius:50%; background:repeating-radial-gradient(ellipse at 35% 45%,#f8c7bd 0 5px,#f06f55 7px 13px); box-shadow:inset -22px -16px 0 rgba(0,0,0,.08); }
.club-art__ball--one { width:240px; height:210px; left:12%; top:30%; transform:rotate(13deg); }
.club-art__ball--two { width:170px; height:150px; right:13%; bottom:12%; background:repeating-radial-gradient(ellipse at 35% 45%,#ede8a9 0 5px,#c9db72 7px 13px); }
.club-art__hook { position:absolute; width:210px; height:410px; left:49%; top:17%; border-left:16px solid #f4d7a7; border-bottom:16px solid #f4d7a7; border-radius:0 0 0 100px; transform:rotate(29deg); }
.club-art__stitch { position:absolute; color:#fff; font:700 2rem/1 "Fraunces",serif; letter-spacing:.2em; }
.club-art__stitch--one { left:12%; bottom:14%; transform:rotate(-8deg); }
.club-art__stitch--two { right:8%; top:12%; transform:rotate(8deg); }
.club-note { padding:clamp(80px,10vw,150px) 24px; text-align:center; background:#fffaf3; }
.club-note>p { color:var(--coral); text-transform:uppercase; letter-spacing:.14em; font-weight:700; font-size:.78rem; }
.club-note h2 { max-width:800px; margin:18px auto 42px; font:600 clamp(2.2rem,5vw,4.8rem)/1.03 "Fraunces",serif; letter-spacing:-.045em; }
.club-note__items { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.club-note__items span { padding:10px 18px; border:1px solid var(--ink); border-radius:99px; }
.club-home .page-footer { background:var(--ink); color:#fff; }
@media (max-width:800px) { .club-hero{grid-template-columns:1fr}.club-hero__copy{padding-top:64px;padding-bottom:70px}.club-art{min-height:440px}.club-signup__row{flex-direction:column}.club-button{min-height:52px}.club-header__status{display:none} }