:root{--red:#f03735;--paper:#f7f2ed;--muted:#b5b0ad;--black:#0d0d0e;--line:#343031}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(64px,8vw,120px);margin-bottom:28px;font-weight:900}h2{font-size:clamp(38px,4.5vw,65px);margin-bottom:28px}h3{font-size:29px;letter-spacing:-.035em}p{color:var(--muted);max-width:650px}em{font-style:normal;color:var(--red)}header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto;padding:0 5vw;border-bottom:1px solid #ffffff15}.brand{display:flex;align-items:center;gap:14px;line-height:1}.brand img{width:53px;height:65px;object-fit:contain}.brand span{font-size:21px;letter-spacing:.02em;font-weight:900}.brand small{display:block;margin-top:10px;font-size:8px;letter-spacing:.17em;font-weight:400}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a[aria-current]{color:var(--red)}nav a:hover,.textlink:hover{color:var(--red)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--red);padding:17px 25px;color:white;border:1px solid transparent;font-size:14px;font-weight:700;line-height:1.5}.button:hover{background:#cc2424;color:#fff}.button.small{padding:11px 17px;font-size:12px}.button.light{background:var(--paper);color:#171315}.menubtn{display:none}.eyebrow{color:var(--red);font-weight:700;font-size:11px;letter-spacing:.18em;margin-bottom:25px}.section{max-width:1280px;margin:auto;padding:100px 5vw}.hero{position:relative;min-height:740px;max-width:1600px;margin:auto;overflow:hidden}.heroimage{position:absolute;inset:0 0 0 30%;background:linear-gradient(90deg,#0d0d0e 1%,#0d0d0e25 50%,transparent),linear-gradient(0deg,#0d0d0e,transparent 30%),url('assets/hero.webp') 64% 37%/cover}.heroimage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#59000032);mix-blend-mode:color}.herotext{position:relative;padding:80px 8vw 100px;max-width:820px}.herotext p:not(.eyebrow){max-width:440px;font-size:17px}.hero h1{font-size:clamp(68px,8vw,116px);line-height:.98}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.textlink{font-size:14px;font-weight:bold;text-decoration:underline;text-underline-offset:6px}.herofooter{position:absolute;right:4vw;bottom:34px;font-size:10px;letter-spacing:.28em;color:#f3dfd5}.ticker{background:var(--red);color:#100e0f;display:flex;align-items:center;justify-content:space-around;gap:25px;padding:21px 3vw;font-size:17px;font-weight:900;letter-spacing:.08em;overflow:hidden;white-space:nowrap}.ticker span{font-size:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.picture{position:relative}.picture img{width:100%;height:550px;object-fit:cover;object-position:50% 30%;filter:saturate(.65)}.caption{position:absolute;bottom:0;left:0;background:var(--red);padding:10px 17px;font-size:10px;letter-spacing:.12em;font-weight:bold}.placeholder{border-left:2px solid #a37459;padding-left:15px;color:#c6ab96;font-size:13px}.pathways{border-top:1px solid var(--line)}.pathgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.path{position:relative;min-height:480px;overflow:hidden}.path img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.5);transition:transform .5s}.path:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070708 0%,#07070850 70%,transparent)}.path:hover img{transform:scale(1.04)}.path div{position:absolute;bottom:30px;left:30px;right:30px;z-index:1}.path span{font-size:11px;letter-spacing:.15em;color:var(--red)}.path h3{font-size:42px;margin:20px 0 10px}.path p{margin-bottom:20px}.path b{font-size:13px}.cta{background:var(--red);padding:65px max(5vw,calc((100vw - 1150px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:48px;margin-bottom:14px;color:#fff}.cta p{color:#fff}.cta .eyebrow{color:#3c0808}.cta p:last-child{margin-bottom:0}.cta .button{white-space:nowrap}footer{max-width:1440px;margin:auto;padding:65px 5vw 25px;display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:30px;font-size:13px}footer a{display:block;margin-bottom:8px;color:var(--muted)}footer a:hover{color:white}.footbrand{font-weight:900;font-size:26px;line-height:1.4}.footbrand span{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}footer>p{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:25px;font-size:11px}.pagehero{max-width:1280px;margin:auto;padding:85px 5vw 55px;border-bottom:1px solid var(--line)}.pagehero p:not(.eyebrow){font-size:17px;max-width:630px}.musiclayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.musiclayout aside img{height:370px;width:100%;object-fit:cover;object-position:50% 25%;margin-bottom:35px}.musiclayout h2{font-size:37px}.track{display:flex;gap:20px;border-top:1px solid var(--line);padding:25px 0}.trackno{color:var(--red);font-size:12px;padding-top:5px}.track>div{flex:1;min-width:0}.track h3{font-size:25px;letter-spacing:-.035em;margin:0 0 7px}.track p{font-size:11px;letter-spacing:.04em;margin-bottom:15px}audio{width:100%;height:40px;color-scheme:dark}.eventlist{border-top:1px solid var(--line)}.eventlist>div{display:grid;grid-template-columns:40px 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:27px 0}.eventlist>div span{color:var(--red);font-size:13px}.eventlist h3{margin:0;font-size:27px}.eventlist p{margin:0}.schoolhero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:70px 7vw;gap:50px}.schoolhero img{height:610px;width:100%;object-fit:cover;object-position:45% 25%;box-shadow:20px 20px 0 #6c1515}.schoolhero h1{font-size:clamp(60px,6.5vw,98px)}.lessons{border-top:1px solid var(--line)}.lessons article{display:grid;grid-template-columns:55px 1fr 1.1fr;gap:25px;border-top:1px solid var(--line);padding:35px 0}.lessonnum{color:var(--red);font-size:13px}.lessons h3{font-size:40px;margin-bottom:10px}.lessons article p{margin-bottom:0}.schooldetails{background:#161314;max-width:none;padding-left:max(5vw,calc((100vw - 1150px)/2));padding-right:max(5vw,calc((100vw - 1150px)/2))}.details{border-top:2px solid var(--red);padding-top:30px}.contactlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.contactlayout h2{font-size:36px}.contactlink{display:block;font-size:clamp(17px,1.8vw,25px);margin:30px 0}.contactlink small{display:block;font-size:10px;letter-spacing:.15em;color:var(--red);margin-bottom:8px}.contactlogo{width:220px;margin:45px 0}.contactlayout aside>p{font-size:13px;max-width:300px}form>p{font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;margin-bottom:20px;color:#eee}input,select,textarea{display:block;margin-top:8px;width:100%;background:#191718;color:white;border:1px solid #484044;border-radius:0;padding:13px 12px;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--red)}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.check input{width:16px;margin:0;accent-color:var(--red)}.check a{text-decoration:underline}.legal{min-height:600px;padding-bottom:100px}.legal h1{font-size:70px}.legal h2{font-size:28px;letter-spacing:-.025em;margin-top:40px}.legal a{text-decoration:underline}.copy{background:none;color:white;border:0;padding:0}.skip{position:absolute;top:-100px;left:20px;background:white;color:black;padding:10px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.heroimage{background-position:center,center,center 35%}.herotext{padding-left:150px}}@media(max-width:1000px){nav{gap:18px}nav .small{display:none}.herotext{padding-left:6vw}.heroimage{left:20%;opacity:.8}.split{gap:6%}.contactlayout,.musiclayout{gap:5%}.schoolhero{gap:30px;padding-left:5vw;padding-right:5vw}.schoolhero img{height:520px}.cta{padding:50px 5vw}.cta h2{font-size:38px}}@media(max-width:700px){header{height:88px}.brand img{height:50px;width:40px}.brand span{font-size:17px}.menubtn{display:block;background:none;color:white;border:1px solid #444;padding:3px 12px;font-size:24px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#141112;padding:25px;z-index:9;flex-direction:column;align-items:stretch}nav.open{display:flex}nav .small{display:block}.hero{min-height:760px}.heroimage{inset:0;opacity:.7;background:linear-gradient(90deg,#0d0d0ee0,#0d0d0e30),linear-gradient(0deg,#0d0d0e,transparent),url('assets/hero.webp') 65% 25%/cover}.herotext{padding:65px 6vw 100px}.hero h1{font-size:77px}.herotext p:not(.eyebrow){max-width:340px}.actions{flex-wrap:wrap;gap:22px}.herofooter{left:6vw;right:auto;font-size:8px}.ticker{justify-content:flex-start;font-size:13px}.section{padding:65px 6vw}.split,.pathgrid,.contactlayout,.musiclayout,.schoolhero{grid-template-columns:1fr;gap:40px}.picture img{height:430px}.path{min-height:440px}.cta{display:block;padding:50px 6vw}.cta .button{margin-top:25px}.cta h2{font-size:38px}footer{grid-template-columns:1fr 1fr;padding:45px 6vw 20px}.footbrand{grid-column:1/-1}.pagehero{padding:60px 6vw 40px}.pagehero h1{font-size:64px}.musiclayout aside img{height:330px}.musiclayout aside{border-bottom:1px solid var(--line);padding-bottom:35px}.eventlist>div{grid-template-columns:25px 1fr;gap:15px}.eventlist>div p{grid-column:2}.schoolhero{padding:60px 6vw}.schoolhero h1{font-size:68px}.schoolhero img{height:410px;box-shadow:10px 10px 0 #6c1515}.lessons article{grid-template-columns:30px 1fr;gap:15px}.lessons article>p{grid-column:2}.lessons h3{font-size:34px}.contactlogo{display:none}.formgrid{grid-template-columns:1fr;gap:0}.legal h1{font-size:50px}.schooldetails{padding:60px 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original Micky MCL artwork and poster identity */
:root{--red:#e31720}header{max-width:1600px;height:122px;padding-left:5vw;padding-right:4vw;gap:30px}.brand.wordmark{flex:0 0 220px}.brand.wordmark img{width:220px;height:auto;max-height:70px;object-fit:contain}.forever-header{flex:0 0 145px;margin-left:auto}.forever-header img{width:145px;height:94px;object-fit:contain}header nav{margin-left:auto;gap:25px}.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}.footbrand img{width:220px;height:auto;margin-bottom:12px}.ticker{background:#d9161e}.poster-inspired{position:relative;grid-template-columns:1.2fr .8fr;gap:60px;background:radial-gradient(ellipse at 6% 70%,#480b0d65,transparent 55%),#090909}.poster-inspired h1,.lessons>h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:900;letter-spacing:-.025em;line-height:1.03}.poster-inspired h1{font-size:clamp(70px,7vw,110px)}.poster-inspired h1 em{color:#f8f3eb}.school-signature{margin:0 0 25px}.school-signature img{width:260px;height:auto;box-shadow:none;object-fit:contain}.schoolhero .schoolposter{margin:0;width:100%;display:flex;justify-content:center}.schoolhero .schoolposter img{height:auto;max-height:760px;width:auto;max-width:100%;object-fit:contain;box-shadow:none;border:1px solid #4c181a;transform:rotate(1deg)}.brushline{display:inline-block;position:relative;background:#d71920;color:#080808;font-weight:900;text-transform:uppercase;font-style:italic;font-size:clamp(13px,1.3vw,19px);padding:9px 18px;margin-bottom:18px;transform:rotate(-2deg);clip-path:polygon(2% 10%,95% 0,98% 17%,94% 28%,100% 43%,97% 64%,99% 90%,7% 100%,0 84%,4% 65%,0 49%,4% 33%,0 20%)}.poster-inspired .eyebrow{color:#ef4d50}.lessons article{border-left:3px solid #b5141b;padding-left:25px}.lessons h3{text-transform:uppercase;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:500;letter-spacing:.01em}.cta{background:linear-gradient(105deg,#bd0c15,#e31b24 60%,#c30c13)}@media(max-width:1150px){header{gap:20px}header nav{gap:17px;font-size:13px}.brand.wordmark{flex-basis:180px}.brand.wordmark img{width:180px}.forever-header{flex-basis:120px}.forever-header img{width:120px;height:85px}header nav .small{display:none}.poster-inspired{gap:35px}.school-signature img{width:220px}}@media(max-width:700px){header{height:104px;gap:14px}.brand.wordmark{flex-basis:auto;max-width:42%}.brand.wordmark img{width:170px;height:auto}.forever-header{flex:0 0 95px;order:3;margin-left:0}.forever-header img{width:95px;height:70px}.menubtn{order:2;margin-left:auto;font-size:22px;padding:3px 10px}header nav{top:104px;margin:0}.poster-inspired{grid-template-columns:1fr;gap:45px}.schoolhero .schoolposter img{max-height:660px;max-width:100%;transform:none}.school-signature img{width:210px;height:auto}.poster-inspired h1{font-size:76px}.lessons article{padding-left:14px}.footbrand img{width:200px}}@media(min-width:701px) and (max-width:850px){header{gap:12px;padding-left:3vw;padding-right:3vw}.brand.wordmark{flex-basis:145px}.brand.wordmark img{width:145px}header nav{gap:13px;font-size:12px}.forever-header{flex-basis:95px}.forever-header img{width:95px}.poster-inspired h1{font-size:70px}}
/* Soft image transitions into the black stage background */
header .forever-header{order:0;margin:0 auto 0 0;flex:0 0 170px;align-self:center}header .forever-header img{width:170px;height:110px;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}header nav{margin-left:auto}.poster-inspired h1{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:600;letter-spacing:-.045em;font-size:clamp(66px,6.5vw,100px)}.schoolhero .schoolposter{background:#090909}.schoolhero .schoolposter img{border:0;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.picture img,.musiclayout aside>img,.path img,.contactlogo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.schoolhero .schoolposter img{box-shadow:none}.path{background:#0d0d0e}.contactlogo{mix-blend-mode:screen}@media(max-width:1150px){header .forever-header{flex-basis:150px}header .forever-header img{width:150px;height:100px}}@media(max-width:700px){header .forever-header{order:0;flex:0 0 135px;max-width:none;margin:0 auto 0 0}header .forever-header img{width:135px;height:88px}.menubtn{order:1;margin-left:auto}header nav{margin-left:0}.poster-inspired h1{font-size:70px;font-weight:600}.schoolhero .schoolposter img{max-height:660px}}@media(min-width:701px) and (max-width:850px){header .forever-header{flex-basis:130px}header .forever-header img{width:130px;height:90px}}
/* Wider music-school artwork and deeper, gradual brand blending */
header{position:relative;isolation:isolate;background:radial-gradient(ellipse at 5% 40%,#64141955 0%,#34101438 26%,transparent 51%),linear-gradient(95deg,#230b0e 0%,#180c0f 20%,#0d0d0e 47%,#0d0d0e 100%);border-bottom-color:#ffffff0d}header:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 2% 90%,#8c141b20,transparent 30%),radial-gradient(ellipse at 17% 10%,#9e152418,transparent 22%)}header .forever-header img{opacity:.88;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0005 7%,#000c 16%,#000 28%,#000 65%,#000b 80%,#0004 93%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 8%,#000c 21%,#000 34%,#000 67%,#000b 82%,#0004 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0005 7%,#000c 16%,#000 28%,#000 65%,#000b 80%,#0004 93%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 8%,#000c 21%,#000 34%,#000 67%,#000b 82%,#0004 94%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.poster-inspired{grid-template-columns:.85fr 1.15fr;gap:30px;padding-top:55px;padding-bottom:65px}.poster-inspired>div{max-width:450px}.poster-inspired>div>p:not(.eyebrow):not(.school-signature){max-width:345px}.poster-inspired h1{font-size:clamp(66px,6.1vw,94px)}.schoolhero .schoolposter{justify-content:flex-start;align-items:center;margin-left:0;background:transparent}.schoolhero .schoolposter img{width:100%;max-width:395px;height:auto;max-height:none;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0002 3%,#0007 8%,#000c 14%,#000 22%,#000 78%,#000c 86%,#0007 92%,#0002 97%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 3%,#000a 7%,#000e 11%,#000 16%,#000 84%,#000e 89%,#000a 93%,#0004 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0002 3%,#0007 8%,#000c 14%,#000 22%,#000 78%,#000c 86%,#0007 92%,#0002 97%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 3%,#000a 7%,#000e 11%,#000 16%,#000 84%,#000e 89%,#000a 93%,#0004 97%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media(min-width:1440px){.schoolhero .schoolposter img{max-width:420px}.poster-inspired{gap:45px}}@media(min-width:701px) and (max-width:1000px){.poster-inspired{grid-template-columns:.9fr 1.1fr;gap:15px}.poster-inspired h1{font-size:64px}.poster-inspired>div>p:not(.eyebrow):not(.school-signature){max-width:290px}.schoolhero .schoolposter img{max-width:370px}}@media(max-width:700px){.poster-inspired{grid-template-columns:1fr;gap:30px}.poster-inspired>div{max-width:none}.poster-inspired>div>p:not(.eyebrow):not(.school-signature){max-width:360px}.poster-inspired h1{font-size:70px}.schoolhero .schoolposter{justify-content:center}.schoolhero .schoolposter img{width:100%;max-width:395px;max-height:none}header{background:radial-gradient(ellipse at 10% 45%,#57121865,transparent 65%),linear-gradient(95deg,#250c10,#0d0d0e 75%)}}
/* Transparent vector artwork: no rectangular photo and no fading of the logo itself. */
header .forever-header img{opacity:1;-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;filter:none;width:160px;height:108px}header{background:#0d0d0e}header:before{display:none}@media(max-width:1150px){header .forever-header img{width:150px;height:100px}}@media(max-width:700px){header .forever-header img{width:132px;height:88px}}@media(min-width:701px) and (max-width:850px){header .forever-header img{width:130px;height:90px}}
/* The music-school poster rebuilt as native, responsive web content. */
.school-native{background:radial-gradient(ellipse at 9% 34%,#560c131a,transparent 40%),radial-gradient(ellipse at 90% 75%,#700e101c,transparent 34%),#080809}.school-composition{position:relative;isolation:isolate;overflow:hidden;max-width:1440px;margin:auto;padding:65px 7vw 80px;background:repeating-linear-gradient(123deg,transparent 0,transparent 187px,#ffffff04 188px,transparent 190px,transparent 360px)}.school-content{position:relative;max-width:710px;margin:auto;text-align:center;z-index:1}.school-brand{display:flex;align-items:center;flex-direction:column;margin-bottom:35px}.school-brand>img{width:360px;max-width:85%;height:auto}.school-wave{width:270px;height:40px;color:#eee;margin:9px auto 0}.school-brand>p{font-size:22px;line-height:1.5;font-weight:bold;letter-spacing:.17em;color:#f7f2ed;max-width:none;margin:7px 0 0}.school-brand>p>span{font-size:15px;letter-spacing:.3em;font-weight:400}.school-content h1{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;font-size:clamp(72px,7.7vw,112px);font-weight:600;line-height:.99;letter-spacing:-.035em;margin:0 auto 30px}.school-content h1>em{display:block;color:#f7f2ed}.school-deine{display:block;font-size:.72em;letter-spacing:.015em;line-height:1.34}.school-deine i{color:#df1620;font-size:.48em;font-style:normal;vertical-align:middle;margin:0 20px}.school-motto{display:inline-block;background:#df1620;color:#080809;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.025em;font-size:clamp(16px,2.1vw,25px);line-height:1.3;padding:18px 28px;transform:rotate(-2deg);clip-path:polygon(3% 8%,97% 0,95% 14%,100% 23%,96% 38%,99% 53%,96% 68%,99% 88%,6% 100%,1% 86%,4% 72%,0 59%,3% 43%,0 29%,5% 19%);margin:0 auto 35px}.school-offerings{max-width:450px;margin:0 auto 38px;text-align:left}.school-offerings article{display:flex;align-items:center;gap:25px;padding:20px 0;border-bottom:1px solid #81151b70}.school-instrument{width:66px;height:66px;flex:0 0 66px;color:#e51b25}.school-offerings h2{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;text-transform:uppercase;font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.035em;margin:0 0 7px}.school-offerings p{font-size:17px;text-transform:uppercase;letter-spacing:.04em;color:#bdb9b6;margin:0}.school-trial>p{font-size:26px;text-transform:uppercase;letter-spacing:.025em;font-weight:bold;color:#f7f2ed;max-width:none;margin:0 0 14px}.school-trial .button{font-size:25px;text-transform:uppercase;min-width:310px;padding:17px 25px;font-weight:700;justify-content:center;gap:35px}.school-contact{margin:50px auto 0;padding-top:25px;max-width:450px;border-top:1px solid #81151b90}.school-contact h2{font-family:Arial,sans-serif;font-size:19px;letter-spacing:.1em;text-transform:uppercase;color:#ed2530;margin:0 0 20px}.school-contact>a{display:flex;align-items:center;justify-content:center;gap:16px;font-weight:bold;font-size:clamp(17px,2vw,24px);line-height:1.5;margin:10px 0}.school-contact>a>span{color:#ef1b27;font-size:27px}.school-contact>a:hover{color:#ff4852}.school-ornaments{position:absolute;inset:0;pointer-events:none;z-index:0}.school-ornaments .ornament{position:absolute;color:#cf1721;width:180px;height:230px;opacity:.22}.school-ornaments .guitar-left{top:200px;left:1%;transform:rotate(-19deg)}.school-ornaments .drums-right{top:55px;right:0;transform:rotate(13deg);width:210px}.school-ornaments .voice-left{top:770px;left:3%;transform:rotate(-13deg);width:160px}.school-ornaments .guitar-right{top:640px;right:1%;transform:rotate(18deg);width:210px;height:300px}.musicnote{position:absolute;color:#c81a22;opacity:.35;font-size:82px;font-weight:400}.note-one{top:550px;left:9%;transform:rotate(-12deg)}.note-two{bottom:130px;right:8%;transform:rotate(10deg)}@media(max-width:1000px){.school-ornaments .ornament{opacity:.11;width:140px}.school-ornaments .drums-right,.school-ornaments .guitar-right{width:150px}.school-composition{padding-left:6vw;padding-right:6vw}}@media(max-width:700px){.school-composition{padding:45px 7vw 55px}.school-brand{margin-bottom:27px}.school-brand>img{width:290px}.school-brand>p{font-size:18px}.school-brand>p>span{font-size:12px}.school-wave{width:220px;height:32px}.school-content h1{font-size:clamp(64px,15vw,91px)}.school-deine i{margin:0 10px}.school-motto{font-size:16px;padding:16px 19px;max-width:100%;margin-bottom:22px}.school-offerings{max-width:340px;margin-bottom:32px}.school-offerings article{gap:20px;padding:19px 0}.school-instrument{width:55px;height:55px;flex-basis:55px}.school-offerings h2{font-size:30px}.school-offerings p{font-size:14px}.school-trial>p{font-size:21px}.school-trial .button{font-size:21px;min-width:0;width:100%;max-width:340px}.school-contact{margin-top:36px}.school-contact>a{font-size:17px;gap:10px}.school-contact>a>span{font-size:22px}.school-ornaments .ornament{opacity:.07}.school-ornaments .guitar-left{left:-70px}.school-ornaments .drums-right{right:-70px}.school-ornaments .voice-left{left:-60px}.school-ornaments .guitar-right{right:-80px}.musicnote{font-size:55px;opacity:.13}.note-one{left:0}.note-two{right:0}}
/* Compact rhythm across all pages, with authentic artwork from the supplied poster. */
header{height:94px}header .forever-header{flex-basis:140px}header .forever-header img{width:134px;height:86px}h1{font-size:clamp(50px,6.4vw,88px);margin-bottom:20px}h2{font-size:clamp(31px,3.5vw,46px);margin-bottom:20px}h3{font-size:25px}.section{padding-top:55px;padding-bottom:55px}.hero{min-height:570px}.herotext{padding-top:50px;padding-bottom:70px}.hero h1{font-size:clamp(62px,6.5vw,90px)}.herotext p:not(.eyebrow){font-size:16px;line-height:1.55}.eyebrow{margin-bottom:18px}.actions{margin-top:25px}.ticker{padding-top:10px;padding-bottom:10px;font-size:14px}.ticker span{font-size:20px}.picture img{height:390px}.pathgrid{margin-top:27px;gap:24px}.path{min-height:335px}.path h3{font-size:33px;margin-top:13px}.path div{bottom:22px;left:24px;right:24px}.path p{font-size:14px;margin-bottom:14px}.cta{padding-top:35px;padding-bottom:35px}.cta h2{font-size:37px;margin-bottom:12px}.cta p{font-size:14px}.cta .eyebrow{margin-bottom:13px}footer{padding-top:37px;padding-bottom:16px;gap:20px}footer>p{padding-top:17px;margin-top:14px}.pagehero{padding-top:50px;padding-bottom:32px}.pagehero p:not(.eyebrow){font-size:16px}.musiclayout aside img{height:280px;margin-bottom:25px}.musiclayout h2{font-size:32px}.track{padding:16px 0;gap:15px}.track h3{font-size:21px}.track p{margin-bottom:10px}.track audio{height:34px}.eventlist>div{padding:20px 0}.eventlist h3{font-size:23px}.contactlayout h2{font-size:31px}.contactlink{margin:22px 0}.contactlogo{width:170px;margin:28px 0}label{margin-bottom:14px}input,select,textarea{padding:10px 11px}.formgrid{gap:15px}.school-composition{padding-top:32px;padding-bottom:40px}.school-content{max-width:650px}.school-brand{margin-bottom:18px}.school-brand>img{width:265px}.school-wave{width:210px;height:25px;margin-top:4px}.school-brand>p{font-size:16px;line-height:1.35;margin-top:5px}.school-brand>p>span{font-size:11px}.school-content h1{font-size:clamp(60px,6vw,82px);margin-bottom:17px}.school-deine{line-height:1.24}.school-motto{font-size:18px;padding:13px 24px;margin-bottom:20px}.school-offerings{max-width:390px;margin-bottom:23px}.school-offerings article{gap:20px;padding:10px 0}.school-instrument{width:51px;height:51px;flex-basis:51px}.school-offerings .poster-icon{width:57px;height:59px;flex-basis:57px;object-fit:contain;mix-blend-mode:screen}.school-offerings h2{font-size:27px;margin-bottom:3px}.school-offerings p{font-size:13px}.school-trial>p{font-size:20px;margin-bottom:10px}.school-trial .button{font-size:19px;min-width:270px;padding:13px 20px}.school-contact{margin-top:25px;padding-top:18px;max-width:390px}.school-contact h2{font-size:15px;margin-bottom:12px}.school-contact>a{font-size:18px;margin:6px 0;gap:12px}.school-contact>a>span{font-size:23px}.school-ornaments .poster-ornament{mix-blend-mode:screen;object-fit:contain;opacity:.55;-webkit-mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.school-ornaments .guitar-left{width:100px;height:370px;top:110px;left:6%;transform:rotate(-14deg)}.school-ornaments .guitar-right{width:105px;height:390px;top:440px;right:5%;transform:rotate(16deg)}.school-ornaments .drums-right{width:180px;height:250px;top:75px;right:4%;transform:rotate(8deg)}.school-ornaments .voice-left{top:570px;left:4%;width:100px;height:155px;opacity:.2}.note-one{top:420px;left:16%;font-size:55px}.note-two{bottom:90px;right:15%;font-size:55px}@media(max-width:1000px){.school-ornaments .poster-ornament{opacity:.28}.school-ornaments .guitar-left{left:0}.school-ornaments .guitar-right{right:0}.school-ornaments .drums-right{right:-25px}}@media(max-width:700px){header{height:82px}header nav{top:82px}header .forever-header{flex-basis:116px}header .forever-header img{width:112px;height:74px}.section{padding-top:38px;padding-bottom:38px}.hero{min-height:620px}.herotext{padding-top:40px;padding-bottom:70px}.hero h1{font-size:67px}.herofooter{bottom:24px}.actions{gap:18px}.picture img{height:320px}.split,.contactlayout,.musiclayout{gap:28px}.path{min-height:300px}.pathgrid{gap:20px}.cta{padding-top:30px;padding-bottom:30px}.cta h2{font-size:31px}.cta .button{margin-top:19px}.pagehero{padding-top:38px;padding-bottom:25px}.pagehero h1{font-size:53px}.musiclayout aside img{height:245px}.musiclayout aside{padding-bottom:25px}.eventlist>div{padding:17px 0}.formgrid{gap:0}footer{padding-top:30px}.school-composition{padding-top:28px;padding-bottom:32px}.school-brand>img{width:230px}.school-brand>p{font-size:14px}.school-brand>p>span{font-size:10px}.school-wave{width:185px;height:23px}.school-content h1{font-size:clamp(57px,13.5vw,76px);margin-bottom:15px}.school-motto{font-size:14px;padding:12px 16px;margin-bottom:17px}.school-offerings{max-width:315px}.school-offerings article{gap:17px;padding:9px 0}.school-offerings h2{font-size:25px}.school-offerings p{font-size:12px}.school-offerings .poster-icon{width:49px;height:53px;flex-basis:49px}.school-trial>p{font-size:18px}.school-trial .button{font-size:18px;padding:12px 18px;max-width:315px}.school-contact>a{font-size:16px}.school-contact{margin-top:23px}.school-ornaments .poster-ornament{opacity:.12}.school-ornaments .guitar-left{left:-50px}.school-ornaments .drums-right{right:-95px}.school-ornaments .guitar-right{right:-52px}.school-ornaments .voice-left{left:-65px}.note-one{left:0}.note-two{right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.original-badge{display:inline-block;vertical-align:middle;margin-left:9px;padding:4px 8px;border:1px solid #e31720;color:#ff686c;background:#e3172015;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
/* Homepage banner follows the exact hero width and text inset. */
.ticker{display:block;width:100%;max-width:1600px;margin:0 auto;padding:0;overflow:visible;white-space:normal}.ticker-inner{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:24px;row-gap:7px;padding:13px 8vw;font-size:14px;line-height:1.5;letter-spacing:.055em}.ticker-inner>span{font-size:18px;line-height:1}@media(min-width:1600px){.ticker-inner{padding-left:150px;padding-right:150px}}@media(max-width:1000px){.ticker-inner{padding-left:6vw;padding-right:6vw;column-gap:18px;font-size:12px}}@media(max-width:700px){.ticker-inner{padding:12px 6vw;column-gap:13px;row-gap:6px;font-size:10px;letter-spacing:.035em}.ticker-inner>span{font-size:13px}}
/* Match the banner's red edge to the hero headline, then distribute labels across it. */
.ticker{background:transparent;width:100%;max-width:1600px;margin:0 auto;padding:0 0 0 8vw}.ticker-inner{width:100%;background:#d9161e;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;padding:14px 3vw}.ticker-inner .ticker-label{font-size:13px;line-height:1.5;font-weight:900;white-space:nowrap;letter-spacing:.055em}.ticker-inner .ticker-separator{font-size:16px;flex:0 0 auto}.picture{background:#0d0d0e}.picture img{width:100%;height:auto;max-height:480px;object-fit:contain;object-position:center top;aspect-ratio:auto}.musiclayout aside>img{width:100%;height:auto;max-height:350px;object-fit:contain;object-position:center top}.path img{object-position:center top}.path[href="musikschule.html"] img{object-fit:contain;object-position:center top}.path[href="musik.html"] img{object-fit:cover;object-position:center top}.path{min-height:360px}.path:after{background:linear-gradient(0deg,#070708 0%,#070708dc 14%,#07070840 37%,transparent 60%)}.schoolhero>img{object-position:center top}.contactlayout aside img{object-position:center top}@media(min-width:1600px){.ticker{padding-left:150px}.ticker-inner{padding-left:45px;padding-right:45px}}@media(max-width:1000px){.ticker{padding-left:6vw}.ticker-inner{padding:13px 2.5vw;gap:10px}.ticker-inner .ticker-label{font-size:11px;letter-spacing:.035em}.ticker-inner .ticker-separator{font-size:13px}}@media(max-width:700px){.ticker{padding-left:6vw;padding-right:0}.ticker-inner{padding:13px 4vw;justify-content:space-between;flex-wrap:wrap;column-gap:12px;row-gap:7px}.ticker-inner .ticker-label{font-size:10px}.ticker-inner .ticker-separator{font-size:11px}.picture img{height:auto;max-height:390px;object-fit:contain;object-position:center top}.musiclayout aside>img{height:auto;max-height:300px;object-fit:contain}.path{min-height:350px}.path img{object-position:center top}.path[href="musikschule.html"] img{object-fit:contain}}
.contact-email-notice{align-self:start;padding:28px 0 12px;border-top:2px solid var(--red)}.contact-email-notice h2{margin-bottom:20px}.contact-email-notice p{font-size:15px}.contact-mail-address{display:block;font-size:clamp(18px,2.3vw,29px);color:var(--paper);font-weight:700;overflow-wrap:anywhere;margin:23px 0}.contact-mail-address:hover{color:var(--red)}.contact-email-notice .button{margin-top:12px}

/* Mobile navigation always above page artwork. */
header{position:relative;z-index:1000;overflow:visible}
header nav{z-index:1002;pointer-events:auto}
header .menubtn{position:relative;z-index:1003;min-width:44px;min-height:44px;touch-action:manipulation}
@media(max-width:700px){
 header nav{top:100%;left:0;right:0;margin:0;background:#141112;box-shadow:0 18px 32px #0009;max-height:calc(100dvh - 82px);overflow-y:auto}
 header nav.open{display:flex}
 header nav a{position:relative;display:flex;align-items:center;min-height:48px;padding:10px 12px;touch-action:manipulation}
}