.violin-hero{background-position:center 40%}
.violin-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 0}
.violin-facts article{padding:24px 20px;border:1px solid rgba(145,101,36,.17);border-radius:16px;background:#fffdf8}
.violin-facts article>span{color:#b17b29;font-size:12px;letter-spacing:1.5px}
.violin-facts h3{font-size:19px;font-weight:400;margin:14px 0 6px;color:#21190f}
.violin-facts p{margin:0;color:#81715c;font-size:14px;line-height:1.75}
.violin-signup{margin-top:24px}
@media(max-width:900px){.violin-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.violin-facts{grid-template-columns:1fr;gap:10px}.violin-facts article{padding:18px 16px}}
.violin-hero{background-image:linear-gradient(90deg,#fbf6ea 0%,#fbf6ea 38%,rgba(251,246,234,0) 62%),url('assets/violin-teacher.jpg');background-size:auto,auto 100%;background-position:0 0,right center;background-repeat:no-repeat;background-color:#fbf6ea}
.violin-hero:before,.violin-hero .veil{display:none}
.violin-hero-cta{display:inline-block;margin-top:22px;text-decoration:none}
.violin-en{font-style:italic;color:#7d6c55!important;font-size:15px!important}
.violin-block{margin-top:24px}
.violin-learn,.violin-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.violin-steps{grid-template-columns:repeat(3,1fr)}
.violin-learn li,.violin-steps li{padding:22px 20px;border:1px solid rgba(145,101,36,.17);border-radius:16px;background:#fffdf8}
.violin-learn li{border-top:3px solid #c08a3a}
.violin-learn h3,.violin-steps h3{font-size:18px;font-weight:400;margin:0 0 8px;color:#21190f}
.violin-learn p,.violin-steps p{margin:0;color:#81715c;font-size:14px;line-height:1.75}
.violin-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a9711e;color:#fff;font-size:15px;margin-bottom:14px}
.violin-faq{margin-top:22px;border-top:1px solid rgba(145,101,36,.18)}
.violin-faq details{border-bottom:1px solid rgba(145,101,36,.18)}
.violin-faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;position:relative;font-size:17px;color:#2b2015}
.violin-faq summary::-webkit-details-marker{display:none}
.violin-faq summary:after{content:"+";position:absolute;right:6px;top:15px;color:#a9711e;font-size:22px}
.violin-faq details[open] summary:after{content:"−"}
.violin-faq summary span{display:block;font-size:13px;color:#9b8466;font-style:italic;margin-top:4px}
.violin-faq details p{margin:0 0 18px;font-size:15px}
@media(max-width:900px){.violin-learn{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.violin-hero{height:auto;min-height:330px;padding-bottom:30px;background-image:linear-gradient(180deg,rgba(251,246,234,.80),rgba(251,246,234,.92)),url('assets/violin-teacher.jpg');background-size:auto,cover;background-position:0 0,center 25%}.violin-steps{grid-template-columns:1fr}}
@media(max-width:520px){.violin-learn{grid-template-columns:1fr;gap:10px}.violin-learn li,.violin-steps li{padding:18px 16px}}
.violin-source{font-size:13px!important;color:#9b6a21!important;letter-spacing:.5px;margin:-6px 0 18px}
.violin-interview blockquote{margin:0 0 16px;padding:14px 24px;border-left:2px solid #b17b29;color:#4e3c25;font-size:clamp(16px,1.6vw,20px);line-height:1.7;font-style:italic;background:rgba(255,253,248,.6);border-radius:0 12px 12px 0}
.violin-interview .outline{margin-top:10px}
.violin-hero{height:auto;min-height:390px;padding-bottom:44px}
.h2-en{display:block;font-size:clamp(16px,1.6vw,20px);font-style:italic;color:#8b7961;margin-top:8px}
.violin-facts h3 small,.violin-learn h3 small,.violin-steps h3 small{display:block;font-size:13px;font-style:italic;color:#9b8466;margin-top:3px}
.violin-facts p.en,.violin-learn p.en,.violin-steps p.en{margin-top:6px;font-style:italic;font-size:13px;color:#958670}
.violin-faq details p.en{margin-top:-10px;font-style:italic;color:#7d6c55}
.violin-interview blockquote span{display:block;margin-top:8px;font-size:15px;color:#7d6c55}
/* classic hero with framed concert-hall portrait */
.violin-hero{height:auto;min-height:0;padding:64px 0 70px;background:radial-gradient(ellipse at 70% 40%,#fffdf7 0%,#f8f0e0 60%,#efe2c8 100%)!important;border-bottom:1px solid rgba(176,132,62,.28)}
.violin-hero:after{content:"";position:absolute;inset:14px;border:1px solid rgba(176,132,62,.30);pointer-events:none}
.vh-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:80px;max-width:1260px;margin:0 auto;padding:0 70px}
.violin-hero .hero-copy{position:static;width:auto;min-width:0;padding:0;max-width:none;text-align:center}
.violin-hero .hero-copy>p:not(.eyebrow):not(.hero-note){margin:0;font-size:inherit}
.violin-hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:#a0742f;letter-spacing:3px}
.violin-hero .eyebrow i,.vh-divider i{display:block;width:46px;height:1px;background:linear-gradient(90deg,transparent,#b8904f,transparent)}
.violin-hero h1{color:#2a1f14;font-size:clamp(36px,3.5vw,52px);letter-spacing:.5px;margin:18px 0 0}
.violin-hero h1 span{display:block;margin-top:12px;color:#5a4128;font-size:clamp(24px,2.3vw,34px);letter-spacing:8px}
.vh-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0 18px;color:#b08440;font-size:22px}
.vh-divider i{width:70px}
.violin-hero .hero-copy>p{color:#4b3a26;font-size:17px;line-height:1.7;font-style:italic;margin:0}
.violin-hero .hero-note{margin-top:8px!important;color:#8d6630!important;font-style:normal!important;letter-spacing:2px}
.violin-hero-cta{margin-top:28px;padding:12px 30px;border-radius:2px;background:#9b6a24;border:1px solid #9b6a24;box-shadow:inset 0 0 0 3px #f8f0e0,inset 0 0 0 4px rgba(255,255,255,.35);letter-spacing:1.5px}
.vh-portrait{position:relative;margin:0;padding:12px;background:#fffdf7;border:1px solid #c49a55;box-shadow:0 0 0 6px #f6ecd9,0 0 0 7px rgba(176,132,62,.55),0 22px 48px rgba(95,65,25,.22)}
.vh-portrait:before,.vh-portrait:after{content:"";position:absolute;width:26px;height:26px;border:2px solid #b08440;pointer-events:none}
.vh-portrait:before{top:-14px;left:-14px;border-right:0;border-bottom:0}
.vh-portrait:after{bottom:-14px;right:-14px;border-left:0;border-top:0}
.vh-portrait img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.vh-portrait figcaption{padding-top:10px;text-align:center;color:#8d6630;font-size:13px;font-style:italic;letter-spacing:1.5px}
@media(max-width:1200px) and (min-width:901px){.vh-inner{gap:48px;padding:0 44px}.violin-hero .hero-note{letter-spacing:.5px}.violin-hero .hero-copy>p{font-size:16px}}
@media(max-width:900px){
  .violin-hero{padding:40px 0 44px}
  .violin-hero:after{inset:8px}
  .vh-inner{grid-template-columns:1fr;gap:34px;padding:0 36px}
  .vh-portrait{order:-1}
}
.violin-gjw{margin-top:16px}