@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{color:#38252a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffaf1;font-family:DM Sans,sans-serif}html{scroll-behavior:smooth;width:100%}body{width:100%;min-width:320px;margin:0;padding:0}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}:root{color:#38252a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cream:#fffaf1;--cream-dark:#f6eddf;--wine:#702b40;--wine-dark:#4d1c2d;--gold:#d9b36c;--gold-light:#f1dfb9;--text:#38252a;--muted:#76676a;--border:#e9ddcd;--serif:"Playfair Display", Georgia, serif;background:#fffaf1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;scroll-padding-top:90px}body{background:var(--cream);width:100%;min-width:320px;margin:0;padding:0}body,button,a{font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:var(--gold-light);color:var(--wine-dark)}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0;overflow-x:clip}.navbar{border-bottom:1px solid var(--border);z-index:50;background:#fffaf1f7;justify-content:space-between;align-items:center;gap:26px;width:100%;min-height:88px;padding:18px 7%;display:flex;position:sticky;top:0}.brand{color:var(--wine);flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand-symbol{border:1px solid var(--gold);width:42px;height:42px;font-family:var(--serif);color:var(--gold);border-radius:50%;place-items:center;font-size:29px;display:grid}.navbar-logo{object-fit:contain;background:0 0;flex-shrink:0;width:55px;height:55px;display:block}.brand-text{flex-direction:column;gap:4px;display:flex}.brand strong{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2}.brand small{color:#9a7b54;letter-spacing:2.2px;font-size:9px}.nav-links{justify-content:center;align-items:center;gap:25px;display:flex}.nav-links a{color:#5c4a4e;font-size:12px;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--wine)}.nav-actions{align-items:center;gap:12px;display:flex}.language-toggle{border:1px solid var(--gold);color:var(--wine);cursor:pointer;white-space:nowrap;background:0 0;padding:10px 12px;font-size:12px;font-weight:700;transition:background .2s}.language-toggle:hover{background:var(--gold-light)}.nav-button{background:var(--wine);color:#fff;white-space:nowrap;justify-content:center;align-items:center;padding:12px 17px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.nav-button:hover{background:var(--wine-dark);transform:translateY(-1px)}.menu-toggle{display:none}.hero{background:radial-gradient(at 80% 45%,#f1dfc4 0%,#0000 48%),linear-gradient(120deg,#fffaf1 0%,#f8efdf 100%);grid-template-columns:1.1fr .9fr;align-items:center;gap:38px;min-height:570px;padding:92px 10% 82px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #d9b36c55;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-220px;left:-230px}.hero-content{z-index:2;max-width:620px;position:relative}.hero-logo{object-fit:contain;width:145px;height:auto;max-height:145px;margin-bottom:25px;display:block}.eyebrow{color:#9b7440;letter-spacing:3px;margin:0 0 19px;font-size:10px;font-weight:700;line-height:1.8}.hero h1{color:var(--wine-dark);font-family:var(--serif);letter-spacing:-2px;margin:0;font-size:clamp(45px,5.4vw,73px);font-weight:500;line-height:1.1}.hero h1 span{color:#a57c46;font-style:italic}.odia{color:var(--wine);margin:22px 0 12px;font-size:17px;font-weight:600;line-height:1.9}.hero-description{max-width:470px;color:var(--muted);margin:0;font-size:14px;line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:29px;display:flex}.button{text-align:center;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:14px 21px;font-size:12px;font-weight:700;line-height:1.5;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button-gold{background:var(--gold);color:#38252a;box-shadow:0 5px 15px #8d66231c}.button-gold:hover{background:#e5c47f;transform:translateY(-2px);box-shadow:0 9px 22px #8d662329}.text-link{color:var(--wine);border-bottom:1px solid var(--gold);padding:8px 0;font-size:12px;font-weight:700}.hero-note{color:#746167;flex-wrap:wrap;align-items:center;gap:10px;margin-top:34px;font-size:11px;font-weight:600;display:flex}.hero-note>span:first-child{color:#b88b46}.note-divider{color:#c7ad88;margin:0 3px}.hero-decoration{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,390px);display:grid;position:relative}.hero-decoration:before,.hero-decoration:after{content:"";border-radius:50%;position:absolute}.hero-decoration:before{border:1px solid #c4a36a9c;inset:8%}.hero-decoration:after{border:1px dashed #c4a36a88;inset:17%}.hero-orbit{border:1px solid #b28d5666;border-radius:50%;position:absolute}.orbit-one{inset:0}.orbit-two{border-style:dashed;inset:25%}.music-circle{aspect-ratio:1;background:linear-gradient(145deg, var(--wine), var(--wine-dark));width:48%;color:var(--gold-light);font-family:var(--serif);z-index:1;border-radius:50%;place-items:center;font-size:clamp(58px,7vw,90px);display:grid;box-shadow:0 0 0 12px #d9b36c1a,0 18px 55px #4d1c2d30}.music-note{color:#b28d56;font-family:var(--serif);line-height:1;position:absolute}.note-one{font-size:64px;top:10%;right:13%;transform:rotate(12deg)}.note-two{font-size:54px;bottom:14%;left:9%;transform:rotate(-12deg)}.circle-caption{color:#947345;letter-spacing:3px;font-size:9px;font-weight:700;position:absolute;bottom:3%}.intro-strip{background:var(--wine);color:#fff4e0;text-align:center;letter-spacing:2.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(13px,3.4vw,48px);min-height:82px;padding:20px 7%;font-size:10px;font-weight:700;display:flex}.strip-star{color:var(--gold);font-size:15px}.section{text-align:center;padding:95px 8%}.section h2,.about-section h2,.contact-section h2{color:var(--wine-dark);font-family:var(--serif);letter-spacing:-.8px;margin:0;font-size:clamp(32px,4vw,47px);font-weight:500;line-height:1.25}.section-description{max-width:620px;color:var(--muted);margin:17px auto 0;font-size:13px;line-height:1.9}.class-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:930px;margin:47px auto 0;display:grid}.class-card{border:1px solid var(--border);flex-direction:column;align-items:flex-start;min-width:0;min-height:350px;padding:32px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.class-card:hover{transform:translateY(-5px);box-shadow:0 15px 38px #4d1c2d0d}.vocal-card{background:radial-gradient(circle at 95% 10%,#ead5b455,#0000 38%),#fffdf8}.guitar-card{background:radial-gradient(circle at 95% 10%,#d7b98a45,#0000 38%),#f8f0e4}.tabla-card{background:radial-gradient(circle at 95% 10%,#e6c5a455,#0000 38%),#fff8ef}.arts-card{background:radial-gradient(circle at 95% 10%,#e9c7d555,#0000 38%),#fcf1f4}.class-number{color:#9b7440;letter-spacing:2px;font-size:9px;font-weight:700}.class-art{width:74px;height:74px;color:var(--wine);font-family:var(--serif);border:1px solid #d9b36c;border-radius:50%;place-items:center;margin:25px 0 22px;font-size:42px;display:grid}.tabla-card .class-art,.arts-card .class-art{font-family:DM Sans,sans-serif;font-size:35px}.class-card h3{color:var(--wine-dark);font-family:var(--serif);margin:0;font-size:25px;font-weight:500;line-height:1.35}.class-card>p{color:var(--muted);margin:13px 0 23px;font-size:12px;line-height:1.9}.class-link{color:var(--wine);border-bottom:1px solid var(--gold);margin-top:auto;padding-bottom:5px;font-size:11px;font-weight:700;line-height:1.7}.class-link:hover{color:#a57c46}.about-section{background:radial-gradient(ellipse at 50% 100%, #7b3548 0%, transparent 55%), var(--wine-dark);color:#fff6e7;text-align:center;padding:85px 8%;position:relative;overflow:hidden}.about-symbol{color:var(--gold);font-family:var(--serif);margin:0 auto 20px;font-size:50px;line-height:1}.about-section .eyebrow{color:var(--gold)}.about-section h2{color:#fff4e3;max-width:800px;margin:0 auto}.about-description{color:#ead9d5;max-width:660px;margin:22px auto 28px;font-size:13px;line-height:2}.teachers-section{background:#f8f0e4}.teachers-grid{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;max-width:1000px;margin:45px auto 0;display:grid}.teacher-card{border:1px solid var(--border);background:#fffdf8;flex-direction:column;align-items:center;min-width:0;height:100%;padding:30px 25px;transition:transform .3s,box-shadow .3s;display:flex}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #4d1c2d12}.teacher-image-wrapper{border:4px solid var(--gold-light);background:#eadbc7;border-radius:50%;flex-shrink:0;width:180px;height:180px;margin:0 auto 25px;overflow:hidden}.teacher-image-wrapper img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.teacher-image-missing{place-items:center;display:grid}.teacher-image-missing:after{content:"♪";color:var(--wine);font-size:65px;font-family:var(--serif)}.teacher-info{width:100%}.teacher-info h3{color:var(--wine-dark);font-family:var(--serif);margin:0 0 8px;font-size:26px;font-weight:500}.teacher-subject{color:#a57c46;letter-spacing:1px;font-size:11px;font-weight:700;display:block}.teacher-info p{max-width:330px;color:var(--muted);margin:15px auto 0;font-size:13px;line-height:1.9}.gallery{background:#fffaf1}.photo-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;max-width:1000px;margin:38px auto 0;display:grid}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;max-width:1000px;margin:38px auto 0;display:grid}.photo-card{border:1px solid var(--border);background:#fffdf8;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden;box-shadow:0 10px 35px #44202b0b}.photo-card img{object-fit:contain;object-position:center;image-rendering:auto;background:#f6eddf;width:100%;height:260px;display:block;transform:none}.photo-card:hover img{transform:none}.photo-card figcaption{color:var(--wine);font-family:var(--serif);margin-top:auto;padding:16px;font-size:18px}.photo-missing{background:radial-gradient(circle at 50% 38%,#e9d5ad 0%,#0000 24%),linear-gradient(145deg,#f8edda,#ead7c1);flex-direction:column;justify-content:flex-end;min-height:290px;display:flex}.photo-missing:before{content:"♪";color:#a57c46;font-family:var(--serif);flex:1;place-items:center;font-size:70px;display:grid}.follow-section{text-align:center;background:var(--wine-dark);padding:85px 8%}.follow-section .eyebrow{color:var(--gold)}.follow-section h2{color:#fff4e3;font-family:var(--serif);margin:0;font-size:clamp(32px,4vw,47px);font-weight:500}.follow-description{color:#ead9d5;max-width:550px;margin:18px auto 35px;font-size:13px;line-height:1.9}.social-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:750px;margin:0 auto;display:grid}.social-card{min-width:0;color:var(--wine-dark);border:1px solid var(--gold);background:#fffaf1;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;font-size:13px;font-weight:700;transition:transform .25s,background .25s;display:flex}.social-card:hover{background:var(--gold-light);transform:translateY(-5px)}.social-icon{background:#f5ead8;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:29px;transition:background .25s,color .25s,transform .25s;display:flex}.social-icon svg{width:30px;height:30px;display:block}.instagram-card .social-icon{color:#c13584}.facebook-card .social-icon{color:#1877f2}.youtube-card .social-icon{color:#f03}.social-card:hover .social-icon{background:#fff;transform:scale(1.1)}.social-arrow{color:#a57c46;font-size:18px}.contact-section{text-align:center;background:#f5ead8;padding:85px 8%}.contact-section h2{max-width:800px;margin:0 auto}.contact-description{max-width:560px;color:var(--muted);margin:18px auto 27px;font-size:13px;line-height:1.9}.location-note{color:var(--wine);margin:28px 0 0;font-size:12px;font-weight:700}.phone-note{color:var(--muted);margin:9px 0 0;font-size:12px}.footer{color:#eadbd1;background:#30141e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:30px 7%;display:flex}.footer-brand{color:#fff4e3}.footer-brand .brand-symbol{width:34px;height:34px;font-size:23px}.footer-brand strong{font-size:17px}.footer p{color:#d0bcb8;margin:0;font-size:11px}.footer>small{color:#c6a98e;font-size:10px}.whatsapp-float{z-index:40;color:#fff;background:#247b48;border-radius:30px;align-items:center;gap:8px;padding:14px 19px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 5px 20px #0002}.whatsapp-float:hover{background:#1b6339;transform:translateY(-2px)}@media (width<=1050px){.navbar{gap:16px;padding-left:4%;padding-right:4%}.nav-links{gap:15px}.nav-links a{font-size:11px}.brand strong{font-size:17px}.hero{padding-left:7%;padding-right:7%}}@media (width<=800px){.navbar{flex-wrap:wrap;gap:12px;min-height:76px}.brand{margin-right:auto}.menu-toggle{border:1px solid var(--border);width:42px;height:42px;color:var(--wine);cursor:pointer;background:0 0;place-items:center;font-size:23px;display:grid}.nav-actions{order:2;gap:8px}.nav-links{border-top:1px solid var(--border);flex-direction:column;order:3;align-items:stretch;gap:0;width:100%;padding:14px 0 8px;display:none}.nav-links-open{display:flex}.nav-links a{padding:12px 4px;font-size:13px}.nav-button{padding:11px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding:70px 7%}.hero-content{max-width:650px}.hero-decoration{width:min(70%,320px)}.circle-caption{bottom:-2%}.section{padding:75px 6%}.class-card{padding:25px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teachers-grid{gap:18px}.teacher-image-wrapper{width:150px;height:150px}.footer{text-align:center;justify-content:center}}@media (width<=520px){.navbar{padding:13px 5%}.navbar-logo{width:43px;height:43px}.brand-symbol{width:36px;height:36px;font-size:25px}.brand strong{font-size:15px}.brand small{letter-spacing:1.6px;font-size:8px}.nav-actions{order:4;justify-content:space-between;width:100%}.language-toggle{padding:9px 12px}.nav-button{flex:1}.hero{padding:58px 6% 65px}.hero-logo{width:110px;max-height:110px;margin-bottom:20px}.hero h1{letter-spacing:-1.5px;font-size:clamp(42px,12vw,58px)}.eyebrow{letter-spacing:2px;font-size:9px}.odia{font-size:15px}.hero-description{font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.hero-note{gap:7px;font-size:10px}.hero-decoration{width:78%}.intro-strip{letter-spacing:1.5px;gap:12px;padding:22px 5%;font-size:9px}.strip-star{font-size:12px}.section{padding:65px 6%}.section h2,.about-section h2,.contact-section h2{font-size:33px}.class-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.class-card{min-height:320px;padding:25px}.class-card h3{font-size:24px}.about-section,.contact-section{padding:65px 6%}.teachers-grid{grid-template-columns:1fr}.teacher-card{padding:28px 20px}.photo-grid{grid-template-columns:1fr;gap:18px}@media (width<=520px){.photo-card img{object-fit:contain;height:240px}}.photo-card figcaption{font-size:17px}.follow-section{padding:65px 6%}.social-links{grid-template-columns:1fr;gap:12px;max-width:340px}.social-card{flex-direction:row;justify-content:space-between;padding:16px}.social-icon{width:46px;height:46px}.social-icon svg{width:25px;height:25px}.footer{flex-direction:column;gap:15px;padding:30px 6%}.whatsapp-float{padding:12px 15px;font-size:12px;bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
