.openClass{color:#152e3b;background:#eef2f1;padding:64px 32px;scroll-margin-top:24px}.openClassCard{background:#fff;border:1px solid #dbe3e0;border-radius:16px;grid-template-columns:.85fr 1.15fr;width:min(1160px,100%);margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 48px #18332a0a}.openClassPoster{color:#fff;text-align:center;background:radial-gradient(at 50% 30%,#304c4c 0%,#142b36 55%,#0c1b28 100%);flex-direction:column;align-items:center;padding:30px 36px;display:flex;position:relative;overflow:hidden}.openClassPoster:before{content:"";pointer-events:none;border:1px solid #b19b6040;border-radius:6px;position:absolute;inset:14px}.openClassLive{letter-spacing:.12em;text-transform:uppercase;color:#e5eacc;align-items:center;gap:9px;font-size:11px;display:inline-flex}.openClassLive i{background:#d3ee7e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d3ee7e12}.openClassPoster img{object-fit:contain;filter:drop-shadow(0 8px 16px #0004);width:146px;height:152px;margin:26px 0 18px;display:block}.openClassPosterTitle{letter-spacing:-.04em;font-size:clamp(30px,3.2vw,44px);font-weight:400;line-height:1.1}.openClassPosterTitle strong{color:#dec98c;font-weight:500}.openClassPosterDate{text-align:left;border-top:1px solid #c8d6d233;justify-content:center;align-items:center;gap:14px;width:100%;margin:28px 0 18px;padding-top:22px;display:flex}.openClassPosterDate b{letter-spacing:-.05em;color:#d3ee7e;font-size:64px;font-weight:500;line-height:1}.openClassPosterDate span{letter-spacing:.12em;font-size:16px}.openClassPosterDate small{letter-spacing:.1em;color:#bac7c7;margin-top:8px;font-size:10px;display:block}.openClassPoster>p{letter-spacing:.18em;color:#a7bcbc;margin:0;font-size:10px}.openClassCopy{align-self:center;padding:44px 46px}.openClassKicker{letter-spacing:.13em;text-transform:uppercase;color:#4d6860;margin:0 0 18px;font-size:10px;font-weight:700}.openClass .openClassCopy h2{letter-spacing:-.035em;color:#152e3b;margin:0 0 22px;font-size:clamp(30px,3.5vw,44px);font-weight:500;line-height:1.1}.openClassCopy h2 em{color:#697d43;font-family:Georgia,serif;font-weight:400}.openClassCopy>p:not(.openClassKicker):not(.openClassNote){color:#52636b;margin:0 0 24px;font-size:15px;line-height:1.75}.openClassDetails{border-left:3px solid #afc76f;gap:5px;padding:3px 0 3px 16px;display:grid}.openClassDetails>span{text-transform:uppercase;letter-spacing:.1em;color:#64776a;font-size:10px;font-weight:700}.openClassDetails time{font-size:19px;font-weight:600}.openClassDetails small{color:#63747b;font-size:12px}.openClassActions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.openClass .openClassButton{color:#142a36;background:#d3ee7e;border-radius:4px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.openClassButton:hover{background:#c5e46b}.openClass .openClassSchedule{color:#314d4d;text-underline-offset:5px;font-size:12px;font-weight:600}.openClassActions a:focus-visible{outline-offset:4px;outline:3px solid #426359}.openClassCopy .openClassNote{color:#6c7b80;margin:22px 0 0;font-size:11px;line-height:1.6}@media (max-width:760px){.openClass{padding:36px 20px}.openClassCard{grid-template-columns:1fr;max-width:520px}.openClassPoster{padding:26px 28px}.openClassPoster img{width:108px;height:112px;margin:22px 0 14px}.openClassPosterTitle{font-size:34px}.openClassPosterDate{margin:20px 0 16px;padding-top:18px}.openClassPosterDate b{font-size:52px}.openClassCopy{padding:30px 26px}.openClass .openClassCopy h2{font-size:32px}.openClass .openClassButton{width:100%;padding:16px;font-size:12px}.openClassActions{gap:20px}.openClassDetails time{font-size:18px}}@media (prefers-reduced-motion:no-preference){.openClassButton{transition:background .18s}}