#classes-content{padding-top:8rem;padding-bottom:15rem}#classes-content .classes{max-width:60rem;margin:0 auto}#classes-content .classes .heading h1{text-align:center;margin-bottom:2rem;font-family:NyghtSerif DarkItalic;font-size:3.75rem;font-weight:700}#classes-content .classes-list{grid-gap:40px;grid-template-columns:repeat(2,1fr);display:grid}#classes-content .classes-list .class-card{aspect-ratio:460/300;width:100%;max-width:460px;transition:transform .35s var(--yf-ease);cursor:pointer;position:relative;overflow:hidden}#classes-content .classes-list .class-card:hover{transform:translateY(-6px)}#classes-content .classes-list .class-card:hover>img{transform:scale(1.04)}#classes-content .classes-list .class-card>img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--yf-ease);display:block}#classes-content .classes-list .class-card .class-content{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(0)}#classes-content .classes-list .class-card .class-content .title{width:100%;transition:transform .4s var(--yf-ease);background-color:#4a3e3099;justify-content:space-between;padding:1rem;display:flex;position:absolute;bottom:88px;transform:translateY(100%)}#classes-content .classes-list .class-card .class-content .title img{position:relative;top:10px}#classes-content .classes-list .class-card .class-content:hover .title{height:100%;top:0;transform:translateY(0)}#classes-content .classes-list .class-card .class-content:hover .class-description p,#classes-content .classes-list .class-card .class-content:hover .class-description img{opacity:1;transform:none}#classes-content .classes-list .class-card .class-content h3{color:#e2d9b5;font-family:NyghtSerif DarkItalic;font-size:2.25rem;font-weight:700}#classes-content .classes-list .class-card .class-description{padding:1rem;position:absolute;bottom:0;left:0;right:0}#classes-content .classes-list .class-card .class-description p{color:#e2d9b5;opacity:0;transition:opacity .35s var(--yf-ease) .1s,transform .35s var(--yf-ease) .1s;margin-bottom:.5rem;font-size:1.25rem;transform:translateY(12px)}#classes-content .classes-list .class-card .class-description img{opacity:0;width:100%;height:auto;transition:opacity .3s var(--yf-ease) .18s,transform .3s var(--yf-ease) .18s;display:block;transform:translate(-8px)}@media (max-width:1000px){#classes-content{padding:7rem 1rem 15rem}#classes-content .classes-list{display:block}#classes-content .classes-list .class-card{aspect-ratio:750/500;max-width:750px;margin:0 auto 2rem}}@media (max-width:800px){#classes-content .classes .heading h1{font-size:2.5rem}#classes-content .classes-list .class-card{aspect-ratio:460/300;max-width:460px}}@media (max-width:500px){#classes-content .classes-list .class-card{aspect-ratio:350/234;max-width:350px}#classes-content .classes-list .class-card .class-content .title{bottom:68px}#classes-content .classes-list .class-card .class-content .title h3,#classes-content .classes-list .class-card .class-description p{font-size:1rem}}@media (prefers-reduced-motion:reduce){#classes-content .classes-list .class-card,#classes-content .classes-list .class-card>img{transition:none}#classes-content .classes-list .class-card:hover,#classes-content .classes-list .class-card:hover>img{transform:none}#classes-content .classes-list .class-card .class-content .title{transition:none}#classes-content .classes-list .class-card .class-description p,#classes-content .classes-list .class-card .class-description img{transition:none;transform:none}}
