*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}:root{--midnight: #0f1b2d;--navy: #1a2744;--navy-light: #243352;--gold: #c9933e;--gold-hover: #b5832e;--gold-light: #e8c87a;--gold-glow: rgba(201, 147, 62, .15);--cream: #f5f0e8;--cream-dark: #ebe4d6;--terracotta: #b5694d;--text: #2a2a2a;--text-light: #6a6a6a;--white: #fefcf9;--font-display: "Fraunces", Georgia, serif;--font-body: "Karla", "Segoe UI", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--radius: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 4px rgba(15, 27, 45, .06);--shadow: 0 4px 12px rgba(15, 27, 45, .08);--shadow-lg: 0 8px 32px rgba(15, 27, 45, .12);--shadow-gold: 0 4px 20px rgba(201, 147, 62, .25);--transition: .3s ease;--max-width: 1140px}body{font-family:var(--font-body);font-size:1.125rem;line-height:1.7;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;color:var(--midnight);font-weight:600}h1{font-size:3.25rem;letter-spacing:-.02em}h2{font-size:2.25rem;letter-spacing:-.01em}h3{font-size:1.5rem}h4{font-size:1.25rem}p+p{margin-top:1em}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.top-bar{background:var(--midnight);color:var(--cream);padding:.6rem 0;font-size:.9rem;letter-spacing:.02em}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar a{color:var(--gold-light);font-weight:700;transition:color var(--transition)}.top-bar a:hover{color:var(--gold)}.top-bar__text{opacity:.7;font-size:.85rem}.nav{background:var(--white);border-bottom:1px solid var(--cream-dark);position:sticky;top:0;z-index:100;transition:box-shadow var(--transition)}.nav.scrolled{box-shadow:var(--shadow)}.nav .container{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;padding-bottom:.75rem}.nav__logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--midnight);letter-spacing:-.02em}.nav__logo span{color:var(--gold)}.nav__links{display:flex;gap:.25rem;align-items:center}.nav__links a{padding:.5rem .85rem;border-radius:var(--radius);font-size:.95rem;font-weight:500;color:var(--text);transition:all var(--transition)}.nav__links a:hover,.nav__links a.active{background:var(--gold-glow);color:var(--gold-hover)}.nav__links .btn-sm{background:var(--gold);color:var(--midnight);font-weight:700;margin-left:.5rem}.nav__links .btn-sm:hover{background:var(--gold-hover);color:var(--white);box-shadow:var(--shadow-gold)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__toggle span{display:block;width:26px;height:2.5px;background:var(--midnight);border-radius:2px;transition:all var(--transition)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:var(--radius);font-family:var(--font-body);font-size:1.05rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition);line-height:1}.btn-primary{background:var(--gold);color:var(--midnight)}.btn-primary:hover{background:var(--gold-hover);color:var(--white);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--gold-light);border:2px solid var(--gold-light)}.btn-outline:hover{background:var(--gold-light);color:var(--midnight)}.btn-dark{background:var(--midnight);color:var(--cream)}.btn-dark:hover{background:var(--navy);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero{background:var(--midnight);color:var(--cream);padding:var(--space-xl) 0 calc(var(--space-xl) + 40px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,147,62,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(26,39,68,.5) 0%,transparent 50%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:50px;background:var(--white);clip-path:ellipse(52% 100% at 50% 100%)}.hero .container{position:relative;z-index:1}.hero__tag{display:inline-block;background:#c9933e26;color:var(--gold-light);padding:.4rem 1rem;border-radius:100px;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-md)}.hero h1{color:var(--cream);font-size:3.75rem;max-width:700px;margin-bottom:var(--space-sm)}.hero h1 em{color:var(--gold-light);font-style:normal}.hero__sub{font-size:1.25rem;max-width:540px;opacity:.8;margin-bottom:var(--space-md);line-height:1.6}.hero__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.hero__phone{font-family:var(--font-display);font-size:1.4rem;color:var(--gold-light);font-weight:600;letter-spacing:.01em}.page-hero{background:var(--midnight);color:var(--cream);padding:var(--space-lg) 0 calc(var(--space-lg) + 40px);position:relative;overflow:hidden;text-align:center}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(201,147,62,.06) 0%,transparent 60%);pointer-events:none}.page-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:50px;background:var(--white);clip-path:ellipse(52% 100% at 50% 100%)}.page-hero .container{position:relative;z-index:1}.page-hero h1{color:var(--cream);margin-bottom:.5rem}.page-hero h1 em{color:var(--gold-light);font-style:normal}.page-hero__sub{font-size:1.15rem;opacity:.75;max-width:600px;margin:0 auto}.breadcrumb{padding:var(--space-sm) 0;font-size:.85rem;color:var(--text-light)}.breadcrumb a{color:var(--gold);transition:color var(--transition)}.breadcrumb a:hover{color:var(--gold-hover)}.breadcrumb span{margin:0 .4rem;opacity:.5}.section{padding:var(--space-xl) 0}.section--cream{background:var(--cream)}.section--navy{background:var(--midnight);color:var(--cream)}.section--navy h2,.section--navy h3{color:var(--cream)}.section__header{text-align:center;max-width:640px;margin:0 auto var(--space-lg)}.section__header p{color:var(--text-light);margin-top:var(--space-sm);font-size:1.1rem}.section--navy .section__header p{color:var(--cream);opacity:.7}.section__label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.instruments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.instrument-card{background:var(--white);border:1px solid var(--cream-dark);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition);display:flex;flex-direction:column}.instrument-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.instrument-card__icon{width:56px;height:56px;background:var(--gold-glow);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);color:var(--gold)}.instrument-card__icon svg{width:28px;height:28px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.instrument-card h3{margin-bottom:.5rem}.instrument-card p{color:var(--text-light);font-size:1rem;flex-grow:1}.instrument-card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--space-sm);color:var(--gold);font-weight:700;font-size:.95rem;transition:gap var(--transition)}.instrument-card:hover .instrument-card__link{gap:.7rem}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.about-visual{background:var(--cream);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.about-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,var(--gold-glow) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(181,105,77,.08) 0%,transparent 40%)}.about-visual__note{position:relative;font-size:7rem;color:var(--gold);opacity:.3;font-family:var(--font-display)}.about-text h2{margin-bottom:var(--space-sm)}.about-text p{color:var(--text-light)}.about-text .section__label{margin-bottom:.75rem}.features{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.feature{display:flex;gap:.75rem;align-items:flex-start}.feature__check{flex-shrink:0;width:24px;height:24px;background:var(--gold-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:.15rem}.feature__check svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2.5}.feature span{font-size:1rem}.area-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-md);justify-content:center}.area-tag{background:#c9933e1a;color:var(--gold);padding:.5rem 1.25rem;border-radius:100px;font-weight:600;font-size:.95rem;border:1px solid rgba(201,147,62,.2)}.section--navy .area-tag{background:#c9933e1f;color:var(--gold-light);border-color:#c9933e40}.cta-banner{background:var(--gold);padding:var(--space-lg) 0;text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.cta-banner .container{position:relative;z-index:1}.cta-banner h2{color:var(--midnight);margin-bottom:.5rem}.cta-banner p{color:var(--navy);font-size:1.15rem;margin-bottom:var(--space-md);opacity:.85}.cta-banner .btn-dark{font-size:1.15rem;padding:1.1rem 2.5rem}.lesson-content{display:grid;grid-template-columns:1fr 340px;gap:var(--space-lg);align-items:start}.lesson-main h2{margin-bottom:var(--space-sm)}.lesson-main h2:not(:first-child){margin-top:var(--space-lg)}.lesson-main ul{list-style:disc;padding-left:1.5rem;color:var(--text-light)}.lesson-main ul li{margin-bottom:.4rem}.lesson-main p{color:var(--text-light)}.lesson-sidebar{position:sticky;top:100px}.sidebar-card{background:var(--cream);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.sidebar-card h4{margin-bottom:var(--space-sm)}.sidebar-card p{font-size:.95rem;color:var(--text-light)}.sidebar-card .btn{width:100%;justify-content:center;margin-top:var(--space-sm)}.sidebar-card__phone{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold);display:block;margin-bottom:var(--space-sm)}.other-instruments{display:flex;flex-direction:column;gap:.5rem}.other-instruments a{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-radius:var(--radius);font-weight:500;font-size:.95rem;color:var(--text);transition:all var(--transition)}.other-instruments a:hover{background:var(--gold-glow);color:var(--gold)}.other-instruments a.active{background:var(--gold);color:var(--midnight);font-weight:700}.format-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:var(--space-sm)}.format-tag{background:var(--white);border:1px solid var(--cream-dark);padding:.35rem .85rem;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--text-light)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.contact-method{background:var(--cream);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;transition:all var(--transition)}.contact-method:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-method__icon{width:64px;height:64px;background:var(--gold-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-sm)}.contact-method__icon svg{width:28px;height:28px;stroke:var(--gold);fill:none;stroke-width:1.8}.contact-method h3{margin-bottom:.5rem}.contact-method a{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold);transition:color var(--transition)}.contact-method a:hover{color:var(--gold-hover)}.contact-method p{color:var(--text-light);font-size:.95rem;margin-top:.5rem}.footer{background:var(--midnight);color:var(--cream);padding:var(--space-lg) 0 var(--space-md)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.footer__brand{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm)}.footer__brand span{color:var(--gold-light)}.footer__desc{opacity:.6;font-size:.95rem;max-width:340px;line-height:1.6}.footer h4{color:var(--gold-light);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm)}.footer__links a{display:block;padding:.3rem 0;font-size:.95rem;opacity:.65;transition:all var(--transition)}.footer__links a:hover{opacity:1;color:var(--gold-light)}.footer__bottom{border-top:1px solid var(--navy-light);padding-top:var(--space-md);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;opacity:.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease forwards}.fade-up-d1{animation-delay:.1s;opacity:0}.fade-up-d2{animation-delay:.2s;opacity:0}.fade-up-d3{animation-delay:.3s;opacity:0}.fade-up-d4{animation-delay:.4s;opacity:0}.fade-up-d5{animation-delay:.5s;opacity:0}.fade-up-d6{animation-delay:.6s;opacity:0}@media(max-width:1024px){.lesson-content{grid-template-columns:1fr}.lesson-sidebar{position:static}}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}.hero h1{font-size:2.75rem}.hero{padding:var(--space-lg) 0 calc(var(--space-lg) + 40px)}.nav__toggle{display:flex}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--space-sm);border-bottom:1px solid var(--cream-dark);box-shadow:var(--shadow)}.nav__links.open{display:flex}.nav__links a{width:100%}.nav__links .btn-sm{margin-left:0;width:100%;text-align:center;justify-content:center}.about-content{grid-template-columns:1fr}.about-visual{min-height:200px}.contact-grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr;gap:var(--space-md)}.footer__bottom{flex-direction:column;gap:.5rem;text-align:center}.instruments-grid{grid-template-columns:1fr}.hero__actions{flex-direction:column;align-items:flex-start}.top-bar__text{display:none}.section{padding:var(--space-lg) 0}}@media(max-width:480px){.hero h1{font-size:2.25rem}.container{padding:0 var(--space-sm)}}