.top{width:100vw;height:90vh;overflow:hidden;position:relative}.top-slide-show{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:5;background-color:#fdfdfd}.top-slide-show img{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;z-index:5;filter:saturate(80%)}.top-image{transition:opacity 1s ease;opacity:0}.top-image.active{opacity:1}.top-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.top-info{padding:5vh 0;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#fdfdfd}.top-info-wrapper{position:relative;border:2px solid #35a0b5;width:60vw;height:20vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.info-title{position:absolute;background-color:#35a0b5;top:0;left:50%;transform:translate(-50%);padding:10px 40px}.info-title h2{color:#fdfdfd;margin:0}@media (max-width: 768px){.top-info-wrapper{width:100vw;height:30vh}.info-title{padding:8px 20px;font-size:16px}}.top-about{width:100vw;height:60vh;background-color:#0b0b0b;position:relative;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}.top-about-text-wrapper{color:#fdfdfd;margin-left:5vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline}.top-about-text-wrapper h2{display:inline-block;transform:scaleY(1.5);transform-origin:center;margin:0}.top-about-photo{position:absolute;top:0;right:0;width:55vw;height:60vh;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,10% 100%)}.top-about-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.top-about{flex-direction:column;height:80vh}.top-about-text-wrapper{color:#fdfdfd;margin-left:0;margin-top:7vh}.top-about-photo{width:100vw;top:auto;bottom:0;right:0;height:45vh;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}}.top-lesson{padding:10vh 0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fdfdfd}.top-lesson-title{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.top-lesson-title h2{margin:0;text-decoration:underline}.top-lesson-title p{margin:0}.top-instructor-wrapper{margin:5vh;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.top-instructor{position:relative;width:100%;height:40vh;box-shadow:0 0 8px #0000001a;overflow:hidden}.top-instructor img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:10;transition:all .5s ease}.top-instructor:hover .top-instructor-img{transform:scale(1.05)}.top-instructor-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(1.5);color:#fdfdfd;font-weight:800;margin:0;opacity:1;transition:opacity .5s ease;color:#35a0b5;font-size:30px;display:inline-block;transform-origin:center}.top-instructor-text:hover .top-instructor-name{opacity:0}.top-instructor-profile{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);color:#35a0b5;border:2px solid #35a0b5;box-sizing:border-box;padding:5px 10px;font-weight:600;opacity:1;transition:opacity .5s ease}.top-instructor-text:hover .top-instructor-profile{opacity:0}.top-instructor-text{position:absolute;display:flex;align-items:flex-end;justify-content:end;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#0006;transition:all .5s ease}.top-instructor-box{border:2px solid #35a0b5;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;opacity:1;transition:opacity .5s ease}.top-instructor-text:hover .top-instructor-box{opacity:0}.top-instructor-disc{margin:10px;color:#fdfdfd;opacity:0;transition:all .5s ease}.top-instructor-text:hover .top-instructor-disc{opacity:1}.top-instructor-text:hover{background-color:#000000a6}@media (max-width: 768px){.top-instructor-wrapper{margin:5vh 10px;display:grid;grid-template-columns:repeat(1,1fr);gap:10px}.top-instructor{position:relative;width:100%;height:40vh;box-shadow:0 0 8px #0000001a;overflow:hidden}}.top-event{padding:10vh 0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0b0b0b}.top-event-title{color:#fdfdfd;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.top-event-title h2{margin:0;text-decoration:underline}.top-event-title p{margin:0}.top-event-wrapper{margin:5vh 0;display:flex;flex-direction:column}.top-event-top-photo{height:40vh;width:70vw}.top-event-top-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-event-desc{margin:3vh;color:#fdfdfd;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.top-event-desc h2,.top-event-desc p{margin:0}.top-event-photo-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:70vw}.top-event-photo{width:100%;height:20vh}.top-event-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.top-event-wrapper{margin:3vh 0 5vh;display:flex;flex-direction:column}.top-event-top-photo{height:30vh;width:100vw}.top-event-photo-container{grid-template-columns:repeat(2,1fr);gap:0px;width:100vw}}.top-access{padding:10vh 0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0b0b0b}.top-access-title{color:#fdfdfd;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.top-access-title h2{margin:0;text-decoration:underline}.top-access-title p{margin:0}.top-access-wrapper{margin:5vh 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.map-iframe{width:calc(80vw - 100px);height:40vh;border:0}.top-access-wrapper p{color:#fdfdfd;text-align:center;margin-bottom:5vh}@media (max-width: 768px){.map-iframe{width:100vw}}.top-cafe{padding:10vh 0;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fdfdfd}.top-cafe-title{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.top-cafe-title h2{margin:0;text-decoration:underline}.top-cafe-title p{margin:0}.top-cafe-wrapper,.top-shop-prep-text{text-align:center}