.home-classes{background:#fff;color:#151515;padding:88px 0 96px;scroll-margin-top:80px}
.home-classes .site-shell{max-width:1280px;padding-left:48px;padding-right:48px}
.class-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.class-section-kicker{font-size:12px;font-weight:600;letter-spacing:.13em;color:#777;margin:0 0 20px}
.home-classes h2{font-size:clamp(36px,3.6vw,50px);line-height:1.26;font-weight:600;letter-spacing:-.05em;margin:0}
.class-section-intro{font-size:18px;line-height:1.85;color:#666;margin:0}.class-intro-break{display:none}
.class-posters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.class-poster-wrap{min-width:0;margin:0}
.class-poster{display:flex;flex-direction:column;min-height:392px;height:100%;padding:14px 16px 12px;border:1px solid #252525;background:#111;color:#fff;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.class-poster:hover{transform:translateY(-4px);box-shadow:0 12px 26px #00000014}
.class-poster:focus-visible{outline:3px solid #111!important;outline-offset:5px}
.class-poster-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:550;line-height:1.4;letter-spacing:-.035em;margin-bottom:8px}
.class-poster-index{font-size:11px;font-weight:400;opacity:.55;font-variant-numeric:tabular-nums}
.class-poster h3{font-size:32px;font-weight:800;line-height:1.08;letter-spacing:-.055em;color:inherit;margin:0 0 8px}
.class-poster-description{font-size:16px;line-height:1.3;letter-spacing:-.035em;margin:0 0 8px;color:inherit}
.class-poster-art{height:70px;display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 12px;margin:0 -16px 10px;background:#1d1d1d;flex-shrink:0}
.class-poster-art svg{width:48px;height:34px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.class-icon-dot{fill:currentColor;stroke:currentColor}
.class-poster-english{font-size:32px;line-height:.95;letter-spacing:-.05em;font-weight:800;text-align:left;margin:0;color:inherit}
.class-poster-bottom{margin-top:auto}
.class-poster-time{font-size:17px;line-height:1.4;letter-spacing:-.035em;margin:0 0 6px;color:inherit}
.class-poster-time strong{font-size:24px;font-weight:650;color:inherit;margin:0 2px}
.class-poster-fee{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.class-poster-fee p{margin:0;white-space:nowrap}.class-poster-fee strong{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.04em;color:inherit}.class-poster-fee span{font-size:18px;font-weight:550;margin-left:3px}
.class-poster-frequency{font-size:14px;line-height:1.6;color:inherit;letter-spacing:-.04em}
.class-poster-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;padding-top:8px;border-top:1px solid #ffffff55;font-size:15px;font-weight:550;color:inherit}.class-poster-action>span{font-size:20px}
.class-poster--recovery{background:#efefec;color:#161616;border-color:#d4d4cf}
.class-poster--recovery h3{font-weight:700}.class-poster--recovery .class-poster-art{background:#e2e2dc}.class-poster--recovery .class-poster-english{font-weight:750}.class-poster--recovery .class-poster-action{border-color:#00000040}
#classes-title{scroll-margin-top:36px}
@media(min-width:1100px) and (max-width:1240px){.home-classes .site-shell{padding-left:32px;padding-right:32px}.class-posters{gap:14px}.class-poster{padding-left:14px;padding-right:14px}.class-poster-art{margin-left:-14px;margin-right:-14px}.class-poster h3{font-size:30px}.class-poster-fee{gap:6px}.class-poster-frequency{font-size:13px}}
@media(max-width:1099px){.class-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.class-section-intro{font-size:17px}.class-intro-break{display:block}}
@media(max-width:699px){.home-classes{padding:60px 0 64px;scroll-margin-top:66px}.home-classes .site-shell{padding-left:24px;padding-right:24px}.class-section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.class-section-kicker{font-size:11px;margin-bottom:18px}.home-classes h2{font-size:34px;line-height:1.3}.class-section-intro{font-size:17px}.class-intro-break{display:none}#classes-title{scroll-margin-top:26px}}
@media(max-width:599px){.class-posters{grid-template-columns:minmax(0,1fr);gap:20px}.class-poster{min-height:392px}.class-poster h3{font-size:34px}.class-poster-art{height:74px}.class-poster-action{font-size:16px}}
@media(max-width:359px){.class-poster h3{font-size:32px}.class-poster-art{gap:10px}.class-poster-frequency{font-size:13px}.class-poster-fee strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.class-poster{transition:none}.class-poster:hover{transform:none}}
