/* A unified full-width gradient, not a separate portrait card or avatar. */
[data-page=club]{background:linear-gradient(180deg,#eff7ff 0%,#f8fbff 52%,#fff 100%)}
[data-page=club] .page-hero.club-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.85fr) minmax(170px,.6fr);grid-template-areas:"copy portrait teacher";align-items:center;gap:24px;max-width:none;width:100%;min-height:600px;margin:0;padding:38px max(32px,calc((100% - 1400px)/2)) 0;background:radial-gradient(ellipse at 62% 65%,#b9dafa75,transparent 62%),linear-gradient(108deg,#f8fcff 0%,#e7f2ff 40%,#d4e8fc 72%,#ecf5ff 100%);border-bottom:0}
[data-page=club] .club-hero::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:65px;pointer-events:none;background:linear-gradient(transparent,#eff7ff)}
.club-hero .club-hero-copy{grid-area:copy;position:relative;z-index:1;text-align:left;max-width:620px;padding:12px 0 60px}
.club-hero .club-hero-copy h1{font-size:clamp(44px,4.4vw,66px);line-height:1.2}
.club-hero .club-hero-copy>p:last-of-type{max-width:550px;color:#627993;font-size:16px;line-height:1.85;margin:25px 0}
.club-hero .club-hero-actions{margin-top:30px}
.club-hero-portrait{grid-area:portrait;position:relative;z-index:1;align-self:end;display:flex;align-items:flex-end;justify-content:center;margin:0;min-width:0;height:560px;background:none;border:0;border-radius:0}
.club-hero-portrait img{display:block;width:auto;max-width:100%;height:560px;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}
.club-hero .club-teacher-teaser{grid-area:teacher;position:relative;z-index:1;display:block;max-width:320px;padding:0 0 45px;margin:0;background:none;border:0;box-shadow:none;text-align:left}
.club-hero .club-teacher-teaser .section-kicker{margin-bottom:20px;font-size:11px;color:#567fae;letter-spacing:.12em}
.club-hero .club-teacher-teaser h2{font-size:31px;line-height:1.4;margin:0 0 22px;color:#183653}
.club-hero .club-teacher-teaser p:not(.section-kicker){font-size:14px;line-height:1.95;color:#56718e;margin:0 0 17px}
.club-hero .club-teacher-teaser small{font-size:12px;line-height:1.7;color:#728aa5}
@media(max-width:1100px){[data-page=club] .page-hero.club-hero{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr) minmax(150px,.55fr);gap:18px;padding-inline:28px}.club-hero .club-teacher-teaser h2{font-size:27px}.club-hero-portrait,.club-hero-portrait img{height:530px}.club-hero .club-hero-copy>p:last-of-type{font-size:14px}}
@media(max-width:900px){[data-page=club] .page-hero.club-hero{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);grid-template-areas:"copy portrait" "copy teacher";gap:0 22px;min-height:0;padding-top:35px}.club-hero-portrait,.club-hero-portrait img{height:460px}.club-hero .club-teacher-teaser{padding:0 0 40px;max-width:none}.club-hero .club-teacher-teaser .section-kicker{margin-bottom:10px}.club-hero .club-teacher-teaser h2{font-size:25px;margin-bottom:10px}.club-hero .club-teacher-teaser p:not(.section-kicker){margin-bottom:8px}.club-hero .club-hero-copy h1{font-size:45px}}
@media(max-width:760px){[data-page=club] .page-hero.club-hero{grid-template-columns:1fr;grid-template-areas:"copy" "portrait" "teacher";gap:0;padding:36px 24px 32px;background:radial-gradient(ellipse at 55% 55%,#bfdcff80,transparent 70%),linear-gradient(145deg,#f7fbff,#e0efff)}.club-hero .club-hero-copy{padding:0 0 20px;max-width:none}.club-hero .club-hero-copy h1{font-size:45px}.club-hero .club-hero-copy>p:last-of-type{font-size:14px;margin:20px 0}.club-hero .club-hero-actions{margin-top:22px}.club-hero-portrait{width:min(100%,330px);justify-self:center;height:430px}.club-hero-portrait img{height:430px}.club-hero .club-teacher-teaser{padding:0 0 5px;justify-self:center;text-align:center}.club-hero .club-teacher-teaser h2{font-size:26px}.club-hero .club-teacher-teaser .section-kicker{display:none}}