/* MZB Music — Heritage Luxury v3.0. Progressive, no JS dependencies. */
:root{color-scheme:light;--paper:#f5f3ec;--paper-light:#fbfaf6;--ink:#14201a;--forest:#173b30;--forest-2:#254b3d;--gold:#9a7a43;--muted:#526158;--line:#cfd5ca;--display: 'Iowan Old Style','Baskerville','Palatino Linotype',Georgia,serif;--text:'Instrument Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--forest);color:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(100% - 112px,1300px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:14px;top:14px;z-index:999;background:var(--forest);color:#fff;padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;font-weight:650;color:var(--forest)}.header{height:114px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand,.brand img{width:116px}.navigation{display:flex;align-items:center;gap:36px}.navigation a{font-size:12px;font-weight:600;letter-spacing:.025em;transition:color .2s}.navigation a:hover,.footer-links a:hover{color:var(--gold)}.languages{justify-self:end;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em}.languages a{padding:10px 3px;color:var(--muted)}.languages a[aria-current=page]{color:var(--forest);font-weight:700}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(50px,7vw,112px);min-height:720px;padding-top:72px;padding-bottom:105px}.hero-copy{position:relative;z-index:2}.hero-kicker{margin-bottom:35px}.hero h1{font:400 clamp(74px,8.1vw,132px)/.91 var(--display);letter-spacing:-.067em;max-width:780px}.hero-line{display:block}.hero-line:last-child{color:var(--forest);font-style:italic;letter-spacing:-.073em}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:440px;margin-top:33px}.text-link{display:inline-flex;align-items:center;gap:25px;padding:11px 0 13px;font-size:12px;font-weight:650;letter-spacing:.02em;border-bottom:1px solid var(--forest);transition:color .2s,gap .2s}.text-link:hover{color:var(--gold);gap:33px}.text-link svg{width:17px;height:17px}.hero-cta{margin-top:22px}.portrait{position:relative;align-self:center;margin-top:12px}.portrait::before{content:"";position:absolute;inset:-21px 23px 21px -21px;border:1px solid var(--gold);z-index:-1;opacity:.72}.portrait-frame{aspect-ratio:4/5;overflow:hidden;background:#d7dbd6}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:grayscale(1);transition:filter .4s}.portrait figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:11px;line-height:1.65;color:var(--muted)}.portrait figcaption strong{display:block;color:var(--ink);font-size:12px;font-weight:650}.portrait figcaption>span>span{display:block}.portrait-location{text-align:right}
.section{padding-block:110px;border-top:1px solid var(--line)}h2{font:400 clamp(46px,5.3vw,77px)/1.06 var(--display);letter-spacing:-.055em}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:end;margin-bottom:51px}.section-intro .eyebrow,.about-heading .eyebrow{margin-bottom:19px}.section-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:415px;justify-self:end}.platform{display:grid;grid-template-columns:72px 1fr auto 32px;align-items:center;gap:20px;min-height:119px;border-top:1px solid var(--line);transition:background .2s,padding .2s}.platform:last-child{border-bottom:1px solid var(--line)}.platform:hover{padding-inline:15px;background:rgba(23,59,48,.035)}.platform-number{font-size:11px;font-weight:600;color:var(--gold)}.platform-name{font:400 clamp(29px,3.7vw,49px)/1.2 var(--display);letter-spacing:-.045em}.platform-action{font-size:12px;color:var(--muted)}.platform-arrow{width:21px;height:21px;color:var(--forest)}.catalogue-note{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:30px}.catalogue-note>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);max-width:740px}
.about{display:grid;grid-template-columns:1fr 1.15fr;gap:55px 100px;background:var(--paper-light)}.about-heading h2{max-width:410px}.about-copy{font-size:16px;line-height:1.9;color:var(--muted)}.about-copy .about-lead{font:400 clamp(21px,2.1vw,27px)/1.57 var(--display);color:var(--ink);margin-bottom:25px;letter-spacing:-.012em}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:22px}.principle{border-top:1px solid var(--line);padding-top:24px}.principle-number{font-size:11px;color:var(--gold);font-weight:700}.principle h3{font:400 30px/1.2 var(--display);letter-spacing:-.04em;margin:17px 0 12px}.principle p{font-size:14px;line-height:1.8;color:var(--muted);max-width:330px}
.contact{background:var(--forest);color:var(--paper-light)}.contact-inner{padding-block:103px 111px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:90px}.contact .eyebrow{color:#c0ad80;margin-bottom:19px}.contact h2{font-size:clamp(47px,5.1vw,76px);line-height:1.04;color:#f7f5ed}.contact h2 span{display:block}.contact-copy{justify-self:end;max-width:420px;width:100%}.contact-copy>p{color:#d3e0d7;font-size:16px;line-height:1.8;margin-bottom:30px}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #849e8d;font:400 clamp(21px,2.3vw,30px)/1.25 var(--display);overflow-wrap:anywhere}.contact-email svg{width:19px;height:19px;color:#d6be8d}.contact-email:hover{color:#e3c78f}
.footer{padding-top:60px;display:grid;grid-template-columns:1fr auto;gap:35px}.footer-identity img{width:92px}.footer-identity>a{display:inline-block}.footer-identity p{font-size:12px;color:var(--muted);margin-top:15px}.footer-links{display:flex;align-items:start;gap:27px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;padding-top:8px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:24px;padding:22px 0 29px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.footer-bottom a span{color:var(--forest);padding-left:9px}
@media(min-width:1500px){.hero{padding-block:100px 135px}.hero h1{font-size:140px}}
@media(max-width:1050px){.wrap{width:min(100% - 70px,1300px)}.hero{min-height:0;gap:48px;padding-block:75px 90px}.hero h1{font-size:clamp(66px,8vw,95px)}.portrait::before{inset:-14px 15px 14px -14px}.section{padding-block:85px}.about{gap:45px}.principles{gap:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 42px)}.header{height:88px;grid-template-columns:1fr auto auto;gap:17px}.brand,.brand img{width:84px}.navigation{gap:13px}.navigation a{font-size:11px}.navigation a:not(:first-child){display:none}.languages{gap:4px;font-size:10px}.hero{grid-template-columns:1fr;gap:50px;padding-block:51px 68px}.hero h1{font-size:clamp(59px,13.7vw,98px);letter-spacing:-.065em}.hero-kicker{margin-bottom:24px}.hero-description{font-size:16px;margin-top:25px}.hero-cta{margin-top:15px}.portrait{margin:0 0 0 12px}.portrait-frame{aspect-ratio:1.13}.portrait-frame img{object-position:center 42%}.portrait figcaption{font-size:10px}.section{padding-block:65px}h2{font-size:clamp(43px,10vw,60px)}.section-intro{grid-template-columns:1fr;gap:18px;margin-bottom:29px}.section-description{justify-self:start;font-size:14px}.platform{grid-template-columns:28px 1fr 23px;gap:13px;min-height:92px}.platform-name{font-size:clamp(28px,7.2vw,40px)}.platform-action{display:none}.platform-number{font-size:10px}.catalogue-note{grid-template-columns:1fr;gap:12px}.about{grid-template-columns:1fr;gap:33px}.about-copy{font-size:15px}.about-copy .about-lead{font-size:23px}.principles{grid-template-columns:1fr;gap:25px;margin-top:5px}.principle{display:grid;grid-template-columns:37px 1fr;gap:7px 14px}.principle h3{margin:0;font-size:27px}.principle p{grid-column:2}.contact-inner{grid-template-columns:1fr;gap:35px;padding-block:67px 73px}.contact h2{font-size:clamp(47px,10vw,65px)}.contact-copy{justify-self:start;max-width:none}.contact-email{font-size:25px}.footer{grid-template-columns:1fr;padding-top:46px;gap:24px}.footer-links{justify-content:flex-start;gap:21px;padding:0}.footer-bottom{margin-top:3px}}
@media(max-width:360px){.header{gap:9px}.hero h1{font-size:55px}.contact-email{font-size:21px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.wrap{width:100%;max-width:none}.navigation,.languages,.hero-cta,.footer-links,.footer-bottom>a,.skip-link{display:none}.hero{min-height:0;padding-block:30px;grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:60px}.section{padding-block:30px}.contact{background:white;color:black;border-block:1px solid #777}.contact h2,.contact .eyebrow,.contact-copy>p{color:black}.contact-inner{padding-block:30px}}


/* MZB Music — Forest Edition 4.0 | Deep heritage green, ivory, restrained gold.
   Layout is inherited from Heritage 3.1. No new JS and no changes to SEO or data. */
:root {
  color-scheme: dark;
  --paper: #102b22;
  --paper-light: #102b22;
  --ink: #f5f0e6;
  --forest: #102b22;
  --forest-2: #17392d;
  --gold: #d5b77d;
  --muted: #d1dbd1;
  --line: rgba(230, 226, 209, .24);
  --display: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --text: 'Geist', 'Instrument Sans', system-ui, -apple-system, sans-serif;
}
html { background: #102b22; }
body { background: #102b22; color: var(--ink); }
::selection { background: #d5b77d; color: #102b22; }
a:focus-visible { outline: 2px solid #e7ca92; outline-offset: 5px; }
.skip-link { background: #f5f0e6; color: #102b22; }
.header { border-bottom-color: var(--line); }
/* Existing dark logo is displayed in ivory without altering the original asset. */
.brand img, .footer-identity img { filter: brightness(0) invert(1); }
.navigation a { color: var(--ink); }
.navigation a:hover, .footer-links a:hover { color: var(--gold); }
.languages a { color: #c2cec3; }
.languages a[aria-current="page"] { color: var(--ink); }
.languages > span { color: #9daea1; }
.eyebrow { color: var(--gold); font-weight: 600; letter-spacing: .18em; }
.hero { min-height: 720px; }
.hero h1 { color: var(--ink); font-family: var(--display); font-weight: 400; letter-spacing: -.052em; line-height: .94; text-wrap: balance; }
.hero-line:last-child { color: #d5b77d; font-style: italic; letter-spacing: -.052em; }
.hero-description, .section-description, .about-copy, .principle p, .catalogue-note > p:last-child { color: var(--muted); }
.hero-description { max-width: 455px; }
.text-link { border-bottom-color: #d5b77d; color: var(--ink); }
.text-link:hover { color: #e7cb98; }
.portrait::before { border-color: rgba(213,183,125,.8); }
.portrait-frame { background: #1a362b; }
.portrait-frame img { filter: grayscale(1); }
.portrait figcaption, .portrait-location { color: #c2cec3; }
.portrait figcaption strong { color: var(--ink); }
.section { border-top-color: var(--line); }
h2, .platform-name, .about-copy .about-lead, .principle h3, .contact h2, .contact-email { color: var(--ink); font-family: var(--display); font-weight: 400; }
.platform { border-color: var(--line); }
.platform:hover { background: rgba(246, 240, 226, .055); }
.platform-number, .principle-number { color: var(--gold); }
.platform-action { color: var(--muted); }
.platform-arrow { color: var(--gold); }
.about { background: #102b22; }
.about-copy .about-lead { color: var(--ink); }
.principle { border-top-color: var(--line); }
.contact { background: #17392d; border-top: 1px solid rgba(213,183,125,.35); color: var(--ink); }
.contact .eyebrow { color: var(--gold); }
.contact h2 { color: var(--ink); }
.contact-copy > p { color: #d1dbd1; }
.contact-email { border-bottom-color: rgba(230,226,209,.42); color: var(--ink); }
.contact-email svg { color: var(--gold); }
.contact-email:hover { color: #e7cb98; }
.footer { background: #102b22; }
.footer-identity p, .footer-bottom { color: #c2cec3; }
.footer-bottom { border-top-color: var(--line); }
.footer-bottom a span { color: var(--gold); }
/* Hover never replaces visible focus, and motion is optional. */
@media (max-width: 760px) {
  .hero { min-height: 0; }
  .hero h1 { font-size: clamp(54px, 13.5vw, 97px); line-height: .95; }
  .navigation a { color: var(--ink); }
  .portrait::before { inset: -12px 12px 12px -12px; }
}
@media (max-width: 360px) { .hero h1 { font-size: clamp(48px, 13.3vw, 55px); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  :root { color-scheme: light; --ink:#101820; --muted:#414141; --gold:#555; --line:#ccc; }
  html, body, .about, .footer, .contact { background: white !important; color: black !important; }
  .brand img, .footer-identity img { filter: none; }
  .hero h1, h2, .contact h2, .contact-email, .hero-line:last-child { color: black !important; }
  .eyebrow, .hero-description, .about-copy, .contact-copy > p { color: #333 !important; }
}