.back{display:inline-block;margin-bottom:28px;font-size:14px;color:var(--muted)}
.hero .eyebrow{margin-bottom:22px}.hero h1{max-width:23ch}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.facts span{padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:var(--paper)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filters .btn{letter-spacing:.02em;padding:12px 18px}.filters+ p{margin-bottom:24px}
.group-person{display:flex;gap:14px;align-items:center}.group-person>div{min-width:0}.group-photo{width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;object-position:center 30%;border:1px solid var(--line);filter:sepia(.28) contrast(1.06) saturate(.9)}
.status{align-self:flex-start;border:1px solid var(--line-soft);border-radius:999px;padding:4px 10px;font-size:12px;background:var(--paper-2);color:var(--ink)}
.group .levels{display:block;line-height:1.15;font-size:30px}.group .btn{align-self:flex-start;margin-top:6px}.group[hidden]{display:none}.club{background:var(--cherry);color:#fff;max-width:900px}.club .btn{align-self:flex-start}.club .group-photo{border-color:#fff}.club p{max-width:70ch}
.boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.board{background-color:var(--paper-2);background-image:radial-gradient(var(--line-soft) 1px,transparent 1px);background-size:18px 18px}.board h3{font-family:Caveat,cursive;font-size:38px}.board li{padding:10px 14px!important;color:#242424!important;background:var(--note-y);border:1px solid #24242422;border-radius:3px;box-shadow:2px 3px 0 #24242418}.board li::before{display:none}.board:nth-child(2) li{background:var(--note-p)}.board:nth-child(3) li{background:var(--note-b)}.board:nth-child(4) li{background:var(--note-g)}.board .eyebrow{letter-spacing:.04em;font-size:11px}.lesson-steps{margin-top:32px}
.group,.panel,.field,.form,.contact .wrap>div{min-width:0}select{max-width:100%;text-overflow:ellipsis}.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}.group .when b{overflow-wrap:anywhere}
@media(max-width:600px){.boards{grid-template-columns:1fr}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:36px}.facts{gap:8px}.facts span{padding:7px 12px}.filters .btn{font-size:11px;padding:10px 14px}.club .group-person{align-items:flex-start}}

/* Paired teacher portraits keep their own width and the existing text gap. */
.group-person .group-portraits{display:flex;flex:0 0 126px;align-items:center}
.group-portraits .group-photo,.group-photo.face-top{object-fit:cover;object-position:center top}
.group-portraits .group-photo + .group-photo{margin-left:-18px;border:2px solid var(--paper)}

.group-photo.sofiia-photo{object-fit:cover;object-position:55% 30%}