/* Homepage evolution: original palette, real photography, clearer decisions. */
.home-evolution{--ink:#1b1f3b;--soft:#f2f4ff;--accent:#3755b5;color:var(--ink)}
.home-evolution main>section{padding-top:80px;padding-bottom:80px}
.home-evolution h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.14;letter-spacing:-.035em}
.home-evolution .btn{border-radius:12px;padding:14px 23px;font-weight:600}
.home-evolution .navbar{background:var(--ink)}
.home-evolution .home-hero{background:var(--ink)!important;padding-bottom:0;overflow:hidden}
.home-evolution .hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin:54px 0 64px}
.home-evolution .hero-copy{padding:0 0 32px}
.home-evolution .hero-copy>p:first-child{font-size:1.125rem;color:#cbd4ff;margin-bottom:16px!important}
.home-evolution h1{font-size:clamp(3rem,5.2vw,4.8rem);line-height:1.03;letter-spacing:-.05em;margin-bottom:26px;font-weight:700}
.home-evolution h1 span{display:block;color:#b9caff}
.home-evolution .hero-copy .lead{font-size:1.125rem;line-height:1.7}
.home-evolution .hero-teacher{font-size:1.125rem;font-weight:600;margin:20px 0 0}
.home-evolution .lesson-facts{font-weight:400;color:#dfe5ff;line-height:1.7;margin:8px 0 24px}
.home-evolution .hero-primary{background:#d9e4ff;border-color:#d9e4ff;color:#1b1f3b;margin-right:20px}
.home-evolution .hero-primary:hover{background:#fff;border-color:#fff}
.home-evolution .hero-secondary{display:inline-block;color:white;text-decoration:underline;text-underline-offset:5px;padding:12px 0}
.home-evolution .hero-photo{margin:0;position:relative;padding-bottom:24px}
.home-evolution .hero-photo:before{content:"";position:absolute;inset:-20px -18px 16px 28px;background:#5167c5;border-radius:46% 54% 35% 65% / 33% 33% 67% 67%;transform:rotate(7deg);z-index:-1}
.home-evolution .hero-photo img{width:100%;height:470px;object-fit:cover;object-position:43% center;border-radius:180px 180px 32px 32px}
.home-evolution .hero-photo figcaption{position:relative;margin:-52px 24px 0;padding:20px 24px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 14px 40px #0002}
.home-evolution .hero-photo figcaption strong{display:block;font-size:1.3rem}.home-evolution .hero-photo figcaption span{font-size:1rem}
.home-evolution .home-wayfinding{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:24px;padding-bottom:24px}
.home-wayfinding a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid #cbd2e5;color:#1b1f3b;font-weight:600;text-decoration:none}.home-wayfinding a:hover{border-color:#3755b5;color:#3755b5}.home-wayfinding span{font-size:1.5rem}
.home-evolution [id]{scroll-margin-top:110px}
.home-evolution .mission-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.home-evolution .mission-photos{position:relative;min-width:0}.home-evolution .mission-copy{min-width:0}
.home-evolution .mission-copy .row{margin:0}.home-evolution .mission-copy .row>div{padding:0;max-width:none;flex:1}
.home-evolution .james-introduction{border-bottom:1px solid #d9dfed;padding-bottom:24px}.home-evolution .james-introduction img{width:88px;height:88px}.home-evolution .james-introduction strong{font-size:1.35rem}
.home-evolution .mission-copy .lead{font-size:1.125rem}.home-evolution .image-collage img{border-radius:22px!important}
.home-evolution .home-lessons{background:var(--soft);border-radius:80px 0 80px 0;padding-bottom:64px}.home-evolution .home-lessons .lead{font-size:1.125rem}
.home-evolution .home-focus{padding-top:64px}.home-focus>.container>.row:first-child{margin-bottom:32px!important}.home-focus .display-4{margin-left:0!important;margin-right:0!important}.home-focus .lead{font-size:1.125rem}
.lesson-detail{border-top:1px solid #cad1e1}.lesson-detail:last-child{border-bottom:1px solid #cad1e1}.lesson-detail summary{cursor:pointer;list-style:none;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-size:1.4rem;font-weight:600;gap:20px}.lesson-detail summary::-webkit-details-marker{display:none}.lesson-detail summary>span{border-radius:50%;background:#e9edff;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.lesson-detail[open] summary>span{transform:rotate(45deg)}.lesson-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:8px 0 32px}.lesson-detail-body>div{max-width:none;width:auto;flex:none}.lesson-detail-body .card{transform:none;border-radius:24px;box-shadow:none!important;background:#f2f4ff}.lesson-detail-body .my-6{margin:0!important}
.home-evolution .home-prices{border-radius:0 80px 0 80px}.home-prices .card{border:0;border-radius:24px;padding:32px;box-shadow:0 12px 40px #1b1f3b08}.home-prices .card h3,.home-prices .card h4:not(.h6){font-size:1.3rem;line-height:1.6;letter-spacing:-.01em}.home-evolution .home-location{padding:48px 0}.home-location .lead{font-size:1.125rem}.home-location h2,.home-location h3{font-size:1.25rem}
.home-evolution .home-enquiry{background:#1b1f3b!important;padding-top:48px;padding-bottom:100px}.home-enquiry .display-3{font-size:clamp(2.5rem,4.4vw,4rem);letter-spacing:-.04em;line-height:1.1}.section-label{color:#cbd4ff;font-weight:600}.enquiry-person{display:flex;gap:16px;align-items:center;margin-top:36px}.enquiry-person img{border-radius:50%;flex-shrink:0;width:80px;height:80px}.enquiry-person p{font-size:1rem;margin:0}.home-evolution .enquiry-card{max-width:100%;background:white;color:#1b1f3b;border-radius:28px;padding:32px;box-shadow:0 20px 60px #0002}.home-evolution .enquiry-card label,.home-evolution .enquiry-card .form-help{color:#454c61!important}.enquiry-card .form-control{background:#f7f8fc;border:1px solid #aeb9ce;border-radius:10px;color:#1b1f3b}.enquiry-card .enquiry-intro>p:first-child{font-size:1.3rem;font-weight:600}.home-evolution .enquiry-card a{color:#304ba5}.home-evolution .enquiry-card a:focus-visible,.home-evolution .enquiry-card button:focus-visible{outline-color:#3755b5}.required-note{font-size:1rem}.enquiry-card .preview-note{color:#4e5364}.home-evolution .enquiry-card .btn-primary{color:white}
@media(max-width:991px){.home-evolution .hero-layout{gap:28px}.home-evolution .hero-photo img{height:420px}.home-evolution .mission-layout{gap:32px}.home-evolution .mission-photos .image-collage>a{display:block!important;position:static!important;transform:none!important;width:100%!important;margin:0 0 16px!important}.home-evolution .mission-photos .image-collage>a:not(:first-child){display:none!important}.home-evolution .mission-photos .image-collage{height:auto}.home-evolution .home-enquiry>.container>.row{display:block}.home-enquiry>.container>.row>div{max-width:100%;width:100%;text-align:left!important}.home-enquiry .enquiry-person{margin-bottom:32px}.home-enquiry .enquiry-card{width:100%}}
@media(max-width:767px){.home-evolution main>section{padding-top:48px;padding-bottom:48px}.home-evolution .hero-layout{grid-template-columns:1fr;margin:24px 0 24px;gap:20px}.home-evolution .hero-copy{padding-bottom:0}.home-evolution h1{font-size:3.25rem}.home-evolution .hero-copy .lead{font-size:1.0625rem}.home-evolution .hero-photo{max-width:480px;width:100%;margin:auto}.home-evolution .hero-photo img{height:auto;aspect-ratio:1.45;object-fit:cover;border-radius:100px 100px 24px 24px}.home-evolution .hero-photo:before{inset:0 0 14px 12px}.home-evolution .hero-photo figcaption{margin:-22px 16px 0;padding:14px 18px}.home-evolution .home-wayfinding{grid-template-columns:1fr 1fr;gap:8px 20px}.home-evolution .mission-layout{grid-template-columns:1fr}.home-evolution .mission-copy{grid-row:1}.home-evolution .mission-photos{display:none}.home-evolution .home-lessons,.home-evolution .home-prices{border-radius:40px 0 40px 0}.lesson-detail-body{grid-template-columns:1fr;gap:12px}.lesson-detail-body>div{padding:0}.home-evolution .home-enquiry{padding-bottom:64px}.home-evolution .enquiry-card{padding:24px 20px;border-radius:22px}.home-enquiry .col>.row{margin:0}.home-enquiry .enquiry-person{align-items:flex-start}.home-enquiry .enquiry-person img{width:64px;height:64px}.home-evolution .home-location .row{text-align:left!important}.home-evolution .home-location .col-sm-4{margin-bottom:20px}.home-evolution .home-hero{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.home-evolution *{scroll-behavior:auto!important}}
.home-evolution .navbar-dark .navbar-nav .nav-link{color:#d5daec}.home-evolution .navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.home-evolution .enquiry-card #contactForm label{color:#454c61!important}

/* Experimental hero texture: original homepage piano photograph beneath a deep navy wash. */
.home-evolution .home-hero{
  background:
    linear-gradient(to bottom,transparent 65%,#1b1f3b 100%),
    linear-gradient(90deg,rgba(27,31,59,.94),rgba(27,31,59,.89)),
    url('/assets/img/piano-template/001-headerImage.webp') center 55% / cover no-repeat,
    #1b1f3b!important;
}

/* Let the hero photograph continue beneath the menu until the visitor scrolls. */
.home-evolution .navbar[data-overlay]{
  background:transparent;
  border-bottom-color:transparent;
  transition:background-color .2s ease;
}
.home-evolution .navbar[data-overlay].scrolled,
.home-evolution .navbar[data-overlay]:has(.navbar-collapse.show){background:#1b1f3b}
@media(prefers-reduced-motion:reduce){.home-evolution .navbar[data-overlay]{transition:none}}