#class-explore {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  align-items: center;
  gap: clamp(32px, 5vw, 68px);
  padding: 64px 0;
  scroll-margin-top: 32px;
}

#class-explore .ys-class-explore-copy {
  max-width: 410px;
}

#class-explore .ys-class-explore-copy h2 {
  color: #242e2a;
  font-family: Centra, sans-serif;
  font-size: clamp(3.1rem, 3.4vw, 4.4rem);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.15;
}

#class-explore .ys-class-explore-copy p {
  margin: 18px 0 0;
  color: #625d67;
  font-family: Centra, sans-serif;
  font-size: 1.55rem;
  line-height: 1.7;
}

#class-explore .ys-class-explore-visual { width:min(100%,340px); margin:0; justify-self:center; container-type:inline-size; }
#class-explore .ys-class-screen { box-sizing:border-box; width:100%; height:650px; display:flex; flex-direction:column; overflow:hidden; border-radius:28px; background:#fff; color:#193d2b; font-family:Centra,sans-serif; box-shadow:0 28px 56px #14362b26,0 6px 16px #14362b12; }
#class-explore .ys-class-content { padding:18px 18px 0; flex:1; min-height:0; display:flex; flex-direction:column; }
#class-explore .ys-class-content h3 { margin:0 0 8px; font:500 21px/25px Centra,sans-serif; letter-spacing:-.6px; color:#193d2b; }
#class-explore .ys-class-welcome { display:flex; align-items:center; justify-content:space-between; height:25px; flex:none; margin:0 0 12px; }
#class-explore .ys-class-welcome h3 { margin:0; }
#class-explore .ys-class-welcome__sun { display:block; width:22px; height:22px; flex:none; color:#849f74; }
#class-explore .ys-class-search { height:32px; flex:none; display:flex; align-items:center; gap:8px; padding:0 11px; border:1px solid #cbd9d0; border-radius:24px; color:#486052; font-size:11px; background:#fafdfb; box-sizing:border-box; }
#class-explore .ys-class-search svg { width:16px;height:16px;flex:none; }
#class-explore .ys-class-style-title { margin:0 0 6px; font:500 15px/18px Centra,sans-serif; color:#193d2b; }
#class-explore .ys-class-categories { display:flex; gap:9px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; margin-right:-18px; padding-right:18px; scroll-snap-type:x proximity; }
#class-explore .ys-class-categories::-webkit-scrollbar { display:none; }
#class-explore .ys-class-categories:focus-visible {outline:2px solid #438063;outline-offset:3px; border-radius:4px;}
#class-explore .ys-class-category { flex:0 0 calc((100% - 18px)/4.4); min-width:0; text-align:center; scroll-snap-align:start; }
#class-explore .ys-class-category svg { display:block; width:100%; aspect-ratio:1; border-radius:50%; }
#class-explore .ys-class-category span {display:block; margin-top:5px; font-size:10px;line-height:14px; color:#4d5b54; white-space:nowrap;}
#class-explore .ys-class-featured {height:138px; position:relative; margin-top:14px; border-radius:9px; isolation:isolate;}
#class-explore .ys-class-evening-art {position:absolute;inset:0;width:100%;height:100%;border-radius:9px;z-index:-1;}
#class-explore .ys-class-featured-copy {position:relative;z-index:2;padding:12px;pointer-events:none;}
#class-explore .ys-class-featured-copy h4 {margin:0; font:400 20px/20px Centra,sans-serif;letter-spacing:-.4px;color:#fff;}
#class-explore .ys-class-featured-copy p {margin:7px 0 6px; font-size:9px;line-height:12px;color:#e8efdf;}
#class-explore .ys-class-start {display:inline-flex;align-items:center;gap:5px;border-radius:18px;background:#edf2df;padding:4px 8px;color:#214c36;font-size:9px;line-height:12px;}
#class-explore .ys-class-start svg {width:9px;height:9px;}
#class-explore .ys-class-rose {position:absolute;right:-10px;bottom:-15px;width:164px;height:164px;max-width:none;object-fit:contain;pointer-events:none;}
#class-explore .ys-class-short-title {margin:20px 0 8px; font:500 16px/18px Centra,sans-serif;color:#193d2b;}
#class-explore .ys-class-short-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#class-explore .ys-class-cover {height:150px;position:relative;overflow:hidden;border-radius:7px;isolation:isolate;}
#class-explore .ys-class-cover>svg {position:absolute;inset:0;width:100%;height:100%;z-index:-1;}
#class-explore .ys-class-cover h5 {position:relative;z-index:2;margin:0;padding:9px; font:500 15px/16px Centra,sans-serif;letter-spacing:-.3px;color:#21422f;}
#class-explore .ys-class-cover--morning img {position:absolute;width:118px;height:118px;max-width:none;left:4px;bottom:-14px;object-fit:contain;}
#class-explore .ys-class-cover--floor {background:#ccd6bc;}
#class-explore .ys-class-photo-arch {position:absolute;inset:44px 0 0;border-radius:75px 75px 0 0;overflow:hidden;background:#e6d9cb;}
#class-explore .ys-class-photo-arch img {width:100%;height:100%;object-fit:cover;object-position:center 63%;}
#class-explore .ys-class-short>p {margin:5px 0 0;font-size:10px;line-height:14px;color:#566258;}
#class-explore {
  --ys-nav-background-image: radial-gradient(circle at 27% 29%,rgba(222,239,218,0.206) 0 0.15px,transparent 0.41px),radial-gradient(circle at 64% 62%,rgba(222,239,218,0.208) 0 0.16px,transparent 0.34px),radial-gradient(circle at 36% 60%,rgba(222,239,218,0.099) 0 0.16px,transparent 0.40px),radial-gradient(circle at 80% 28%,rgba(222,239,218,0.184) 0 0.22px,transparent 0.48px),radial-gradient(circle at 43% 69%,rgba(222,239,218,0.205) 0 0.25px,transparent 0.44px),radial-gradient(circle at 54% 50%,rgba(222,239,218,0.168) 0 0.16px,transparent 0.42px),radial-gradient(circle at 62% 48%,rgba(222,239,218,0.153) 0 0.31px,transparent 0.61px),radial-gradient(circle at 15% 83%,rgba(222,239,218,0.239) 0 0.19px,transparent 0.44px),radial-gradient(circle at 8% 56%,rgba(222,239,218,0.229) 0 0.18px,transparent 0.40px),radial-gradient(circle at 74% 39%,rgba(222,239,218,0.094) 0 0.23px,transparent 0.44px),radial-gradient(circle at 45% 37%,rgba(222,239,218,0.115) 0 0.26px,transparent 0.53px),radial-gradient(circle at 14% 48%,rgba(222,239,218,0.174) 0 0.15px,transparent 0.36px),radial-gradient(circle at 70% 74%,rgba(222,239,218,0.121) 0 0.29px,transparent 0.48px),radial-gradient(circle at 13% 68%,rgba(222,239,218,0.235) 0 0.14px,transparent 0.42px),radial-gradient(circle at 8% 53%,rgba(222,239,218,0.164) 0 0.22px,transparent 0.48px),radial-gradient(circle at 29% 18%,rgba(222,239,218,0.193) 0 0.15px,transparent 0.39px),radial-gradient(circle at 60% 32%,rgba(222,239,218,0.239) 0 0.14px,transparent 0.41px),radial-gradient(circle at 22% 11%,rgba(222,239,218,0.186) 0 0.18px,transparent 0.43px),radial-gradient(circle at 57% 50%,rgba(222,239,218,0.202) 0 0.30px,transparent 0.61px),radial-gradient(circle at 38% 24%,rgba(222,239,218,0.151) 0 0.19px,transparent 0.48px),radial-gradient(circle at 35% 75%,rgba(222,239,218,0.127) 0 0.17px,transparent 0.39px),radial-gradient(circle at 31% 37%,rgba(222,239,218,0.235) 0 0.15px,transparent 0.41px),radial-gradient(circle at 14% 70%,rgba(222,239,218,0.108) 0 0.30px,transparent 0.56px),radial-gradient(circle at 76% 9%,rgba(222,239,218,0.194) 0 0.30px,transparent 0.55px),radial-gradient(circle at 36% 67%,rgba(222,239,218,0.186) 0 0.30px,transparent 0.50px),radial-gradient(circle at 60% 60%,rgba(222,239,218,0.099) 0 0.14px,transparent 0.41px),radial-gradient(circle at 17% 11%,rgba(222,239,218,0.092) 0 0.22px,transparent 0.52px),radial-gradient(circle at 18% 82%,rgba(222,239,218,0.224) 0 0.20px,transparent 0.46px),radial-gradient(ellipse at 8% 104%,#52816b70,transparent 43%),radial-gradient(ellipse at 65% 98%,#41786575,transparent 47%),radial-gradient(ellipse at 30% -35%,#031f1b85,transparent 65%),linear-gradient(113deg,#1a4b3e,#103d32 50%,#123e32);
  --ys-nav-background-size: 11.1px 18.0px,26.9px 22.5px,13.6px 20.3px,16.8px 12.4px,26.5px 26.7px,11.4px 30.0px,12.6px 27.7px,25.5px 15.5px,24.4px 20.9px,22.3px 19.6px,13.4px 23.2px,23.5px 12.4px,16.6px 16.1px,12.3px 15.3px,10.4px 17.6px,17.0px 20.7px,16.8px 14.9px,22.2px 19.3px,18.1px 25.3px,19.4px 16.9px,11.8px 15.8px,16.3px 24.7px,25.1px 28.6px,22.1px 30.5px,11.4px 15.9px,27.1px 23.3px,23.1px 15.5px,16.9px 24.3px,100% 100%,100% 100%,100% 100%,100% 100%;
  --ys-nav-background-position: 13.4px 4.7px,12.4px 2.8px,14.5px 5.2px,7.9px 1.9px,9.3px 5.5px,14.5px 5.7px,14.1px 4.8px,10.3px 2.4px,5.3px 13.5px,10.9px 12.3px,11.3px 10.3px,12.0px 9.6px,11.9px 11.5px,10.6px 0.5px,1.6px 11.7px,4.9px 6.6px,2.1px 4.4px,10.5px 9.9px,2.8px 0.0px,13.5px 12.6px,12.0px 4.8px,10.9px 12.6px,10.4px 12.6px,13.1px 3.9px,7.3px 14.6px,13.4px 3.7px,0.9px 0.1px,2.6px 8.0px,center,center,center,center;
  --ys-nav-background-repeat: repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}
#class-explore .ysb-app-nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:none;box-sizing:border-box;min-height:68px;padding:8px 8px 12px;margin:0;width:100%;border:0;border-radius:0;background-color:#103e33;background-image:var(--ys-nav-background-image);background-size:var(--ys-nav-background-size);background-position:var(--ys-nav-background-position);background-repeat:var(--ys-nav-background-repeat);}
#class-explore .ysb-app-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:7px 0;border:0;background:transparent;color:#fff!important;font:400 10px/1.2 Centra,sans-serif;}
#class-explore .ysb-app-nav button[aria-pressed=true] {background:#ffffff20!important;border-radius:14px;}
#class-explore .ysb-app-nav svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
#class-explore .ysb-app-nav::before,#class-explore .ysb-app-nav::after {display:none;}
@media(max-width:749px) {
 #class-explore {grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 0;}
 #class-explore .ys-class-explore-copy {max-width:560px;}
 #class-explore .ys-class-explore-copy h2 {font-size:3rem;}
 #class-explore .ys-class-explore-copy p {margin-top:12px;font-size:1.4rem;}
 #class-explore .ys-class-explore-visual {width:min(100%,320px);}
 #class-explore .ys-class-screen {height:650px;min-height:0;}
 #class-explore .ys-class-content {padding-bottom:0;}
}
@media(max-width:360px) {
 #class-explore .ys-class-explore-visual {width:min(100%,260px);}
 #class-explore .ys-class-screen {height:580px;}
 #class-explore .ys-class-featured {height:112px;}
 #class-explore .ys-class-rose {width:140px;height:140px;right:-12px;}
 #class-explore .ys-class-featured-copy h4 {font-size:18px;line-height:19px;}
 #class-explore .ys-class-cover {height:120px;}
 #class-explore .ys-class-cover h5 {font-size:13px;line-height:14px;}
 #class-explore .ys-class-cover--morning img {width:104px;height:104px;left:0;}
 #class-explore .ys-class-photo-arch {top:39px;}
}

#class-explore .ys-class-scroll {flex:1;min-height:0;margin:12px -18px 0;padding:0 18px 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-behavior:auto;}
#class-explore .ys-class-scroll::-webkit-scrollbar {display:none;}
#class-explore .ys-class-scroll:focus-visible {outline:2px solid #438063;outline-offset:-3px;}
#class-explore .ys-class-sequence {border:1px solid #d6e2da;border-radius:18px;overflow:hidden;margin:0 0 14px;background:#edf2df;}
#class-explore .ys-class-sequence-heading {padding:12px 12px 9px;}
#class-explore .ys-class-sequence-heading h4 {margin:0;font:500 16px/19px Centra,sans-serif;letter-spacing:-.2px;color:#294735;}
#class-explore .ys-class-sequence-meta {display:flex;align-items:center;gap:14px;margin-top:7px;font:400 11px/16px Centra,sans-serif;color:#627365;}
#class-explore .ys-class-sequence-meta svg {display:block;width:54px;height:22px;}
#class-explore .ys-class-sequence-poses {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fff;}
#class-explore .ys-class-sequence-poses img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;}

#class-explore .ys-class-sequence[hidden] {display:none;}