/* A focused home journey: introduction, family, offers, times, proof, trial. */
.compact-site .compact-header{position:sticky;top:0;z-index:80;background:var(--fzc-navy,#0b1f3a)}
.compact-header .nav-row{min-height:76px}
.compact-header .brand img{width:75px;height:72px}
.compact-header .primary-nav{gap:2rem}
.compact-header .primary-nav a{font-size:.82rem;letter-spacing:.07em}
.compact-site.compact-home .compact-hero{min-height:min(650px,78svh)}
.compact-home .compact-hero>.wrap{padding-block:clamp(5rem,8vw,8rem)}
.compact-home .compact-hero h1{max-width:690px}
.compact-home .compact-hero .hero-titles{margin-top:2rem;gap:1.5rem}
.compact-home .hero-secondary{display:inline-flex;margin-top:1.45rem;color:#fff!important;font-size:.78rem;letter-spacing:.08em;font-weight:800;text-decoration:none;border-bottom:1px solid #ffffff8a;padding-bottom:.45rem}
.compact-home .hero-secondary:hover,.compact-home .hero-secondary:focus-visible{border-color:var(--fzc-yellow,#ffdf00);color:var(--fzc-yellow,#ffdf00)!important}
.compact-home .parent-main{padding-block:clamp(3.5rem,6vw,6rem)}
.compact-home .parent-main .why-fzc-parents{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,7rem)}
.compact-home .parent-main .parent-intro h2{max-width:530px}
.compact-home .parent-main .parent-intro>p{max-width:520px}
.compact-home .parent-main .parent-benefits ul{gap:.75rem}
.compact-home .parent-main .parent-benefits li{min-height:145px;padding:1.35rem}
.compact-home .parent-main .parent-benefits h3{color:var(--fzc-ink,#152a3b)}
.compact-home .more-benefits{margin-top:1.1rem;border-top:1px solid var(--fzc-line,#c8d6e2)}
.compact-home .more-benefits>summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1rem 0;font-size:.78rem;font-weight:800;letter-spacing:.055em}
.compact-home .more-benefits>summary::-webkit-details-marker{display:none}
.compact-home .more-benefits[open]>summary span{transform:rotate(90deg)}
.compact-home .more-benefits ul{padding-top:.5rem}
.compact-home .parent-note{max-width:680px}
.compact-home .compact-audiences{padding-block:clamp(3.5rem,5vw,5.5rem)}
.compact-home .compact-audiences h2{margin-bottom:1.75rem}
.compact-home .compact-audiences>div{gap:1rem}
.compact-home .compact-audiences>div>a{min-height:200px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s ease,transform .15s ease}
.compact-home .compact-audiences>div>a:is(:hover,:focus-visible){transform:translateY(-3px)}
.compact-home .compact-times{padding-block:clamp(2.5rem,4vw,4rem)}
.compact-home .compact-times h2{max-width:650px}
.compact-home .onepage-proof{background:var(--fzc-navy,#0b1f3a);color:#fff}
.compact-home .onepage-proof .why-fzc{background:transparent;padding-block:clamp(3.5rem,6vw,6rem) 2rem}
.compact-home .onepage-proof .why-fzc-intro{max-width:820px;margin-bottom:2rem}
.compact-home .onepage-proof .why-fzc-intro .eyebrow{color:var(--fzc-yellow,#ffdf00)}
.compact-home .onepage-proof .why-fzc-intro>p:last-child{color:#d6e4ef}
.compact-home .onepage-proof .why-fzc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.compact-home .onepage-proof .why-fzc-grid article{border:1px solid #ffffff42;padding:1.5rem;min-height:255px}
.compact-home .onepage-proof .why-fzc-number{position:static;color:var(--fzc-yellow,#ffdf00);font-size:.78rem;margin-bottom:.8rem}
.compact-home .onepage-proof .why-fzc-grid h3{font-size:clamp(1.15rem,1.6vw,1.5rem)}
.compact-home .onepage-proof .why-fzc-grid p{font-size:.9rem;line-height:1.55;color:#d4e1ea}
.compact-home .onepage-proof .why-fzc-grid a{color:#fff;border-color:#ffffff7a}
.compact-home .onepage-proof .home-team{background:transparent!important;padding-block:2.5rem clamp(3.5rem,6vw,6rem)}
.compact-home .onepage-proof .home-team .section-heading{border-top:1px solid #ffffff42;padding-top:2.5rem}
.compact-home .onepage-proof .home-team .eyebrow{color:var(--fzc-yellow,#ffdf00)}
.compact-home .onepage-proof .home-team .section-heading p:not(.eyebrow){color:#d6e4ef}
.compact-home .onepage-proof .home-team .section-heading .text-link{color:#fff}
.compact-home .onepage-proof .home-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem!important}
.compact-home .onepage-proof .person-card{background:#fff;color:var(--fzc-ink,#152a3b);border:0!important;display:flex;flex-direction:column;min-width:0}
.compact-home .onepage-proof .person-card>img,.compact-home .onepage-proof .person-initials{width:100%;height:180px;object-fit:contain;object-position:center bottom;background:#eaf2f8}
.compact-home .onepage-proof .person-initials{display:flex;align-items:center;justify-content:center;font-size:2rem}
.compact-home .onepage-proof .person-initials{font-size:0!important;background:#eaf2f8 url('/wp-content/themes/fzc-club/site/assets/fzc-signet.png') center / 86px no-repeat!important}
.compact-home .onepage-proof .person-body{padding:1.1rem!important}
.compact-home .onepage-proof .person-body h3{font-size:1.35rem}
.compact-home .onepage-proof .person-body .eyebrow{color:var(--fzc-blue,#216ca8)}
.compact-home .coach-details{border-top:1px solid var(--fzc-line,#c8d6e2);margin-top:.7rem;padding-top:.7rem}
.compact-home .coach-details summary{font-size:.7rem;font-weight:800;letter-spacing:.04em;cursor:pointer}
.compact-home .coach-details ul{padding-left:1rem;margin:.8rem 0 0}
.compact-home .compact-invite{padding-block:clamp(3rem,5vw,5rem)}
.compact-home .compact-invite h2{max-width:600px}
.compact-home .compact-invite .button{background:var(--fzc-yellow,#ffdf00)!important;color:var(--fzc-ink,#152a3b)!important}
.compact-home :is(#angebote,#trainingszeiten,#darum-fzc,#trainerteam,#probetraining,#fuer-eltern){scroll-margin-top:130px}
.compact-home .scroll-nav{top:76px}
@media(max-width:1050px){.compact-home .parent-main .why-fzc-parents{grid-template-columns:1fr}.compact-home .onepage-proof .why-fzc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.compact-site .compact-header .primary-nav{display:none!important}.compact-header .nav-row{min-height:72px}.compact-home .scroll-nav{top:72px}.compact-home .compact-hero{min-height:630px}.compact-home .compact-hero>img{width:100%}.compact-home .compact-hero>.wrap{padding-block:4rem}.compact-home .parent-main .parent-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-home .compact-audiences>div{grid-template-columns:1fr}.compact-home .compact-audiences>div>a{min-height:150px}.compact-home .onepage-proof .home-people{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-home .onepage-proof .why-fzc-grid article{min-height:0}.compact-home .compact-times>.wrap,.compact-home .compact-invite>.wrap{align-items:flex-start;flex-direction:column;gap:1.5rem}}
@media(max-width:520px){.compact-home .parent-main .parent-benefits ul,.compact-home .onepage-proof .why-fzc-grid{grid-template-columns:1fr}.compact-home .parent-main .parent-benefits li{min-height:0}.compact-home .onepage-proof .home-people{gap:.75rem!important}.compact-home .onepage-proof .person-card>img,.compact-home .onepage-proof .person-initials{height:145px}.compact-home .onepage-proof .person-body{padding:.8rem!important}.compact-home .onepage-proof .person-body h3{font-size:1.15rem}.compact-home .onepage-proof .person-body .eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.compact-home .compact-audiences>div>a{transition:none}.compact-home .compact-audiences>div>a:is(:hover,:focus-visible){transform:none}}

/* Trial FAQs and clearly marked illustration placeholders for youth reps. */
.compact-site .trial-answers{max-width:900px;margin:2.5rem 0 1.3rem}
.compact-site .trial-answers>h2{font-size:clamp(1.55rem,2.8vw,2.3rem);margin:0 0 1.2rem}
.compact-site .trial-answer{border-top:1px solid var(--fzc-line,#c8d6e2)}
.compact-site .trial-answer:last-child{border-bottom:1px solid var(--fzc-line,#c8d6e2)}
.compact-site .trial-answer>summary{position:relative;list-style:none;cursor:pointer;padding:1rem 2.5rem 1rem 0;font-weight:750;line-height:1.4}
.compact-site .trial-answer>summary::-webkit-details-marker{display:none}
.compact-site .trial-answer>summary:after{content:'+';position:absolute;right:.25rem;top:.8rem;color:var(--fzc-blue,#236fa8);font-size:1.5rem;font-weight:400}
.compact-site .trial-answer[open]>summary:after{content:'−'}
.compact-site .trial-answer>p{max-width:740px;padding:0 2.5rem 1.1rem 0;margin:0;line-height:1.65}
.compact-site .trial-schedule-link{display:inline-flex;margin-top:.3rem}
.compact-site .youth-representative img{object-fit:cover;background:#e8eff4}
.compact-site .youth-symbol-note{display:block;margin-top:.35rem;color:#526779;font-size:.72rem;line-height:1.3}
html{scroll-padding-top:8rem}
.compact-invite .compact-invite-copy{display:block;flex:1;min-width:0;color:inherit;text-decoration:none}
.compact-invite .compact-invite-copy h2{color:inherit}
.compact-invite .compact-invite-copy p{color:#c3d0db}
.compact-invite .compact-invite-copy:is(:hover,:focus-visible) h2{text-decoration:underline;text-decoration-color:var(--fzc-yellow,#ffdf00);text-underline-offset:.18em}

/* Equal outer card heights and aligned captions, with room to expand details. */
.compact-home .onepage-proof .home-people{align-items:stretch!important}
.compact-home .onepage-proof .home-people>.person-card{align-self:stretch!important;height:100%;display:flex!important;flex-direction:column;padding-block:0!important}
.compact-home .onepage-proof .home-people .person-body{display:flex;flex-direction:column;flex:1}
.compact-home .onepage-proof .home-people>.person-card>img{align-self:center}
.compact-home .onepage-proof .home-people .person-body>.eyebrow{min-height:3em;flex-shrink:0}
.compact-home .onepage-proof .home-people .coach-details{margin-top:auto;padding-top:.7rem}
.compact-home .onepage-proof .why-fzc-grid>article{align-self:stretch}
.compact-home .onepage-proof .why-fzc-grid>article>.text-link{margin-top:auto}
@media(max-width:720px){.compact-home .onepage-proof .home-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.compact-home .onepage-proof .home-people .person-body>.eyebrow{min-height:4.5em}}
