:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fffaf4;color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy: #061d3a;--navy-soft: #102b50;--ember: #f13a18;--gold: #f5a623;--cream: #fffaf4;--paper: #ffffff;--text: #101727;--muted: #5e6675;--line: #eadfd2;--shadow: 0 22px 70px rgba(17, 24, 39, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fffaf4f0,#fffffffa),url(/music-school-bg.svg) top right / min(92vw,1100px) auto no-repeat}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);background:#fffaf4e0;border-bottom:1px solid rgba(234,223,210,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--navy)}.brand-note,.logo-note{position:relative;flex:0 0 auto;width:31px;height:31px;border:3px solid currentColor;border-radius:50%}.brand-note:before,.logo-note:before{position:absolute;top:-13px;left:18px;width:4px;height:36px;background:currentColor;border-radius:999px;content:""}.brand-note:after,.logo-note:after{position:absolute;top:-15px;left:20px;width:18px;height:10px;border-top:4px solid currentColor;border-radius:50%;transform:rotate(20deg);content:""}.brand-mark strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:1.32rem;font-weight:700;letter-spacing:0;line-height:1}.brand-mark small{display:block;margin-top:2px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:clamp(14px,3vw,30px);color:var(--navy);font-size:.88rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.site-nav a{opacity:.78}.site-nav a:hover,.site-nav a:focus-visible{opacity:1}.hero{display:flex;align-items:center;overflow:hidden;min-height:min(780px,calc(100vh - 76px));padding:clamp(72px,10vw,128px) clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}.hero-copy{min-width:0;max-width:940px}.eyebrow{margin:0 0 16px;color:var(--ember);font-size:.82rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:28px;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.9rem,8.4vw,8.8rem);font-weight:400;letter-spacing:0;line-height:.9}.hero-text{max-width:760px;margin-bottom:32px;color:#293241;font-size:clamp(1.08rem,1.8vw,1.36rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:6px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.button.primary{background:var(--ember);color:#fff;box-shadow:0 14px 30px #f13a1838}.button.secondary{border-color:#061d3a38;color:var(--navy);background:#ffffffad}.button:hover,.button:focus-visible{transform:translateY(-1px)}.section{padding:clamp(54px,8vw,94px) clamp(20px,5vw,72px)}.section-heading{max-width:760px;margin-bottom:30px}h2{margin-bottom:0;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,4.8vw,4.4rem);font-weight:400;letter-spacing:0;line-height:1}.lessons-section{background:var(--paper)}.lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.lesson-grid span{display:flex;align-items:center;min-height:58px;padding:14px 16px;color:var(--navy);background:#fffaf4;border:1px solid var(--line);border-left:4px solid var(--ember);border-radius:6px;font-size:1.02rem;font-weight:850;box-shadow:0 10px 24px #1118270a}.approach-section{background:linear-gradient(180deg,#fffaf4,#fff)}.feature-grid,.location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card,.location-card{padding:24px;background:#ffffffc7;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 44px #1118270f}.feature-icon{position:relative;display:block;width:54px;height:54px;margin-bottom:22px;color:var(--ember);border:2px solid currentColor;border-radius:50%}.teacher:before{position:absolute;top:12px;left:18px;width:14px;height:14px;background:currentColor;border-radius:50%;content:""}.teacher:after{position:absolute;left:13px;bottom:10px;width:24px;height:16px;background:currentColor;border-radius:14px 14px 4px 4px;content:""}.target:before,.target:after{position:absolute;border:3px solid currentColor;border-radius:50%;content:""}.target:before{inset:10px}.target:after{inset:19px;background:currentColor}.growth:before,.growth:after{position:absolute;bottom:12px;width:8px;background:currentColor;content:""}.growth:before{left:14px;height:14px}.growth:after{left:27px;height:25px;box-shadow:13px -12px 0 currentColor}.heart:before,.heart:after{position:absolute;top:17px;width:20px;height:28px;background:currentColor;border-radius:20px 20px 0 0;content:""}.heart:before{left:11px;transform:rotate(-45deg);transform-origin:100% 100%}.heart:after{right:11px;transform:rotate(45deg);transform-origin:0 100%}h3{margin-bottom:10px;color:var(--navy);font-size:1rem;line-height:1.25;text-transform:uppercase}.feature-card p,.location-card p{margin-bottom:0;color:var(--muted);line-height:1.65}.locations-section{background:var(--navy)}.locations-section .eyebrow{color:var(--gold)}.locations-section h2{color:#fff}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-card{background:#fffffff5}.location-card h3{color:var(--ember)}.phone{display:inline-block;margin-bottom:14px;color:var(--navy);font-size:clamp(2rem,4vw,3.8rem);font-weight:900;letter-spacing:0;line-height:1}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,5vw,72px);color:#fff;background:#e93412}.site-footer strong,.site-footer span{display:block}.site-footer span{margin-top:3px;color:#fffc}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;font-weight:850}.site-footer a{border-bottom:1px solid rgba(255,255,255,.64)}@media(max-width:1060px){.hero{min-height:auto}.hero-copy{max-width:900px}h1{max-width:12ch}.lesson-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){body{background-size:1200px auto}.site-header{position:static;align-items:flex-start;flex-direction:column}.site-nav{flex-wrap:wrap;justify-content:flex-start;gap:12px;font-size:.78rem}.hero{padding-top:40px}h1{max-width:100%;font-size:clamp(3.05rem,13.5vw,4.1rem);line-height:.94}.lesson-grid,.feature-grid,.location-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.hero-copy,.section-heading,.lesson-grid,.feature-grid,.location-grid{width:100%;max-width:340px}.hero-actions{flex-direction:column;width:100%}.button{width:100%}.eyebrow{max-width:34ch;font-size:.72rem;line-height:1.6}}@media(max-width:460px){.phone{font-size:2rem}}
