section[id]{scroll-margin-top:85px}.intro{max-width:700px;font-size:1.1rem;line-height:1.8}.hero-content{max-width:900px}.hero h1{line-height:.95}.service{min-height:365px;padding-bottom:65px}.service p,.step p{font-size:1rem}.step{min-height:255px}.service small{font-size:.75rem}.section-number,.demo-label,.eyebrow{font-size:.875rem}.service,.step,.contact-card,.statement-box{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.service:hover{background:rgba(255,255,255,.025)}.email-link{display:block;width:fit-content;margin:24px auto 0;font-size:clamp(.875rem,4vw,1.1rem);text-underline-offset:5px}.email-link:hover{text-decoration:underline}.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.carousel-position{font-size:.875rem;letter-spacing:.15em;color:#aaa}.carousel-arrows{display:flex;gap:10px}.carousel-arrows button{border:1px solid #555;background:#151515;color:#f2f0eb;width:48px;height:48px;border-radius:50%;font-size:1.4rem;cursor:pointer;transition:background .2s,transform .2s}.carousel-arrows button:hover{background:#333;transform:translateY(-3px)}.carousel-arrows button:disabled{opacity:.3;cursor:default;transform:none}.track-list{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 2px 18px;overscroll-behavior-x:contain}.track-list::-webkit-scrollbar{display:none}.track-card{flex:0 0 74%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #383838;border-radius:10px;padding:clamp(24px,5vw,54px);background:linear-gradient(135deg,#1b1b1b,#0c0c0c);transition:border-color .3s,box-shadow .3s}.track-card.is-playing{border-color:#bcbcb7;box-shadow:inset 0 0 45px #ffffff05}.track-top{display:flex;justify-content:space-between;align-items:center;color:#999;font-size:.875rem;letter-spacing:.12em}.track-copy{min-height:205px;display:flex;justify-content:flex-end;flex-direction:column;padding:35px 0 20px}.track-artist{color:#aaa;margin:0;font-size:1rem}.track-card h3{font:700 clamp(2.1rem,5vw,4.5rem)/1.06 Manrope,sans-serif;letter-spacing:-.045em;margin:10px 0 0;overflow-wrap:anywhere}.track-credit{margin:0 0 24px;font-size:.875rem;color:#bcbcbc}.track-card audio{display:block;width:100%;height:48px;color-scheme:dark}.track-note{color:#929292;font-size:.875rem;margin:16px 0 0}.audio-error{font-size:.875rem;color:#eab4ac}.equalizer{display:flex;gap:4px;align-items:center;height:28px}.equalizer i{width:3px;height:12px;background:#ccc;transform-origin:center}.equalizer i:nth-child(2n){height:24px}.equalizer i:nth-child(3){height:18px}.is-playing .equalizer i{animation:levels .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.2s}.equalizer i:nth-child(3){animation-delay:-.4s}.equalizer i:nth-child(4){animation-delay:-.1s}.equalizer i:nth-child(5){animation-delay:-.5s}@keyframes levels{to{transform:scaleY(.3)}}.track-dots{display:flex;justify-content:center;gap:5px;margin-top:16px}.track-dots button{width:44px;height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.track-dots button:after{content:'';height:5px;width:21px;border-radius:4px;background:#444;transition:background .2s,width .2s}.track-dots button[aria-current=true]:after{background:#eee;width:30px}.artist-footer{display:flex;align-items:center;justify-content:space-between;gap:55px;padding:50px 0 70px}.artist-footer h2{font:600 1.8rem Manrope,sans-serif;margin:14px 0}.artist-footer p:not(.demo-label){color:#999;max-width:650px;font-size:1rem;margin:0}.artist-footer .demo-label{font-size:.75rem}.social-icons{display:flex;gap:4px;flex-wrap:wrap;min-width:144px;justify-content:flex-end}.social-icons a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;opacity:.6;transition:opacity .25s,transform .25s,background .25s}.social-icons a:hover{opacity:1;background:#202020;transform:translateY(-4px)}.social-icons img{filter:invert(1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #fff;outline-offset:5px}.contact-card :focus-visible{outline-color:#111}footer{font-size:.875rem}.motion-ready{opacity:0;translate:0 16px;transition:opacity .65s ease,translate .65s ease}.motion-ready.in-view{opacity:1;translate:0 0}.hero .eyebrow:before{animation:line-breathe 3s ease-in-out infinite alternate}@keyframes line-breathe{to{width:54px;opacity:.4}}
@media(max-width:800px){.track-card{flex-basis:90%}.artist-footer{align-items:flex-start;flex-direction:column;gap:25px}.social-icons{justify-content:flex-start}.hero-content{padding-top:135px}.intro{font-size:1rem}.service{min-height:300px}.track-copy{min-height:175px}}@media(max-width:510px){.track-list{gap:14px}.track-card{flex-basis:94%;padding:24px 18px}.track-copy{min-height:170px}.track-top{font-size:.75rem}.artist-footer .demo-label{line-height:1.8}.hero h1{font-size:clamp(3.5rem,21vw,7rem)}.track-card h3{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready{opacity:1;translate:none}.track-list{scroll-behavior:auto}}
body{text-transform:uppercase}.intro{font-size:1rem;max-width:620px;line-height:1.8}.hero .btn{white-space:normal;text-align:center;line-height:1.5;padding:16px 24px}.section-head h2{font-size:clamp(2rem,4.8vw,4rem);line-height:1.06}.section-head p{max-width:500px}.service h3{font-size:1.35rem;margin-top:35px}.service p,.step p{font-size:.875rem;line-height:1.75}.service{min-height:285px}.step{min-height:220px}.step h3{font-size:1rem;margin-top:30px}.artist-footer p:not(.demo-label){font-size:.875rem;max-width:540px}.track-copy{min-height:135px;padding-top:24px;padding-bottom:18px}.track-card h3{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.track-artist{font-size:.875rem}.reactive-wave{width:100%;height:88px;display:block;margin:8px 0 22px}.clip-controls{display:flex;align-items:center;gap:20px}.clip-play{flex:0 0 54px;width:54px;height:54px;border:1px solid #eee;border-radius:50%;background:#eee;color:#080808;cursor:pointer;font-size:1.2rem;transition:transform .2s,box-shadow .2s}.clip-play:hover{transform:scale(1.08);box-shadow:0 0 25px #ffffff20}.clip-timeline{flex:1;min-width:0}.clip-seek{display:block;width:100%;margin:0;height:30px;accent-color:#eee;cursor:ew-resize}.clip-times{display:flex;justify-content:space-between;font-size:.875rem;color:#aaa;font-variant-numeric:tabular-nums}.track-note{font-size:.75rem;margin-top:20px;letter-spacing:.1em}.is-playing .track-top{color:#eee}.is-playing .reactive-wave{filter:drop-shadow(0 0 8px #ffffff16)}.track-card{transform-style:preserve-3d}.email-link,footer a{text-transform:none}.contact-card h2{font-size:clamp(2.5rem,7vw,6rem)}.artist-footer h2{font-size:1.6rem}.track-card audio[hidden]{display:none}
@media(max-width:510px){.section-head h2{font-size:2rem}.track-card h3{font-size:2rem}.intro{font-size:.875rem}.track-copy{min-height:120px}.clip-controls{gap:12px}.clip-play{flex-basis:48px;width:48px;height:48px}.service{min-height:260px}.track-card{padding:24px 20px}.hero h1{font-size:20vw}}
.contact-note{text-transform:uppercase!important}
/* Final typography: restrained motion and a fuller, softer sans serif. */
.service small{text-transform:none}
body{font-family:'Manrope',system-ui,sans-serif;font-weight:500;text-transform:none}h1,h2,h3,p,a,span,b,small,blockquote,.eyebrow,.ticker-track,.demo-label,.btn,.audio-meta{text-transform:none}.contact-note{text-transform:none!important}.track-card h3{text-transform:uppercase;font-weight:800}.hero h1{font-weight:800;letter-spacing:-.05em}.intro{font-weight:500;font-size:1.05rem}.section-head h2{font-weight:800;letter-spacing:-.045em}.service h3,.step h3{font-weight:800}.service p,.step p{font-weight:500;font-size:1rem}.artist-footer p:not(.demo-label){font-size:1rem}.brand{font-weight:800}.eyebrow,.section-number,.demo-label{letter-spacing:.08em;font-weight:700}.btn{font-weight:800;font-size:.9rem;letter-spacing:0}.track-top{font-weight:700;letter-spacing:.06em}.track-copy{min-height:155px;padding-bottom:30px}.track-card{padding-bottom:36px}.track-artist{font-weight:600}.contact-card h2{font-weight:800;letter-spacing:-.045em}.reveal,.motion-ready{opacity:1;transform:none;translate:none}*,*:before,*:after{animation:none!important}.service:hover,.step:hover,.btn:hover,.clip-play:hover,.social-icons a:hover,.carousel-arrows button:hover{transform:none}.service,.step,.track-card,.statement-box,.contact-card{transform:none!important;transition:background .2s,border-color .2s}.ticker-track{gap:28px}.equalizer{display:none}.contact-card p{text-transform:none}.track-note{text-transform:none}.hero-content{padding-bottom:90px}.contact-note{font-size:.875rem!important}
@media(max-width:510px){.intro{font-size:1rem}.service h3{font-size:1.35rem}.step{min-height:210px}.track-card h3{font-size:2rem;letter-spacing:-.035em}}

/* Editorial motion and project details */
.gallery-caption strong,.guide-lead h2,.guide-panel h3,.guide-point b,.payment-method i{font-family:'Nunito Sans','Manrope',sans-serif}.scroll-progress{transition:transform .08s linear}.gallery-shot img{will-change:transform,translate}.gallery-shot:hover img{transform:scale(1.07)}.gallery-shot,.guide-shell,.music-carousel{transition:border-color .35s,box-shadow .35s,transform .35s}.gallery-shot:hover{box-shadow:0 24px 65px #000;border-color:#666}.guide-tab,.carousel-arrows button,.social-icons a,.btn,.step,.service{transition:transform .25s ease,background .25s,border-color .25s,opacity .25s}.guide-tab:hover,.guide-tab[aria-selected=true]{transform:translateY(-2px)}.motion-card:hover{transform:translateY(-4px)!important}.reveal{opacity:0;transform:translateY(34px) scale(.99);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1);transition-delay:var(--delay,0s)}.reveal.visible{opacity:1;transform:none}.ticker-track{animation:marquee 24s linear infinite!important}.hero .eyebrow:before{animation:line-breathe 3s ease-in-out infinite alternate!important}.guide-panel:not([hidden]){animation:panelIn .45s ease!important}.is-playing .reactive-wave{animation:wave-glow 1.3s ease-in-out infinite alternate!important}@keyframes wave-glow{to{filter:drop-shadow(0 0 14px #ffffff32)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.ticker-track,.hero .eyebrow:before,.guide-panel,.is-playing .reactive-wave{animation:none!important}}

/* Más movimiento, sin perder el tono sobrio */
.carousel-arrows{display:none}.carousel-toolbar{justify-content:flex-start}.hero{animation:hero-drift 16s ease-in-out infinite alternate!important;background-size:cover}.statement-box{animation:statement-drift 12s ease-in-out infinite alternate!important}.btn:hover,.social-icons a:hover{transform:translateY(-4px)!important}.contact-card:hover{transform:translateY(-4px)!important;box-shadow:0 28px 90px #000}.motion-ready{opacity:0!important;transform:translateY(28px) scale(.98)!important;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.2,1)!important;transition-delay:var(--motion-delay,0ms)!important}.motion-ready.in-view{opacity:1!important;transform:none!important}.service.motion-ready.in-view:hover,.step.motion-ready.in-view:hover{transform:translateY(-7px)!important;border-color:#666;box-shadow:0 20px 55px #0008}.track-card.motion-ready.in-view:hover{transform:translateY(-5px)!important;border-color:#777;box-shadow:0 24px 60px #0009}@keyframes hero-drift{from{background-position:54% center}to{background-position:66% center}}@keyframes statement-drift{from{background-position:72% 38%}to{background-position:79% 42%}}
@media(prefers-reduced-motion:reduce){.hero,.statement-box{animation:none!important}.motion-ready{opacity:1!important;transform:none!important;transition:none!important}}

body,.intro,.service p,.step p,.artist-footer p:not(.demo-label){font-weight:600}h1,h2,h3,.hero h1,.section-head h2,.service h3,.step h3,.track-card h3,.contact-card h2,.artist-footer h2,.statement-box blockquote{font-family:'Nunito Sans','Manrope',sans-serif;font-weight:1000;text-transform:uppercase}.brand{font-family:'Nunito Sans','Manrope',sans-serif;font-weight:1000;text-transform:uppercase}.section-head h2{font-size:clamp(2rem,4.4vw,3.75rem);line-height:1.1}.service h3{font-size:1.3rem}.step h3{font-size:1rem}.artist-footer h2{font-size:1.6rem}.section-number,.demo-label{font-weight:800;text-transform:uppercase}
.delivery-formats{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.delivery-formats span{min-width:78px;padding:11px 18px;border:1px solid #555;border-radius:4px;background:#111;color:#f2f0eb;text-align:center;font-family:'Nunito Sans','Manrope',sans-serif;font-weight:1000;letter-spacing:.08em;transition:transform .25s,border-color .25s,background .25s}.delivery-formats span:hover{transform:translateY(-4px);border-color:#eee;background:#191919}
.work-layout{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(26px,5vw,60px);align-items:center;margin-top:22px}.work-cover{display:block;min-height:352px;border-radius:10px;overflow:hidden;background:#161616 center/cover no-repeat;box-shadow:0 22px 55px #0008}.work-cover iframe{display:block;width:100%;min-height:352px;border:0;background:transparent}.work-details{min-width:0}.work-details .track-artist{margin:0 0 10px}.work-details h3{margin:0}.work-note{color:#888;font-size:.875rem;margin:18px 0 25px}.spotify-work{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:4px;background:#f2f0eb;color:#090909;font-weight:800;font-size:.875rem;transition:transform .25s,box-shadow .25s}.spotify-work:hover{transform:translateY(-3px);box-shadow:0 14px 35px #0008}.track-card .reactive-wave,.track-card .clip-controls,.track-card audio,.track-card .track-note,.track-card .audio-error{display:none!important}
@media(max-width:700px){.work-layout{grid-template-columns:1fr}.work-cover{max-width:420px}.work-details h3{font-size:2.15rem}}
.stream-links{display:flex;gap:10px;flex-wrap:wrap}.spotify-work,.apple-work{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:4px;font-weight:800;font-size:.875rem;transition:background .2s,color .2s,border-color .2s}.spotify-work{background:#f2f0eb;color:#090909}.apple-work{border:1px solid #666;background:#111;color:#f2f0eb}.spotify-work:hover{transform:none;box-shadow:none;background:#fff}.apple-work:hover{background:#1b1b1b;border-color:#aaa}.track-card,.track-card:hover,.track-card:active{transform:none!important;box-shadow:none!important}.track-card{transition:none!important}.track-list{scroll-behavior:smooth}
.carousel-arrows{display:flex}.carousel-toolbar{justify-content:space-between}.spotify-embed,.spotify-embed iframe{display:block;width:100%;min-height:352px;border:0}

/* Encabezado: firma de servicios y acceso directo al proyecto */
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;letter-spacing:.08em}
.brand-divider{display:block;width:1px;height:24px;background:rgba(255,255,255,.45)}
.brand-service{font-family:'Manrope',system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:none;color:#aaa}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:4px;font-size:.8rem;font-weight:800;color:#f2f0eb;white-space:nowrap}
.nav-contact:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;font-size:.8rem;font-weight:800;color:#080808!important;background:#f2f0eb;border-color:#f2f0eb;white-space:nowrap}
.nav-cta:hover{background:#fff;color:#080808!important}
@media(max-width:800px){.nav-right{gap:8px}.nav-contact,.nav-cta{min-height:40px;padding:0 12px;font-size:.72rem}.menu{order:2}.links{right:14px;left:14px}.brand{gap:10px}.brand-divider{height:21px}.brand-service{font-size:.7rem}}
@media(max-width:610px){nav{height:72px}.brand-service,.brand-divider{display:none}.brand{font-size:1.05rem}.nav-contact,.nav-cta{padding:0 9px}.menu{font-size:1.3rem}}
@media(max-width:440px){.nav-contact,.nav-cta{font-size:.64rem;padding:0 7px}.brand{font-size:.9rem}.nav-right{gap:4px}.menu{font-size:1.15rem}}