.methodology-class-wrapper{position:relative}.methodology-class-container{align-items:center;background-image:url(https://performanceclub.thestjames.com/hubfs/bg-image-dark.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;display:grid;gap:64px;grid-template-columns:1fr 1fr;height:100%;margin:0 auto 64px;padding:32px}.methodology-class-container:nth-of-type(2n) .overview-container{order:2}.methodology-class-container:last-of-type{margin:0 auto}.overview-container h2{color:var(--colors--white)!important;font-size:160px;line-height:160px}.overview-container p{color:var(--colors--white)!important;font-size:30px;line-height:36px;margin:0 0 12px}.overview-container ul{grid-column-gap:.5rem;grid-row-gap:.5rem;align-items:center;display:flex;flex-flow:wrap;justify-content:flex-start;margin-top:0;padding:0}.overview-container ul li{background-color:color-mix(in srgb,var(--brand--blue-sky) 24%,transparent);border:1px solid var(--brand--blue-sky);border-radius:10rem;color:var(--colors--white);cursor:pointer;font-size:.9375rem;list-style:none;padding:.5rem .75rem}.overview-container ul li.active{background-color:var(--brand--blue-sky);color:var(--brand--blue-primary)}.class-card h3,.class-card p{color:var(--colors--white)!important}.overview-container{display:flex;flex-flow:column nowrap;gap:12px}.class-list-details-container{min-height:480px;position:relative}.class-card{align-items:flex-start;background-color:var(--brand--blue-primary);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--brand--blue-sky);border-radius:16px;display:flex;flex-flow:column nowrap;gap:12px;justify-content:flex-end;min-height:480px;opacity:0;padding:32px;position:absolute;transition:opacity .6s ease;width:100%}@media (max-width:1024px){.overview-container h2{font-size:120px;line-height:120px}.overview-container p{font-size:24px;line-height:30px;margin:0 0 8px}}@media (max-width:900px){.methodology-class-container{gap:32px;grid-template-columns:1fr;height:100%;padding:24px}.methodology-class-container:nth-of-type(2n) .overview-container{order:1}.methodology-class-container:nth-of-type(2n) .class-list-details-container{order:2}.overview-container{overflow:scroll}.class-card{padding:24px}.class-list{flex-flow:row nowrap!important;overflow:scroll}.class-list li{white-space:nowrap}}@media (max-width:736px){.overview-container h2{font-size:90px;line-height:90px}}