*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #FFFFFF;--off-white: #F5F5F5}body{font-family:var(--font-body-family);background:var(--white);color:var(--black);overflow-x:hidden}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;visibility:visible;transition:opacity 2s ease-out,visibility 0s 0s}.loading-screen.hidden{opacity:0;visibility:hidden;transition:opacity 2s ease-out,visibility 0s 2s}body:not(.template-index) .loading-screen{display:none}.loading-logo{width:120px;height:120px}.loading-logo img{width:100%;height:100%;display:block}body.loading{overflow:hidden}body.loading .content-for-layout,body.loading #header-group,body.loading #footer-group{opacity:0}.content-for-layout,#header-group,#footer-group{opacity:1;transition:opacity 1.5s ease-in}.rolling-logo{position:absolute;width:150px;height:150px;z-index:0;pointer-events:none;display:block;visibility:visible}.template-product .rolling-logo,.template-collection .rolling-logo,.template-page .rolling-logo,.template-blog .rolling-logo,.template-article .rolling-logo,.template-cart .rolling-logo{display:none;visibility:hidden}.rolling-logo.hero-position{position:absolute;top:35vh;left:58%;transform:translate(-50%,-50%)}.rolling-logo.bouncing{animation:teeterAndRoll 3s cubic-bezier(.4,0,.2,1) forwards}@keyframes teeterAndRoll{0%{top:35vh;left:58%;transform:translate(-50%,-50%) rotate(0)}8%{top:35vh;left:58%;transform:translate(-50%,-50%) rotate(-12deg)}16%{top:35vh;left:58%;transform:translate(-50%,-50%) rotate(12deg)}24%{top:35vh;left:58%;transform:translate(-50%,-50%) rotate(-15deg)}32%{top:35vh;left:58%;transform:translate(-50%,-50%) rotate(15deg)}40%{top:40vh;left:65%;transform:translate(-50%,-50%) rotate(45deg)}55%{top:45vh;left:75%;transform:translate(-50%,-50%) rotate(180deg)}70%{top:50vh;left:80%;transform:translate(-50%,-50%) rotate(360deg)}85%{top:50vh;left:85%;transform:translate(-50%,-50%) rotate(540deg)}to{top:55%;left:auto;right:10%;transform:translateY(-50%) rotate(720deg)}}.rolling-logo.scrolled-position{position:fixed;top:30%;right:10%;left:auto;transform:translateY(-50%)}.logo-state{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.logo-state img{width:100%;height:100%;display:block}.logo-state.logo-normal{opacity:1}.logo-state.logo-cracked{opacity:0}.logo-state.logo-split{opacity:0;width:100%;height:100%}.logo-piece{position:absolute;width:60px;height:120px;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.logo-piece img{width:100%;height:100%;display:block}.logo-piece-left{left:0;transform:translate(0) rotate(0)}.logo-piece-right{right:0;transform:translate(0) rotate(0)}.logo-split.active .logo-piece-left{transform:translate(-30px) rotate(-15deg)}.logo-split.active .logo-piece-right{transform:translate(30px) rotate(15deg)}.rolling-logo.at-bottom{top:auto;bottom:10%;transform:translateY(0)}.rolling-logo.at-bottom .logo-split{width:140px;left:50%;transform:translate(-50%)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem;position:relative}.hero-content{max-width:800px}.hero h1{font-family:var(--font-heading-family);font-size:clamp(4rem,12vw,10rem);line-height:.9;margin-bottom:2rem;letter-spacing:-2px}.hero h1 .sad,.hero h1 .friends{display:block}.subtitle{font-size:clamp(1rem,2vw,1.3rem);font-weight:300;text-transform:uppercase;letter-spacing:2px;margin-bottom:3rem}.hero-info{display:flex;flex-direction:column;gap:.5rem;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;margin-bottom:2rem}.hero-info div{display:flex;align-items:center;gap:1rem}.slash{opacity:.3;font-weight:300}.date-badge{position:absolute;bottom:4rem;right:4rem;font-family:var(--font-heading-family);font-size:2rem;letter-spacing:1px}section{min-height:50vh;padding:4rem;display:flex;align-items:center;position:relative}section:nth-child(2n){background:var(--off-white)}.section-content{max-width:1200px;width:100%;margin:0 auto}.section-title{font-family:var(--font-heading-family);font-size:clamp(3rem,8vw,6rem);margin-bottom:2rem;letter-spacing:-1px}.section-text{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;max-width:700px;font-weight:300}.classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.class-card{border:3px solid var(--black);padding:2rem;background:var(--white);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.class-card:hover{transform:translate(-5px,-5px);box-shadow:10px 10px 0 var(--black)}.class-card h3{font-family:var(--font-heading-family);font-size:2rem;margin-bottom:1rem;letter-spacing:1px}.class-card p{font-weight:300;line-height:1.5;margin-bottom:1rem}.class-price{font-weight:600;font-size:1.2rem;margin-top:1rem}.studio-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem}.detail-block h3{font-family:var(--font-heading-family);font-size:1.8rem;margin-bottom:1rem;letter-spacing:1px}.detail-block p{font-weight:300;line-height:1.6}.reservation-form{max-width:600px;margin-top:3rem}.form-group{margin-bottom:2rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:3px solid var(--black);background:var(--white);font-family:var(--font-body-family);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--black)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--black);color:var(--white);border:none;padding:1.2rem 3rem;font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translate(-5px,-5px);box-shadow:8px 8px 0 var(--black);background:var(--white);color:var(--black);border:3px solid var(--black)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text{font-size:1.2rem;font-weight:300;line-height:1.8}.about-text p{margin-bottom:1.5rem}.about-stats{display:flex;flex-direction:column;gap:2rem}.stat{border:3px solid var(--black);padding:2rem;background:var(--white)}.stat-number{font-family:var(--font-heading-family);font-size:4rem;line-height:1;margin-bottom:.5rem}.stat-label{font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}footer{background:var(--black);color:var(--white);padding:3rem 4rem;text-align:center}footer p{font-weight:300;margin-bottom:1rem}.scroll-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);font-size:2rem;animation:bounce 2s infinite;z-index:100}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (max-width: 768px){.hero,section{padding:2rem}.loading-logo,.rolling-logo{width:80px;height:80px}.rolling-logo.bouncing{animation:teeterAndRollMobile 3s cubic-bezier(.4,0,.2,1) forwards}@keyframes teeterAndRollMobile{0%{top:20vh;left:57%;transform:translate(-50%,-50%) rotate(0)}10%{top:20vh;left:57%;transform:translate(-50%,-50%) rotate(-10deg)}20%{top:20vh;left:57%;transform:translate(-50%,-50%) rotate(10deg)}30%{top:20vh;left:57%;transform:translate(-50%,-50%) rotate(-12deg)}40%{top:40vh;left:65%;transform:translate(-50%,-50%) rotate(30deg)}55%{top:45vh;left:70%;transform:translate(-50%,-50%) rotate(180deg)}70%{top:50vh;left:75%;transform:translate(-50%,-50%) rotate(360deg)}85%{top:50vh;left:80%;transform:translate(-50%,-50%) rotate(540deg)}to{top:50%;left:auto;right:5%;transform:translateY(-50%) rotate(720deg)}}.rolling-logo.scrolled-position{right:5%}.logo-state img{width:80px;height:80px}.logo-piece{width:40px;height:80px}.rolling-logo.at-bottom .logo-split{width:100px}.logo-split.active .logo-piece-left{transform:translate(-20px) rotate(-15deg)}.logo-split.active .logo-piece-right{transform:translate(20px) rotate(15deg)}.date-badge{bottom:2rem;right:2rem}.about-content,.classes-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/styles.css.map */