.landing-page-wrapper{--hero-navbar-height:88px;--hero-image-height:60dvh;--hero-min-height:570px;background-color:var(--white);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:650px;margin:0 auto;display:flex;overflow:hidden}.landing-page-wrapper .hero-section{min-height:calc(var(--hero-navbar-height) + var(--hero-image-height));background-color:var(--white);flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.landing-page-wrapper .hero-section:before{content:"";top:var(--hero-navbar-height);width:100%;height:var(--hero-image-height);z-index:0;position:absolute;left:0}.landing-page-wrapper .hero-section .hero-navbar-slot{height:var(--hero-navbar-height);flex:none;width:100%}.landing-page-wrapper .hero-section .hero-navbar-fixed{z-index:1200;width:100%;position:fixed;top:0;left:0}.landing-page-wrapper .hero-section .hero-navbar-fixed .navbar{height:var(--hero-navbar-height);box-sizing:border-box;position:relative}.landing-page-wrapper .hero-section .hero-content{width:100%;max-width:var(--max-width);min-height:calc(var(--hero-min-height) - var(--hero-navbar-height));color:var(--text-color);height:var(--hero-image-height);background-image:url(/images/room.jpg);background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-radius:16px;flex-direction:column;row-gap:1.5rem;margin:0 auto;padding-left:2rem;display:flex}@media (max-width:500px){.landing-page-wrapper .hero-section .hero-content{background-size:cover}}@media (max-width:1200px){.landing-page-wrapper .hero-section .hero-content{border-radius:0}}.landing-page-wrapper .hero-section .hero-content:before{content:"";height:calc(15dvh - 5rem)}.landing-page-wrapper .hero-section .hero-content:after{content:"";top:var(--hero-navbar-height);width:100%;height:var(--hero-image-height);min-height:calc(var(--hero-min-height) - var(--hero-navbar-height));background:linear-gradient(90deg,#fff 0%,#fff0 75%);position:absolute;left:0}@media (min-width:660px){.landing-page-wrapper .hero-section .hero-content:after{background:linear-gradient(90deg,#fff 0% 20%,#fff0 50%)}}@media (min-width:780px){.landing-page-wrapper .hero-section .hero-content:after{background:linear-gradient(90deg,#fff 0% 40%,#fff0 70%)}}@media (min-width:1024px){.landing-page-wrapper .hero-section .hero-content:after{background:linear-gradient(90deg,#fff 0% 50%,#fff0 70%)}}.landing-page-wrapper .hero-section .hero-content:after{pointer-events:none}.landing-page-wrapper .hero-section .hero-content>h1.swipe{color:var(--text-color);z-index:1;text-align:left;max-width:60%;margin:0;padding-bottom:12px;font-size:clamp(1.9rem,7vw,2.9rem);display:inline-block;position:relative}.landing-page-wrapper .hero-section .hero-content>h1.swipe>span{white-space:nowrap}.landing-page-wrapper .hero-section .hero-content p{z-index:1;max-width:50%;font-size:clamp(1rem,2.5vw,1.5rem)}.landing-page-wrapper .hero-section .hero-content .hero-buttons{z-index:1;flex-flow:wrap;gap:1rem;display:flex}.landing-page-wrapper .hero-section .hero-content .hero-buttons .hero-button{background-color:var(--white);color:var(--main-highlight-color);border:2px solid var(--main-highlight-color);border-radius:48px;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.landing-page-wrapper .hero-section .hero-content .hero-buttons .hero-button:after{content:"";background-color:currentColor;flex:0 0 16px;width:16px;height:16px;-webkit-mask-image:url(/images/icons/shadil-arrow-right.svg);mask-image:url(/images/icons/shadil-arrow-right.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-page-wrapper .hero-section .hero-content .hero-buttons .hero-button.main{background-color:var(--main-highlight-color);color:var(--white)}.landing-page-wrapper .hero-section .hero-content .hero-buttons .hero-button{padding:.75rem clamp(.6rem,2vw,1.5rem);font-size:clamp(.8rem,1.2vw,1.3rem);font-weight:700;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.landing-page-wrapper .hero-section .hero-content .hero-buttons .hero-button:hover{background-color:var(--main-color);color:var(--background-color);box-shadow:0 6px 8px #00000026,0 2px 4px #0000001a}.landing-page-wrapper .hero-section .hero-actions{padding-inline:.5rem;grid-template-columns:repeat(3,minmax(200px,1fr));grid-auto-flow:column;justify-content:center;align-self:center;justify-items:center;gap:.5rem;width:min(100%,1000px);max-width:1000px;margin-top:-5rem;padding-bottom:1rem;display:grid;overflow-x:auto}.landing-page-wrapper .hero-section .hero-actions>.action-item{box-sizing:border-box;text-align:center;width:100%;color:var(--text-color);background-color:var(--background-color);filter:drop-shadow(0 4px 6px #0000001a);border:5px solid var(--white);border-radius:16px;flex-direction:column;place-items:center;gap:.5rem;max-width:300px;padding:.5rem 1rem;display:flex}.landing-page-wrapper .hero-section .hero-actions>.action-item:after{content:"";vertical-align:middle;background-color:currentColor;width:25px;height:25px;margin-left:.5rem;display:inline-block;-webkit-mask-image:url(/images/icons/shadil-arrow-right.svg);mask-image:url(/images/icons/shadil-arrow-right.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-page-wrapper .hero-section .hero-actions>.action-item>h1{color:var(--font-color);font-size:1rem}.landing-page-wrapper .hero-section .hero-actions>.action-item>div{flex-grow:1;line-height:1;display:grid}.landing-page-wrapper .hero-section .hero-actions>.action-item>.icon{background-color:var(--accent-color);box-sizing:border-box;border-radius:50%;flex:0 0 50px;width:50px;height:50px;padding:1rem;display:inline-block;position:relative}.landing-page-wrapper .hero-section .hero-actions>.action-item>.icon:before{content:"";background-color:var(--white);-webkit-mask-image:var(--hero-action-icon);-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--hero-action-icon);mask-image:var(--hero-action-icon);position:absolute;inset:10px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-page-wrapper .hero-section .hero-actions>.action-item.courses>.icon{--hero-action-icon:url(/images/icons/shadil-community.svg)}.landing-page-wrapper .hero-section .hero-actions>.action-item.events>.icon{--hero-action-icon:url(/images/icons/shadil-calendar.svg)}.landing-page-wrapper .hero-section .hero-actions>.action-item.rental>.icon{--hero-action-icon:url(/images/icons/shadil-home.svg)}@media (max-width:650px){.landing-page-wrapper .hero-section .hero-actions{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(1,1fr)}.landing-page-wrapper .hero-section .hero-actions>.action-item{grid-template-rows:repeat(2,1fr);grid-template-columns:.1fr 1fr .1fr;max-width:none;display:grid}.landing-page-wrapper .hero-section .hero-actions>.action-item>div.icon{grid-row:1/span 2}.landing-page-wrapper .hero-section .hero-actions>.action-item>h1{align-self:start}.landing-page-wrapper .hero-section .hero-actions>.action-item>div:not(.icon){grid-column:2;align-self:end}.landing-page-wrapper .hero-section .hero-actions>.action-item:after{grid-area:1/3/span 2}}main.landing-page-main{background:linear-gradient(to bottom, #fff 0%, var(--background-color) 120vh);padding:0}main.landing-page-main #about{text-align:center;max-width:var(--max-width);background:0 0;flex-direction:column;row-gap:2rem;margin:2rem auto;padding:2rem .5rem;display:flex}@media (min-width:768px){main.landing-page-main #about{padding:2rem}}main.landing-page-main #about h2{color:var(--main-color);margin-bottom:1.5rem;font-family:Georgia,serif;font-size:2.5rem}main.landing-page-main #about p{color:var(--text-color);margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}main.landing-page-main #about .about-content{flex-direction:column-reverse;align-items:center;gap:2rem;display:flex}@media (min-width:768px){main.landing-page-main #about .about-content{flex-direction:row;align-items:center;padding:2rem}}main.landing-page-main #about .about-content .about-image{border-radius:16px;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 16px #0003}@media (min-width:768px){main.landing-page-main #about .about-content .about-image{flex:1;max-width:50%}}main.landing-page-main #regular-courses{background-color:var(--main-color);max-width:none;color:var(--contrast-color);text-align:center;flex-direction:column;align-items:center;margin-top:2rem;padding-bottom:2rem;display:flex}@media (min-width:550px){main.landing-page-main #regular-courses{padding:2rem .5rem}}@media (min-width:768px){main.landing-page-main #regular-courses{padding:2rem}}main.landing-page-main #regular-courses .regular-courses-content{max-width:var(--max-width);flex-direction:column;align-items:center;gap:2rem;display:flex}@media (min-width:768px){main.landing-page-main #regular-courses .regular-courses-content{flex-direction:row}}main.landing-page-main #regular-courses .regular-courses-content img{max-width:100%;box-shadow:0 4px 8px #0000001a}@media (min-width:550px){main.landing-page-main #regular-courses .regular-courses-content img{border-radius:8px}}@media (min-width:768px){main.landing-page-main #regular-courses .regular-courses-content img{flex:1;max-width:50%}}main.landing-page-main #regular-courses .regular-courses-content div.text{flex-direction:column;align-items:center;row-gap:2rem;display:flex}main.landing-page-main #regular-courses .regular-courses-content div.text p{color:var(--text-color);text-align:center;max-width:800px;font-size:1.2rem;line-height:1.8}main.landing-page-main #regular-courses .regular-courses-content div.text a{border:4px solid var(--main-highlight-color);cursor:pointer;color:var(--text-color);padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .3s}main.landing-page-main #regular-courses .regular-courses-content div.text a:hover{background-color:#aab963}.course-details{background:var(--white);border:1px solid #ddd;border-radius:8px;flex:1;padding:1.5rem;box-shadow:0 4px 8px #0000001a}.course-details img{border-radius:8px;max-width:100%;margin-bottom:1rem}.course-details a{background:var(--main-color);color:var(--white);border-radius:4px;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s;display:inline-block}.course-details a:hover{background:#aab963}#introduction{text-align:center;background-color:var(--background-color);border:1px solid var(--main-color);border-radius:8px;margin:2rem 0;padding:1rem}#introduction h2{color:var(--main-color);font-size:2rem}#introduction p{color:var(--text-color);font-size:1.2rem}.modern-header{background-color:var(--main-color);color:var(--white);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.logo h1{margin:0;font-family:Georgia,serif;font-size:2rem}.navigation ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navigation a{color:var(--white);font-size:1rem;text-decoration:none;transition:color .3s}.navigation a:hover{color:var(--background-color)}@media (max-width:768px){.modern-header{flex-direction:column;padding:1rem}.navigation ul{flex-direction:column;gap:1rem}}#one-time-events{color:var(--text-color);max-width:var(--max-width);row-gap:2rem;padding:2rem .5rem;display:grid}@media (min-width:768px){#one-time-events{padding:2rem}}#one-time-events>h2{color:var(--text-color);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);position:relative}#one-time-events>h2:after{content:"";background-color:var(--accent-color);width:60%;height:4px;margin:.5rem auto 0;display:block}#one-time-events .more-button{background-color:var(--main-color);text-align:center;color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s}#one-time-events .more-button:hover{background-color:var(--main-highlight-color);transform:scale(1.05)}#one-time-events .more-button:active{transform:scale(.95)}#rental-info{color:var(--text-color);text-align:center;max-width:var(--max-width);border-radius:12px;margin:2rem auto;padding:2rem .5rem}@media (min-width:768px){#rental-info{padding:2rem}}#rental-info h2{color:var(--text-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);position:relative}#rental-info h2:after{content:"";background-color:var(--accent-color);width:60%;height:4px;margin:.5rem auto 0;display:block}#rental-info p{color:var(--text-color);margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}#rental-info .image-gallery{justify-content:center;gap:1rem;max-width:100%;margin:1.5rem 0;display:flex;overflow-x:auto}#rental-info .image-gallery img{object-fit:cover;border-radius:8px;width:150px;height:100px;transition:transform .3s;box-shadow:0 2px 4px #0000001a}#rental-info .image-gallery img:hover{transform:scale(1.05)}#rental-info .image-popover{z-index:5001;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#rental-info .image-popover .popover-content{max-width:90%;max-height:90%;position:relative}#rental-info .image-popover .popover-content img{border-radius:8px;width:100%;height:auto;box-shadow:0 4px 8px #0003}#rental-info .image-popover .popover-content .close-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0003}#rental-info .image-popover .popover-content .close-button:hover{background:#f0f0f0}#rental-info .image-popover .popover-content .gallery-button{color:#fff;cursor:pointer;z-index:1001;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#rental-info .image-popover .popover-content .gallery-button.gallery-button.prev{left:10px}#rental-info .image-popover .popover-content .gallery-button.gallery-button.next{right:10px}#rental-info .image-popover .popover-content .gallery-button:hover{background-color:#000c}#rental-info .info-button{background-color:var(--main-color);color:var(--white);text-align:center;border-radius:8px;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-block}#rental-info .info-button:hover{background-color:var(--main-highlight-color);transform:scale(1.05)}#rental-info .info-button:active{transform:scale(.95)}