:root{--bg:#0e1411;--ink:#e9e8df;--muted:#aeb4ac;--gold:#bca783;--line:#ffffff1b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 32px;border-bottom:1px solid var(--line)}.brand{font:20px Georgia;white-space:nowrap}.brand em{color:var(--gold)}.header-tools,nav{display:flex;align-items:center;gap:18px}nav{gap:16px;flex-wrap:wrap;font-size:10px}.language-label>span{display:none}select{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:6px;font-size:11px}.hero{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:25px;padding:0 32px}.hero-content{padding:24px 0}.eyebrow{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold)}h1{font:36px/1.1 Georgia;margin:12px 0;letter-spacing:-.02em}h2{font:21px/1.25 Georgia;margin:0 0 10px}h3{font:16px/1.3 Georgia;margin:0 0 6px}p{color:var(--muted);margin:8px 0}.hero p{max-width:330px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bca78366;padding:9px 13px;font-size:10px;min-height:38px}.filled{background:var(--gold);color:var(--bg)}.filled:hover{background:#ccba98;color:var(--bg)}.text-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:2px}.hero-photo{margin:0;height:340px;position:relative}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 15%),linear-gradient(0deg,var(--bg),transparent 12%);pointer-events:none}.section{border-top:1px solid var(--line);padding:24px 32px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-heading h2{margin:0}.artist-row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.artist-photo,.session-photo,.show-photo{margin:0}.artist-photo img{width:100%;height:270px;object-fit:cover;object-position:center 24%;display:block}.bio p{text-align:justify;text-justify:inter-word;hyphens:auto;font-size:13px;line-height:1.65;margin:0 0 9px}.bio p:last-child{margin-bottom:0}.experience{margin-top:12px;border-top:1px solid var(--line);padding-top:9px}.experience summary{cursor:pointer;font-size:11px;color:var(--muted)}.experience p{font-size:12px;margin:7px 0}.music-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}.session-photo img{display:block;width:100%;height:100%;max-height:332px;object-fit:cover;object-position:62% center}.release-list{display:flex;flex-direction:column;gap:10px;min-width:0}.release-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 10px;min-height:64px}.release-row .year{min-width:55px;font:19px Georgia;color:var(--gold);text-align:center}.release-row img{width:55px;height:55px;object-fit:cover;display:block}.release-meta{flex:1;min-width:0}.release-meta small{display:block;color:var(--gold);font-size:9px;margin-bottom:3px}.release-meta strong{display:block;font-size:13px;font-weight:normal;line-height:1.4}.release-arrow{color:var(--gold);font-size:16px}.spotify{display:block;border:0;border-radius:6px;width:100%;height:152px}.shows-grid{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:stretch}.show-photo img{display:block;width:100%;height:250px;object-fit:cover;object-position:center 22%}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offers p{font-size:12px;line-height:1.5;margin:5px 0}.repertoire{display:flex;flex-wrap:wrap;gap:5px 16px;margin:14px 0;color:var(--muted);font-size:11px}.lessons{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.lessons h3{font-size:15px}.lessons p{font-size:12px;margin:3px 0}.collaboration-copy{max-width:none;font-size:13px;margin:0 0 14px}.client-row{display:flex;gap:18px;align-items:baseline;border-top:1px solid var(--line);padding-top:12px}.client-row>.eyebrow{font-size:9px;flex-shrink:0}.brand-list{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11px;color:var(--muted)}.brand-list a{border-bottom:1px solid var(--line)}.institution-full{font-size:10px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.contact-copy h2{margin:0 0 6px}.contact-copy p{font-size:12px;margin:0}.phone{display:flex;flex-direction:column;gap:3px}.phone span{font-size:10px;color:var(--muted)}.phone a{font:22px Georgia;white-space:nowrap}.contact-row .button{font-size:10px}.socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.social{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:3px;min-height:36px}.social svg{width:17px;height:17px;flex-shrink:0}.social span{font-size:10px}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 32px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} @media(max-width:900px){header{flex-wrap:wrap;gap:12px}.header-tools{flex:1;justify-content:flex-end;min-width:0}.hero{grid-template-columns:1fr 260px}.hero-photo{height:300px}.artist-row{grid-template-columns:170px 1fr;gap:18px}.artist-photo img{height:275px}.shows-grid{grid-template-columns:1fr 140px;gap:18px}.offers{gap:12px}.offers h3{font-size:15px}.client-row{flex-direction:column;gap:8px}} @media(max-width:650px){header{padding:14px 18px}.brand{font-size:19px}.header-tools{flex-basis:100%;justify-content:space-between;gap:10px}nav{gap:11px;font-size:9px}select{padding:5px;font-size:10px}.hero{padding:0 18px;grid-template-columns:minmax(0,1fr) 39%;gap:10px}.hero-photo{height:250px}.hero-photo img{object-position:48% center}.hero h1{font-size:29px}.hero-content{padding:20px 0}.hero .eyebrow{font-size:8px;letter-spacing:.04em}.hero p{font-size:12px;line-height:1.55}.actions{gap:9px;margin-top:12px}.button{font-size:9px;padding:8px 10px}.hero .text-link{font-size:10px}.section{padding:20px 18px}h2{font-size:20px}.section-heading{gap:12px;margin-bottom:12px}.section-heading .text-link{font-size:10px}.artist-row{display:block}.artist-photo{float:left;width:36%;margin:0 15px 8px 0}.artist-photo img{height:190px;object-position:center 25%}.artist-row:after{content:"";display:block;clear:both}.bio p{font-size:12px;line-height:1.65}.experience{clear:both}.music-grid{grid-template-columns:30% minmax(0,1fr);gap:12px}.session-photo img{max-height:none;object-position:64% center}.release-meta strong{font-size:12px}.release-meta small{font-size:8px}.release-row{gap:8px;min-height:60px}.release-row .year{min-width:42px;font-size:16px}.release-row img{width:42px;height:42px}.shows-grid{grid-template-columns:minmax(0,1fr) 30%;gap:14px}.offers{grid-template-columns:1fr;gap:12px}.offers h3{font-size:15px;margin-bottom:3px}.offers p{font-size:11px;margin:0}.show-photo img{height:100%;max-height:400px;object-position:50% center}.repertoire{gap:4px 10px;font-size:10px;margin:12px 0}.lessons{flex-wrap:wrap;gap:7px;padding-top:10px;margin-top:10px}.lessons p{font-size:11px}.collaboration-copy{font-size:12px;line-height:1.7}.brand-list{font-size:10px;gap:5px 14px}.contact-row{flex-wrap:wrap;gap:14px}.contact-copy{flex:1;min-width:140px}.contact-copy p{max-width:230px}.phone a{font-size:20px}.contact-row .button{padding:7px 10px}.socials{gap:7px;margin-top:13px}.social{padding:7px 8px}.social svg{width:16px;height:16px}.social span{font-size:10px}footer{padding:12px 18px;font-size:9px}} @media(max-width:370px){.hero h1{font-size:26px}.hero-photo{height:245px}.hero{grid-template-columns:minmax(0,1fr) 35%}.artist-photo{width:34%;margin-right:12px}.artist-photo img{height:165px}.music-grid{grid-template-columns:1fr}.session-photo img{height:135px;object-position:60% 42%}.contact-copy{flex-basis:100%}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .video-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:340px;align-items:center;background:var(--bg)}.video-hero:before{content:"";position:absolute;inset:0 32px 0 auto;width:320px;background:url('assets/sonando-despierto-poster.webp') center/contain no-repeat;z-index:-3}.hero-video{position:absolute;inset:0 32px 0 auto;width:320px;height:100%;object-fit:contain;pointer-events:none;z-index:-2}.hero-video[hidden]{display:none}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 45%,transparent 75%);pointer-events:none}.video-hero .hero-content{max-width:60%}.video-toggle{position:absolute;bottom:12px;right:32px;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#0e1411dd;color:var(--ink);font:10px Arial,sans-serif;padding:7px 9px;cursor:pointer;min-height:34px}.video-toggle[hidden]{display:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .performances{display:block}.performance-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.performance-intro h2{margin:0}.performance-intro p{font-size:12px;max-width:440px;margin:0}.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:760px;margin:auto}.performance-card{margin:0;min-width:0}.performance-video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#080b09;border:1px solid var(--line);border-radius:3px}.performance-card figcaption{display:flex;justify-content:space-between;gap:7px;padding:6px 0 0;font-size:10px}.performance-card small{color:var(--muted);font-size:9px}.bio p{font-size:12px}.bio strong{color:var(--ink)} .contact-row{align-items:start;flex-wrap:wrap;gap:16px}.contact-details{display:flex;gap:24px;align-items:start;flex-wrap:wrap}.email-contact{display:flex;flex-direction:column;gap:6px}.email-contact span{font-size:10px;color:var(--muted)}.email-contact a{font-size:12px;overflow-wrap:anywhere}.quote-panel{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr);gap:24px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.quote-intro p{font-size:12px;max-width:240px}.quote-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px}.form-field{display:flex;flex-direction:column;gap:4px;min-width:0}.form-field>span{font-size:11px;color:var(--ink)}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;border:1px solid #ffffff30;border-radius:2px;color:var(--ink);background:#121c16;padding:9px 10px;font:12px/1.4 Arial,sans-serif;min-height:38px;color-scheme:dark}.form-field textarea{resize:vertical;min-height:78px}.form-wide{grid-column:1/-1}.form-footer{display:flex;gap:12px;align-items:center;justify-content:space-between}.form-footer .button{cursor:pointer;font-family:Arial,sans-serif;white-space:nowrap}.form-footer button:disabled{opacity:.5;cursor:default}.form-note{font-size:10px;line-height:1.5;margin:0;color:var(--muted);max-width:320px}.form-note a{text-decoration:underline;text-underline-offset:2px}.form-status{font-size:10px;color:var(--muted);margin:0} @media(max-width:900px){.video-hero{min-height:300px}.hero-video,.video-hero:before{width:260px}.quote-panel{grid-template-columns:.6fr 1.4fr;gap:18px}.performance-intro{flex-wrap:wrap}} @media(max-width:650px){.video-hero{min-height:260px}.hero-video,.video-hero:before{width:39%;right:18px}.hero-shade{background:linear-gradient(90deg,var(--bg) 48%,transparent 80%)}.video-hero .hero-content{max-width:60%}.video-toggle{right:18px;bottom:9px;font-size:9px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:380px;gap:14px}.performance-intro{gap:7px;align-items:start}.performance-intro p{max-width:none}.bio p{font-size:12px}.contact-details{gap:14px 22px}.quote-panel{grid-template-columns:1fr;gap:12px;padding-top:16px;margin-top:16px}.quote-intro p{max-width:none;margin:4px 0}.quote-form{gap:11px 12px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-footer{align-items:start;gap:10px}.form-footer .button{font-size:10px}} @media(max-width:400px){.quote-form{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:stretch}.form-footer .button{align-self:start}.contact-details{flex-direction:column;gap:12px}.hero-video,.video-hero:before{width:35%}} .hero-platforms{padding:0 32px 17px}.hero-platforms .socials{margin-top:0}.featured-release{min-height:90px}.featured-release img{width:80px;height:80px}.featured-release .release-meta strong{font:20px Georgia}.featured-release small{font-size:9px}.hero-platforms .social{padding:5px 9px;min-height:32px}.hero-platforms .social svg{width:15px;height:15px}@media(max-width:650px){.hero-platforms{padding:0 18px 15px}.hero-platforms .socials{gap:6px}.featured-release img{width:58px;height:58px}.featured-release .release-meta strong{font-size:16px}.performance-card figcaption{font-size:9px}.quote-intro h3{margin-bottom:6px}} .logo-intro{font-size:11px;margin:0}.logo-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 18px}.logo-item{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;min-height:76px;gap:4px;opacity:.88}.logo-item:hover{opacity:1}.logo-surface{width:135px;height:54px;max-width:100%;display:flex;align-items:center;justify-content:center}.logo-surface img{max-width:124px;max-height:42px;width:auto;height:auto;object-fit:contain;display:block}.logo-item.light .logo-surface{background:#eeeee7;border-radius:2px;width:104px;height:54px}.logo-item.light img{max-width:76px;max-height:38px}.logo-item.square .logo-surface{width:62px;height:62px}.logo-item.square img{max-width:50px;max-height:50px}.logo-item.hotel .logo-surface{width:124px;height:62px}.logo-item.hotel img{max-height:62px;max-width:124px}.logo-caption{font-size:9px;color:var(--muted);letter-spacing:.04em}.logo-item.travel{gap:0}.logo-item.travel .logo-surface{height:40px}.institution-logos{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.institution-logos>.eyebrow{font-size:9px;margin-bottom:7px}.institution-logos .logo-item{min-height:70px} @media(max-width:650px){.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px}.logo-item{min-height:62px}.logo-surface{width:104px;height:44px}.logo-surface img{max-width:96px;max-height:34px}.logo-item.light .logo-surface{width:88px;height:44px}.logo-item.light img{max-width:65px;max-height:31px}.logo-item.square .logo-surface{width:53px;height:53px}.logo-item.square img{max-width:42px;max-height:42px}.logo-item.hotel .logo-surface{width:100%;height:50px}.logo-item.hotel img{max-width:100%;max-height:50px}.logo-intro{font-size:10px;max-width:150px;text-align:right}.institution-logos .logo-item{min-height:60px}} :root{--bg:#080c0a;--ink:#efeee6;--muted:#acb2ac;--gold:#c5ae83;--line:#ffffff18} body{background:var(--bg)} #inicio{min-height:320px;justify-content:center;text-align:center;padding:30px 32px 42px;background:var(--bg)} #inicio .hero-video,#inicio:before{inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;object-position:50% 40%;filter:blur(8px) brightness(.52) saturate(.65);opacity:.85} #inicio:before{background-size:cover;background-position:50% 40%} #inicio .hero-shade{background:linear-gradient(0deg,var(--bg) 1%,#080c0a45 45%,#080c0a85),linear-gradient(90deg,#080c0ae8,#080c0a35 50%,#080c0ae8)} #inicio .hero-content{width:100%;max-width:680px;padding:4px 0;position:relative} #inicio h1{font:clamp(38px,4.8vw,54px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 12px;color:var(--ink);text-shadow:0 2px 22px #0008} #inicio h1 em{font-weight:normal;color:var(--gold)} #inicio .eyebrow{font-size:9px;letter-spacing:.15em;color:#d1c2a6;margin-top:17px} #inicio p{max-width:none;font-size:12px;color:#d0d2cb;margin:9px 0 0} #inicio .actions{justify-content:center;margin-top:18px;gap:16px} #inicio .video-toggle{right:24px;bottom:13px;font-size:9px;min-height:32px;background:#080c0ab8} .hero-ornament{display:flex;align-items:center;justify-content:center;gap:9px;height:8px} .hero-ornament:before,.hero-ornament:after{content:"";height:1px;width:44px;background:linear-gradient(90deg,transparent,#c5ae8370)} .hero-ornament:after{transform:rotate(180deg)} .hero-ornament span{width:4px;height:4px;transform:rotate(45deg);background:var(--gold);opacity:.8} .hero-platforms{padding-top:7px;padding-bottom:16px} .hero-platforms .socials{justify-content:center} .hero-platforms .social{border-color:transparent;padding:5px 8px} .hero-platforms .social:hover{border-color:var(--line)} .logo-wall{max-width:620px;margin:0 auto;gap:4px 12px} .logo-item{min-height:48px;gap:2px;opacity:.85} .logo-surface{width:96px;height:35px} .logo-surface img{max-width:86px;max-height:29px} .logo-item.light .logo-surface{width:68px;height:34px} .logo-item.light img{max-width:52px;max-height:27px} .logo-item.square .logo-surface{width:43px;height:43px} .logo-item.square img{max-width:35px;max-height:35px} .logo-item.hotel .logo-surface{width:48px;height:48px} .logo-item.hotel img{max-width:48px;max-height:48px} .logo-item.travel .logo-surface{height:29px} .logo-caption{font-size:8px;line-height:1.2;letter-spacing:.02em} #colaboraciones{padding-top:18px;padding-bottom:18px} #colaboraciones .section-heading{margin-bottom:9px} #colaboraciones h2{font-size:19px} .institution-strip{display:flex;align-items:center;gap:18px;padding-top:13px;padding-bottom:13px} .institution-strip h2{font:10px/1.5 Arial,sans-serif;color:var(--muted);width:150px;flex-shrink:0;margin:0} .institution-strip .logo-wall{grid-template-columns:repeat(5,minmax(0,1fr));flex:1;max-width:650px;width:100%;margin:0;gap:8px} .featured-release{border-bottom-color:#c5ae8345} .featured-release .release-meta strong{color:#e6d1a9} .form-field input,.form-field select,.form-field textarea{background:#0e1510} @media(max-width:650px){ #inicio{min-height:290px;padding:27px 18px 47px} #inicio h1{font-size:39px;margin-bottom:12px} #inicio .eyebrow{font-size:8px;letter-spacing:.09em;line-height:1.6} #inicio p{font-size:11px;line-height:1.6} #inicio .actions{gap:14px;margin-top:16px} #inicio .video-toggle{right:18px;bottom:9px;font-size:8px} .hero-platforms{padding-top:4px;padding-bottom:13px} .hero-platforms .socials{gap:2px 5px} .hero-platforms .social{padding:5px 7px} .hero-platforms .social svg{width:14px;height:14px} .hero-platforms .social span{font-size:9px} .logo-wall{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 8px;max-width:440px} .logo-item{min-height:44px} .logo-surface{width:100%;height:30px} .logo-surface img{max-width:100%;max-height:25px} .logo-item.light .logo-surface{width:47px;max-width:100%;height:28px} .logo-item.light img{max-width:38px;max-height:22px} .logo-item.square .logo-surface{width:35px;height:35px} .logo-item.square img{max-width:29px;max-height:29px} .logo-item.hotel .logo-surface,.logo-item.hotel img{width:40px;height:40px;max-width:40px;max-height:40px} .logo-item.travel .logo-surface{height:25px} .logo-caption{font-size:7px;letter-spacing:0} .institution-strip{display:block;padding-top:12px;padding-bottom:12px} .institution-strip h2{width:auto;font-size:9px;margin:0 0 8px} .institution-strip .logo-wall{max-width:440px;margin:0;gap:10px} #colaboraciones .section-heading{margin-bottom:8px;gap:12px} #colaboraciones h2{font-size:18px} #colaboraciones .logo-intro{font-size:9px;max-width:145px} } @media(max-width:370px){#inicio h1{font-size:35px}.logo-wall{gap:4px 7px}.institution-strip .logo-wall{gap:8px}.logo-item.hotel .logo-surface,.logo-item.hotel img{width:35px;height:35px;max-width:35px;max-height:35px}} /* Feather portrait edges into the page while preserving the image centre. */ .artist-photo img,.session-photo img,.show-photo img,.restored-photo img{ -webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent); -webkit-mask-composite:source-in; mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent); mask-composite:intersect; } .music-grid{grid-template-columns:minmax(0,.8fr) minmax(326px,1.2fr);gap:22px} .music-photos{display:grid;grid-template-rows:1fr 1.05fr;gap:10px;min-width:0} .music-photos figure{margin:0;min-height:0;position:relative} .music-photos img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover} .music-photos .session-photo img{object-position:62% center} .music-photos .restored-photo img{object-position:50% 32%} .release-list{min-width:0} .album-preview{margin:0;padding:0 0 8px;border-bottom:1px solid var(--line)} .album-preview-label{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:var(--muted);font-size:10px} .album-preview-label .year{font:17px Georgia,serif;color:var(--gold)} .apple-album{display:block;border:0;border-radius:10px;width:100%;height:450px;color-scheme:dark;background:#171c18} .album-preview-link{display:inline-block;font-size:10px;color:var(--gold);padding-top:7px} @media(max-width:650px){ .music-grid{grid-template-columns:1fr;gap:14px} .music-photos{grid-template-columns:1.1fr 1fr;grid-template-rows:170px;gap:10px} .music-photos .restored-photo img{object-position:50% 27%} .music-photos .session-photo img{object-position:62% center} .apple-album{height:450px} } /* Compact releases: load the player only when a visitor opens it. */ .minimal-releases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start} .minimal-release{padding:18px 20px;border:1px solid var(--line);background:#0c120e;border-radius:3px;min-width:0} .minimal-release small{color:var(--muted);font-size:10px} .minimal-release h3{font:20px/1.35 Georgia,serif;color:var(--ink);margin:9px 0 16px;min-height:54px;max-width:330px} .minimal-release:first-child h3{color:var(--gold)} .release-player summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:var(--gold);font-size:11px;min-height:36px;border-top:1px solid var(--line)} .release-player summary::-webkit-details-marker{display:none} .release-player[open] summary{margin-bottom:10px} .release-player[open] summary>span:last-child{transform:rotate(45deg)} .release-player .apple-album{height:450px} .all-music{display:inline-block;margin-top:14px;color:var(--muted);font-size:11px} .artist-row{align-items:start} .artist-photo img{height:210px} .bio{font-size:12px} .bio p{font-size:12px;line-height:1.8} .history-photo{margin:14px 0 0;max-width:320px} .history-photo img{display:block;width:100%;height:180px;object-fit:cover} .contact-photo{margin:0 0 12px;max-width:220px} .contact-photo img{display:block;width:100%;height:230px;object-fit:cover;object-position:center 28%} .contact-photo img,.history-photo img{-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-composite:intersect} @media(max-width:650px){ .minimal-releases{grid-template-columns:1fr;gap:10px} .minimal-release{padding:14px 16px} .minimal-release h3{font-size:19px;min-height:0;margin:8px 0 12px} .artist-photo img{height:170px} .quote-intro{display:flex;align-items:center;gap:16px} .contact-photo{flex:0 0 95px;margin:0} .contact-photo img{height:125px} .bio p{font-size:11px} } /* Compact event types */ .event-types{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:0;align-items:center}.event-types li{font-size:14px;color:#d9d7ce;line-height:1.6}.event-types li::before{content:"·";color:#b8a275;margin-right:10px}#shows .shows-grid{align-items:center}#shows .show-photo img{height:200px;object-fit:cover;object-position:center 35%}@media(max-width:600px){.event-types{gap:10px 18px}.event-types li{font-size:12px}} /* Keep the event overview short beside the live-video section. */ #shows{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;padding-top:14px;padding-bottom:14px} #shows .section-heading{margin:0} #shows .shows-grid{grid-template-columns:minmax(0,1fr) 76px;gap:16px} #shows .show-photo img{height:94px;object-position:center 30%} #shows .event-types{gap:7px 18px} @media(max-width:600px){#shows{grid-template-columns:1fr;gap:8px;padding-top:12px;padding-bottom:12px}#shows .shows-grid{grid-template-columns:minmax(0,1fr) 62px;gap:10px}#shows .show-photo img{height:76px}#shows .event-types{gap:5px 12px}} .performance-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px}.performance-events{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.performance-events .event-types{gap:6px 18px}.performance-events .show-photo{flex:0 0 48px}.performance-events .show-photo img{width:48px;height:58px;object-fit:cover;object-position:center 30%}@media(max-width:600px){.performance-intro{align-items:baseline;flex-wrap:wrap;gap:8px}.performance-events .event-types{gap:5px 12px}} /* Photographic portfolio, inspired by the supplied art direction. */ :root{--bg:#070d0b;--gold:#dfb77e;--ink:#f5f1e8;--muted:#c4c8c2;--line:#d8bd8d25} header,main,footer{max-width:1080px}header{padding:18px 40px}.brand{font-size:26px}.section{padding:30px 40px}h2,#colaboraciones h2{font-size:30px;letter-spacing:-.025em}.section-heading h2::after,.bio h2::after{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-left:18px} #inicio{display:flex;min-height:490px;padding:40px;justify-content:flex-start;text-align:left;isolation:isolate;background:#10251b;overflow:hidden} #inicio::before{display:none}#inicio .cover-portrait{position:absolute;inset:0 0 0 auto;height:100%;width:64%;object-fit:cover;object-position:center 27%;z-index:-2} #inicio .hero-shade{z-index:-1;background:linear-gradient(90deg,#070d0b 1%,#070d0bf5 25%,#070d0b75 47%,transparent 70%),linear-gradient(0deg,#070d0b,transparent 23%)} #inicio .hero-content{max-width:460px;width:48%;padding:0}#inicio .eyebrow{font-size:9px;letter-spacing:.16em;margin:0 0 16px}#inicio h1{font:clamp(52px,6.8vw,84px)/.96 Georgia,serif;letter-spacing:-.045em;margin:0 0 22px}#inicio h1 em{display:block;color:var(--gold)}#inicio p{max-width:280px;font-size:13px;line-height:1.7}#inicio .actions{justify-content:flex-start;gap:12px;margin-top:25px}.button{padding:11px 18px;border-radius:3px}.filled{background:linear-gradient(120deg,#e7c695,#d4a96e)}#inicio .actions .text-link{border:1px solid #dac6a65c;border-radius:3px;padding:10px 14px}.hero-platforms{padding:0 40px 20px;margin-top:-12px;position:relative}.hero-platforms .socials{justify-content:flex-start;gap:14px}.hero-platforms .social{display:flex;flex-direction:column;gap:5px;padding:6px}.hero-platforms .social span{font-size:8px}.hero-platforms .social svg{width:18px;height:18px} #artista{position:relative;overflow:hidden;padding-top:0;padding-bottom:0}.artist-row{grid-template-columns:1fr 1fr;gap:30px;align-items:center}.artist-photo{grid-column:2;grid-row:1;align-self:stretch}.artist-photo img{height:360px;width:100%;object-fit:cover;object-position:center 32%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 95%,transparent)}.bio{grid-column:1;grid-row:1;padding:25px 0}.bio h2{margin-bottom:22px}.bio p{font-size:12px;line-height:1.8}.experience{border:0;padding-top:8px}.experience summary{display:inline-block;border:1px solid #dfb77e60;padding:10px 14px;color:var(--gold);font-size:11px}.experience[open]{padding-bottom:15px}.institution-strip{padding-top:14px;padding-bottom:14px} .minimal-releases{gap:20px}.minimal-release{position:relative;isolation:isolate;background:#0b110d;overflow:hidden;padding:160px 22px 15px;border-color:#dfb77e20;min-height:300px}.release-art{position:absolute;inset:0 0 auto;height:300px;z-index:-1;background:linear-gradient(0deg,#070d0b 2%,#070d0b35 75%),url('assets/sonando-despierto-poster.webp') center 45%/cover}.minimal-release:nth-child(2) .release-art{background-image:linear-gradient(0deg,#070d0b 2%,#070d0b25 75%),url('assets/neftaly-hero.webp');background-position:center 27%}.minimal-release h3{font-size:25px;color:var(--ink);min-height:64px;margin:7px 0 10px;max-width:360px}.minimal-release:first-child h3{color:var(--ink)}.minimal-release small{color:#e8dfd0}.release-player summary{color:var(--gold);padding:5px 0}.all-music{color:var(--gold)} .performance-intro{margin-bottom:15px}.performance-events{margin-bottom:20px}.event-types{gap:10px!important}.event-types li{font-size:11px;padding:7px 12px;border:1px solid #dfb77e30;border-radius:3px}.event-types li::before{display:none}.performance-grid{max-width:none;gap:14px}.performance-card video{border-radius:4px;border:1px solid var(--line)} .lessons-feature{position:relative;min-height:250px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.lessons-feature>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.lessons-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070d0b 15%,#070d0bd9 43%,#070d0b10 80%),linear-gradient(0deg,#070d0b,transparent 25%)}.lesson-copy{width:52%;padding:18px 0}.lesson-copy p{max-width:360px;font-size:12px;margin:12px 0 20px}.logo-wall{max-width:850px;gap:14px 22px}#colaboraciones{padding-top:28px;padding-bottom:28px}#colaboraciones .section-heading{margin-bottom:20px}.logo-item{opacity:1}.logo-surface{width:110px;height:40px}.logo-surface img{max-width:104px;max-height:32px}.contact-photo{max-width:280px}.contact-photo img{height:300px}.form-field input,.form-field select,.form-field textarea{background:#0c130f;border-radius:3px}footer{padding:20px 40px} @media(max-width:650px){header{padding:15px 20px;gap:12px}.brand{font-size:22px}.header-tools{gap:10px}nav{gap:9px;font-size:9px}.section{padding:24px 20px}h2,#colaboraciones h2{font-size:25px}#inicio{min-height:425px;padding:30px 20px}#inicio .cover-portrait{width:88%;object-position:52% 20%}#inicio .hero-shade{background:linear-gradient(90deg,#070d0bf5,#070d0b95 42%,#070d0b10),linear-gradient(0deg,#070d0b,transparent 45%)}#inicio .hero-content{width:65%}#inicio h1{font-size:58px}#inicio .eyebrow{font-size:8px;line-height:1.6;max-width:190px}#inicio p{font-size:12px;max-width:190px}#inicio .actions{gap:9px;max-width:190px}.hero-platforms{padding:0 20px 16px;margin-top:-5px}.hero-platforms .socials{justify-content:space-between;gap:2px}.hero-platforms .social{padding:4px}.artist-row{grid-template-columns:1.1fr .9fr;gap:10px}.artist-photo img{height:340px;object-position:50% 32%}.bio{padding:22px 0}.bio h2{font-size:25px;margin-bottom:14px}.bio h2::after{display:none}.bio p{font-size:11px;line-height:1.65}.experience summary{font-size:10px;padding:8px}.institution-strip{padding-top:12px;padding-bottom:12px}.minimal-releases{grid-template-columns:1fr;gap:14px}.minimal-release{padding:145px 18px 14px}.minimal-release h3{font-size:25px;min-height:0}.performance-grid{max-width:none;gap:12px}.performance-intro{gap:8px}.performance-intro h2{font-size:25px}.performance-events{margin-bottom:16px}.event-types li{font-size:10px;padding:5px 8px}.lessons-feature{min-height:260px}.lessons-feature>img{width:90%;object-position:65% center}.lesson-copy{width:68%}.lesson-copy p{font-size:11px}.logo-wall{gap:10px}.contact-photo img{height:150px}.contact-photo{flex-basis:110px}footer{padding:20px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* Reference composition with whole portraits: never crop the source image. */ header{background:#070d0b}.brand{letter-spacing:-.04em} #inicio{min-height:570px;padding:42px 40px 108px;background:#070d0b} #inicio .cover-portrait{top:12px;bottom:0;right:0;width:54%;height:calc(100% - 12px);object-fit:contain;object-position:right bottom;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 97%,transparent)} #inicio .hero-shade{background:linear-gradient(90deg,#070d0b 10%,#070d0be0 32%,#070d0b18 56%,transparent 75%)} #inicio .hero-content{width:48%;max-width:460px}#inicio h1{font-size:clamp(62px,7.2vw,88px);line-height:.97}#inicio p{max-width:280px}#inicio .hero-platforms{position:absolute;left:40px;bottom:20px;margin:0;padding:0;width:43%}#inicio .hero-platforms .socials{justify-content:space-between;gap:7px}#inicio .hero-platforms .social{gap:7px;padding:4px 0} #artista{padding-top:14px;padding-bottom:22px}.artist-row{grid-template-columns:1fr 1fr;gap:32px;align-items:center}.artist-photo{align-self:center}.artist-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.bio{padding:22px 0}.bio h2::after{display:block;margin:12px 0 0;width:24px}.bio p{max-width:410px}.artist-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:3px;padding:16px 0;margin:8px 0 0}.artist-facts>div{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:0 12px;border-right:1px solid var(--line);gap:3px}.artist-facts>div:last-child{border:0}.fact-icon{font:26px/1 Georgia,serif;color:var(--gold)}.artist-facts strong{font-size:18px;font-weight:400}.artist-facts span[data-i18n]{font-size:9px;text-transform:uppercase;letter-spacing:.04em;max-width:130px} #musica .section-heading{align-items:center}.all-music{margin:0;font-size:10px;white-space:nowrap}.minimal-release{min-height:310px;padding-top:165px}.release-art{height:310px;background-color:#0b110d;background-size:auto 100%;background-repeat:no-repeat;background-position:right top}.minimal-release:nth-child(2) .release-art{background-size:auto 100%;background-position:right top}.minimal-release h3{font-size:25px;line-height:1.12;max-width:300px}.release-player summary{border:0;min-height:38px}.release-player summary>span:last-child{border:1px solid var(--gold);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:18px}.minimal-release:has(.release-player[open]){background:#0b110d} .performance-events .event-types li{border:0;padding:5px 12px 5px 0}.performance-grid{max-width:none}.performance-card video{object-fit:contain;background:#030605}.lessons-feature{min-height:300px;padding:26px 40px}.lessons-feature>img{position:absolute;right:12px;top:20px;bottom:20px;height:calc(100% - 40px);width:55%;object-fit:contain;object-position:right center}.lessons-feature:after{background:linear-gradient(90deg,#070d0b 12%,#070d0bf0 37%,#070d0b18 62%,transparent 85%)}.lesson-copy{width:50%;padding:24px;border:1px solid #dfb77e30;border-radius:3px;background:#070d0b70}.lesson-copy h2{font-size:28px}.lesson-copy p{max-width:330px} .contact-photo{max-width:none;margin:0}.contact-photo img{height:auto;max-height:390px;object-fit:contain;width:100%;mask-image:none;-webkit-mask-image:none;border:1px solid var(--line);border-radius:3px}.quote-intro .form-wide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quote-panel{grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr);gap:22px}.contact-row .phone a{font-size:14px}.footer-platforms .socials{gap:12px}.footer-platforms .social{padding:0;border:0;min-width:0}.footer-platforms .social span{display:none}.footer-platforms .social svg{width:15px;height:15px}footer>a:last-child{display:none}footer{gap:20px;flex-wrap:wrap}footer>span{font-size:9px} @media(max-width:650px){ #inicio{min-height:510px;padding:28px 20px 104px;align-items:center}#inicio .cover-portrait{top:10px;bottom:88px;width:60%;height:calc(100% - 98px);object-fit:contain;object-position:right center}#inicio .hero-content{width:53%;max-width:none}#inicio h1{font-size:55px}#inicio .hero-shade{background:linear-gradient(90deg,#070d0b 5%,#070d0bba 38%,transparent 65%)}#inicio .eyebrow{font-size:7px;letter-spacing:.08em}#inicio p{max-width:180px;font-size:11px}#inicio .actions{gap:8px}#inicio .actions a{font-size:9px;padding:9px 10px}#inicio .hero-platforms{left:20px;bottom:20px;width:calc(100% - 40px)}#inicio .hero-platforms .socials{gap:7px}.artist-row{grid-template-columns:1fr;gap:0}.bio{grid-column:1;grid-row:2;padding:18px 0}.artist-photo{grid-column:1;grid-row:1;max-width:290px;margin:auto}.artist-photo img{height:auto;max-height:320px;width:100%;object-fit:contain}.bio p{max-width:none}.artist-facts{padding:12px 0;margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}.artist-facts>div{padding:0 6px}.artist-facts span[data-i18n]{font-size:7px}.fact-icon{font-size:22px}#musica .section-heading{flex-wrap:wrap;gap:7px}#musica .section-heading h2{font-size:25px}.minimal-release{min-height:300px;padding-top:155px}.lessons-feature{padding:22px 20px;min-height:0;display:flex;flex-direction:column;gap:16px}.lessons-feature>img{position:relative;inset:auto;order:0;width:100%;height:auto;object-fit:contain;max-height:none}.lessons-feature:after{display:none}.lesson-copy{order:1;width:100%;padding:18px}.lesson-copy h2{font-size:25px}.quote-panel{grid-template-columns:1fr}.quote-intro{display:block}.contact-photo{max-width:240px;margin:auto}.contact-photo img{height:auto;max-height:300px;object-fit:contain}.contact-row{gap:16px}footer{padding:20px;justify-content:space-between}.footer-platforms{width:100%}.footer-platforms .socials{justify-content:center}.performance-events .event-types li{padding-right:6px} } @media(max-width:380px){#inicio h1{font-size:48px}#inicio .hero-content{width:55%}#inicio p{font-size:10px}} /* Landscape photographs retain their full frame; the copy overlays the image. */ .lessons-feature{display:grid;grid-template-columns:1fr;isolation:isolate;min-height:0;padding:0;gap:0;overflow:hidden} .lessons-feature>img{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;z-index:0;display:block;order:initial} .lessons-feature:after{display:block;grid-area:1/1;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#070d0be8 0%,#070d0ba6 32%,#070d0b20 57%,transparent 75%)} .lesson-copy{grid-area:1/1;align-self:center;justify-self:start;z-index:2;position:relative;width:43%;margin:30px 40px;padding:22px 0;background:transparent;border:0;order:initial} .lesson-copy p{color:#eee9df}.lesson-copy h2{text-shadow:0 2px 12px #0006} .quote-disclosure{border-top:1px solid var(--line);margin-top:18px} .quote-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:16px 0;color:var(--gold);font:22px/1.4 Georgia,serif} .quote-disclosure>summary::-webkit-details-marker{display:none}.quote-indicator{font:24px Arial,sans-serif;transition:transform .15s}.quote-disclosure[open] .quote-indicator{transform:rotate(45deg)} .quote-disclosure .quote-panel{margin-top:0;padding-top:8px;border-top:0} .quote-disclosure:not([open])>.quote-panel{display:none} @media(max-width:650px){.lessons-feature{padding:0;display:grid;gap:0}.lessons-feature>img{width:100%;height:auto;position:relative;inset:auto;max-height:none}.lesson-copy{width:46%;margin:14px 18px;padding:0}.lesson-copy h2{font-size:22px;line-height:1.15;margin:0 0 8px}.lesson-copy p{font-size:10px;line-height:1.5;margin:8px 0 12px}.lesson-copy .button{min-height:32px;padding:7px 10px;font-size:9px}.quote-disclosure>summary{font-size:20px;padding:14px 0}} @media(max-width:370px){.lesson-copy{margin:12px;width:48%}.lesson-copy h2{font-size:19px}.lesson-copy p{font-size:9px}} /* Prominent, compact booking action in the reference's warm gold palette. */ #contacto .contact-copy h2::after{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-left:18px} .quote-disclosure{padding-top:20px} .quote-disclosure>summary.quote-cta{display:flex;width:max-content;max-width:100%;min-width:250px;min-height:54px;gap:28px;justify-content:space-between;padding:14px 22px;border:1px solid #f0d5a6;border-radius:4px;background:linear-gradient(120deg,#f0d2a0,#d7a76a);color:#15170f;font:600 15px/1.4 Arial,sans-serif;box-shadow:0 5px 24px #d4a96e20;transition:background .2s,box-shadow .2s} .quote-disclosure>summary.quote-cta:hover{background:linear-gradient(120deg,#f7deb4,#e5ba80);box-shadow:0 6px 28px #d4a96e35} .quote-disclosure>summary.quote-cta:focus-visible{outline:2px solid #f4e1bb;outline-offset:5px} .quote-disclosure[open]>summary.quote-cta{margin-bottom:20px} .quote-cta .quote-indicator{font-size:23px;font-weight:400;line-height:1} @media(max-width:650px){.quote-disclosure>summary.quote-cta{width:100%;min-width:0;min-height:52px;font-size:14px}.quote-disclosure{padding-top:16px}} /* Gentle photo edges, quieter release heading, compact teaching banner. */ #musica .section-heading h2{font-size:23px}.institution-strip h2{font:22px/1.25 Georgia,serif;color:var(--ink);width:235px;letter-spacing:-.02em} .cover-portrait,.artist-photo img,.contact-photo img,.lessons-feature>img{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 90%,transparent);mask-composite:intersect} #inicio .cover-portrait{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)} .artist-photo img{height:auto;max-height:340px;object-fit:contain}.contact-photo img{border:0} .lessons-feature{display:block;position:relative;min-height:230px;padding:22px 40px} .lessons-feature>img{position:absolute;inset:0 0 0 auto;width:48%;height:100%;object-fit:contain;object-position:center;z-index:0} .lessons-feature:after{background:linear-gradient(90deg,#070d0b 20%,#070d0b8a 50%,transparent 72%)} .lesson-copy{position:relative;width:51%;margin:0;padding:12px 0;z-index:2}.lesson-copy h2{font-size:26px}.lesson-copy p{margin:8px 0 14px} .promo-art{overflow:hidden;background:none!important}.promo-art video{width:100%;height:100%;object-fit:contain;object-position:right center;display:block}.promo-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070d0b 0%,#070d0b90 22%,transparent 65%);pointer-events:none}.promo-toggle{position:absolute;right:12px;top:12px;z-index:2;color:#f6ebd9;background:#070d0bc9;border:1px solid #dfb77e70;border-radius:3px;padding:7px 10px;font-size:10px;cursor:pointer} .quote-disclosure>.quote-cta{display:flex;align-items:center;justify-content:space-between;width:max-content;min-width:250px;min-height:54px;gap:28px;padding:14px 22px;border:1px solid #f0d5a6;border-radius:4px;background:linear-gradient(120deg,#f0d2a0,#d7a76a);color:#15170f;font:600 15px/1.4 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 24px #d4a96e20}.quote-disclosure>.quote-cta:hover{filter:brightness(1.08)} body.quote-is-open{overflow:hidden}#quote-dialog{position:fixed;inset:0;margin:auto;width:min(880px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:26px;background:#0b120e;color:var(--ink);border:1px solid #dfb77e60;border-radius:10px;box-shadow:0 20px 100px #000b;overflow:auto}#quote-dialog::backdrop{background:#020503cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-heading h2{font-size:27px;margin:0}.dialog-close{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:#172019;color:var(--ink);cursor:pointer}.dialog-close>span:last-child{font:24px/1 Arial}.dialog-close:hover{border-color:var(--gold)}#quote-dialog .quote-panel{margin:0;padding:0;border:0;display:grid}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px} @media(max-width:650px){#musica .section-heading h2{font-size:21px}.institution-strip h2{font-size:19px;width:auto;margin-bottom:13px}.lessons-feature{min-height:210px;padding:18px 20px}.lessons-feature>img{width:45%;height:100%;position:absolute;inset:0 0 0 auto}.lesson-copy{width:54%;padding:0;margin:0}.lesson-copy h2{font-size:23px}.lesson-copy p{font-size:10px;line-height:1.5}.quote-disclosure>.quote-cta{width:100%;min-width:0}#quote-dialog{padding:18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:23px}#quote-dialog .quote-panel{grid-template-columns:1fr}#quote-dialog .quote-intro{display:none}.dialog-close{padding:7px 10px}} /* Final hierarchy: one primary action, paired music cards, live video focus. */ #inicio{min-height:520px;padding-top:34px;padding-bottom:95px}#inicio .hero-content{width:47%}#inicio h1{font-size:clamp(58px,6.8vw,80px)}#inicio .cover-portrait{width:56%;top:0;height:100%;object-position:right center}#inicio .hero-shade{background:linear-gradient(90deg,#070d0b 5%,#070d0be6 30%,#070d0b18 55%,transparent 75%)}.hero-booking{gap:25px;font-size:12px;min-height:46px;padding:12px 20px;cursor:pointer;box-shadow:0 5px 24px #d4a96e16}#inicio .hero-platforms{bottom:18px}#inicio .eyebrow{font-size:8px;letter-spacing:.14em} #inicio .cover-portrait,.artist-photo img,.contact-photo img,.lessons-feature>img{-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 96%,transparent)} #artista{padding-top:10px;padding-bottom:14px}.artist-photo img{max-height:290px}.bio{padding:20px 0}.bio p{line-height:1.75}.institution-strip{padding-top:16px;padding-bottom:16px}.institution-strip h2{font-size:20px;width:220px}.institution-strip .logo-wall{gap:8px} .minimal-releases{gap:18px;align-items:start}.minimal-release{padding:164px 22px 14px;min-height:320px;border:1px solid #dfb77e24;background:#0b110d}.minimal-release h3{font-size:23px;line-height:1.25;min-height:58px;margin:9px 0 14px;max-width:360px}.minimal-release small{font-size:10px;letter-spacing:.03em}.release-art,.promo-art{height:320px}.minimal-release:nth-child(2) .release-art{background-image:linear-gradient(0deg,#070d0b 0%,#070d0b90 27%,transparent 70%),url('assets/neftaly-green-suit.webp');background-size:auto 100%;background-position:right center}.promo-toggle{font-size:9px;padding:6px 8px}.release-player summary{font-size:11px}.release-player[open] .apple-album{margin-top:8px} #presentaciones{padding-top:28px;padding-bottom:28px}.performance-intro h2{font-size:28px}.performance-grid{max-width:100%;gap:16px}.performance-card{margin:0;min-width:0}.performance-video{width:100%;aspect-ratio:9/16;height:auto;max-height:360px;object-fit:contain}.performance-events{margin-bottom:14px}.performance-events .event-types{gap:6px 18px!important}.performance-events .event-types li{font-size:11px;padding:0;border:0;color:#c6c8c1}.performance-intro .text-link{font-size:10px} .lessons-feature{min-height:200px;padding:18px 40px}.lesson-copy h2{font-size:24px}.lesson-copy p{font-size:11px;max-width:310px}.lesson-copy .button{min-height:34px;font-size:10px;padding:8px 13px}#colaboraciones{padding-top:22px;padding-bottom:22px}#colaboraciones h2{font-size:25px}#colaboraciones .logo-wall{max-width:790px;gap:8px 16px}.logo-item{min-height:42px}.logo-surface{height:34px;width:96px}.logo-surface img{max-width:90px;max-height:29px}#colaboraciones .section-heading{margin-bottom:13px} #contacto{padding-top:26px;padding-bottom:28px}.contact-row{align-items:center}.contact-copy p{font-size:11px}.contact-row .phone a{font-size:15px}.quote-disclosure{margin-top:18px;padding-top:18px}.contact-row .email-contact a{font-size:12px} @media(max-width:650px){#inicio{min-height:470px;padding:28px 20px 85px}#inicio h1{font-size:53px}#inicio .cover-portrait{width:58%;top:12px;height:calc(100% - 90px);object-position:right center}#inicio .hero-content{width:55%}.hero-booking{gap:12px;min-height:42px;font-size:11px;padding:10px 12px}#inicio .actions a,#inicio .actions button{font-size:10px}.institution-strip h2{font-size:19px;width:auto}.artist-photo img{max-height:260px}.minimal-release{padding:164px 18px 14px;min-height:320px}.minimal-release h3{font-size:23px;min-height:58px}.performance-grid{gap:12px}.performance-video{max-height:none}.performance-intro h2{font-size:25px}.performance-events .event-types{gap:6px 12px!important}.performance-events .event-types li{font-size:10px}.lessons-feature{padding:18px 20px;min-height:195px}.lesson-copy h2{font-size:22px}.lesson-copy p{font-size:10px}.lesson-copy .button{padding:7px 10px}#colaboraciones .logo-wall{gap:8px}.logo-surface{width:100%;height:30px}.logo-surface img{max-width:100%;max-height:25px}} /* Selected October photographs: intimate portrait, craft and teaching. */ #inicio .cover-portrait{width:57%;height:100%;top:0;object-fit:contain;object-position:right center;filter:none;opacity:1}#inicio .hero-shade{background:linear-gradient(90deg,#070d0b 8%,#070d0bed 30%,#070d0b40 49%,transparent 70%)} .artist-row{grid-template-columns:1fr 1.12fr;gap:22px}.artist-photo{max-width:none;width:100%}.artist-photo img{width:100%;height:auto;max-height:none;object-fit:contain}.bio h2{margin-bottom:17px}.bio p{font-size:12px}.bio .experience summary{border-color:#dfb77e40} .lessons-feature{min-height:280px;padding:24px 40px;background:#0a140e}.lessons-feature>img{inset:0 0 0 auto;width:67%;height:100%;object-fit:contain;object-position:right center}.lessons-feature:after{background:linear-gradient(90deg,#070d0bf5 10%,#070d0bc9 36%,#070d0b15 62%,transparent 80%)}.lesson-copy{width:42%;padding:10px 0}.lesson-copy p{max-width:280px}.lesson-copy h2{font-size:25px} @media(max-width:650px){#inicio .cover-portrait{width:60%;height:calc(100% - 80px);top:0;object-position:right center}.artist-row{grid-template-columns:1fr;gap:0}.artist-photo{grid-column:1;grid-row:1;max-width:none;width:100%}.artist-photo img{width:100%;height:auto;max-height:none}.bio{grid-column:1;grid-row:2;padding:14px 0}.bio p{font-size:11px}.lessons-feature{min-height:220px;padding:18px 20px}.lessons-feature>img{width:76%;height:100%;object-fit:contain;object-position:right center}.lesson-copy{width:47%;padding:0}.lesson-copy h2{font-size:22px}.lesson-copy p{font-size:10px;line-height:1.5}.lessons-feature:after{background:linear-gradient(90deg,#070d0bf5 5%,#070d0bca 38%,#070d0b15 66%,transparent)}} /* Supplied Vol. 2 artwork stays complete and legible beside the promo video. */ .minimal-release{padding:16px 18px 14px;min-height:0} .minimal-release .release-art{position:relative;inset:auto;height:250px;width:100%;margin:0 0 16px;z-index:0;background:none!important} .vol2-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center} .promo-art video{object-position:center}.promo-art::after{background:linear-gradient(0deg,#0b110d,transparent 15%)} .minimal-release small,.minimal-release h3,.release-player{position:relative}.minimal-release h3{min-height:58px} /* Fade the opening portrait toward the copy while keeping the face clear. */ #inicio .cover-portrait{-webkit-mask-image:linear-gradient(to right,transparent 0%,#0002 9%,#0009 21%,#000 35%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent 0%,#0002 9%,#0009 21%,#000 35%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent)} #inicio .hero-shade{background:linear-gradient(90deg,#070d0b 8%,#070d0bf2 29%,#070d0b9e 42%,#070d0b28 55%,transparent 72%)} @media(max-width:650px){.minimal-release{padding:14px 16px}.minimal-release .release-art{height:270px}#inicio .hero-shade{background:linear-gradient(90deg,#070d0bf5 5%,#070d0bd4 30%,#070d0b66 47%,transparent 68%)}} /* Layout based on the supplied full-page reference, using the artist's real media. */ :root{--bg:#050c09;--gold:#e2b875;--ink:#f3f0e8;--muted:#c5c9c3;--line:#d4b77d22}body{background:var(--bg)}header,main,footer{max-width:1140px}header{padding:18px 40px;background:#050c09}.brand{font-size:27px;line-height:1}.brand small{display:block;font:6px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#aeb6ae;margin-top:8px}.header-tools{gap:24px}nav{gap:20px;font-size:10px}nav a{padding:8px 0}select{border-color:#dfb77e70;border-radius:3px}.section{padding:30px 40px}h2,#colaboraciones h2{font-size:30px}h2{letter-spacing:-.035em}.section-heading h2:after,.performance-intro h2:after,.lesson-copy h2:after{content:"";display:inline-block;vertical-align:middle;width:30px;height:1px;background:var(--gold);margin-left:17px} #inicio{min-height:580px;padding:44px 40px 110px;background:#050c09}#inicio h1{font:clamp(66px,7.8vw,92px)/.94 Georgia,serif;margin:18px 0 24px}#inicio .hero-content{width:49%;max-width:480px}#inicio .cover-portrait{width:59%;height:100%;top:0;object-fit:contain;object-position:right center}#inicio .hero-shade{background:linear-gradient(90deg,#050c09 10%,#050c09f2 30%,#050c0960 48%,transparent 72%)}#inicio .eyebrow{font-size:9px;letter-spacing:.15em}#inicio p{font-size:14px;max-width:320px;line-height:1.65}#inicio .actions{gap:12px;max-width:none}.hero-booking,.hero-listen{font:600 11px/1.4 Arial,sans-serif;min-height:44px;padding:12px 17px;gap:16px}.hero-listen{color:var(--ink);border-color:#dfb77e80;background:#050c094d}#inicio .hero-platforms{width:43%;bottom:26px}#inicio .hero-platforms .socials{justify-content:flex-start;gap:26px}#inicio .social{min-width:0}#inicio .social span{font-size:8px} #artista{position:relative;isolation:isolate;padding:32px 40px 24px;overflow:hidden;min-height:440px}.artist-row{display:block;position:relative;min-height:310px}.artist-photo{position:absolute;right:-40px;top:-32px;width:65%;height:calc(100% + 134px);z-index:-2}.artist-photo img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:right center}.artist-row:after{content:"";position:absolute;inset:-32px -40px -100px;z-index:-1;background:linear-gradient(90deg,#050c09 15%,#050c09e6 35%,#050c0910 65%,transparent 90%);pointer-events:none}.bio{position:relative;padding:0;width:47%;z-index:1}.section-kicker{text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:var(--gold)}.bio h2{font-size:35px;margin:8px 0 18px}.bio h2:after{display:inline-block;margin:0 0 0 18px;vertical-align:middle}.bio p{font-size:12px;line-height:1.75}.experience summary{padding:10px 14px;color:var(--gold);font-size:11px}.experience[open]{background:#050c09dc;padding:12px;border-radius:4px}.bio-signature{display:flex;gap:0;width:51%;position:relative;z-index:1;margin-top:22px}.bio-signature>div{flex:1;min-width:0;padding:0 16px;border-right:1px solid var(--line)}.bio-signature>div:first-child{padding-left:0}.bio-signature>div:last-child{border:0}.bio-signature strong{display:block;font:19px/1.2 Arial,sans-serif;color:var(--ink);font-weight:400;margin-bottom:5px}.bio-signature span{font-size:9px;color:var(--muted)} .institution-strip{padding:17px 40px}.institution-strip h2{font-size:19px;width:220px}.institution-strip .logo-wall{max-width:none}.institution-strip .logo-item{min-height:40px} #musica .section-heading h2{font-size:27px}.all-music{font-size:10px}.minimal-releases{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.minimal-release{border:0;background:transparent;padding:0;min-width:0;position:relative}.minimal-release .release-art{height:auto;aspect-ratio:1;position:relative;margin-bottom:13px;border:1px solid #dfb77e4d;border-radius:4px;overflow:hidden;background:#0b150e!important}.release-art video,.vol2-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.promo-art::after{background:none}.minimal-release h3{font-size:20px;line-height:1.2;min-height:48px;margin:5px 0 9px;max-width:calc(100% - 36px)}.minimal-release small{font-size:9px;color:#b9c0b7}.release-player summary{min-height:32px;border:0;gap:8px}.release-player summary>span:last-child,.release-direct>span:last-child{height:30px;width:30px;flex:0 0 30px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:18px}.release-player summary>span:first-child{font-size:10px}.promo-toggle{font-size:8px;padding:5px 7px;top:9px;right:9px}.eternal-art img{width:100%;height:100%;object-fit:contain;display:block;opacity:.7}.eternal-wordmark{position:absolute;left:20px;top:28%;font:34px/1 Georgia,serif;text-shadow:0 2px 15px #000;color:#f2e5cd}.eternal-wordmark em{font-style:italic}.release-direct{display:flex;align-items:center;justify-content:space-between;font-size:10px;min-height:32px;color:var(--gold)}.release-player .apple-album{height:450px}.minimal-release:has(.release-player[open]){background:transparent} #presentaciones{padding:30px 40px}.performance-intro h2{font-size:30px}.performance-events{margin:18px 0}.performance-events .event-types{gap:8px 20px!important}.performance-events .event-types li{font-size:11px}.performance-events .event-types li:first-child{padding:6px 13px;background:var(--gold);color:#0a100b;border-radius:14px}.performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.performance-video{aspect-ratio:4/3;max-height:none;object-fit:contain;background:#000;border:1px solid #dfb77e25;border-radius:4px}.performance-card figcaption{font-size:9px;margin-top:7px}.performance-card figcaption small{font-size:8px} .lessons-feature{padding:30px 40px;min-height:300px}.lessons-feature>img{width:65%;height:100%;object-fit:contain;object-position:right center}.lessons-feature:after{background:linear-gradient(90deg,#050c09 8%,#050c09eb 34%,#050c0925 61%,transparent 85%)}.lesson-copy{width:44%;padding:0}.lesson-copy h2{font-size:30px}.lesson-copy p{font-size:12px;line-height:1.65;max-width:340px}.lesson-points{list-style:none;padding:0;margin:15px 0 20px;font-size:11px;color:var(--muted)}.lesson-points li{margin:7px 0}.lesson-points li:before{content:"✓";display:inline-grid;place-items:center;border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:13px;height:13px;margin-right:10px;font-size:9px}.lesson-copy .button{min-height:40px;padding:10px 17px} #colaboraciones{padding:28px 40px}.logo-wall{max-width:960px;gap:14px 28px}.logo-surface{width:130px;height:44px}.logo-surface img{max-width:120px;max-height:37px}.logo-item{min-height:48px}#colaboraciones h2{font-size:30px} #contacto{position:relative;padding:28px 40px 30px}.contact-row{display:grid;grid-template-columns:1.2fr .65fr 1fr;gap:24px;align-items:center}.contact-copy h2{font-size:30px}.contact-copy p{font-size:11px}.contact-row .phone a{font-size:14px}.contact-row .email-contact a{font-size:11px;overflow-wrap:anywhere}.quote-disclosure{border:0;padding-top:10px;margin-top:0}.quote-disclosure>.quote-cta{min-width:240px;min-height:46px;font-size:12px;padding:12px 20px}.contact-row .phone>span,.email-contact>span{font-size:9px}.quote-disclosure .quote-cta{box-shadow:0 4px 30px #d4a96e18}footer{padding:24px 40px 30px;min-height:110px;align-items:center}footer .brand{font-size:27px} @media(max-width:800px){header{padding:16px 24px}.header-tools{gap:14px}nav{gap:12px;font-size:9px}.brand{font-size:24px}.section{padding-left:24px;padding-right:24px}#inicio{padding-left:24px;padding-right:24px}#inicio .hero-platforms{left:24px;width:46%}#inicio .hero-platforms .socials{gap:16px}.minimal-releases{gap:16px}.minimal-release h3{font-size:18px}.logo-surface{width:105px}.logo-surface img{max-width:100px}.contact-row{gap:15px}} @media(max-width:650px){header{padding:15px 18px;align-items:flex-start;gap:14px}.brand{font-size:23px}.brand small{font-size:5px;max-width:170px}.header-tools{flex-direction:column-reverse;align-items:flex-end;gap:8px}nav{gap:9px;justify-content:flex-end;font-size:8px;max-width:200px}nav a{padding:1px 0}.section{padding:23px 20px}#inicio{min-height:475px;padding:26px 20px 86px}#inicio h1{font-size:54px}#inicio .hero-content{width:56%}#inicio .cover-portrait{width:62%;height:calc(100% - 78px);top:0}#inicio .eyebrow{font-size:7px;letter-spacing:.08em}#inicio p{font-size:11px;max-width:190px}#inicio .actions{flex-direction:column;align-items:flex-start;gap:9px}#inicio .actions .hero-booking,#inicio .actions .hero-listen{font-size:10px;min-height:36px;padding:9px 12px;gap:10px}#inicio .hero-platforms{width:calc(100% - 40px);left:20px;bottom:20px}#inicio .hero-platforms .socials{justify-content:space-between;gap:6px}#inicio .social span{font-size:7px}#artista{padding:22px 20px;min-height:0}.artist-row{min-height:0;display:flex;flex-direction:column}.artist-photo{position:relative;inset:auto;width:100%;height:auto;z-index:0;order:0}.artist-photo img{width:100%;height:auto;max-height:none;object-fit:contain}.artist-row:after{display:none}.bio{width:100%;order:1;padding:16px 0 0}.bio h2{font-size:30px}.bio p{font-size:12px}.bio-signature{width:100%;margin-top:20px}.bio-signature strong{font-size:16px}.bio-signature span{font-size:8px}.institution-strip h2{font-size:18px;width:auto}.institution-strip{padding:16px 20px}.institution-strip .logo-wall{gap:6px}#musica .section-heading h2{font-size:24px}.minimal-releases{display:grid;grid-template-columns:1fr;gap:24px}.minimal-release{display:block}.minimal-release .release-art{width:100%;aspect-ratio:1;height:auto;margin-bottom:12px;max-width:340px;margin-left:auto;margin-right:auto}.minimal-release h3{min-height:0;font-size:22px;max-width:calc(100% - 40px)}.minimal-release small{font-size:10px}.release-player summary,.release-direct{min-height:36px}#presentaciones{padding:24px 20px}.performance-intro h2{font-size:25px}.performance-events .event-types{gap:8px 12px!important}.performance-events .event-types li{font-size:10px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.performance-video{aspect-ratio:3/4;object-fit:contain}.lessons-feature{padding:24px 20px;min-height:280px}.lessons-feature>img{width:72%;height:100%;object-fit:contain;object-position:right center}.lesson-copy{width:52%}.lesson-copy h2{font-size:24px}.lesson-copy h2:after{display:none}.lesson-copy p{font-size:10px}.lesson-points{font-size:9px;margin:12px 0 15px}.lesson-points li{margin:6px 0}.lesson-points li:before{width:11px;height:11px;margin-right:6px;font-size:8px}.lesson-copy .button{font-size:10px;min-height:35px;padding:8px 12px}#colaboraciones{padding:24px 20px}#colaboraciones h2{font-size:25px}.logo-wall{gap:8px}.logo-surface{width:100%;height:30px}.logo-surface img{max-width:100%;max-height:26px}.logo-item{min-height:40px}#contacto{padding:24px 20px}.contact-row{grid-template-columns:1fr;gap:15px}.contact-copy h2{font-size:28px}.quote-disclosure{margin-top:16px;padding-top:0}.quote-disclosure>.quote-cta{width:100%;min-width:0}footer{padding:22px 20px}.footer-platforms{width:100%}} /* Selected profile portrait and a quieter monochrome image in the biography details. */ #inicio .cover-portrait{width:61%;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent,#000 16%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 16%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent)} .career-portrait{margin:18px 0 0;max-width:320px}.career-portrait img{display:block;width:100%;height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect} @media(max-width:650px){#inicio .cover-portrait{width:62%;height:calc(100% - 78px);object-fit:contain;object-position:right center}.career-portrait{max-width:300px;margin:16px auto 0}} /* Two biography portraits crossfade without changing the section height. */ #inicio .cover-portrait{width:65%;object-fit:contain;object-position:right center} .bio-slideshow{isolation:isolate}.artist-photo.bio-slideshow .bio-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:right center;opacity:0;transition:opacity 1.3s ease;pointer-events:none}.artist-photo.bio-slideshow .bio-slide.is-active{opacity:1} .bio-slide-toggle{position:absolute;bottom:12px;right:20px;z-index:3;border:1px solid #dfb77e55;border-radius:3px;background:#050c09c9;color:#e5d4b6;font:9px Arial,sans-serif;padding:7px 10px;cursor:pointer} @media(max-width:650px){#inicio .cover-portrait{width:65%;height:calc(100% - 78px)}.artist-photo.bio-slideshow{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;max-height:420px}.artist-photo.bio-slideshow .bio-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.bio-slide-toggle{bottom:8px;right:12px}} @media(prefers-reduced-motion:reduce){.artist-photo.bio-slideshow .bio-slide{transition:none}} /* Unified black canvas and feathered photographic transitions. */ :root{--bg:#000;--line:#d4b77d22}html,body,header,main,footer,#inicio,#artista,.section,.lessons-feature{background-color:#000}header{background:#000}.minimal-release,.minimal-release:has(.release-player[open]){background:transparent} #inicio .hero-shade{background:linear-gradient(90deg,#000 7%,#000f5 28%,#000b3 41%,#00040 55%,transparent 76%),linear-gradient(0deg,#000,transparent 15%)} #inicio .cover-portrait{mix-blend-mode:luminosity;-webkit-mask-image:linear-gradient(to right,transparent,#0002 12%,#000a 26%,#000 42%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#0002 12%,#000a 26%,#000 42%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent)} .artist-row:after{background:linear-gradient(90deg,#000 10%,#000f2 29%,#0008c 44%,#00020 61%,transparent 84%)} .artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(to right,transparent,#0002 12%,#000a 28%,#000 43%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#0002 12%,#000a 28%,#000 43%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent)} .experience[open]{background:#000d}.bio-slide-toggle{background:#000b} /* Borders follow the actual media, without a wide empty square around it. */ .minimal-release .release-art{width:fit-content;max-width:100%;height:290px;aspect-ratio:auto;margin:0 auto 13px;border:0;border-radius:0;background:transparent!important;overflow:visible} .release-art video,.vol2-art img,.eternal-art img{position:relative;inset:auto;display:block;width:auto;max-width:100%;height:290px;object-fit:contain;border:1px solid #dfb77e55;border-radius:4px;background:#000} .promo-art video{aspect-ratio:9/16}.vol2-art img{aspect-ratio:2/3}.eternal-art img{aspect-ratio:1054/1600}.promo-art::after{display:none}.promo-toggle{right:auto;left:50%;transform:translateX(-50%);top:9px;white-space:nowrap}.eternal-wordmark{left:14px;font-size:29px} .performance-events .event-types li,.performance-events .event-types li:first-child{padding:6px 13px;background:linear-gradient(120deg,#e7c891,#d6ab69);color:#11150d;border:1px solid #efd3a044;border-radius:14px;box-shadow:0 2px 10px #dfb77e15;font-size:11px} .lessons-feature:after{background:linear-gradient(90deg,#000 7%,#000f0 33%,#0008c 46%,#00024 64%,transparent 84%),linear-gradient(0deg,#000,transparent 15%,transparent 85%,#000)} .lessons-feature>img{-webkit-mask-image:linear-gradient(to right,transparent,#0004 16%,#000 38%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#0004 16%,#000 38%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.lesson-copy{background:transparent} @media(max-width:650px){#inicio .hero-shade{background:linear-gradient(90deg,#000f5 5%,#000db 30%,#00073 47%,transparent 72%)}.artist-row:after{display:none}.artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 79%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 79%,transparent)}.bio{margin-top:-16px}.performance-events .event-types li,.performance-events .event-types li:first-child{padding:6px 10px;font-size:10px}.minimal-release .release-art{width:fit-content;max-width:100%;height:300px;aspect-ratio:auto}.release-art video,.vol2-art img,.eternal-art img{height:300px;width:auto;max-width:100%}.lessons-feature:after{background:linear-gradient(90deg,#000f5 5%,#000eb 34%,#00073 51%,transparent 76%),linear-gradient(0deg,#000,transparent 20%,transparent 80%,#000)}} /* Updated three-photo biography, with a deeper fade around the first portrait. */ .artist-photo.bio-slideshow .bio-slide{object-fit:contain;object-position:right center} .artist-photo.bio-slideshow .bio-slide:first-child{-webkit-mask-image:linear-gradient(to right,transparent 0%,#0002 10%,#000a 23%,#000 37%,#000 90%,transparent),linear-gradient(to bottom,transparent 0%,#000 9%,#000 80%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#0002 10%,#000a 23%,#000 37%,#000 90%,transparent),linear-gradient(to bottom,transparent 0%,#000 9%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect} @media(max-width:650px){.artist-photo.bio-slideshow .bio-slide{object-position:center}.artist-photo.bio-slideshow .bio-slide:first-child{-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent)}} /* Release platform chooser and a dedicated lessons inquiry. */ .all-music{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8b37299;border-radius:5px;padding:10px 15px;background:linear-gradient(120deg,#1d2b1e,#101910);color:#edcf9a;font:600 10px/1.4 Arial,sans-serif;box-shadow:0 3px 16px #d4a96e0d;white-space:normal;text-align:center}.all-music:hover{background:#293821;color:#fff0cf} .listen-choice{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:var(--gold);font:11px/1.4 Arial,sans-serif;padding:4px 0;min-height:34px;cursor:pointer}.listen-choice>span:last-child{border:1px solid var(--gold);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:18px}.listen-choice:hover{color:#ffe5ad} .choice-dialog{position:fixed;inset:0;margin:auto;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;background:#0a100b;color:var(--ink);border:1px solid #dfb77e70;border-radius:10px;box-shadow:0 20px 100px #000c}.choice-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.choice-dialog .dialog-heading h2{font-size:25px;line-height:1.3;max-width:75%}.choice-dialog .dialog-heading{align-items:flex-start}.choice-dialog p{font-size:12px}.platform-choices{display:grid;gap:10px;margin-top:20px}.platform-choices>a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid #d9b78055;border-radius:5px;background:#111d13;font-size:14px;color:#f0e5cf}.platform-choices>a:hover{background:#213024;border-color:var(--gold)}.lesson-contact-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.lesson-contact-links a{font-size:11px;border:1px solid #d9b78055;padding:9px 12px;border-radius:4px;color:var(--gold);overflow-wrap:anywhere}.lesson-contact-links a:first-child{background:#15301e;border-color:#4f8660}.choice-dialog .form-footer{align-items:start} /* Further blend the portrait backdrops into the black page. */ #inicio .hero-shade{background:linear-gradient(90deg,#000 5%,#000f5 27%,#000b3 40%,#00040 55%,transparent 75%),linear-gradient(0deg,#000,transparent 16%)} .artist-row:after{background:linear-gradient(90deg,#000 8%,#000f5 28%,#00099 43%,#00026 62%,transparent 86%)} @media(max-width:650px){.choice-dialog{padding:18px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.choice-dialog .dialog-heading h2{font-size:22px}.all-music{font-size:10px;padding:9px 12px}.lesson-contact-links{display:grid}.choice-dialog .quote-form{grid-template-columns:1fr}.choice-dialog .form-wide{grid-column:1}.dialog-close{white-space:nowrap}.choice-dialog .dialog-heading h2{max-width:70%}.artist-row:after{display:none}} /* Unified black, artist endorsements, platform identity and a clean event display. */ .photo-filter-defs{position:absolute;pointer-events:none}#inicio,body,main{background-color:#000}#inicio .hero-content{background:transparent}#inicio .cover-portrait{filter:url(#portrait-black-point);mix-blend-mode:normal}#inicio .hero-shade{background:linear-gradient(90deg,#000 7%,#000fa 28%,#000b3 42%,#00033 57%,transparent 75%),linear-gradient(0deg,#000,transparent 18%)} .artist-endorsements{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:20px;padding-bottom:20px}.artist-endorsements h2{font:22px/1.35 Georgia,serif;margin:0;color:#e6d6b7}.endorsement-logos{display:flex;align-items:center;gap:35px}.endorsement-logos a{display:grid;place-items:center}.endorsement-logos img{width:120px;height:46px;object-fit:contain} .listen-label,.platform-identity{display:flex;align-items:center;gap:11px}.listen-choice .listen-label{font-size:12px;font-weight:600}.listen-label>svg{width:19px;height:19px;flex-shrink:0}.platform-identity svg{width:24px;height:24px;flex-shrink:0}#music-spotify .platform-identity svg{color:#54cd83}#music-youtube .platform-identity svg{color:#fa665f}#music-instagram .platform-identity svg{color:#e5a0cb} .event-showcase{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0}.event-showcase li{display:flex;align-items:center;gap:14px;min-height:76px;padding:17px 20px;border:1px solid #d7b17638;border-radius:5px;background:linear-gradient(120deg,#191b10,#080d09);color:#e9d3ad}.event-showcase li>svg{flex-shrink:0;color:var(--gold)}.event-showcase li>span{font:15px/1.4 Georgia,serif}.event-inquiry{background:transparent;color:var(--gold);border:0;border-bottom:1px solid var(--line);padding:4px 0;cursor:pointer} @media(max-width:650px){.artist-endorsements{flex-direction:column;align-items:flex-start;gap:14px}.artist-endorsements h2{font-size:20px}.endorsement-logos{gap:28px}.endorsement-logos img{width:110px;height:40px}.event-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.event-showcase li{gap:9px;min-height:76px;padding:13px 11px}.event-showcase li>span{font-size:13px}.event-showcase svg{width:21px;height:21px}.listen-label>svg{width:18px;height:18px}} /* Concise artist signature and the newly supplied collaboration brands. */ .artist-endorsements{justify-content:flex-start;gap:28px}.artist-endorsements h2{font-size:22px;white-space:nowrap}.endorsement-logos{gap:32px} #colaboraciones .oleg-logo .logo-surface{width:138px;height:42px;background:#fff;border-radius:2px;padding:5px}#colaboraciones .oleg-logo img{width:128px;max-width:128px;height:auto;max-height:34px} #colaboraciones .basn-logo .logo-surface{width:85px;height:56px}#colaboraciones .basn-logo img{height:52px;max-height:52px;width:auto;max-width:70px} .listen-choice{min-height:40px;align-items:center}.listen-choice .listen-label{font:600 12px/1.4 Arial,sans-serif;gap:9px}.listen-choice .listen-label>svg{width:20px;height:20px;display:block;color:var(--gold)} #inicio{background:#000}#inicio .cover-portrait{filter:url(#portrait-black-point)}.artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(to right,transparent,#0003 10%,#000b 24%,#000 39%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 84%,transparent);mask-image:linear-gradient(to right,transparent,#0003 10%,#000b 24%,#000 39%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect} @media(max-width:650px){.artist-endorsements{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.artist-endorsements h2{font-size:19px}.endorsement-logos{gap:20px}.endorsement-logos img{width:95px;height:38px}#colaboraciones .oleg-logo .logo-surface{width:100%;height:35px;padding:4px}#colaboraciones .oleg-logo img{width:100%;max-width:100%;max-height:27px}#colaboraciones .basn-logo .logo-surface{width:100%;height:48px}#colaboraciones .basn-logo img{height:44px;max-height:44px;width:auto;max-width:100%}.artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 80%,transparent)}} .vhorns-logo .logo-surface,.audio-modeling-logo .logo-surface{width:128px;height:46px}.vhorns-logo .logo-surface img,.audio-modeling-logo .logo-surface img{max-width:124px;max-height:40px;width:100%;height:auto;object-fit:contain} @media(max-width:650px){.vhorns-logo .logo-surface,.audio-modeling-logo .logo-surface{width:100%;height:34px}.vhorns-logo .logo-surface img,.audio-modeling-logo .logo-surface img{max-width:100%;max-height:30px}} .vhorns-logo .logo-surface{height:56px}.vhorns-logo .logo-surface img{width:52px;height:52px;max-width:52px;max-height:52px} @media(max-width:650px){.vhorns-logo .logo-surface{height:48px}.vhorns-logo .logo-surface img{width:44px;height:44px;max-width:44px;max-height:44px}} /* Consistent listening controls; outbound diagonal arrows removed. */ .listen-choice .listen-play{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.listen-play>svg{width:17px;height:17px;display:block;transform:translateX(-1px)}.listen-choice{gap:12px}.listen-choice .listen-label{display:flex;align-items:center;gap:9px}.hero-booking,.quote-disclosure>.quote-cta{justify-content:center}.platform-choices>a{justify-content:flex-start}.lesson-copy button{cursor:pointer} /* Readability and distinct contact paths. */ header>.brand{font-size:31px}header>.brand small{font-size:8px}header nav{font-size:12px;gap:18px}#artista .bio h2:after,#artista .bio h2:before{display:none}#artista .bio-signature>div{border:0}#artista .experience{border-top:0}.minimal-release h3{font-size:18px}#musica .section-heading h2{font-size:25px}.contact-row .phone a{font-size:22px}.contact-row .email-contact a{font-size:15px}.contact-row .phone>span,.email-contact>span{font-size:11px}.contact-copy p{font-size:13px}.quote-disclosure{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.quote-disclosure>.button{min-height:46px;padding:12px 20px;font-size:12px}.footer-platforms .social svg{width:24px;height:24px}.footer-platforms .social span{font-size:11px}.footer-platforms .social{min-width:42px;min-height:44px}.youtube-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.youtube-preview{display:block;width:100%;aspect-ratio:16/9;border:1px solid #e2b87544;background:#000;position:relative;padding:0;overflow:hidden;border-radius:5px;cursor:pointer}.youtube-preview img{display:block;width:100%;height:100%;object-fit:cover}.youtube-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:30px;background:#0003}.youtube-play{isolation:isolate}.youtube-play:after{content:"";position:absolute;width:62px;height:46px;border-radius:12px;background:#c00;z-index:-1}.youtube-copy h3{font:25px Georgia;margin:8px 0}.youtube-copy .button{margin-top:12px}.youtube-fallback{display:block;width:fit-content;margin-top:12px}.youtube-feature iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:5px}@media(max-width:800px){header{flex-wrap:wrap}.header-tools{flex:1;justify-content:flex-end}header nav{font-size:11px;gap:12px}}@media(max-width:650px){header>.brand{font-size:27px}header>.brand small{font-size:7px}header nav{font-size:10px;gap:10px;max-width:240px}.header-tools{flex-basis:100%;align-items:flex-start;flex-direction:row;justify-content:space-between}header nav a{padding:5px 0}.youtube-feature{grid-template-columns:1fr;gap:16px}.contact-row .phone a{font-size:23px}.contact-row .email-contact a{font-size:16px}.quote-disclosure>.button,.quote-disclosure>.quote-cta{width:100%;min-width:0}.minimal-release h3{font-size:20px}} /* Compact black portfolio and fully visible collaborations. */ header nav{font-size:13px}#inicio .hero-platforms .social svg{width:23px;height:23px}#inicio .hero-platforms .social{min-width:42px;min-height:44px}#inicio .hero-platforms .social span{font-size:9px}#inicio .actions{gap:10px}#inicio .hero-lessons{font-size:11px;min-height:40px;color:var(--gold);background:#0008}#artista{min-height:360px;padding-top:24px;padding-bottom:20px}.artist-row{min-height:255px}.bio h2{margin:6px 0 12px}.bio p{line-height:1.65}.bio-signature{margin-top:14px}.artist-photo.bio-slideshow{height:calc(100% + 90px)}.artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(90deg,transparent,#0007 24%,#000 45%,#000 78%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#0007 24%,#000 45%,#000 78%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.minimal-releases{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:760px;margin:auto}.minimal-release .release-art{height:230px;margin-bottom:9px}.release-art video,.vol2-art img,.eternal-art img{height:230px}.minimal-release h3{font-size:17px;min-height:42px;margin:5px 0}.listen-choice{min-height:36px}.listen-choice .listen-label{gap:7px}#presentaciones{padding-top:22px;padding-bottom:22px}.event-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.event-showcase li{min-height:55px;padding:12px 15px;gap:10px;background:linear-gradient(120deg,#17180f,#050705)}.event-showcase li>span{font-size:14px}.event-showcase li>svg{width:21px;height:21px}.lessons-feature{position:relative}.lessons-feature>img{-webkit-mask-image:linear-gradient(90deg,transparent,#0008 25%,#000 43%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#0008 25%,#000 43%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.tutorial-link{position:relative;z-index:2;display:block;width:fit-content;margin-top:12px;font-size:11px}#colaboraciones .logo-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 16px}#colaboraciones .logo-item{min-height:47px}#colaboraciones .logo-surface,#colaboraciones .oleg-logo .logo-surface,#colaboraciones .basn-logo .logo-surface{width:100%;height:40px;padding:4px}#colaboraciones .logo-surface img,#colaboraciones .basn-logo img,#colaboraciones .oleg-logo img{width:auto;height:auto;max-width:100%;max-height:31px}#colaboraciones{padding-top:24px;padding-bottom:24px}.inquiry-options{display:grid;gap:12px;margin-top:20px}.inquiry-options .button{font-size:14px;min-height:50px;cursor:pointer;color:var(--gold);background:#11190f}.quote-disclosure{display:block}@media(max-width:650px){header nav{font-size:11px}#inicio .hero-platforms .social svg{width:22px;height:22px}#inicio .hero-platforms .social span{font-size:8px}#artista{min-height:0}.artist-row{min-height:0}.artist-photo.bio-slideshow{height:auto;max-height:300px;aspect-ratio:4/5}.artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent)}.minimal-releases{grid-template-columns:1fr;gap:20px;max-width:none}.minimal-release{display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:14px;align-content:center}.minimal-release .release-art{grid-column:1;grid-row:1/5;width:105px;height:165px;margin:0;align-self:center}.release-art video,.vol2-art img,.eternal-art img{width:100%;height:165px}.minimal-release>small,.minimal-release>h3,.minimal-release>.listen-choice{grid-column:2}.minimal-release>small{align-self:end}.minimal-release h3{font-size:17px;min-height:0;max-width:none}.minimal-release .listen-choice{align-self:start}.promo-toggle{font-size:7px;padding:4px;white-space:normal;width:90px}.eternal-wordmark{font-size:20px;left:5px}.event-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.event-showcase li{min-height:54px;padding:10px;gap:7px}.event-showcase li>span{font-size:12px}#colaboraciones .logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}} /* Use the release row width instead of centered empty margins. */ .minimal-releases{max-width:none;width:100%;margin:0;gap:18px}.minimal-release{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 13px;align-content:center}.minimal-release .release-art{grid-column:1;grid-row:1/5;width:110px;height:190px;margin:0;align-self:center}.release-art video,.vol2-art img,.eternal-art img{height:190px;width:100%;object-fit:contain}.minimal-release>small,.minimal-release>h3,.minimal-release>.listen-choice{grid-column:2}.minimal-release>small{align-self:end}.minimal-release h3{font-size:17px;min-height:0;max-width:none;line-height:1.35;margin:7px 0 10px}.minimal-release .listen-choice{align-self:start}.promo-toggle{font-size:7px;width:96px;white-space:normal;padding:4px}.eternal-wordmark{font-size:21px;left:6px}.lessons-feature>img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#0002 23%,#0008 40%,#000 61%,#000 82%,transparent 100%),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#0002 23%,#0008 40%,#000 61%,#000 82%,transparent 100%),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.lessons-feature:after{background:linear-gradient(90deg,#000 12%,#000ee 32%,#00077 50%,transparent 72%),linear-gradient(0deg,#000,transparent 24%,transparent 76%,#000);pointer-events:none}@media(min-width:651px) and (max-width:950px){.minimal-release{grid-template-columns:85px minmax(0,1fr);column-gap:10px}.minimal-release .release-art{width:85px;height:165px}.release-art video,.vol2-art img,.eternal-art img{height:165px}.minimal-release h3{font-size:15px}.listen-choice .listen-play{width:26px;height:26px;flex-basis:26px}}@media(max-width:650px){.minimal-release{grid-template-columns:105px minmax(0,1fr);column-gap:14px}.minimal-release .release-art{width:105px;height:165px}.release-art video,.vol2-art img,.eternal-art img{height:165px}.lessons-feature:after{background:linear-gradient(90deg,#000 8%,#000ef 31%,#0008 50%,transparent 76%),linear-gradient(0deg,#000,transparent 24%,transparent 76%,#000)}} /* Mobile navigation, swipeable releases and subtle green photographic light. */ #artista{background:radial-gradient(ellipse at 78% 43%,#10231875,transparent 66%),#000}.lessons-feature{background:radial-gradient(ellipse at 78% 48%,#10291c88,transparent 65%),#000}.release-navigation{display:none}.whatsapp-floating{position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:11px 16px;border:1px solid #7faf8b70;border-radius:30px;background:#17462c;color:#f1fff5;box-shadow:0 5px 25px #0007;font:600 12px/1.4 Arial,sans-serif}.whatsapp-floating svg{width:24px;height:24px}.whatsapp-floating:hover{background:#205f3c;color:#fff}.whatsapp-floating:focus-visible{outline:2px solid #e2b875;outline-offset:4px}body.quote-is-open .whatsapp-floating{visibility:hidden}footer{padding-bottom:90px}.soft-reveal{animation:reveal-fallback .5s 1.2s both}.soft-reveal.is-revealed{animation:soft-entrance .55s ease both}@keyframes soft-entrance{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes reveal-fallback{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.soft-reveal,.soft-reveal.is-revealed{animation:none}html{scroll-behavior:auto}}@media(max-width:650px){header{position:relative;display:flex;flex-wrap:wrap;gap:15px;padding:18px 18px 11px}header>.brand{font-size:26px}header>.brand small{font-size:6px;letter-spacing:.12em}header .header-tools{display:block;flex:0 0 100%;width:100%;min-width:0}header .language-label{position:absolute;top:18px;right:18px}header .language-label select{font-size:10px;padding:6px;max-width:85px}header nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:5px;max-width:none;width:100%;font-size:10px;white-space:nowrap}header nav a{padding:8px 0;min-height:35px;display:flex;align-items:center}#musica .minimal-releases{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;gap:14px;padding:0 0 12px;width:100%;max-width:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8e7747 #111}.minimal-release{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:105px minmax(0,1fr);min-width:0;padding:12px;border:1px solid #c0a67930;border-radius:6px;background:linear-gradient(125deg,#0d1a12,#020403);align-content:center}.minimal-release .release-art{width:105px;height:165px}.release-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;color:var(--muted);font-size:10px}.release-navigation>div{display:flex;gap:8px}.release-navigation button{height:38px;width:38px;border:1px solid #e2b87566;background:#0c160f;color:var(--gold);border-radius:50%;font:25px/1 Georgia;cursor:pointer}.release-navigation button:disabled{opacity:.35;cursor:default}.whatsapp-floating{right:15px;bottom:max(15px,env(safe-area-inset-bottom));min-height:46px;padding:10px 13px;font-size:11px}.whatsapp-floating svg{height:23px;width:23px}}@media(max-width:360px){header{padding-left:14px;padding-right:14px}header nav{font-size:9px;gap:3px}.minimal-release{flex-basis:94%;grid-template-columns:90px minmax(0,1fr);column-gap:11px}.minimal-release .release-art{width:90px}.minimal-release h3{font-size:15px}} /* A single button style and seamless photographic contours. */ #inicio .actions .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:158px;min-height:44px;padding:11px 12px;border:1px solid #e2b875;border-radius:4px;background:#e2b875;color:#10150f;font:600 11px/1.4 Arial,sans-serif;box-shadow:0 3px 18px #b18b4b14}#inicio .actions .button:hover{background:#efd09d;border-color:#efd09d;color:#10150f}#inicio .actions .button:focus-visible{outline:2px solid #f5dfb8;outline-offset:4px}#inicio .actions .button>span[aria-hidden]{font-size:17px}#artista .artist-photo.bio-slideshow .bio-slide{border:0;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0002 12%,#0009 26%,#000 43%,#000 79%,#0009 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#0003 8%,#000a 19%,#000 31%,#000 76%,#000b 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0002 12%,#0009 26%,#000 43%,#000 79%,#0009 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#0003 8%,#000a 19%,#000 31%,#000 76%,#000b 87%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lessons-feature>img{border:0;border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 7%,#0001 18%,#0005 29%,#000b 43%,#000 57%,#000 81%,#000a 91%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 10%,#000b 22%,#000 35%,#000 75%,#000a 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 7%,#0001 18%,#0005 29%,#000b 43%,#000 57%,#000 81%,#000a 91%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 10%,#000b 22%,#000 35%,#000 75%,#000a 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#inicio .cover-portrait{border:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}@media(max-width:650px){#inicio .actions .button{width:166px;min-height:40px;padding:9px 11px;font-size:10px}#artista .artist-photo.bio-slideshow .bio-slide{-webkit-mask-image:linear-gradient(90deg,transparent,#0005 9%,#000c 19%,#000 32%,#000 73%,#000a 88%,transparent),linear-gradient(0deg,transparent,#0003 9%,#000a 19%,#000 32%,#000 77%,#0009 90%,transparent);mask-image:linear-gradient(90deg,transparent,#0005 9%,#000c 19%,#000 32%,#000 73%,#000a 88%,transparent),linear-gradient(0deg,transparent,#0003 9%,#000a 19%,#000 32%,#000 77%,#0009 90%,transparent)}} /* Feather the actual photograph bounds, not a letterboxed full-width image. */ #artista .artist-photo.bio-slideshow .bio-slide{position:absolute;inset:0;width:100%;height:100%;overflow:visible;-webkit-mask-image:none;mask-image:none;border:0;background:none}#artista .artist-photo.bio-slideshow .bio-slide:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 84% 47%,var(--portrait-tone) 0%,transparent 70%)}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(1){--portrait-tone:#1e1b17}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(2){--portrait-tone:#181914}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(3){--portrait-tone:#243426}#artista .artist-photo.bio-slideshow .bio-portrait{position:absolute;inset:0 0 0 auto;display:block;width:auto;height:100%;max-width:100%;max-height:none;object-fit:contain;object-position:center;opacity:1;border:0;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0003 8%,#000a 19%,#000 32%,#000 79%,#000a 91%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 11%,#000c 22%,#000 34%,#000 78%,#000b 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0003 8%,#000a 19%,#000 32%,#000 79%,#000a 91%,transparent 100%),linear-gradient(0deg,transparent 0%,#0004 11%,#000c 22%,#000 34%,#000 78%,#000b 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#artista .artist-row:after{background:linear-gradient(90deg,#000 0%,#000f5 22%,#0008 42%,transparent 68%)}.lessons-feature{background:radial-gradient(ellipse at 80% 48%,#25341d88,transparent 74%),#000}.lessons-feature>img{position:absolute;inset:0 0 0 auto;display:block;width:auto;height:100%;max-width:70%;max-height:none;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0002 9%,#0007 20%,#000c 32%,#000 45%,#000 83%,#0008 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#0006 13%,#000 29%,#000 78%,#000b 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0002 9%,#0007 20%,#000c 32%,#000 45%,#000 83%,#0008 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#0006 13%,#000 29%,#000 78%,#000b 91%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lessons-feature:after{display:block;content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#000 8%,#000e 31%,#0006 47%,transparent 69%);z-index:1}.lessons-feature .lesson-copy,.lessons-feature .tutorial-link{position:relative;z-index:2}@media(max-width:650px){#artista .artist-photo.bio-slideshow .bio-portrait{left:50%;right:auto;transform:translateX(-50%);width:auto;height:100%;max-width:100%}#artista .artist-photo.bio-slideshow .bio-slide:before{background:radial-gradient(ellipse at 50% 45%,var(--portrait-tone),transparent 73%)}#artista .artist-row:after{display:none}.lessons-feature>img{max-width:83%;height:100%;width:auto;right:0;left:auto}.lessons-feature:after{background:linear-gradient(90deg,#000 6%,#000ee 27%,#0008 46%,transparent 73%)}} @media(max-width:650px){.whatsapp-floating{width:46px;height:46px;min-height:46px;padding:10px;justify-content:center;background:#17412b;border-color:#7faf8b50;box-shadow:0 3px 16px #0005}.whatsapp-floating>span{display:none}.whatsapp-floating svg{width:24px;height:24px}} /* Preserve the arms and airborne saxophone; feather only outer background margins. */ #artista .artist-photo.bio-slideshow .bio-slide:nth-child(1) .bio-portrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0009 2%,#000 5%,#000 95%,#0009 98%,transparent 100%),linear-gradient(0deg,transparent 0%,#0007 4%,#000 10%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0009 2%,#000 5%,#000 95%,#0009 98%,transparent 100%),linear-gradient(0deg,transparent 0%,#0007 4%,#000 10%,#000 97%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(3) .bio-portrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0004 3%,#000b 7%,#000 11%,#000 91%,#000b 95%,#0004 98%,transparent 100%),linear-gradient(0deg,transparent 0%,#0005 4%,#000b 8%,#000 13%,#000 95%,#0008 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0004 3%,#000b 7%,#000 11%,#000 91%,#000b 95%,#0004 98%,transparent 100%),linear-gradient(0deg,transparent 0%,#0005 4%,#000b 8%,#000 13%,#000 95%,#0008 98%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(1):before{opacity:.5}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(3):before{opacity:.65} /* Fade through the shared backdrop so portraits never overlap. */ #artista .artist-photo.bio-slideshow .bio-slide{transition:opacity .9s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){#artista .artist-photo.bio-slideshow .bio-slide{transition:none}} /* Match photos two and three to the biography backdrop, without changing photo one. */ #artista .artist-photo.bio-slideshow .bio-slide:nth-child(2):before,#artista .artist-photo.bio-slideshow .bio-slide:nth-child(3):before{opacity:0;background:none}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(2) .bio-portrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0001 5%,#0005 12%,#000b 20%,#000 28%,#000 82%,#000c 88%,#0006 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#0002 6%,#0008 14%,#000e 24%,#000 30%,#000 85%,#000b 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0001 5%,#0005 12%,#000b 20%,#000 28%,#000 82%,#000c 88%,#0006 94%,transparent 100%),linear-gradient(0deg,transparent 0%,#0002 6%,#0008 14%,#000e 24%,#000 30%,#000 85%,#000b 92%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#artista .artist-photo.bio-slideshow .bio-slide:nth-child(3) .bio-portrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0001 3%,#0005 8%,#000b 14%,#000 21%,#000 86%,#000d 91%,#0007 96%,transparent 100%),linear-gradient(0deg,transparent 0%,#0002 4%,#0007 9%,#000d 16%,#000 23%,#000 92%,#000b 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#0001 3%,#0005 8%,#000b 14%,#000 21%,#000 86%,#000d 91%,#0007 96%,transparent 100%),linear-gradient(0deg,transparent 0%,#0002 4%,#0007 9%,#000d 16%,#000 23%,#000 92%,#000b 97%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect} /* Original photographs with a black edge overlay on their exact bounds. */ #artista{background:#000} #artista .artist-row::after{display:none} #artista .artist-photo.bio-slideshow .bio-slide.bio-original-blend{ overflow:visible;background:none;border:0;-webkit-mask:none;mask:none; } #artista .artist-photo.bio-slideshow .bio-slide.bio-original-blend::before{display:none} #artista .bio-original-blend .bio-picture{ position:absolute;inset:0 0 0 auto;height:100%;width:auto;max-width:100%; aspect-ratio:var(--portrait-ratio);isolation:isolate;overflow:visible; } #artista .bio-original-blend .bio-picture::before{display:none} #artista .artist-photo.bio-slideshow .bio-slide.bio-original-blend .bio-picture .bio-portrait{ position:relative;display:block;inset:auto;transform:none;width:100%;height:100%;max-width:none; object-fit:contain;border:0;box-shadow:none;opacity:1;-webkit-mask:none;mask:none; } #artista .bio-original-blend .bio-picture::after{ content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none; background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.98) 2%,rgba(0,0,0,.82) 7%,rgba(0,0,0,.45) 14%,rgba(0,0,0,.14) 21%,transparent 28%,transparent 81%,rgba(0,0,0,.16) 87%,rgba(0,0,0,.65) 94%,#000 100%), linear-gradient(0deg,#000 0%,rgba(0,0,0,.9) 4%,rgba(0,0,0,.42) 11%,transparent 21%,transparent 87%,rgba(0,0,0,.32) 94%,#000 100%); } #artista .bio-original-blend:first-child .bio-picture::after{ background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 3%,rgba(0,0,0,.3) 8%,transparent 15%,transparent 89%,rgba(0,0,0,.55) 96%,#000 100%), linear-gradient(0deg,#000 0%,rgba(0,0,0,.55) 5%,transparent 13%,transparent 88%,rgba(0,0,0,.3) 95%,#000 100%); } #artista .bio-original-blend:nth-child(3) .bio-picture::after{ background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 3%,rgba(0,0,0,.78) 8%,rgba(0,0,0,.4) 14%,rgba(0,0,0,.1) 20%,transparent 25%,transparent 84%,rgba(0,0,0,.25) 91%,rgba(0,0,0,.8) 97%,#000 100%), linear-gradient(0deg,#000 0%,rgba(0,0,0,.9) 4%,rgba(0,0,0,.42) 10%,transparent 19%,transparent 90%,rgba(0,0,0,.35) 97%,#000 100%); } @media(max-width:650px){ #artista .bio-original-blend .bio-picture{left:50%;right:auto;transform:translateX(-50%)} } /* Keep the top/right fade inside the visible biography area. */ @media(min-width:651px){ #artista .bio-original-blend:first-child .bio-picture, #artista .bio-original-blend:nth-child(3) .bio-picture{ top:16px;right:24px;height:calc(100% - 16px);max-width:calc(100% - 24px); } } #artista .bio-original-blend:first-child .bio-picture::after{ background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 3%,rgba(0,0,0,.3) 8%,transparent 15%,transparent 82%,rgba(0,0,0,.12) 86%,rgba(0,0,0,.42) 91%,rgba(0,0,0,.84) 97%,#000 100%), linear-gradient(0deg,#000 0%,rgba(0,0,0,.55) 5%,transparent 13%,transparent 85%,rgba(0,0,0,.16) 90%,rgba(0,0,0,.65) 97%,#000 100%); } #artista .bio-original-blend:nth-child(3) .bio-picture::after{ background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 3%,rgba(0,0,0,.78) 8%,rgba(0,0,0,.4) 14%,rgba(0,0,0,.1) 20%,transparent 25%,transparent 80%,rgba(0,0,0,.12) 85%,rgba(0,0,0,.45) 92%,rgba(0,0,0,.87) 98%,#000 100%), linear-gradient(0deg,#000 0%,rgba(0,0,0,.9) 4%,rgba(0,0,0,.42) 10%,transparent 19%,transparent 83%,rgba(0,0,0,.1) 88%,rgba(0,0,0,.4) 94%,rgba(0,0,0,.88) 99%,#000 100%); } .skip-link{position:fixed;left:14px;top:10px;z-index:100;background:#e2b875;color:#000;padding:10px 15px;border-radius:4px;transform:translateY(-160%)}.skip-link:focus{transform:none} button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e2b875;outline-offset:4px} #colaboraciones .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;margin:0 auto;gap:12px 24px}#colaboraciones .logo-item{min-height:54px} .more-collaborations{margin:15px 0 0}.more-collaborations>summary{display:flex;align-items:center;justify-content:center;gap:14px;list-style:none;cursor:pointer;width:fit-content;min-height:44px;margin:auto;padding:10px 18px;border:1px solid #e2b87566;border-radius:4px;color:#e2b875;font-size:12px}.more-collaborations>summary::-webkit-details-marker{display:none}.more-collaborations .less-label{display:none}.more-collaborations[open] .more-label{display:none}.more-collaborations[open] .less-label{display:inline}.more-collaborations[open]>summary>span:last-child{transform:rotate(45deg)}.more-collaborations .collaboration-extra{margin-top:18px!important} .form-field{min-width:0}.form-field input,.form-field select,.form-field textarea{max-width:100%;min-height:44px}.quote-form button,.dialog-close,.bio-slide-toggle{min-height:44px}.bio-slide-toggle{min-width:82px} @media(max-width:650px){header nav a{min-height:44px}#colaboraciones .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.contact-row .email-contact{min-width:0}.contact-row .email-contact a{overflow-wrap:anywhere}.release-navigation button{width:44px;height:44px}.language-label select{min-height:36px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}} #colaboraciones .logo-wall.collaboration-featured{grid-template-columns:repeat(5,minmax(0,1fr));max-width:900px}@media(max-width:650px){#colaboraciones .logo-wall.collaboration-featured{grid-template-columns:repeat(2,minmax(0,1fr))}#colaboraciones .collaboration-featured .logo-item:last-child{grid-column:1/-1;width:50%;justify-self:center}} /* All collaboration logos in horizontal rows. */ #colaboraciones .logo-wall,#colaboraciones .logo-wall.collaboration-featured{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9a7a48 #111;padding:4px 0 10px;max-width:900px}#colaboraciones .logo-wall .logo-item,#colaboraciones .collaboration-featured .logo-item:last-child{flex:1 0 115px;min-width:115px;width:auto;grid-column:auto;scroll-snap-align:start}#colaboraciones .collaboration-extra .logo-item{flex:0 0 115px}.more-collaborations>summary{white-space:nowrap}@media(max-width:650px){#colaboraciones .logo-wall,#colaboraciones .logo-wall.collaboration-featured{gap:18px}#colaboraciones .logo-wall .logo-item,#colaboraciones .collaboration-featured .logo-item:last-child{flex:0 0 110px;min-width:110px;width:110px}}