:root{--navy:#071833;--navy2:#0b2347;--gold:#c9952c;--gold2:#e5bd63;--cream:#f8f4eb;--white:#fff;--ink:#111827;--muted:#657083;--line:#e6e3dc;--max:1200px;--radius:24px;--shadow:0 24px 70px rgba(7,24,51,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.announcement{background:var(--navy);color:#dbe5f7;font-size:13px}.announcement-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.announcement a{color:var(--gold2);font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,24,51,.06);transition:.35s}.site-header.hide{transform:translateY(-100%)}.site-header.scrolled{box-shadow:0 10px 30px rgba(7,24,51,.08)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{width:210px;height:66px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;color:#253552}.nav-links>a:not(.nav-cta){padding:12px 0;position:relative}.nav-links>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:100%;bottom:6px;height:2px;background:var(--gold);transition:.25s}.nav-links>a:hover::after{right:0}.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:7px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f5ed 0%,#fff 48%,#eef3fb 100%);min-height:720px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;padding:76px 0 90px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#8e6a21;margin:0 0 18px}.gold{color:var(--gold2)}.hero h1,.section-head h2,.about-copy h2,.contact-copy h2{font-family:'Playfair Display',serif;line-height:.98;letter-spacing:-.035em}.hero h1{font-size:clamp(54px,7vw,96px);margin:0;color:var(--navy)}.hero h1 span{color:var(--gold)}.hero-lead{font-size:19px;color:#536177;max-width:610px;margin:28px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;transition:.25s}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy2);transform:translateY(-2px)}.btn-secondary{border:1px solid #cfd5de;background:#fff;color:var(--navy)}.btn-secondary:hover{border-color:var(--navy)}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#657083;font-size:13px;font-weight:700}.hero-visual{position:relative;min-height:520px}.hero-card-main{position:absolute;inset:25px 22px 30px 35px;background:#fff;border:1px solid rgba(7,24,51,.07);border-radius:36px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(2deg)}.hero-card-main img{width:100%;height:100%;object-fit:contain;padding:42px;background:#fff}.hero-product-label{position:absolute;left:24px;right:24px;bottom:22px;background:rgba(7,24,51,.93);backdrop-filter:blur(10px);color:#fff;border-radius:18px;padding:17px 18px;display:grid;grid-template-columns:auto 1fr;gap:2px 14px}.hero-product-label small{grid-row:1/3;color:var(--gold2);font-weight:800;align-self:center;text-transform:uppercase;letter-spacing:.12em}.hero-product-label strong{font-size:17px}.hero-product-label span{font-size:13px;color:#cdd7e8}.floating-note{position:absolute;background:#fff;border:1px solid rgba(7,24,51,.08);box-shadow:0 15px 45px rgba(7,24,51,.12);padding:13px 16px;border-radius:16px;font-size:10px;letter-spacing:.12em;color:#9a6d1d;font-weight:900}.floating-note strong{display:block;color:var(--navy);font-size:12px;letter-spacing:0;margin-top:3px}.note-one{left:0;top:64px}.note-two{right:0;bottom:85px}.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45}.hero-glow-one{width:340px;height:340px;background:#efca76;right:-160px;top:-150px}.hero-glow-two{width:280px;height:280px;background:#a8c3ec;left:-160px;bottom:-100px}.stats-strip{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats-grid div{padding:8px 30px;border-right:1px solid rgba(255,255,255,.13)}.stats-grid div:first-child{padding-left:0}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;font-family:'Playfair Display',serif;font-size:27px;color:var(--gold2)}.stats-grid span{font-size:12px;color:#cbd5e6}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-head h2{font-size:clamp(40px,5vw,64px);color:var(--navy);margin:0;max-width:730px}.section-head>p{max-width:430px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{border:1px solid var(--line);border-radius:22px;padding:26px;min-height:248px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;background:#fff}.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(7,24,51,.09);border-color:#d5c39a}.category-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--cream);color:var(--gold);font-size:24px;font-weight:900}.category-card h3{font-size:20px;margin:20px 0 8px;color:var(--navy)}.category-card p{color:var(--muted);font-size:14px;margin:0}.category-card a{margin-top:24px;font-size:13px;font-weight:900;color:#9a6d1d;display:flex;justify-content:space-between}.section-dark{background:var(--navy);color:#fff}.section-head.light h2{color:#fff}.section-head.light>p{color:#b9c6da}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border-radius:22px;overflow:hidden;color:var(--ink);transition:.3s}.product-card:hover{transform:translateY(-5px)}.product-image{aspect-ratio:1/1.08;background:#fff;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:10px}.product-info{padding:20px 20px 22px}.product-info small{color:#9a6d1d;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:10px}.product-info h3{font-family:'Playfair Display',serif;color:var(--navy);font-size:27px;margin:3px 0 0}.product-info p{color:var(--muted);font-size:13px;margin:2px 0 18px}.product-info a{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:var(--navy);border-top:1px solid #ece9e2;padding-top:15px}.section-cta{margin-top:30px;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-cta strong{display:block;font-size:17px}.section-cta span{color:#aebbd0;font-size:13px}.btn-gold{background:var(--gold);color:#071833}.btn-gold:hover{background:var(--gold2)}.service-section{background:#fbfaf7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid #ece8df;border-radius:22px;padding:30px}.service-card>span{font-family:'Playfair Display',serif;font-size:20px;color:var(--gold)}.service-card h3{font-size:21px;color:var(--navy);margin:35px 0 9px}.service-card p{color:var(--muted);margin:0;font-size:14px}.about-section{padding-top:125px;padding-bottom:125px}.about-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}.about-mark{aspect-ratio:1;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:clamp(68px,8vw,118px);position:relative}.about-mark:after{content:'';position:absolute;inset:17px;border:1px solid rgba(229,189,99,.45);border-radius:50%}.about-mark span{position:absolute;bottom:25%;font-family:'DM Sans';font-size:10px;letter-spacing:.25em;color:#fff}.about-copy h2{font-size:clamp(40px,5vw,62px);color:var(--navy);margin:0 0 25px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.text-link{display:inline-flex;gap:18px;color:#9a6d1d;font-weight:900;margin-top:15px}.contact-section{background:linear-gradient(135deg,#071833,#0d2b56);color:#fff;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.contact-copy h2{font-size:clamp(46px,6vw,72px);margin:0}.contact-copy>p:not(.eyebrow){color:#bac7da;font-size:17px;max-width:570px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-outline-light{border:1px solid rgba(255,255,255,.35);color:#fff}.contact-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:30px}.contact-card>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.11)}.contact-card>div:last-child{border-bottom:0}.contact-card small{display:block;color:var(--gold2);font-size:10px;letter-spacing:.18em;font-weight:900}.contact-card strong{display:block;font-family:'Playfair Display',serif;font-size:28px;margin:4px 0}.contact-card span{color:#b8c4d8;font-size:14px}footer{background:#040d1d;color:#b7c1d2;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-brand img{width:220px;background:#fff;border-radius:10px;padding:7px}.footer-brand p{font-size:13px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid strong{color:#fff;margin-bottom:6px}.footer-grid a{font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.22)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease var(--delay,0ms),transform .65s ease var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{position:fixed;top:122px;left:20px;right:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-cta{text-align:center;margin-top:8px}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:500px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-mark{max-width:460px}.section-head{align-items:start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 28px))}.announcement-inner span{display:none}.announcement-inner{justify-content:center}.nav-wrap{height:74px}.brand img{width:175px;height:54px}.nav-links{top:112px}.hero{min-height:auto}.hero-grid{gap:28px;padding:52px 0 64px}.hero h1{font-size:56px}.hero-lead{font-size:16px}.hero-proof{gap:10px 18px}.hero-visual{min-height:390px}.hero-card-main{inset:10px 6px 20px 14px;border-radius:24px}.hero-card-main img{padding:20px}.hero-product-label{left:12px;right:12px;bottom:12px}.floating-note{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div{padding:12px 14px}.section{padding:78px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:42px}.category-grid,.service-grid,.product-grid{grid-template-columns:1fr}.section-cta{align-items:flex-start;flex-direction:column}.about-section{padding:80px 0}.about-grid{gap:45px}.contact-section{padding:80px 0}.contact-grid{gap:35px}.contact-copy h2{font-size:50px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{gap:20px;flex-direction:column}.wa-float{width:50px;height:50px}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   MC JAJA 2026 MERCHANDISING UPDATE
   Yamaha-led homepage + broader instrument mix
============================================================ */
.keyboard-hero-card img{padding:20px;background:linear-gradient(145deg,#fbf8f0,#edf3fb)}
.brand-kicker{display:inline-flex;align-items:center;gap:16px;border:1px solid #eadfca;background:#fff;border-radius:999px;padding:9px 14px;margin-bottom:26px;box-shadow:0 10px 30px rgba(7,24,51,.05)}
.brand-kicker span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8a7650;font-weight:900}
.brand-kicker strong{font-size:13px;letter-spacing:.12em;color:var(--navy)}
.yamaha-section{background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);border-top:1px solid #f0ede7;border-bottom:1px solid #edf0f4}
.instrument-section{background:#fff}
.light-cta{border-color:#e5dfd4;background:#fff;box-shadow:0 12px 35px rgba(7,24,51,.05)}
.light-cta span{color:var(--muted)}
.product-image img[src$=".svg"]{padding:0;object-fit:cover}
.compact-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.compact-product-grid .product-image{aspect-ratio:1.28/1}
.compact-product-grid .product-card{min-width:0}

@media(max-width:980px){.compact-product-grid{grid-template-columns:repeat(2,1fr);max-width:none}}
@media(max-width:640px){.brand-kicker{margin-bottom:20px}.compact-product-grid{grid-template-columns:1fr}}

/* ============================================================
   QUICK-LAUNCH REFINEMENT — real product imagery + enquiry flow
============================================================ */
.product-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.product-card{border:1px solid #ece9e2;box-shadow:0 10px 32px rgba(7,24,51,.05)}
.section-dark .product-card{border-color:rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.product-image{position:relative;background:linear-gradient(145deg,#fff,#f4f5f6);aspect-ratio:1.06/1}
.product-image img{padding:18px;object-fit:contain;transition:transform .35s ease}
.product-card:hover .product-image img{transform:scale(1.035)}
.enquiry-badge{position:absolute;left:14px;top:14px;background:rgba(7,24,51,.9);color:#fff;padding:7px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;backdrop-filter:blur(8px)}
.product-subtitle{font-weight:700;color:#45536a!important;margin-bottom:8px!important}
.product-detail{min-height:63px;color:var(--muted);font-size:12.5px!important;line-height:1.5;margin:0 0 18px!important}
.product-links{border-top:1px solid #ece9e2;padding-top:14px;display:flex;flex-direction:column;gap:9px}
.product-links a{border:0!important;padding:0!important}
.product-enquire{display:flex!important;justify-content:space-between!important;font-size:12px!important;font-weight:900!important;color:var(--navy)!important}
.product-spec{font-size:11px!important;color:#7b8493!important;font-weight:700!important}
.product-spec:hover{color:#9a6d1d!important}
.hero-card-main img#heroProductImage{object-fit:contain;padding:36px;background:linear-gradient(145deg,#fff,#eef2f6)}
.more-products{margin-top:34px;border:1px solid #e2ded4;border-radius:26px;padding:32px;background:linear-gradient(135deg,#fbf8ef,#f2f6fb);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.more-products h3{font-family:'Playfair Display',serif;color:var(--navy);font-size:clamp(28px,3vw,40px);line-height:1.06;margin:0 0 12px;max-width:780px}
.more-products-copy>p:not(.eyebrow){color:var(--muted);max-width:760px;margin:0 0 20px}
.more-product-chips{display:flex;gap:8px;flex-wrap:wrap}
.more-product-chips span{background:#fff;border:1px solid #e4dfd4;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;color:#586579}
@media(max-width:800px){.more-products{grid-template-columns:1fr}.more-products>.btn{justify-self:start}.product-detail{min-height:0}}
@media(max-width:640px){.product-grid{grid-template-columns:1fr}.more-products{padding:24px}.hero-card-main img#heroProductImage{padding:18px}}

/* V4 launch reliability fixes */
.product-grid .product-card{opacity:1!important;transform:none!important}
.product-image{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f6f7f9)}
.product-image img{display:block!important;opacity:1!important;visibility:visible!important;object-fit:contain}
.enquiry-badge{position:absolute;left:12px;top:12px;background:#071833;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.03em;box-shadow:0 6px 18px rgba(7,24,51,.16)}
#yamahaGrid .product-image{min-height:255px}
#instrumentGrid .product-image{min-height:250px}
#drummerBossGrid .product-image{min-height:310px}

/* V5 genuine product photography */
.product-image img[src^="http"]{padding:16px;object-fit:contain;background:#fff}
.hero-card-main img[src^="http"]{object-fit:cover;padding:0;background:#fff}
#drummerBossGrid{grid-template-columns:minmax(280px,430px)}
#drummerBossGrid .product-image{min-height:360px}