/* Community-first variant. The original page keeps its own layout. */
.club-hero .hero-inner{grid-template-columns:1fr 1fr;min-height:clamp(590px,55vw,700px)}
.club-hero h1{font-size:clamp(56px,6.2vw,93px)}
.club-hero h1 em{font-size:.91em}
.club-hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.club-hero-visual{position:relative;align-self:end;min-width:0;height:clamp(530px,52vw,660px)}
.club-hero .hero-portrait{height:100%;min-height:0;margin:0}
.club-hero .hero-portrait figcaption{bottom:43%;right:0;font-size:clamp(22px,2.8vw,35px);padding:10px 15px 12px}
.hero-hair-cards{position:absolute;z-index:2;left:50%;bottom:6%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2%;width:87%;margin:0;padding:0;list-style:none}
.hero-hair-cards li{min-width:0;padding:clamp(5px,.75vw,10px);border:1px solid #ffe0a462;border-radius:14px;background:linear-gradient(155deg,#8054349c,#392015c4);backdrop-filter:blur(9px);box-shadow:inset 0 1px #fff5e730,0 12px 24px #190e0a80}
.hero-hair-cards li:first-child{transform:translateY(10%) rotate(-11deg)}
.hero-hair-cards li:nth-child(2){z-index:1;transform:translateY(-5%) scale(1.07)}
.hero-hair-cards li:last-child{transform:translateY(10%) rotate(11deg)}
.hero-hair-cards img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:8px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.benefit-grid article{padding:clamp(15px,2.2vw,28px);border:1px solid var(--paper-line);border-radius:6px;background:#f9f5ee}
.benefit-grid span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-muted)}
.benefit-grid h3{font-size:clamp(27px,3vw,39px);margin:12px 0 8px;text-wrap:initial}
.benefit-grid p,.workshop-description{color:var(--paper-muted);line-height:1.7}
.workshop-description{margin-top:16px}
.workshop-date{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.workshop-date span+span{border-inline-start:1px solid var(--paper-line);padding-inline-start:16px}
@media(max-width:900px){
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .club-hero .hero-inner{grid-template-columns:1fr;min-height:0}
  .club-hero h1{font-size:clamp(47px,12.4vw,75px)}
  .club-hero .hero-actions{align-items:center}
  .club-hero-visual{width:min(100%,440px);height:clamp(330px,98vw,460px);margin-inline:auto}
  .club-hero .hero-portrait figcaption{right:1%;bottom:44%;font-size:clamp(20px,5vw,30px);padding:8px 10px}
  .hero-hair-cards{bottom:7%;width:83%}
  .workshop-date{justify-content:center}
}
@media(max-width:390px){
  .benefit-grid{grid-template-columns:1fr;gap:10px}
}