:root{--ink:#151719;--mist:#aec4cf;--blue:#179eea;--paper:#fff;--soft:#f4f5f3;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Assistant,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topbar{height:88px;display:flex;align-items:center;border-bottom:1px solid #e7e7e7;background:#fff;position:relative;z-index:5}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:46px}.brand{font-size:27px;line-height:1;font-weight:300;letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:7px}.nav{display:flex;justify-content:center;gap:34px;font-size:15px}.nav a{padding:8px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-color:var(--ink)}.header-actions{display:flex;align-items:center;gap:20px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 27px;border:0;background:var(--mist);font:inherit;cursor:pointer;transition:.2s}.btn:hover{background:#9bb5c2;transform:translateY(-1px)}.btn.dark{background:var(--ink);color:#fff}.menu-btn{display:none;background:none;border:0;font-size:27px}.hero{height:690px;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.47)),url('public/images/hero-piano.jpg') center 62%/cover;display:flex;align-items:center;color:#fff}.hero-copy{width:min(520px,55%);margin-right:auto;text-align:right}.eyebrow{font-size:14px;letter-spacing:2px;margin:0 0 12px}.hero h1{font-size:clamp(54px,6vw,86px);font-weight:300;line-height:1.03;margin:0 0 23px}.hero p{font-size:21px;max-width:460px;margin:0 0 35px}.section{padding:110px 0}.section-title{text-align:center;font-size:43px;font-weight:300;margin:0 0 54px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{background:var(--soft);text-align:center}.service img{height:270px}.service-copy{padding:31px 25px 35px}.service h3{font-size:25px;font-weight:400;margin:0 0 10px}.service p{margin:0;color:#565b5d}.about-split{display:grid;grid-template-columns:1fr 1fr;background:var(--mist)}.about-split img{height:650px}.about-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(40px,7vw,110px)}.about-copy h2{font-size:48px;font-weight:300;margin:0 0 25px}.about-copy p{font-size:18px;margin:0 0 25px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.quote{padding:36px;border:1px solid #d9dddf;background:#fff}.quote:before{content:'״';font-size:60px;line-height:.5;color:var(--mist)}.quote p{font-size:18px}.quote strong{font-size:14px}.contact-band{background:var(--mist);padding:95px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.contact-grid h2{font-size:50px;font-weight:300;line-height:1.1;margin:0 0 20px}.contact-grid p{font-size:18px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{font-size:13px}.form label.full{grid-column:1/-1}.form input,.form textarea{width:100%;border:0;border-bottom:1px solid #4f636c;background:transparent;padding:10px 2px;font:inherit;outline:0}.form textarea{height:86px;resize:vertical}.form .btn{justify-self:start}.page-hero{padding:115px 0 85px;background:var(--mist)}.page-hero h1{font-size:64px;font-weight:300;margin:0}.page-hero p{font-size:20px;max-width:640px}.prose{max-width:780px;margin:auto;font-size:18px}.prose h2{font-size:34px;font-weight:300;margin-top:48px}.faq-list{max-width:900px;margin:auto;border-top:1px solid #ccd1d3}.faq-item{border-bottom:1px solid #ccd1d3}.faq-q{width:100%;display:flex;justify-content:space-between;padding:24px 0;border:0;background:none;font:inherit;font-size:20px;text-align:right}.faq-a{display:none;padding:0 0 24px;color:#505557}.faq-item.open .faq-a{display:block}.footer{padding:50px 0;background:#151719;color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer small{color:#adb3b6}.whatsapp{position:fixed;left:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:bold;box-shadow:0 8px 25px #0003;z-index:8}.form-note{grid-column:1/-1;display:none;font-size:14px}.form-note.show{display:block}.mobile-only{display:none}
@media(max-width:800px){.wrap{width:min(100% - 30px,var(--max))}.topbar{height:72px}.header-inner{grid-template-columns:1fr auto}.brand{font-size:23px}.nav,.header-actions{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:72px;right:0;left:0;background:#fff;flex-direction:column;gap:0;padding:16px 24px;box-shadow:0 8px 15px #0002}.nav.open a{padding:12px}.hero{height:620px;background-position:57% center;align-items:flex-end;padding-bottom:70px}.hero-copy{width:100%;margin:0}.hero h1{font-size:53px}.hero p{font-size:18px;max-width:300px}.section{padding:72px 0}.section-title{font-size:36px;margin-bottom:35px}.services,.quote-grid{grid-template-columns:1fr}.service img{height:240px}.about-split{grid-template-columns:1fr}.about-split img{height:420px}.about-copy{padding:60px 26px}.about-copy h2{font-size:40px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:42px}.form{grid-template-columns:1fr}.form label.full{grid-column:auto}.page-hero{padding:75px 0 55px}.page-hero h1{font-size:48px}.footer-grid{align-items:flex-start;flex-direction:column}.phone{direction:ltr}.desktop-only{display:none}.mobile-only{display:inline}}
