@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#16221e;background:#f4f3ec;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}::selection{background:#d6ab65;color:#17221d}:focus-visible{outline:2px solid #dcad63;outline-offset:4px}.shell{width:min(100% - 64px,1400px);margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;padding:12px;background:#fff;z-index:100}.eyebrow{font:.7rem Manrope,sans-serif;letter-spacing:.2em;font-weight:800;text-transform:uppercase}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;color:#f5f2e8;border-bottom:1px solid #ffffff29}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:800 .87rem Manrope,sans-serif;letter-spacing:.02em;line-height:1.15}.brand small{display:block;font-size:.55rem;letter-spacing:.2em;color:#d5c4a5;margin-top:5px}.brand-symbol{display:grid;place-items:center;font:italic 2.4rem "Instrument Serif",serif;width:48px;height:48px;border:1px solid #d0a767;color:#e6bd79}.brand-symbol span{color:#eeebdd}.nav-links{display:flex;gap:35px}.nav-links a{text-decoration:none;font-size:.8rem;font-weight:700;transition:color .25s}.nav-links a:hover{color:#e4b570}.menu-toggle{display:none;background:none;border:0;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Instrument Serif",serif;font-weight:400}h1 em,h2 em,h3 em{font-weight:400}.button{min-height:56px;display:inline-flex;gap:34px;align-items:center;justify-content:space-between;padding:0 22px;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform .3s,background .3s}.button:hover{transform:translateY(-4px)}.button-gold{background:#deb977;color:#1b251f}.button-gold:hover{background:#f0cc8b}.text-link{font-weight:700;font-size:.83rem;text-decoration:none;border-bottom:1px solid #e5c185;padding-bottom:10px}.text-link span{margin-left:10px}.hero{background:#111d1b;color:#f2f0e8;position:relative;overflow:hidden;min-height:840px}.hero:before{content:"";position:absolute;width:900px;height:900px;right:-350px;top:-420px;border-radius:50%;background:radial-gradient(circle,#77664244,transparent 64%);pointer-events:none}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.23' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:790px;padding-top:110px;position:relative}.hero-text{position:relative;z-index:3}.hero-text .eyebrow{color:#e0b77e}.hero h1{font-size:clamp(5.8rem,8.5vw,10rem);letter-spacing:-.052em;line-height:.87;margin:34px 0 29px}.hero h1 span{display:block}.hero h1 .italic{font-style:italic;color:#dfb775;white-space:nowrap}.hero-text p{max-width:420px;font-size:1.12rem;line-height:1.6;color:#dce1d9}.hero-actions{display:flex;gap:30px;flex-wrap:wrap;align-items:center;margin-top:40px}.hero-instrument{height:660px;position:relative;margin-left:-100px}.stage{height:100%;position:relative;z-index:2}.stage canvas{touch-action:none}.stage-halo{position:absolute;top:50%;left:50%;width:78%;aspect-ratio:1;border:1px solid #e9bc7d32;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px #d8ae5c06,0 0 0 140px #d8ae5c05;pointer-events:none}.stage-caption{position:absolute;bottom:27px;right:25px;display:flex;gap:10px;align-items:center;color:#d4bc8d;font:.7rem Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}.stage-fallback{display:grid;place-items:center;height:100%;font:italic 6rem "Instrument Serif",serif;color:#e4b775}.hero-ring{position:absolute;width:4px;height:4px;background:#f4d494;border-radius:50%;box-shadow:0 0 27px 9px #dab16d9c;pointer-events:none}.ring-one{right:12%;top:21%}.ring-two{left:25%;bottom:25%}.hero-caption{position:absolute;top:23%;right:3%;font-size:.61rem;letter-spacing:.22em;color:#adbdad;writing-mode:vertical-rl}.hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #ffffff2e;padding:22px 0 32px;color:#acb8ac;font-size:.64rem;font-weight:700;letter-spacing:.16em}.manifesto{padding:150px 0;background:#f1f0e8}.manifesto .eyebrow{color:#826a46;margin-bottom:38px}.manifesto-grid{display:grid;grid-template-columns:1.3fr .55fr;gap:10vw;align-items:end}.manifesto h2{font-size:clamp(4rem,7vw,8.6rem);line-height:.94;letter-spacing:-.045em;margin:0}.manifesto h2 em{color:#967441}.manifesto p{max-width:380px;font-size:1.1rem;line-height:1.72;color:#44514b}.lessons{background:#192623;color:#f2f0e8;padding:120px 0 140px}.section-heading{max-width:1050px}.section-heading .eyebrow{color:#bb995e}.section-heading h2{font-size:clamp(4rem,6.7vw,8rem);line-height:.98;letter-spacing:-.05em;margin:23px 0}.section-heading h2 em{color:#bc955a}.section-heading>p{font-size:1.1rem;line-height:1.65;max-width:580px;color:#c9d0ca;margin:0 0 70px}.lesson-rows{border-top:1px solid #ffffff43}.lesson-rows article{display:grid;grid-template-columns:100px 1fr 36px;align-items:start;border-bottom:1px solid #ffffff43;padding:32px 0;gap:20px}.lesson-rows .index{font-size:.68rem;color:#d2aa6c;font-weight:800;letter-spacing:.2em;margin-top:20px}.lesson-rows h3{font-size:clamp(2.8rem,4.4vw,5.3rem);line-height:1;margin:0}.lesson-rows p{max-width:530px;color:#b8c3ba;margin:11px 0 0}.lesson-rows svg{color:#d9b372;margin-top:18px}.portrait-band{height:540px;position:relative;background:#16211c;overflow:hidden;color:#fff}.portrait-band img{width:100%;height:100%;object-fit:cover;filter:grayscale(.42) contrast(1.07);opacity:.45}.portrait-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#17251fd6,transparent 80%)}.portrait-band .shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:95px 0 28px;pointer-events:none}.portrait-band p{font:clamp(4rem,7vw,8rem)/.96 "Instrument Serif",serif;letter-spacing:-.045em}.portrait-band p em{color:#dfb679}.portrait-band span{font-size:.62rem;letter-spacing:.16em;color:#d9d9c9}.instrument{padding:130px 0 140px;background:#d9d8c9}.instrument .section-heading>p{color:#40504a}.instrument-explore{display:grid;grid-template-columns:1.16fr .84fr;gap:70px;align-items:center}.instrument-scene{height:510px;background:#23332c;position:relative;overflow:hidden}.instrument-scene .stage-halo{box-shadow:none}.instrument-scene .image-tag{position:absolute;top:25px;left:28px;color:#e8d7b9;font-size:.58rem;letter-spacing:.16em;font-weight:800}.stage-small .stage-caption{bottom:20px}.part-list{border-top:1px solid #56635765}.part-list button{width:100%;border:0;background:none;border-bottom:1px solid #56635765;padding:22px 0;display:grid;grid-template-columns:45px 1fr 24px;text-align:left;gap:18px;cursor:pointer;color:#1e2d27}.part-list .part-num{font-size:.68rem;font-weight:800;color:#82623e;margin-top:13px}.part-content strong{display:block;font:2.2rem "Instrument Serif",serif}.part-detail{display:block;max-width:430px;font-size:.94rem;color:#4a584f;line-height:1.55;overflow:hidden}.part-list button>span:last-child{font-size:1.4rem;margin-top:7px;color:#6c5840}.source-link{display:inline-flex;align-items:center;gap:6px;font-size:.77rem;font-weight:700;text-decoration:none;border-bottom:1px solid;margin-top:20px;padding-bottom:5px}.learn{background:#f1f0e8;padding:130px 0}.learn .section-heading>p{color:#43504b}.learn-tabs{display:flex;gap:38px;border-bottom:1px solid #aeb7a9}.learn-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 18px;color:#65716a;cursor:pointer;font-weight:700}.learn-tabs button[aria-selected=true]{color:#25362d;border-color:#a87938}.hold-grid{min-height:370px;display:grid;grid-template-columns:100px 1fr .75fr;gap:5vw;padding-top:55px;align-items:start}.hold-number{font-size:.66rem;font-weight:800;color:#8c704e}.hold-number span{margin:0 8px}.hold-grid h3,.lab-copy h3{font-size:clamp(2.7rem,4vw,4.5rem);margin:0 0 20px;line-height:1}.hold-grid p{max-width:600px;color:#4b5750;line-height:1.7}.hold-photo{height:330px;background-image:linear-gradient(#19241b33,#19241b33),url(/trompetistas.webp);background-size:auto 100%;background-position:center;filter:grayscale(.4)}.source-bottom{font-size:.74rem;color:#5f6a63;margin-top:35px}.source-bottom a{text-underline-offset:3px}.notes-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:65px 0 30px}.lab-copy .eyebrow{color:#836646}.lab-copy h3{margin-top:23px}.lab-copy p{max-width:400px;color:#56625a}.valves{display:flex;gap:10px;margin:26px 0}.valves span{width:44px;height:55px;border:1px solid #a5aa9c;display:grid;place-items:center;font-weight:800;border-radius:20px 20px 7px 7px;transition:transform .3s,background .3s}.valves span.pressed{transform:translateY(9px);background:#d0a35f;color:#18251e;border-color:#d0a35f}.lab-copy strong{font:2.5rem "Instrument Serif",serif}.lab-copy strong small{font:700 .75rem DM Sans,sans-serif;color:#6e776d}.fingering{font-size:.82rem;margin-top:4px}.keyboard{position:relative;background:#1b2b26;color:#f4efdc;min-height:390px;padding:45px 35px 25px;overflow:hidden}.staff{height:150px;position:relative;margin:10px 5% 25px;background:repeating-linear-gradient(to bottom,transparent 0 20px,#a8b5a280 21px 22px,transparent 23px 31px);background-size:100% 125px;background-repeat:no-repeat}.staff-note{position:absolute;left:var(--x);top:calc(61px + var(--y));font-size:1.8rem;line-height:1;color:#d4b373;opacity:.36;transition:opacity .3s,transform .3s}.staff-note.on{opacity:1;transform:scale(1.3)}.keys{display:flex;gap:9px;position:relative;z-index:2}.keys button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:95px;background:#35463d;border:1px solid #76867b;color:#fff;cursor:pointer;transition:background .2s,transform .2s}.keys button:hover,.keys button.active{background:#dcb36f;color:#17251e;transform:translateY(-6px)}.keys button span{font:1.6rem "Instrument Serif",serif}.keys button small{font-size:.65rem}.sound-note{display:block;text-align:right;margin-top:20px;color:#c5cdbf;font-size:.65rem;letter-spacing:.08em}.fly-layer{position:absolute;inset:30% 0 auto;display:flex;justify-content:center;pointer-events:none;z-index:3;color:#e8c179}.fly-layer span{position:absolute;font-size:2rem}.composition{background:#c7bda6;padding:140px 0}.composition-grid{display:grid;grid-template-columns:1fr .6fr;gap:12vw}.composition h2{font-size:clamp(4rem,6.2vw,7rem);line-height:.95;letter-spacing:-.04em;margin:20px 0 0}.composition h2 em{color:#735638}.composition-grid>div:nth-child(2){display:flex;flex-direction:column;justify-content:space-between}.composition p{font-size:1.08rem;line-height:1.7}.composition-symbol{font:12rem/.7 "Instrument Serif",serif;opacity:.36;align-self:flex-end}.contact{background:#17251f;color:#f0ede4;padding:130px 0}.contact-grid{display:grid;grid-template-columns:1fr .6fr;gap:8vw;align-items:end}.contact h2{font-size:clamp(5rem,8vw,9rem);line-height:.85;letter-spacing:-.04em;margin:25px 0 0}.contact h2 em{color:#deb574}.contact p{max-width:410px;color:#c4cfc4}.pending-contact{font-size:.82rem;color:#dbb578;padding:16px 0;border-top:1px solid #a0ad9c66}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:27px 0}footer{background:#101b17;color:#a8b7a9;font-size:.7rem;letter-spacing:.08em}footer a{text-decoration:none}@media(max-width:1050px){.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:155px}.hero-text{max-width:790px}.hero h1{font-size:clamp(5.1rem,10vw,9rem)}.hero-instrument{margin:0;height:450px}.hero-bottom{margin-top:10px}.instrument-explore{gap:30px}.hold-grid{grid-template-columns:80px 1fr}.hold-photo{grid-column:2;height:220px;background-size:cover}}@media(max-width:700px){.shell{width:min(100% - 36px,1400px)}.nav{height:73px}.brand-symbol{width:40px;height:40px;font-size:2rem}.menu-toggle{display:block}.nav-links{position:absolute;top:73px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#192a23;padding:10px 18px 24px;border-bottom:1px solid #c8a572}.nav-links.open{display:flex}.nav-links a{padding:15px 12px;font-size:1rem}.hero-layout{padding-top:130px}.hero h1{font-size:clamp(4.4rem,16vw,6.2rem);margin:26px 0}.hero h1 .italic{white-space:normal}.hero-text p{font-size:1rem}.hero-actions{gap:22px;margin-top:26px}.hero-instrument{height:300px;margin:0 -18px}.stage-caption{right:24px;bottom:12px;font-size:.55rem}.hero-caption{display:none}.hero-bottom{font-size:.55rem}.manifesto,.lessons,.instrument,.learn,.composition,.contact{padding:85px 0}.manifesto-grid,.instrument-explore,.notes-lab,.composition-grid,.contact-grid{grid-template-columns:1fr}.manifesto-grid{gap:25px}.manifesto h2,.section-heading h2{font-size:clamp(3.8rem,12vw,5rem)}.section-heading>p{margin-bottom:42px;font-size:1rem}.lesson-rows article{grid-template-columns:32px 1fr 22px;padding:28px 0}.lesson-rows h3{font-size:3rem}.portrait-band{height:390px}.portrait-band .shell{padding-top:80px}.portrait-band p{font-size:4.4rem}.instrument-explore{gap:30px}.instrument-scene{height:320px}.part-content strong{font-size:1.9rem}.hold-grid{grid-template-columns:1fr;gap:18px}.hold-photo{grid-column:auto}.notes-lab{gap:30px}.keyboard{padding:25px 15px;min-height:320px}.keys{gap:4px}.keys button{min-height:86px}.composition-grid{gap:34px}.composition-symbol{display:none}.contact-grid{gap:40px}.contact h2{font-size:5rem}.footer-inner{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.scene-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-label{pointer-events:auto;position:absolute;z-index:4;border:1px solid #d7bf946b;background:#17281fc9;color:#ecddbd;padding:7px 10px;font-size:.65rem;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:background .2s,color .2s,transform .2s}.scene-label:hover,.scene-label.active{background:#e0b873;color:#1a291f;transform:translateY(-3px)}.scene-label span{font-size:.55rem;opacity:.75;margin-right:5px}.label-0{top:35%;right:5%}.label-1{top:21%;left:38%}.label-2{bottom:34%;left:5%}.label-3{bottom:17%;left:43%}@media(max-width:700px){.scene-label{font-size:.55rem;padding:5px 7px}.label-0{right:4%;top:31%}.label-1{top:21%;left:35%}.label-2{left:3%;bottom:32%}.label-3{left:40%;bottom:18%}}.stage>.trumpet-fallback{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;animation:fallback-sway 8s ease-in-out infinite;filter:drop-shadow(0 25px 28px #0006)}.stage>canvas{position:relative;z-index:2}.stage-caption{z-index:3}@keyframes fallback-sway{50%{transform:perspective(900px) rotateY(16deg) translateY(-8px)}}.portrait-band img{object-position:center 36%}.lessons{position:relative;isolation:isolate}.lessons:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/trompetistas.webp) center/cover no-repeat;opacity:.055;filter:grayscale(1);z-index:-1;pointer-events:none}.contact-number{font-size:.83rem;color:#e1b978!important;margin-top:18px}@media(prefers-reduced-motion:reduce){.stage>.trumpet-fallback{animation:none}}:root{--vermillion:#ee6b45;--brass:#e2b86e;--dark:#102420}.eyebrow,.hero-bottom,.hero-caption,.brand small,.source-bottom,.image-tag,.portrait-band span{font-family:IBM Plex Mono,monospace!important;letter-spacing:.12em}.hero{background:#11231f}.hero:before{background:radial-gradient(circle at 69% 45%,#da764021,transparent 38%),linear-gradient(155deg,#18372c,#0a1e1c 65%)}.hero:after{content:"01 / O SOM";position:absolute;right:-15px;bottom:95px;writing-mode:vertical-rl;font:700 12px IBM Plex Mono,monospace;letter-spacing:.28em;color:#dca76e99}.hero-layout{grid-template-columns:1.12fr 1fr}.hero h1{font-family:Barlow Condensed,sans-serif;font-weight:800;text-transform:uppercase;line-height:.79;letter-spacing:-.025em;font-size:clamp(6.5rem,10vw,12.8rem);margin:32px 0}.hero h1 .italic{font:italic 400 .78em/.96 "Instrument Serif",serif;text-transform:none;letter-spacing:-.05em;color:#edb66c}.hero-text .eyebrow{color:#f2af7f}.hero-text p{border-left:3px solid var(--vermillion);padding-left:18px;margin-top:35px}.hero-actions .button{background:var(--vermillion);color:#132820}.hero-actions .button:hover{background:#ff8e65}.hero-bottom{border-color:#ef6f4a66}.hero-ring{box-shadow:0 0 22px 7px #ef7654a3}.hero-instrument:after{content:"";position:absolute;top:13%;right:5%;bottom:13%;left:5%;border:1px solid #f0875526;transform:skew(-10deg);pointer-events:none}.site-header{border-color:#ef7c534e}.brand-symbol{color:var(--vermillion);border-color:var(--vermillion);font-family:Barlow Condensed,sans-serif;font-style:normal;font-weight:800}.brand{font-size:1rem}.nav-links a{font-family:IBM Plex Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.nav-links a:hover{color:var(--vermillion)}.manifesto{background:#e9ebdf;position:relative;overflow:hidden}.manifesto:before{content:"SOM";position:absolute;right:-.09em;top:-.1em;font:800 34vw/.8 Barlow Condensed,sans-serif;color:#13271a09;pointer-events:none}.manifesto h2,.section-heading h2,.composition h2,.contact h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:-.018em;line-height:.86}.manifesto h2 em,.section-heading h2 em,.composition h2 em,.contact h2 em{display:inline-block;font:italic 400 .82em/1 "Instrument Serif",serif;text-transform:none;letter-spacing:-.05em;color:var(--vermillion)}.manifesto .eyebrow:before,.section-heading .eyebrow:before{content:"●";margin-right:10px;color:var(--vermillion)}.manifesto-grid{position:relative}.manifesto h2{max-width:1000px}.manifesto p{border-top:3px solid var(--vermillion);padding-top:22px}.lessons{background:#112a25}.lessons .section-heading h2 em{color:#edb979}.lesson-rows article{position:relative;transition:padding .3s,background .3s}.lesson-rows article:hover{padding-left:22px;background:#f3c08710}.lesson-rows h3{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.01em;font-size:clamp(3.5rem,6vw,7rem)}.lesson-rows .index{color:var(--vermillion);font-family:IBM Plex Mono,monospace}.lesson-rows svg{color:var(--vermillion)}.portrait-band{height:610px}.portrait-band:after{background:linear-gradient(90deg,#0e211cef,transparent 84%)}.portrait-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 74px,#f3e2bc0a 75px 76px);pointer-events:none}.portrait-band p{font:800 clamp(5rem,8vw,10rem)/.77 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em}.portrait-band p em{font:italic .87em "Instrument Serif",serif;text-transform:none;color:var(--brass)}.portrait-band .shell{z-index:2}.instrument{background:#d9decf}.instrument-scene{border-left:8px solid var(--vermillion)}.instrument .section-heading h2 em{color:#a55c3d}.part-list button.active .part-content strong{color:#ab5439}.part-content strong{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;font-size:2.4rem;font-weight:700}.scene-label.active{background:var(--vermillion);color:#11271f}.image-tag{color:#f4c69e!important}.learn{background:#f5f1e5}.learn .section-heading h2 em{color:#a55c3d}.learn-tabs button[aria-selected=true]{border-color:var(--vermillion)}.hold-grid h3,.lab-copy h3{font:700 clamp(3.2rem,5vw,5.8rem)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase}.keyboard{background:#12312a;border-top:7px solid var(--vermillion)}.keys button:hover,.keys button.active{background:var(--vermillion);color:#11271f}.composition{background:#e0bb78}.composition h2 em{color:#8b5034}.composition-symbol{color:#ac552c}.contact{background:#143026;border-top:10px solid var(--vermillion)}.contact h2 em{color:#eab66c}.contact .button{background:var(--vermillion)}.contact-number{color:#efb778!important}@media(max-width:1050px){.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(6rem,14vw,11rem)}.hero-instrument{height:490px}}@media(max-width:700px){.hero h1{font-size:clamp(5rem,17vw,8.2rem)}.hero h1 .italic{font-size:.74em}.hero-instrument{height:310px}.hero:after{display:none}.manifesto h2,.section-heading h2{font-size:clamp(4.2rem,14vw,6.2rem)}.portrait-band{height:410px}.portrait-band p{font-size:clamp(4.9rem,13vw,7rem)}.lesson-rows h3{font-size:3.8rem}.contact h2{font-size:5.8rem}}.manifesto{padding:72px 0 78px}.manifesto .eyebrow{margin-bottom:22px}.manifesto-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,.6fr);gap:5vw;align-items:center}.manifesto h2{font-size:clamp(3.5rem,5.4vw,6rem);max-width:760px}.manifesto p{font-size:1rem;line-height:1.55;margin:0;padding-top:15px}@media(max-width:700px){.manifesto{padding:52px 0 58px}.manifesto .eyebrow{margin-bottom:16px}.manifesto-grid{grid-template-columns:1fr;gap:17px}.manifesto h2{font-size:clamp(3.5rem,12vw,4.8rem)}.manifesto p{border-top-width:2px;padding-top:15px}}.manifesto h2{white-space:nowrap;font-size:clamp(3.6rem,6vw,7rem)}@media(max-width:700px){.manifesto h2{font-size:clamp(3.1rem,11vw,4.8rem)}}:root{--navy:#102741;--navy-deep:#0b1d32;--gold:#d9a955;--coral:#c96d58;--cream:#f6f3eb;--vermillion:var(--coral);--brass:var(--gold);--dark:var(--navy-deep);background:var(--cream);color:var(--navy-deep)}.hero{min-height:0;background:var(--navy-deep)}.hero:before{background:radial-gradient(circle at 76% 48%,#deac5940,transparent 39%),linear-gradient(150deg,#193a60,#0b1d32 72%)}.hero-layout{min-height:590px;padding-top:95px}.hero h1{font-size:clamp(5.6rem,8.8vw,11rem)}.hero-text p{border-color:var(--gold)}.hero h1 .italic{color:#ebbc6e}.hero-actions .button{background:var(--gold);color:var(--navy-deep)}.hero-actions .button:hover{background:#f0cf88}.hero-bottom{padding:13px 0 18px;border-color:#dab47678}.brand-symbol{border-color:var(--gold);color:var(--gold)}.nav-links a:hover{color:var(--gold)}.hero-instrument{height:520px}.hero-instrument:after{border-color:#e3b76734}.hero-ring{box-shadow:0 0 22px 7px #edc16da3}.stage-halo{border-color:#e4bd6775;box-shadow:0 0 0 55px #e3b96b0e,0 0 0 100px #e3b96b0a}.stage.photo-stage{touch-action:pan-y;cursor:grab;overflow:visible}.stage.photo-stage:active{cursor:grabbing}.photo-trumpet{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 22px 20px #030f1caa);animation:brass-light 5.5s ease-in-out infinite;transition:transform .28s ease-out}.stage-small .photo-trumpet{padding:12px}.stage-caption{z-index:3;color:#e2c68b}@keyframes brass-light{50%{filter:brightness(1.17) drop-shadow(0 24px 28px #010f1baa)}}.manifesto{background:#e9eef1;padding:48px 0 52px}.manifesto h2 em{color:#be754e}.manifesto p{border-color:var(--gold)}.manifesto .eyebrow{margin-bottom:13px}.manifesto h2{font-size:clamp(3.3rem,5.3vw,5.7rem)}.lessons{background:var(--navy)}.lessons .section-heading h2 em{color:#eac07d}.lesson-rows article:hover{background:#dfb76816}.lesson-rows .index,.lesson-rows svg{color:var(--gold)}.portrait-band{height:420px;background:var(--navy-deep)}.portrait-band:after{background:linear-gradient(90deg,#0b1d32e8,transparent 88%)}.portrait-band .shell{padding-top:70px}.portrait-band p{font-size:clamp(4rem,7vw,8.5rem)}.instrument{background:#e8edf0}.instrument-scene{background:#122a46;border-color:var(--gold);height:390px}.instrument .section-heading h2 em,.learn .section-heading h2 em{color:#bb744d}.part-list button{color:var(--navy-deep)}.part-list button.active .part-content strong{color:#a56542}.scene-label{background:#102a47df;border-color:#e4bd765e}.scene-label.active{background:var(--gold);color:var(--navy-deep)}.learn{background:var(--cream)}.learn-tabs button[aria-selected=true]{border-color:var(--gold)}.keyboard{background:var(--navy);border-color:var(--gold)}.keys button:hover,.keys button.active{background:var(--gold);color:var(--navy-deep)}.composition{background:#dbb677}.composition h2 em{color:#9f503d}.contact{background:var(--navy-deep);border-color:var(--gold)}.contact h2 em{color:#efc783}.contact .button{background:var(--gold);color:var(--navy-deep)}footer{background:#091829}.lessons,.instrument,.learn,.composition,.contact{padding-top:78px;padding-bottom:85px}.section-heading h2{font-size:clamp(3.7rem,5.4vw,6.6rem);margin:15px 0}.section-heading>p{margin-bottom:38px}.lesson-rows article{padding:20px 0}.portrait-band .shell{padding-bottom:18px}.notes-lab{padding:30px 0 5px}.hold-grid{padding-top:28px;min-height:0}.hold-photo{height:235px}.composition h2{font-size:clamp(3.8rem,5.4vw,6rem)}.contact h2{font-size:clamp(4.5rem,6.5vw,7.5rem)}.composition-symbol{font-size:8rem}.visual-guide{padding:55px 0;background:#edf1f1;color:var(--navy-deep)}.guide-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:center}.visual-guide h2{font:700 clamp(2.9rem,4.3vw,5rem)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:12px 0}.visual-guide h2 em{font:italic .85em "Instrument Serif",serif;text-transform:none;color:#b36a49}.visual-guide p{max-width:420px;line-height:1.55;color:#4a5660}.visual-guide figure{margin:0}.visual-guide img{width:100%;max-height:300px;object-fit:contain;object-position:left;display:block}.visual-guide figcaption{font:600 .65rem IBM Plex Mono,monospace;margin-top:8px;color:#65727a}@media(max-width:1050px){.hero-layout{min-height:0}.hero-instrument{height:380px}.guide-grid{grid-template-columns:1fr}.visual-guide img{max-height:340px}}@media(max-width:700px){.hero-layout{padding-top:102px}.hero h1{font-size:clamp(5rem,16vw,7rem)}.hero-instrument{height:250px}.hero-bottom{margin-top:0}.manifesto{padding:39px 0 44px}.manifesto h2{font-size:clamp(3rem,10.7vw,4.4rem)}.lessons,.instrument,.learn,.composition,.contact{padding-top:58px;padding-bottom:62px}.section-heading h2{font-size:clamp(3.4rem,11vw,5rem)}.section-heading>p{margin-bottom:26px}.lesson-rows h3{font-size:3.3rem}.portrait-band{height:310px}.portrait-band .shell{padding-top:48px}.portrait-band p{font-size:clamp(4.2rem,11vw,6rem)}.instrument-scene{height:260px}.hold-photo{height:190px}.keyboard{min-height:280px}.visual-guide{padding:45px 0}.visual-guide img{max-height:230px}.contact h2{font-size:5rem}}@media(prefers-reduced-motion:reduce){.photo-trumpet{animation:none;transition:none}}.exploded{margin:26px 0 0;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:35px;border-top:1px solid #60738872;padding-top:25px}.exploded a{display:block;background:#f8f9f6}.exploded img{display:block;width:100%;height:230px;object-fit:contain}.exploded figcaption{font-size:.94rem;line-height:1.6;max-width:350px;color:#465d70}.exploded figcaption strong{display:block;font:700 2.2rem Barlow Condensed,sans-serif;text-transform:uppercase;color:#102741;margin-bottom:5px}@media(max-width:700px){.exploded{grid-template-columns:1fr;gap:12px;margin-top:18px;padding-top:18px}.exploded img{height:190px}.exploded figcaption{font-size:.86rem}}.bio{padding:78px 0;background:#dfe7ea;color:#102741}.bio-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:6vw;align-items:center}.bio-visual{position:relative}.bio-visual img{display:block;width:100%;height:580px;object-fit:cover}.bio-visual span{position:absolute;bottom:0;left:0;background:#d9a955;padding:12px 18px;font:700 .68rem IBM Plex Mono,monospace;letter-spacing:.1em}.bio-copy h2,.visual-atlas h2,.testimonials h2{font:700 clamp(3.3rem,5.4vw,6rem)/.93 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:16px 0 25px}.bio-copy h2 em,.visual-atlas h2 em,.testimonials h2 em{font:italic .85em "Instrument Serif",serif;text-transform:none;color:#af6946}.bio-copy p{max-width:650px;font-size:1rem;line-height:1.6;margin:0 0 13px;color:#304457}.visual-atlas{padding:76px 0 84px;background:#e8edf0;color:#102741}.visual-atlas figure{margin:0 0 38px}.visual-atlas figure:last-child{margin-bottom:0}.visual-atlas figure a{display:block;padding:clamp(10px,2vw,26px);background:#f8faf8;border:1px solid #c1ccd1}.visual-atlas img{display:block;width:100%;height:auto;max-height:none}.visual-atlas figcaption{border-top:1px solid #aab9c2;margin-top:12px;padding-top:11px;font-size:.96rem;line-height:1.45;color:#3b5062}.visual-atlas figcaption strong{color:#102741;margin-right:8px}.testimonials{background:#102741;color:#f8f4e9;padding:76px 0 85px}.testimonials .eyebrow{color:#dfb767}.testimonials h2 em{color:#edbf78}.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;border-top:1px solid #ffffff43}.testimonial-grid blockquote{margin:0;padding:25px 6px 23px 0;border-bottom:1px solid #ffffff43;display:flex;flex-direction:column;justify-content:space-between}.testimonial-grid blockquote p{font:italic clamp(1.16rem,1.6vw,1.52rem)/1.35 "Instrument Serif",serif;margin:0 0 24px}.testimonial-grid blockquote footer{font:700 .86rem IBM Plex Mono,monospace;color:#e7bd75;background:none;display:block}.testimonial-grid blockquote footer span{font:400 .72rem IBM Plex Mono,monospace;color:#adbccc}.lesson-rows h3{font-size:clamp(2.8rem,4.9vw,5.5rem)}@media(max-width:800px){.bio-grid,.testimonial-grid{grid-template-columns:1fr}.bio-visual img{height:380px}.visual-atlas,.bio{padding:55px 0}}@media(max-width:700px){.bio-visual img{height:330px}.bio-copy h2,.visual-atlas h2,.testimonials h2{font-size:clamp(3.4rem,12vw,5rem)}.visual-atlas figure{margin-bottom:27px}.visual-atlas figcaption{font-size:.85rem}.testimonials{padding:58px 0}.testimonial-grid blockquote p{font-size:1.27rem}.lesson-rows h3{font-size:clamp(2.6rem,8vw,3.4rem)}}.atlas-parts{display:grid;grid-template-columns:minmax(260px,.84fr) minmax(0,1.16fr);gap:clamp(32px,7vw,110px);padding:40px 0 62px;align-items:start}.atlas-parts-intro{padding-top:7px}.visual-atlas .atlas-parts h2{font-size:clamp(3.4rem,5.1vw,5.7rem);margin:15px 0 20px;max-width:440px}.atlas-parts-intro p{max-width:390px;font-size:1rem;line-height:1.58;color:#3b5062;margin:0}.parts-list{border-top:1px solid #aebdc6}.part-row{border-bottom:1px solid #aebdc6;padding:0 0 18px}.part-row h3{margin:0}.part-row button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border:0;background:transparent;color:#102741;text-align:left;cursor:pointer;padding:14px 0 0;font:700 clamp(2.3rem,3.5vw,4rem)/1 "Barlow Condensed",sans-serif;letter-spacing:.015em}.part-row button:hover,.part-row.is-open button{color:#aa603e}.part-icon{font:400 1.7rem DM Sans,sans-serif;line-height:1;flex:none}.part-row p{max-width:500px;margin:11px 42px 0 0;color:#3b5062;font-size:.97rem;line-height:1.55}@media(max-width:800px){.atlas-parts{grid-template-columns:1fr;gap:25px;padding:30px 0 48px}.visual-atlas .atlas-parts h2{font-size:clamp(3.1rem,10vw,5rem);max-width:none}.atlas-parts-intro p{max-width:570px}.part-row button{font-size:clamp(2.3rem,8vw,3.4rem)}}.contact{padding-top:42px;padding-bottom:46px}.contact h2{margin-top:10px;margin-bottom:12px}.contact .contact-grid{align-items:center}@media(max-width:700px){.contact{padding-top:34px;padding-bottom:39px}.contact h2{font-size:clamp(3.5rem,11vw,4.5rem)}}.contact .whatsapp-link{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;background:#25d366;color:#fff;border-radius:50%;box-shadow:0 10px 27px #0006;transition:transform .2s,box-shadow .2s}.contact .whatsapp-link:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0007}.contact .whatsapp-link svg{width:43px;height:43px}@media(max-width:700px){.contact .whatsapp-link{width:68px;height:68px}.contact .whatsapp-link svg{width:39px;height:39px}}#root>footer{background:#102741;color:#d5e0eb}.teacher-audio{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:20px}.teacher-audio button{background:#102741;border:1px solid #102741;color:#f8f1e4;padding:11px 16px;font:700 .85rem IBM Plex Mono,monospace;cursor:pointer;transition:background .2s,transform .2s}.teacher-audio button:hover:not(:disabled){background:#19446d;transform:translateY(-2px)}.teacher-audio button:disabled{opacity:.55;cursor:not-allowed}.teacher-audio>span{font-size:.8rem;color:#405770}.gold-wave{position:absolute;z-index:3;left:-5%;bottom:9%;width:110%;height:110px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 9px #f3ca7a88);animation:wave-breathe 5s ease-in-out infinite}.gold-wave path{fill:none;stroke-linecap:round;stroke-linejoin:round}.gold-wave .wave-back{stroke:#d9a955;stroke-width:3;opacity:.42}.gold-wave .wave-front{stroke:#f7d590;stroke-width:3;stroke-dasharray:130 22;animation:wave-flow 8s linear infinite}@keyframes wave-flow{to{stroke-dashoffset:-608}}@keyframes wave-breathe{50%{transform:translateY(-10px) scaleY(1.14)}}@media(max-width:700px){.gold-wave{height:65px;bottom:6%}}@media(prefers-reduced-motion:reduce){.gold-wave,.gold-wave .wave-front{animation:none}}.music-action{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border:0;background:transparent;text-decoration:none;color:#dfb46c;font:700 .78rem/1.3 Manrope,sans-serif;white-space:normal;text-align:center}.music-note{display:block;font:400 2.8rem/1 Georgia,serif;color:inherit;transition:transform .2s,color .2s}.music-action:hover .music-note{transform:rotate(-9deg) scale(1.13);color:#f4cd83}.music-action:focus-visible{outline:2px solid currentColor;outline-offset:5px}.hero-actions{align-items:flex-start;gap:28px}.lesson-rows .music-action{color:#102741;font-size:.72rem;max-width:150px}.lesson-rows .music-action:hover .music-note,.learn .music-action:hover .music-note{color:#a97530}.learn .source-link.music-action{color:#102741;margin-top:12px}.footer-inner .music-action{gap:2px}.footer-inner .music-note{font-size:1.8rem}@media(max-width:700px){.lesson-rows article{grid-template-columns:26px minmax(0,1fr) 96px;gap:12px}.lesson-rows .music-action{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.music-note{transition:none}.music-action:hover .music-note{transform:none}}.contact-placeholder{font-weight:700;font-size:1rem;color:#102741}
