.hwz-front-page .classes-grid{isolation:isolate;box-shadow:0 18px 55px rgba(58,72,66,.045)}
.hwz-front-page .class-panel{position:relative;overflow:hidden;transition:transform .32s ease,box-shadow .32s ease,background-color .32s ease;will-change:transform}
.hwz-front-page .class-panel:not(.image)::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-120px;top:-120px;border:1px solid rgba(111,143,130,.10);transition:transform .45s ease,opacity .3s ease;opacity:.55;pointer-events:none}
.hwz-front-page .class-panel:not(.image):hover{transform:translateY(-7px);z-index:2;box-shadow:0 22px 48px rgba(64,79,72,.10)}
.hwz-front-page .class-panel:not(.image):hover::after{transform:translate(-16px,16px) scale(1.12);opacity:1}
.hwz-front-page .class-panel.image{overflow:hidden}
.hwz-front-page .class-panel.image img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s ease;will-change:transform}
.hwz-front-page .class-panel.image:hover img{transform:scale(1.035);filter:saturate(1.03)}
.hwz-front-page .class-lineart{margin-top:auto;height:145px;display:flex;align-items:flex-end;justify-content:center;color:#8ea79d;opacity:.92;transform:translateY(8px);transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.hwz-front-page .class-lineart svg{width:88%;height:132px;overflow:visible}
.hwz-front-page .class-lineart circle,.hwz-front-page .class-lineart path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hwz-front-page .class-lineart-meditation svg{width:72%}
.hwz-front-page .class-lineart-circle svg{width:86%}
.hwz-front-page .class-panel:hover .class-lineart{transform:translateY(0);opacity:1}
.hwz-front-page .class-panel h3{transition:transform .3s ease,color .3s ease}
.hwz-front-page .class-panel:not(.image):hover h3{transform:translateX(3px);color:#50675e}
@media(max-width:1050px){.hwz-front-page .class-panel{min-height:360px}.hwz-front-page .class-lineart{height:130px}}
@media(max-width:680px){.hwz-front-page .class-panel{min-height:320px}.hwz-front-page .class-lineart{height:118px;transform:none}.hwz-front-page .class-panel:not(.image):hover{transform:none}.hwz-front-page .class-panel.image:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.hwz-front-page .class-panel,.hwz-front-page .class-panel::after,.hwz-front-page .class-panel img,.hwz-front-page .class-lineart,.hwz-front-page .class-panel h3{transition:none!important;transform:none!important}}