/* Crescendo — home-2026.css: hero, programme-card stats, method, studio tiles, teacher row, recital band, quote, fees teaser. No motion. */
.hero{padding-block:var(--s6) 0;position:relative}
.hero-g{display:grid;gap:var(--s6);align-items:center}
.hero-t h1{max-inline-size:11ch}
.hero-t .lead{margin-block-start:var(--s5)}
.hero-note{margin-block-start:var(--s5);padding-inline-start:var(--s4);border-inline-start:3px solid var(--brass);color:var(--muted)}
.hero-i .ph picture{aspect-ratio:5/4}
.hero-i figcaption{display:flex;flex-wrap:wrap;gap:0 var(--s2);padding-inline:6%}
.hero-i figcaption b{font-family:var(--f-display);font-weight:500;color:var(--fg);font-size:1rem}
@media (min-width:1000px){.hero-g{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--s7)}.hero{padding-block-start:var(--s7)}}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:var(--s7) 0;border-block:1px solid var(--ink);position:relative}
.stats::before{content:"";position:absolute;inset-inline:0;inset-block-start:-9px;block-size:5px;border-block:1px solid var(--brass)}
.stats>div{padding:var(--s4) var(--s4) var(--s5);border-inline-start:1px solid var(--line)}
.stats>div:nth-child(odd){border-inline-start:0}
.stats>div:nth-child(n+3){border-block-start:1px solid var(--line)}
.stats dt{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--brass-t)}
.stats dd{margin:var(--s1) 0 0;font-family:var(--f-display);font-size:clamp(2rem,1.5rem + 1.6vw,3rem);line-height:1;font-weight:400;font-variation-settings:"opsz" 96}
@media (min-width:760px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats>div:nth-child(odd){border-inline-start:1px solid var(--line)}.stats>div:first-child{border-inline-start:0}.stats>div:nth-child(n+3){border-block-start:0}}
.method-g{display:grid;gap:var(--s7);align-items:center}
.method-t h2{max-inline-size:14ch;margin-block-end:var(--s6)}
.steps{list-style:none;padding:0;display:grid;gap:0;border-block-start:1px solid var(--ink)}
.steps li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:0 var(--s4);padding-block:var(--s5);border-block-end:1px solid var(--line)}
.step-n{grid-row:span 2;font-family:var(--f-display);font-style:italic;font-size:2.75rem;line-height:.9;color:var(--brand-t);font-weight:340}
.steps h3{margin-block-end:var(--s2)}
.method-i .ph picture{aspect-ratio:4/3}
@media (min-width:1000px){.method-g{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s8)}.method-i .ph picture{aspect-ratio:4/5}}
.ins-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:var(--s6) var(--s5)}
.ins-tile{display:grid;gap:var(--s3);text-decoration:none;color:var(--fg)}
.ins-tile picture{aspect-ratio:4/5;background:var(--surface-2)}
.ins-tile img{inline-size:100%;block-size:100%;object-fit:cover}
.ins-tile-t{display:grid;gap:2px;padding-block-start:var(--s3);border-block-start:1px solid var(--ink)}
.ins-tile b{font-family:var(--f-display);font-weight:440;font-size:1.625rem;line-height:1.1}
.ins-tile small{color:var(--muted);font-size:var(--t-label)}
.ins-tile-p{margin-block-start:var(--s2);font-weight:600;color:var(--brand-t)}
.ins-tile-p small{font-weight:400}
.ins-tile:hover b,.ins-tile:focus-visible b{color:var(--brand-t);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.people{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s4)}
@media (min-width:700px){.people{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.people{grid-template-columns:repeat(7,minmax(0,1fr))}}
.person{display:grid;gap:var(--s1);text-decoration:none;color:var(--fg)}
.person picture{aspect-ratio:4/5;margin-block-end:var(--s2);background:var(--surface-2)}
.person img{inline-size:100%;block-size:100%;object-fit:cover}
.person b{font-family:var(--f-display);font-weight:480;font-size:1.1875rem;line-height:1.15}
.person small{font-size:var(--t-label);color:var(--muted);line-height:1.35}
.person:hover b{color:var(--brand-t);text-decoration:underline}
.recital-band{background:var(--walnut);color:var(--paper);padding-block:var(--sec)}
.rb-g{display:grid;gap:var(--s6);align-items:center}
.rb-i .ph picture{aspect-ratio:16/10;background:var(--walnut-2)}
.rb-i figcaption{color:var(--paper-2)}
.rb-t .kicker{color:var(--brass-l)}
.rb-t h2{color:#fff;margin-block-end:var(--s3)}
.rb-t p{color:var(--paper)}
.rb-when{font-family:var(--f-display);font-style:italic;font-size:1.375rem;line-height:1.3;margin-block-end:var(--s3)}
.recital-band :focus-visible{outline-color:var(--brass-l)}
@media (min-width:1000px){.rb-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}}
.quote{margin:0;text-align:center;padding-block:var(--s5);position:relative}
.quote::before{content:"";display:block;block-size:29px;inline-size:120px;margin:0 auto var(--s6);background:var(--staff)}
.quote blockquote p{font-family:var(--f-display);font-style:italic;font-weight:360;font-size:clamp(1.5rem,1.2rem + 1.3vw,2.25rem);line-height:1.3;color:var(--ink);max-inline-size:32ch;margin-inline:auto}
.quote figcaption{margin-block-start:var(--s5);color:var(--muted);font-size:1rem}
.quote-sec .sample-tag{display:flex;inline-size:fit-content;margin-inline:auto}
.fees-teaser{display:grid;gap:0;border:1px solid var(--ink);background:var(--surface)}
.fees-teaser>div{padding:var(--s5) var(--s6);border-block-end:1px solid var(--line)}
.fees-teaser>div:last-child{border-block-end:0}
.ft-k{font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--brass-t)}
.ft-v{font-family:var(--f-display);font-size:3.5rem;line-height:1;margin-block:var(--s2);color:var(--brand-t);font-weight:400}
.ft-last{display:grid;align-content:center;gap:var(--s3);background:var(--surface-2)}
.ft-last .btn-row,.ft-last p .btn{margin:0}
@media (min-width:860px){.fees-teaser{grid-template-columns:1fr 1fr 1.2fr}.fees-teaser>div{border-block-end:0;border-inline-start:1px solid var(--line)}.fees-teaser>div:first-child{border-inline-start:0}}
/* no motion, anywhere */
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
