:root{--ink:#090a0b;--paper:#f3f1e9;--acid:#f0c824;--font:Manrope,Arial,sans-serif;--display:'Archivo Black',Impact,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font)}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 56px));margin:auto}
.announcement{padding:9px;background:var(--acid);color:#211d08;text-align:center;font:10px var(--mono);letter-spacing:1.3px}
.announcement span{margin:0 16px}
.site-header{height:87px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#f7f5eb}
.site-header:before{content:'';position:absolute;inset:41px 0 auto;height:87px;background:var(--ink);z-index:-1}
.logo img{display:block;width:160px;height:46px;object-fit:contain;object-position:left}
.site-header nav{display:flex;gap:28px;font-size:12px;color:#c4c5c0}
.site-header nav a:hover,.footer a:hover{color:var(--acid)}
.link-login{font-size:11px;font-weight:800;text-transform:uppercase}
.link-login span{color:var(--acid);font-size:17px;margin-left:7px}
.hero{min-height:610px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 81% 45%,#353721 0,#1b1d15 16%,transparent 35%),var(--ink)}
.hero-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff0f 50%,transparent 50.1%);background-size:104px 100%;opacity:.6}
.hero-grid{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}
.eyebrow{margin:0 0 19px;color:var(--acid);font:10px var(--mono);letter-spacing:1.4px}
.eyebrow i{display:inline-block;width:23px;height:1px;margin-right:9px;background:currentColor;vertical-align:middle}
.eyebrow.dark{color:#75601b}
.hero h1,.statement h2,.section-heading h2,.method h2,.band h2,.central-promo h2,.cta h2{margin:0;font-family:var(--display);font-size:clamp(52px,7vw,92px);line-height:.93;letter-spacing:-2.7px;text-transform:uppercase}
.hero h1 em,.statement h2 em,.section-heading h2 em,.method h2 em,.band h2 em,.central-promo h2 em,.cta h2 em{color:var(--acid);font-style:normal}
.hero h1{font-size:clamp(48px,5.9vw,78px)}
.hero-text{max-width:480px;margin:28px 0;color:#c1c1bd;font-size:15px;line-height:1.75}
.hero-actions{display:flex;gap:25px;align-items:center}
.button{display:inline-flex;gap:20px;align-items:center;padding:15px 18px;background:var(--acid);color:#161506;font-size:12px;font-weight:800;text-transform:uppercase;transition:.2s}
.button:hover{transform:translateY(-3px);background:#ffda44}
.button b{font-size:19px}
.under-link{font-size:12px;font-weight:800}
.under-link span{margin-left:6px;color:var(--acid);font-size:19px}
.hero-stats{display:flex;gap:35px;margin-top:58px}
.hero-stats div{display:flex;gap:10px;align-items:center}
.hero-stats strong{color:var(--acid);font:30px var(--display)}
.hero-stats span{color:#acada6;font:9px/1.4 var(--mono);text-transform:uppercase}
.hero-art{height:560px;position:relative;isolation:isolate}
.hero-recital,.hero-video{position:absolute;right:0;bottom:25px;width:510px;height:510px;object-fit:cover;filter:saturate(.9) contrast(1.05);z-index:0}
.hero-shade{position:absolute;right:0;bottom:25px;width:510px;height:510px;background:linear-gradient(135deg,#090a0b14,#090a0b9e);z-index:1}
.hero-drummer{width:395px;position:absolute;right:-35px;bottom:-10px;z-index:4;opacity:.22;mix-blend-mode:screen}
.glow{width:430px;height:430px;position:absolute;right:55px;top:112px;z-index:2;border-radius:50%;background:radial-gradient(circle,#f0c82459,#f0c8240d 42%,transparent 70%)}
.ring{position:absolute;right:18px;top:48px;z-index:2;border:1px solid #f0c8245c;border-radius:50%}
.ring-one{width:532px;height:532px}
.ring-two{width:405px;height:405px;right:83px;top:112px;border-style:dashed}
.sound{position:absolute;z-index:3;color:var(--acid);font:58px serif}
.sound-a{right:54px;top:77px}
.sound-b{right:430px;top:175px}
.art-label{display:flex;gap:13px;align-items:center;position:absolute;right:19px;bottom:117px;z-index:5;padding:13px 16px;background:var(--acid);color:#111;transform:rotate(-5deg)}
.art-label span{font:18px var(--mono)}
.art-label p{margin:0;font:800 10px/1.25 var(--font)}
.marquee{overflow:hidden;padding:16px clamp(28px,5vw,96px);background:var(--acid);color:#151508;white-space:nowrap}
.marquee-track{display:flex;align-items:center;width:max-content;margin:0 auto;font:17px var(--display);letter-spacing:.8px}
.marquee-group{display:inline-flex;align-items:center;flex:none}
.marquee b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 24px;vertical-align:middle}.marquee b img{width:28px;height:28px;object-fit:contain}
.statement{padding:137px 0 0}
.statement-grid{display:grid;grid-template-columns:1.2fr .65fr;gap:100px;align-items:end}
.statement h2{font-size:57px}
.statement h2 em,.method h2 em,.central-promo h2 em,.spaces h2 em{color:#b79613}
.statement-grid p{margin:0 0 29px;color:#4c4d49;font-size:15px;line-height:1.8}
.arrow-link{display:inline-flex;gap:11px;padding-bottom:9px;border-bottom:1px solid #c6c3b8;font-size:12px;font-weight:800}
.arrow-link b{color:#9f7e09;font-size:16px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:102px;border-top:1px solid #ccc8ba}
.pillars article{padding:31px 35px 35px 0;border-right:1px solid #ccc8ba}
.pillars article+article{padding-left:35px}
.pillars article:last-child{border:0}
.pillars span,.course-card>span{color:#97801b;font:10px var(--mono)}
.pillars h3{margin:24px 0 12px;font:30px var(--display);letter-spacing:-.9px;text-transform:uppercase}
.pillars p{max-width:255px;margin:0;color:#686964;font-size:13px;line-height:1.6}
.courses{padding:137px 0;background:var(--ink);color:#fff}
.section-heading{display:grid;grid-template-columns:1.3fr .55fr;column-gap:70px;align-items:end}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2{font-size:54px}
.section-heading>p{margin:0 0 7px;color:#b5b5ae;font-size:13px;line-height:1.7}
.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:63px}
.course-card{min-height:345px;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:22px;border:1px solid #363833;background:#171818;transition:.25s}
.course-card:hover{transform:translateY(-7px)}
.course-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;mix-blend-mode:screen;transition:.35s}
.course-card:hover>img{transform:scale(1.06);opacity:.54}
.course-card:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#090a0b05,#090a0bf2 90%)}
.course-card:after{content:'♫';position:absolute;right:-23px;bottom:-88px;z-index:1;opacity:.08;font:220px serif;transform:rotate(-12deg)}
.card-drums:after{content:'◌'}
.card-keys:after{content:'♬'}
.card-voice:after{content:'♪'}
.course-card>*:not(img){position:relative;z-index:2}
.course-card h3{margin:auto 0 5px;font:28px var(--display)}
.course-card p{margin:0;color:#e5e5dc;font-size:11px}
.course-card b{margin-top:33px;font-size:11px;text-transform:uppercase}
.course-card b i{margin-left:4px;color:var(--acid);font-size:16px;font-style:normal}
.method{padding:137px 0}
.method-top{display:flex;justify-content:space-between;align-items:start}
.method-top span{color:#8a8b83;font:10px/1.45 var(--mono);text-align:right}
.method-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:115px;margin-top:58px}
.method h2{font-size:54px}
.method-list{border-top:1px solid #c9c6bc}
.method-list article{display:grid;grid-template-columns:33px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid #c9c6bc}
.method-list b{padding-top:4px;color:#927714;font:10px var(--mono)}
.method-list h3{margin:0 0 7px;font-size:15px}
.method-list p{margin:0;color:#686964;font-size:12px;line-height:1.65}
.method-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:72px}
.method-shelf img{width:100%;aspect-ratio:1414/2000;object-fit:cover;box-shadow:0 15px 28px #1a160729;transition:.2s}
.method-shelf img:nth-child(even){transform:translateY(25px)}
.method-shelf img:hover{transform:translateY(-8px)}
.method-shelf img:nth-child(even):hover{transform:translateY(16px)}
.spaces{padding:0 0 137px}
.spaces-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}
.spaces-heading .eyebrow{grid-column:1/-1}
.spaces h2{margin:0;font:54px/.94 var(--display);letter-spacing:-2px}
.spaces h2 em{font-style:normal}
.spaces-heading>p{margin:0 0 4px;color:#60615c;font-size:14px;line-height:1.75}
.space-gallery{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-top:55px}
.space-gallery figure{height:260px;position:relative;overflow:hidden;margin:0;background:#181918}
.space-gallery .space-tall{height:534px;grid-row:span 2}
.space-gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}
.space-gallery figure:hover img{transform:scale(1.035)}
.space-gallery figcaption{position:absolute;left:0;bottom:0;padding:10px 13px;background:var(--acid);color:#171606;font:800 10px var(--font);text-transform:uppercase}
.band{position:relative;overflow:hidden;padding:120px 0;background:#191a18;color:#fff}
.band:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#121411,transparent 80%)}
.band-rings{width:770px;height:770px;position:absolute;right:-160px;top:-192px;border:1px solid #f0c8243b;border-radius:50%}
.band-rings:after{content:'';position:absolute;inset:68px;border:1px dashed #f0c82440;border-radius:50%}
.band-grid{display:grid;grid-template-columns:1fr .72fr;gap:150px;align-items:center;position:relative}
.band h2{font-size:70px}
.band>div>div>p:not(.eyebrow){max-width:480px;margin:27px 0;color:#c2c2bb;font-size:14px;line-height:1.8}
.button.light{background:#f7f4e9}
.band-media{height:405px;position:relative;overflow:hidden;background:#0e0f0e;box-shadow:12px 12px 0 #3c3e2b;transform:rotate(2deg)}
.band-media video{display:block;width:100%;height:100%;object-fit:cover}
.band-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#040504d1);pointer-events:none}
.band-media-caption{display:flex;justify-content:space-between;align-items:end;position:absolute;right:22px;bottom:20px;left:22px;z-index:2}
.band-media-caption span{color:var(--acid);font:9px var(--mono);letter-spacing:1px}
.band-media-caption b{font:18px var(--display);letter-spacing:-.5px}
.band-media-caption i{color:var(--acid);font-style:normal}
.central-promo{display:grid;grid-template-columns:1fr .74fr;gap:150px;align-items:center;padding:137px 0}
.central-promo h2{font-size:52px}
.promo-copy>p:not(.eyebrow){max-width:480px;margin:26px 0;color:#60615c;font-size:14px;line-height:1.75}
.portal{padding:20px;background:#151615;color:#fff;box-shadow:13px 13px 0 #bf9d15}
.portal-top{display:flex;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #343632}
.portal-s{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--acid);border-radius:50%;color:var(--acid);font:14px var(--display)}
.portal-top p{margin:0;font:9px var(--mono);letter-spacing:1px}
.portal-top i{margin-left:auto;color:var(--acid);font-size:10px}
.portal-feature{margin:18px 0;padding:22px;background:linear-gradient(120deg,#423a13,#26271e)}
.portal-feature small{font:9px var(--mono);letter-spacing:1px}
.portal-feature strong{display:block;margin:13px 0;font:20px var(--display)}
.portal-feature span{color:var(--acid);font-size:10px}
.portal-row{display:flex;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #343632;font-size:11px}
.portal-row span{color:var(--acid);font-size:18px}
.portal-row i{margin-left:auto;color:#aaa;font-style:normal}
.cta{padding:114px 0;background:var(--acid);color:#161506}
.cta .eyebrow{color:#675507}
.cta h2{font-size:70px}
.cta h2 em{color:#fff7d5}
.cta p:not(.eyebrow){max-width:480px;margin:21px 0 28px;font-size:14px;line-height:1.7}
.cta .button{background:#151605;color:#fff}
.footer{padding:58px 0 20px;background:var(--ink);color:#e8e8e1}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.footer img{width:190px;height:64px;object-fit:contain;object-position:left}
.footer p{margin:0 0 15px;color:var(--acid);font:9px var(--mono);letter-spacing:1px}
.footer a{display:block;margin:8px 0;color:#a9aaa3;font-size:12px}
.footer-bottom{margin-top:58px;padding-top:18px;border-top:1px solid #292b28;color:#777971;font:9px var(--mono)}
.footer-bottom span{float:right}
@media(max-width:820px){.wrap{width:min(100% - 32px,620px)}
.site-header{height:68px}
.site-header:before{top:41px;height:68px}
.logo img{width:128px}
.site-header nav{display:none}
.link-login{font-size:9px}
.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:75px}
.hero{min-height:auto}
.hero h1{font-size:52px}
.hero-art{height:390px;margin-top:0}
.hero-recital,.hero-video{right:0;bottom:35px;width:335px;height:335px}
.hero-shade{right:0;bottom:35px;width:335px;height:335px}
.hero-drummer{width:290px;right:-30px;bottom:0}
.ring-one{width:364px;height:364px;right:-16px;top:8px}
.ring-two{width:292px;height:292px;right:22px;top:44px}
.glow{width:300px;height:300px;right:3px;top:37px}
.sound-a{right:19px;top:18px}
.sound-b{right:290px;top:94px}
.art-label{right:2px;bottom:59px}
.statement,.courses,.method,.central-promo{padding:78px 0}
.statement-grid,.section-heading,.method-grid,.band-grid,.central-promo{grid-template-columns:1fr;gap:34px}
.statement h2,.section-heading h2,.method h2,.central-promo h2,.spaces h2{font-size:43px;letter-spacing:-1.5px}
.pillars{grid-template-columns:1fr;margin-top:55px}
.pillars article,.pillars article+article{padding:24px 0;border-right:0;border-bottom:1px solid #ccc8ba}
.pillars article:last-child{border-bottom:0}
.course-grid{grid-template-columns:1fr 1fr;margin-top:40px}
.course-card{min-height:250px}
.method-top span{display:none}
.method-shelf{grid-template-columns:repeat(2,1fr);margin-top:48px}
.spaces{padding:0 0 78px}
.spaces-heading{grid-template-columns:1fr;gap:25px}
.space-gallery{grid-template-columns:1fr 1fr;margin-top:38px}
.space-gallery .space-tall{height:360px;grid-column:1/-1;grid-row:auto}
.space-gallery figure{height:185px}
.band{padding:80px 0}
.band h2,.cta h2{font-size:54px}
.band-grid{gap:55px}
.band-media{height:330px}
.central-promo{gap:50px}
.cta{padding:80px 0}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>img{grid-column:1/-1}
.footer-bottom span{display:block;float:none;margin-top:8px}
}
@media(max-width:390px){.hero h1{font-size:46px}
.hero-actions{align-items:flex-start;flex-direction:column}
.hero-stats{margin-top:38px}
.course-grid{grid-template-columns:1fr}
.announcement{font-size:8px}
.announcement span{margin:0 7px}
}

.carousel img{transition:opacity .28s ease}
.space-gallery figcaption{display:flex;gap:18px;align-items:center}.space-gallery figcaption b{font:9px var(--mono);font-weight:400}
.portal-welcome{padding:23px;margin:18px 0;background:linear-gradient(130deg,#f0c824,#b89610);color:#141407}.portal-welcome p{margin:0 0 8px;font:9px var(--mono);letter-spacing:1px}.portal-welcome strong{display:block;font:27px/.96 var(--display);letter-spacing:-.8px}.portal-welcome span{display:block;margin-top:14px;font-size:10px;font-weight:800}.cta{position:relative;overflow:hidden;background:#e5c237}.cta-photo{position:absolute;inset:0 0 0 47%;background:linear-gradient(90deg,#e5c237 0%,#e5c23700 28%),url('assets/recital.jpg') center/cover;filter:contrast(1.08) saturate(.84);opacity:.86}.cta-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:120px;position:relative;align-items:end}.cta-grid>div:first-child{padding:114px 0}.whatsapp{gap:12px}.whatsapp img{width:25px;height:25px;object-fit:contain}.cta-note{display:flex;flex-direction:column;gap:20px;max-width:270px;margin-bottom:115px;padding:22px;background:#151605;color:#fff;box-shadow:9px 9px 0 #fff3b2}.cta-note b{font:22px/.95 var(--display);letter-spacing:-.5px}.cta-note span{font-size:11px;line-height:1.6;color:#dfdfd5}@media(max-width:820px){.cta-grid{grid-template-columns:1fr;gap:0}.cta-grid>div:first-child{padding:80px 0}.cta-photo{inset:auto 0 0;height:52%;background:linear-gradient(0deg,#e5c237 0%,#e5c23700 65%),url('assets/recital.jpg') center/cover;opacity:.33}.cta-note{margin:-12px 0 80px;max-width:250px}.method-shelf img:nth-child(even){transform:translateY(18px)}}