@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap";.construction{background-image:url(/construction-img.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.construction__overlay{-webkit-backdrop-filter:brightness(.92);backdrop-filter:brightness(.92);background:#00000052;position:absolute;inset:0}.construction__content{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;width:100%;max-width:1100px;padding:2rem;display:flex;position:relative}.construction__brand{letter-spacing:1px;margin-bottom:3rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:600}.construction__title{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,9vw,8rem);font-weight:300;line-height:.95}.construction__subtitle{max-width:650px;margin-top:2rem;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:300;line-height:1.5}.construction__badge{color:#5d514d;background:#ffffffeb;border-radius:999px;min-width:200px;margin-top:2rem;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:400}.construction__opening{max-width:900px;margin-top:2.5rem;font-family:Montserrat,sans-serif;font-size:1.7rem;font-weight:300}.construction__socials{gap:1.75rem;margin-top:2rem;display:flex}.construction__socials a{color:#fff;font-size:2.2rem;transition:transform .25s,opacity .25s}.construction__socials a:hover{opacity:.8;transform:translateY(-3px)}@media (width<=768px){.construction__brand{margin-bottom:2rem;font-size:1rem}.construction__title{font-size:clamp(3.5rem,15vw,5rem);line-height:1}.construction__subtitle{padding:0 10px;font-size:1rem}.construction__badge{min-width:180px;padding:10px;font-size:1.1rem}.construction__opening{padding:0 10px;font-size:1.1rem;line-height:1.5}.construction__socials a{font-size:1.8rem}}@media (width<=480px){.construction__content{padding:1.25rem}.construction__title{font-size:3.5rem}.construction__opening{font-size:1rem}}.promo-popup{z-index:9999;border-radius:22px 0 0 22px;width:340px;transition:all .45s;position:fixed;bottom:20px;right:0;overflow:visible;box-shadow:0 18px 45px #00000040}.promo-popup__image{border-radius:22px 0 0 22px;width:100%;display:block}.promo-popup--open{transform:translate(0)}.promo-popup--closed{transform:translate(calc(100% - 24px))}.promo-popup__tab{cursor:pointer;color:#fff;background:#c8a06bb8;border:none;border-radius:18px 0 0 18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:34px;height:50%;display:flex;position:absolute;top:50%;left:-34px;transform:translateY(-50%);box-shadow:0 8px 20px #0003}.promo-popup__text{writing-mode:vertical-rl;letter-spacing:.06em;font-size:15px;font-weight:600;transform:rotate(180deg)}.promo-popup__arrow{font-size:24px;animation:2s infinite tabMove}@keyframes tabMove{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(0)}to{transform:translate(0)}}.promo-popup__close{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;color:#fff;background:#c8a06b68;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;position:absolute;top:10px;right:10px}@media (width<=626px){.promo-popup__close{display:none}.promo-popup{transform-origin:bottom;border-radius:20px 20px 0 0;width:min(92vw,340px);bottom:0;right:50%}.promo-popup__image{border-radius:20px 20px 0 0}.promo-popup--open{transform:translate(50%)translateY(0)}.promo-popup--closed{transform:translate(50%)translateY(calc(100% - 10px))}.promo-popup__tab{border-radius:18px 18px 0 0;flex-direction:row;gap:10px;width:190px;height:28px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.promo-popup__text{writing-mode:horizontal-tb;font-size:15px;transform:none}.promo-popup__arrow{animation:2.8s infinite mobileTabBounce;transform:rotate(90deg)}}@keyframes mobileTabBounce{0%,to{transform:rotate(90deg)translate(0)}20%{transform:rotate(90deg)translate(-3px)}40%{transform:rotate(90deg)translate(0)}60%{transform:rotate(90deg)translate(-3px)}80%{transform:rotate(90deg)translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}.container{background-color:#f5efe7;background-image:url(/EloSunYoga.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.navbar{z-index:1000;background:#f9f5f2;justify-content:center;align-items:center;width:100%;height:84px;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 6px #0000000a}.navbar-container{justify-content:center;align-items:center;width:min(1400px,92%);display:flex;position:relative}nav{gap:42px;display:flex}nav li{color:#6a5548;letter-spacing:.5px;cursor:pointer;font-family:Montserrat;font-size:.95rem;font-weight:400;text-decoration:none;list-style:none;transition:all .3s}nav li:hover{color:#b54d29}li.active{color:#e9d7df}.social{gap:24px;display:flex;position:absolute;right:0}.social a{color:#9d9d9d;font-size:1.55rem;transition:all .3s}.social a:hover{color:#b54d29}.burger{color:#7d3b35;cursor:pointer;z-index:1002;font-size:30px;display:none}@media (width<=900px){.navbar{height:70px}.navbar-container{justify-content:space-between}.burger{display:block}.nav{background:#faf7f3;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100vh;transition:left .45s cubic-bezier(.19,1,.22,1);display:flex;position:fixed;top:0;left:-100%}.nav.open{left:0}li{letter-spacing:2px;cursor:pointer;text-align:center;font-size:2rem;list-style:none}}.about{box-sizing:border-box;background:#faf7f3;justify-content:space-around;align-items:center;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:80px 7%;display:flex}.about-left{color:#5b4636;max-width:760px}.about h2{text-transform:uppercase;letter-spacing:.12em;color:#b65a38;margin:0 0 12px;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:normal;font-weight:700}.intro{color:#5b4636;max-width:600px;margin:0 0 28px;font-family:Cormorant Garamond,serif;font-size:3.4rem;font-style:normal;font-weight:400;line-height:1.05}.intro:after{content:"";background:#b65a38;width:38px;height:2px;margin-top:22px;display:block}.quote{max-width:600px;margin:0 0 35px}.quote p{color:#5b4636;margin:0 0 5px;font-family:Arial,sans-serif;font-size:17px;font-style:normal;font-weight:400;line-height:1.65}.content{flex-direction:column;gap:22px;max-width:620px;display:flex}.content p{color:#5b4636;max-width:620px;margin:0;font-family:Arial,sans-serif;font-size:17px;line-height:1.65}.about-right{justify-content:center;align-items:flex-start;display:flex}.about-right img{object-fit:cover;width:100%;max-width:500px;height:500px;display:block}@media (width<=1100px){.about{grid-template-columns:1fr;gap:50px;padding:80px 8%}.about-left{max-width:800px}.intro{font-size:3rem}.about-right{justify-content:center;align-items:flex-start;margin-top:0;display:flex}.about-right img{object-fit:cover;width:100%;max-width:600px;height:600px}}@media (width<=700px){.about{flex-direction:column;gap:45px;padding:70px 7%;display:flex}.about h2{margin-bottom:10px;font-size:.85rem}.intro{margin-bottom:25px;font-size:2.5rem;line-height:1.05}.intro:after{margin-top:18px}.quote{margin-bottom:30px}.quote p{font-size:.9rem;line-height:1.6}.content{gap:20px}.content p{font-size:.88rem;line-height:1.65}.about-right{width:100%}.about-right img{object-fit:cover;width:100%;max-width:none;height:500px}}@media (width<=450px){.about{gap:40px;padding:60px 6%}.intro{font-size:2.2rem}.quote p{font-size:.85rem}.content p{font-size:.84rem;line-height:1.6}.about-right img{height:420px}}@media (width>=1600px){.about{max-width:1500px}}.contact{background:url(/construction-img.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex;position:relative}.contact-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;position:absolute;inset:0}.contact-card{z-index:2;background:#fff;width:760px;max-width:95%;padding:80px;position:relative}.contact-card h2{color:#97140f;text-align:center;margin-bottom:35px;font-family:Cormorant Garamond,serif;font-size:4rem;font-style:italic;font-weight:400}.contact-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:55px;display:flex}.contact-info a{color:#8d7a70;font-size:1.2rem;text-decoration:none;transition:all .3s}.contact-info a:hover{color:#97140f}.contact-info span{color:#8d7a70}.contact form{flex-direction:column;gap:15px;display:flex}.contact input,.contact textarea{background:#fff;border:1px solid #d9c8bc;outline:none;padding:18px;font-size:1rem;transition:all .3s}.contact textarea{resize:none;height:190px}.contact input:focus,.contact textarea:focus{border-color:#97140f}.contact button{color:#fff;cursor:pointer;background:#97140f;border:none;border-radius:999px;align-self:flex-end;width:150px;height:55px;font-size:1.1rem;transition:all .35s}.contact button:hover{background:#b21711;transform:translateY(-3px)}.success{text-align:center;color:#2b8c4b;margin-top:25px}@media (width<=900px){.contact{padding:80px 20px}.contact-card{width:100%;max-width:700px;padding:60px 40px}.contact-card h2{font-size:3.2rem}.contact-info a{font-size:1rem}.contact input,.contact textarea{padding:16px}.contact textarea{height:170px}.contact button{align-self:stretch;width:100%}}@media (width<=600px){.contact{padding:60px 15px}.contact-card{border-radius:12px;padding:35px 22px}.contact-card h2{margin-bottom:25px;font-size:2.5rem}.contact-info{flex-direction:column;gap:8px;margin-bottom:35px}.contact-info span{display:none}.contact-info a{font-size:.95rem}.contact input,.contact textarea{padding:14px;font-size:.95rem}.contact textarea{height:150px}.contact button{width:100%;height:50px;font-size:1rem}.success{font-size:.95rem}}@media (width<=380px){.contact-card{padding:25px 18px}.contact-card h2{font-size:2.1rem}.contact-info a{font-size:.9rem}.contact input,.contact textarea{padding:12px;font-size:.9rem}.contact textarea{height:130px}}.hero{width:100%;height:100vh;position:relative;overflow:hidden}section{scroll-snap-align:start}.hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.overlay{background:#00000026;position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-logo{width:500px;max-width:90vw}.hero-content p{color:#f8f6f2;text-align:center;letter-spacing:2px;margin-top:-30px;font-family:Cormorant Garamond,serif;font-size:2.2rem}@media (width<=800px){.hero-logo{width:400px}.hero-content p{margin-top:-20px;font-size:1.8rem}}@media (width<=400px){.hero-logo{width:250px}.hero-content p{margin-top:-10px;font-size:1.4rem}}.pricing{background:#faf7f3;max-width:1500px;min-height:100vh;margin:auto}.pricing h2{text-align:center;color:#5b4636;margin-bottom:60px;font-family:Cormorant Garamond,serif;font-size:3.2rem;font-weight:400}.pricing h2:after{content:"";background:#b65a38;width:40px;height:2px;margin:18px auto 0;display:block}.pricing-top{justify-content:space-around;align-items:center;padding-bottom:100px;display:flex}.pricing-image{overflow:hidden}.pricing-image img{width:500px;display:block}.pricing-content{color:#5b4636;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:Arial,sans-serif;display:flex}.pricing-content h3{color:#b65a38;margin-bottom:45px;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:500;position:relative}.pricing-content h3:after{content:"";background-color:#b65a38;width:90px;height:2px;position:absolute;bottom:-18px;left:0}.pricing-block{font-size:20px}.pricing-block p{margin-bottom:10px;line-height:1.8}.pricing-block ul{margin:18px 0;padding-left:28px}.pricing-block li{cursor:default;font-size:17px;line-height:2;list-style:outside}.pricing-block li::marker{color:#b65a38;font-size:20px}.pro-section{justify-content:space-around;align-items:center;padding-bottom:200px;display:flex}.pro-image img{width:600px}.company{width:450px;max-width:900px;margin-top:90px}.company h3{margin-bottom:40px;font-family:Cormorant Garamond,serif;font-size:2.3rem;text-decoration:underline}.company p{color:#5b4636;margin-bottom:12px;font-family:Arial,sans-serif;font-size:20px;line-height:2}@media (width<=1100px){.pricing-top{grid-template-columns:1fr;gap:60px}.pricing p{font-size:17px}.pricing-image img{width:350px;max-width:420px;margin:auto}.pro-image img{max-width:420px;margin:auto}}.yoga{box-sizing:border-box;background:#f9f5f2;width:100%;min-height:100vh;padding:80px 7%}.yoga-header{text-align:center;max-width:800px;margin:0 auto 65px}.yoga-header h2{color:#5b4636;margin:0 0 22px;font-family:Cormorant Garamond,serif;font-size:3.2rem;font-style:normal;font-weight:400;line-height:1.1}.yoga-header h2:after{content:"";background:#b65a38;width:40px;height:2px;margin:18px auto 0;display:block}.yoga-header p{color:#5b4636;margin:0;font-family:Arial,sans-serif;font-size:17px;line-height:1.6}.yoga-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:70px;width:100%;max-width:1250px;margin:0 auto;display:grid}.practice-card{text-align:center;color:#5b4636;transition:transform .45s cubic-bezier(.19,1,.22,1)}.practice-card:hover{transform:translateY(-6px)}.yoga-card-image{border-radius:50%;width:190px;height:190px;margin:0 auto 25px;overflow:hidden}.yoga-card-image img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:transform .8s cubic-bezier(.19,1,.22,1),filter .8s;display:block}.practice-card:hover .yoga-card-image img{filter:brightness(1.05);transform:scale(1.1)}.practice-card h3{color:#97140f;margin:0 0 18px;font-family:Cormorant Garamond,serif;font-size:1.55rem;font-style:normal;font-weight:500;line-height:1.1}.practice-text{text-align:center;max-width:280px;margin:0 auto}.practice-text p{color:#5b4636;margin:0 0 14px;font-family:Arial,sans-serif;font-size:17px;line-height:1.6}.practice-text p:last-child{margin-bottom:0}@media (width<=1100px){.yoga{padding:75px 7%}.yoga-header{margin-bottom:55px}.yoga-header h2{font-size:2.8rem}.yoga-grid{gap:40px}.yoga-card-image{width:170px;height:170px}.practice-card h3{font-size:1.4rem}.practice-text{max-width:240px}.practice-text p{font-size:.78rem}}@media (width<=700px){.yoga{padding:65px 7%}.yoga-header{margin-bottom:50px}.yoga-header h2{font-size:2.5rem}.yoga-header p{font-size:.88rem}.yoga-grid{grid-template-columns:1fr;gap:60px}.yoga-card-image{width:190px;height:190px}.practice-card h3{font-size:1.5rem}.practice-text{max-width:340px}.practice-text p{font-size:.85rem;line-height:1.65}}@media (width<=450px){.yoga{padding:55px 6%}.yoga-header h2{font-size:2.2rem}.yoga-header p{font-size:.82rem}.yoga-grid{gap:50px}.yoga-card-image{width:175px;height:175px}.practice-card h3{font-size:1.4rem}.practice-text{max-width:300px}}.home{background:#faf7f3;width:100%;overflow-x:hidden}
