/* 100KomplekSOUND — official blue identity, 2026.
   One authoritative override layer for the existing interface. */
:root{
  --brand-blue:#0066ff;--brand-blue-deep:#0033cc;--brand-cyan:#00d7ff;
  --brand-black:#0a0a0a;--brand-white:#fff;--brand-silver:#c0c0c0;
  --blue-1:#0a0a0a;--blue-2:#111;--blue-3:#0033cc;--blue-4:#0066ff;--blue-5:#00d7ff;
  --orange:#0066ff;--orange-deep:#0033cc;--yellow:#00d7ff;
  --em-blue:#0066ff;--em-orange:#00d7ff;--light-em-blue:#0066ff;--light-em-orange:#0033cc;
  --em:#0066ff;--em-2:#00d7ff;
  --cinematic-blue-glow:rgba(0,102,255,.28);--cinematic-orange-glow:rgba(0,215,255,.20);
  --brand-radius:16px;--brand-radius-sm:10px;
  --brand-border:rgba(192,192,192,.22);
}
html[data-theme="dark"]{
  --bg:#0a0a0a;--surface:rgba(17,17,17,.78);--surface-strong:#151515;
  --text-main:#fff;--text-soft:#d9d9d9;--text-dim:#c0c0c0;--text-mute:#929292;
  --stroke:rgba(192,192,192,.18);--stroke-strong:rgba(0,102,255,.42);--line:rgba(192,192,192,.15);
  background:#0a0a0a!important;color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#fff;--surface:rgba(255,255,255,.82);--surface-strong:#fff;
  --text-main:#0a0a0a;--text-soft:#1a1a1a;--text-dim:#333;--text-mute:#626b78;
  --stroke:rgba(10,10,10,.12);--stroke-strong:rgba(0,102,255,.35);--line:rgba(10,10,10,.10);
  background:#f7f8fa!important;color-scheme:light;
}
html[data-theme="dark"] body{background:#0a0a0a!important;color:#fff!important}
html[data-theme="light"] body{background:#f7f8fa!important;color:#0a0a0a!important}
body::before{background:radial-gradient(circle at 16% 10%,rgba(0,102,255,.15),transparent 38%),radial-gradient(circle at 85% 72%,rgba(0,215,255,.08),transparent 34%)!important}

/* Official logo */
.brand-logo,.intro-logo{object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 7px 14px rgba(0,0,0,.24))!important}
.brand-logo{height:54px!important;max-width:min(245px,30vw)!important}
.intro-logo{max-width:min(760px,82vw)!important;max-height:48vh!important}
.splash{background:#0a0a0a!important}.intro-loader{background:rgba(192,192,192,.18)!important}
.intro-loader-bar,.cslider-bar-fill{background:linear-gradient(90deg,#0033cc,#0066ff,#00d7ff)!important}
.intro-percent{color:#d9d9d9!important}
/* Intro order: equalizer signal first, complete mark second, cinematic zoom last. */
#splash .intro-eq{
  position:absolute!important;left:50%!important;top:50%!important;z-index:5!important;
  width:min(210px,48vw)!important;height:92px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;
  transform:translate(-50%,-62%)!important;opacity:0;animation:ksEqIntro 1.12s cubic-bezier(.2,.8,.2,1) both!important;pointer-events:none!important;
}
#splash .intro-eq span{display:block!important;width:18px!important;min-height:14px;border-radius:4px!important;background:repeating-linear-gradient(to top,#0033cc 0 8px,#0066ff 8px 13px,transparent 13px 17px)!important;filter:drop-shadow(0 0 8px rgba(0,102,255,.58));transform-origin:bottom;animation:ksEqBar .48s ease-in-out infinite alternate!important}
#splash .intro-eq span:nth-child(1){height:34%;animation-delay:-.18s!important}#splash .intro-eq span:nth-child(2){height:62%;animation-delay:-.32s!important}#splash .intro-eq span:nth-child(3){height:44%;animation-delay:-.08s!important}#splash .intro-eq span:nth-child(4){height:82%;animation-delay:-.4s!important}#splash .intro-eq span:nth-child(5){height:58%;animation-delay:-.24s!important}#splash .intro-eq span:nth-child(6){height:94%;animation-delay:-.12s!important}#splash .intro-eq span:nth-child(7){height:48%;animation-delay:-.36s!important}
#splash .intro-logo-wrap{opacity:0;animation:ksBrandLogoAfterEq 1.92s cubic-bezier(.2,.72,.22,1) 1.02s both!important}
#splash .intro-logo{animation:ksBrandLogoLight 1.92s ease 1.02s both!important}
#splash .intro-loader,#splash .intro-percent{opacity:0;animation:ksBrandControlsReveal .34s ease 1.08s forwards!important}
#splash.finishing .intro-eq{animation:none!important;opacity:0!important}
#splash.finishing .intro-logo-wrap{opacity:1!important;animation:ksIntroLogoLaunch .82s cubic-bezier(.72,-.02,.22,1) both!important}
@keyframes ksEqBar{from{transform:scaleY(.26);filter:brightness(.82) drop-shadow(0 0 5px rgba(0,102,255,.42))}to{transform:scaleY(1);filter:brightness(1.24) drop-shadow(0 0 12px rgba(0,215,255,.68))}}
@keyframes ksEqIntro{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-58%) scale(.72)}18%{opacity:1;filter:blur(0);transform:translate(-50%,-62%) scale(1)}74%{opacity:1;filter:blur(0);transform:translate(-50%,-62%) scale(1.04)}100%{opacity:0;filter:blur(8px);transform:translate(-50%,-62%) scale(1.34)}}
@keyframes ksBrandLogoAfterEq{0%,7%{opacity:0;transform:translate3d(0,18px,0) scale(.76);filter:blur(12px)}32%{opacity:1;transform:translate3d(0,0,0) scale(1.03);filter:blur(0)}70%,100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes ksBrandLogoLight{0%,8%{opacity:0;filter:brightness(.72)}34%{opacity:1;filter:brightness(1.15)}100%{opacity:1;filter:brightness(1)}}
@keyframes ksBrandControlsReveal{to{opacity:1}}

/* Navigation */
.topbar,.rg-exact-navbar{
  border:1px solid rgba(192,192,192,.20)!important;border-radius:18px!important;
  background:rgba(10,10,10,.72)!important;box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%)!important;backdrop-filter:blur(24px) saturate(140%)!important;
}
html[data-theme="light"] .topbar,html[data-theme="light"] .rg-exact-navbar{background:rgba(255,255,255,.76)!important;border-color:rgba(10,10,10,.10)!important;box-shadow:0 12px 34px rgba(14,30,55,.10)!important}
.nav-timeline a,.nav-timeline button,.nav-more-toggle,.nav-contact-btn,.mobile-menu a,.mobile-menu button{font-family:'Manrope',sans-serif!important;font-weight:750!important}
.nav-contact-btn,.btn-primary,.svc-cta,.cine-cta{border-radius:10px!important;background:#0066ff!important;border-color:#0066ff!important;color:#fff!important}
.nav-contact-btn:hover,.btn-primary:hover,.svc-cta:hover,.cine-cta:hover{background:#0033cc!important;border-color:#0033cc!important;box-shadow:0 8px 22px rgba(0,102,255,.25)!important}
.icon-btn:hover,.lang-globe-btn:hover,.menu-toggle:hover{background:rgba(0,102,255,.14)!important;border-color:#0066ff!important;color:#0066ff!important}
.theme-switch-thumb{background:#0066ff!important;box-shadow:0 2px 9px rgba(0,102,255,.38)!important}
.theme-switch-sun{color:#00d7ff!important}.theme-switch-moon{color:#0066ff!important}
html[data-theme="light"] body .theme-switch-thumb{background:#0066ff!important;box-shadow:0 2px 9px rgba(0,102,255,.38)!important}
html[data-theme="dark"] body .theme-switch-sun,html[data-theme="light"] body .theme-switch-sun{color:#00d7ff!important}
.nav-more-panel,.lang-panel,.mobile-menu,.nav-search-results{border-color:var(--brand-border)!important}
.nav-more-panel button:hover,.lang-panel button:hover,.mobile-menu a:hover,.mobile-menu button:hover,.nav-search-result-item:hover{background:rgba(0,102,255,.12)!important;color:var(--brand-blue)!important}
.nav-timeline .proj:hover,.mobile-menu a:active,.mobile-menu button:active{background:rgba(0,102,255,.14)!important;color:#0066ff!important}

/* Four-slide cinematic hero, unified blue tint */
.cslider{background:#0a0a0a!important;border-bottom:1px solid rgba(0,102,255,.28)}
.cslide-tint{background:linear-gradient(100deg,rgba(0,51,204,.30),transparent 66%)!important}
.cslide-overlay{background:linear-gradient(180deg,rgba(10,10,10,.62),transparent 45%,rgba(10,10,10,.94)),linear-gradient(90deg,rgba(10,10,10,.78),transparent 72%)!important}
.cslide-tag,.cslide-title .blue-word{color:#00d7ff!important}
.cslide-tag::before{background:#0066ff!important;box-shadow:0 0 10px rgba(0,102,255,.36)!important}
.cslide-title{font-family:'Manrope',sans-serif!important;font-weight:850!important;letter-spacing:-.045em!important}
.cslide-title::after{background:linear-gradient(90deg,#0066ff,#00d7ff,transparent)!important}

/* Unified typography and cards */
.section-title,.hero-text h1,.rg-bio-content h2,.svc143-menu-title,.svc143-story-title{font-family:'Manrope',sans-serif!important;font-weight:850!important;letter-spacing:-.045em!important}
.section-eyebrow,.news-meta,.project-tag,.svc143-eyebrow{color:#0066ff!important}
html[data-theme="dark"] .section-eyebrow,html[data-theme="light"] .section-eyebrow,
html[data-theme="dark"] .news-meta,html[data-theme="light"] .news-meta,
html[data-theme="dark"] .hero-tagline,html[data-theme="light"] .hero-tagline{color:#0066ff!important}
html[data-theme="dark"] .about-card .amber-accent,html[data-theme="light"] .about-card .amber-accent,
html[data-theme="dark"] .hero-role:nth-child(n),html[data-theme="light"] .hero-role:nth-child(n){color:#0066ff!important;border-color:rgba(0,102,255,.35)!important}
.project-status,.ba-badge{color:#0066ff!important;border-color:#0066ff!important;background:rgba(0,102,255,.08)!important}
.rating-send,.ba-toggle-btn.active,.ba-play{background:linear-gradient(135deg,#0066ff,#0033cc)!important;box-shadow:0 12px 30px rgba(0,102,255,.22)!important}
.glass,.about-card,.news-single,.project-card,.rating-card,.ba-card,.rg-bio,.rg-media-card{
  border-radius:var(--brand-radius)!important;border:1px solid var(--brand-border)!important;
  background:rgba(17,17,17,.78)!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
html[data-theme="light"] .glass,html[data-theme="light"] .about-card,html[data-theme="light"] .news-single,html[data-theme="light"] .project-card,html[data-theme="light"] .rating-card,html[data-theme="light"] .ba-card,html[data-theme="light"] .rg-bio,html[data-theme="light"] .rg-media-card{background:#fff!important;border-color:rgba(10,10,10,.10)!important;box-shadow:0 14px 34px rgba(14,30,55,.09)!important}
.project-card:hover,.rg-media-card:hover,.news-single:hover{transform:translateY(-4px)!important;border-color:rgba(0,102,255,.62)!important;box-shadow:0 18px 42px rgba(0,102,255,.15)!important}
.ks-card-edge-light{background:linear-gradient(90deg,transparent,#0033cc,#0066ff,#00d7ff,#c0c0c0,#0066ff,transparent)!important}
.sound-dot{background:#0066ff!important;box-shadow:0 0 8px rgba(0,102,255,.34)!important}

/* Services: preserve the existing 3D orbit and stories, replace palette only. */
#servicesExperience,.svc143-root{--svc143-bg:#0a0a0a;--svc143-panel:#151515;--svc143-text:#fff;--svc143-soft:#d9d9d9;--svc143-line:rgba(192,192,192,.20);--svc143-orange:#0066ff;--svc143-blue:#00d7ff;background-color:#0a0a0a!important}
.svc143-root{background:radial-gradient(circle at 14% 10%,rgba(0,102,255,.16),transparent 33%),radial-gradient(circle at 88% 86%,rgba(0,215,255,.08),transparent 32%),#0a0a0a!important}
.svc143-card{border-radius:18px!important;border-color:rgba(192,192,192,.22)!important;background:#151515!important}
.svc143-card:hover,.svc143-card:focus-visible{border-color:#0066ff!important;box-shadow:0 22px 54px rgba(0,102,255,.18)!important}
.svc143-card::after{background:rgba(10,10,10,.64)!important;border-color:rgba(0,102,255,.64)!important;color:#00d7ff!important}
.svc143-list.svc143-orbit-active .svc143-card{background:linear-gradient(145deg,rgba(27,27,27,.84),rgba(10,10,10,.64))!important}
.svc143-orbit-logo{background-image:url("brand-logo.png")!important}
html[data-theme="light"] #servicesExperience,html[data-theme="light"] .svc143-root{--svc143-bg:#f7f8fa;--svc143-panel:#fff;--svc143-text:#0a0a0a;--svc143-soft:#333;--svc143-line:rgba(10,10,10,.12);background:#f7f8fa!important}
html[data-theme="light"] .svc143-card{background:#fff!important;color:#0a0a0a!important;border-color:rgba(0,102,255,.22)!important}

/* Ricardo is editorial, not another service card. */
#pfs{--rg-blue:#0066ff!important;--rg-cyan:#00d7ff!important}
#pfs .rg-bio{background:linear-gradient(135deg,rgba(10,10,10,.97),rgba(21,21,21,.94))!important;border-left:3px solid #0066ff!important;border-radius:12px!important}
#pfs .rg-bio::before{background:radial-gradient(circle at 14% 18%,rgba(0,102,255,.18),transparent 34%)!important}
#pfs .rg-bio-content h2 em,#pfs .rg-bio-roles{color:#00d7ff!important}
#pfs .rg-bio-columns>div{border-radius:12px!important;background:rgba(255,255,255,.045)!important}
#pfs .rg-bio-list li::before{background:#0066ff!important}
#pfs .rg-bio-available{background:rgba(0,102,255,.10)!important;border-color:rgba(0,102,255,.32)!important}
#pfs .rg-hub{background:radial-gradient(circle at 34% 26%,#00d7ff,#0066ff 36%,#0033cc 68%,#0a0a0a)!important}
#pfs .pfs-inner-nav button:hover,#pfs .pfs-inner-nav button.active{background:#0066ff!important;color:#fff!important}
#pfs .rg-work-type,#pfs .rg-slide-letter,#pfs .rg-hub-sub,#pfs .rg-legend span b{color:#00d7ff!important;border-color:rgba(0,215,255,.42)!important}
html[data-theme="light"] #pfs .rg-bio{background:#fff!important;color:#0a0a0a!important}
html[data-theme="light"] #pfs .rg-bio-columns>div{background:#f7f8fa!important}
.rg-play,.rg-channel-mark{background:#0066ff!important;color:#fff!important}

/* Footer / iconography */
.footer{border-color:rgba(0,102,255,.25)!important}
.footer::before{content:none!important;display:none!important;background:none!important}
.social-link{border-radius:10px!important}.social-link:hover,.social-link.ig:hover,.social-link.youtube:hover,.social-link.x:hover,.social-link.tiktok:hover,.social-link.fb:hover{background:#0066ff!important;border-color:#0066ff!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,102,255,.22)!important}
::selection{background:#0066ff!important;color:#fff!important}
.ks-site-pointer-dot{animation:ksBrandPointerCycle 8s ease-in-out infinite!important}
@keyframes ksBrandPointerCycle{0%,25%,100%{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.8),0 0 14px rgba(255,255,255,.72)}38%,62%{background:#0066ff;box-shadow:0 0 3px rgba(0,0,0,.8),0 0 15px rgba(0,102,255,.72)}75%,90%{background:#00d7ff;box-shadow:0 0 3px rgba(0,0,0,.8),0 0 15px rgba(0,215,255,.64)}}

@media(max-width:760px){
  .topbar,.rg-exact-navbar{border-radius:16px!important}
  body>#topbar.topbar .brand-logo,#pfs .rg-exact-navbar .brand-logo{height:42px!important;max-width:108px!important;width:auto!important}
  .cslider{height:clamp(330px,74vh,620px)!important}.cslide-body{padding:22px 18px 28px!important}.cslide-text{max-width:96%!important}
  .cslide-title{font-size:clamp(28px,9vw,45px)!important}.cslide-sub{font-size:14px!important;line-height:1.5!important}
  .svc143-card{border-radius:15px!important}
  #pfs .rg-bio{border-left-width:2px!important;border-radius:10px!important}
}
@media(prefers-reduced-motion:reduce){.sound-dot,.ks-card-edge-light{animation:none!important}}

/* v256 final polish: compact home rhythm, brand-blue navigation feedback. */
#before-after.ba-section{padding-bottom:clamp(20px,3.2vw,42px)!important;margin-bottom:0!important;min-height:auto!important}
.rating-wrap{margin:clamp(28px,4vw,52px) auto!important}
.topbar .nav-timeline a:active,.topbar .nav-timeline button:active,.topbar .nav-more-toggle:active,
.topbar .nav-contact-btn:active,.topbar .icon-btn:active,.mobile-menu a:active,.mobile-menu button:active,
.nav-more-panel a:active,.nav-more-panel button:active,.lang-panel button:active{
  color:#fff!important;background:linear-gradient(135deg,#0033cc,#0066ff)!important;
  border-color:#00d7ff!important;box-shadow:0 0 0 3px rgba(0,215,255,.16),0 8px 22px rgba(0,102,255,.24)!important;
}
.topbar .nav-timeline a:active::before,.topbar .nav-timeline button:active::before{
  background:linear-gradient(90deg,#0033cc,#0066ff,#00d7ff)!important;opacity:1!important;
}

/* Mini Studio Online — upload, service selection and finished-file delivery. */
.audio-upload-section{padding-top:clamp(26px,4vw,56px)!important;padding-bottom:clamp(36px,5vw,72px)!important}
.audio-upload-shell{max-width:920px;margin:0 auto;padding:clamp(20px,4vw,42px);position:relative;overflow:hidden}
.audio-upload-shell::before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(0,102,255,.18),transparent 30%),radial-gradient(circle at 88% 78%,rgba(0,215,255,.10),transparent 25%)}
.audio-upload-head,.audio-upload-grid,.audio-upload-status,.audio-download-panel{position:relative;z-index:1}
.audio-upload-head{max-width:720px;margin-bottom:clamp(20px,3vw,30px)}
.audio-upload-title{margin:6px 0 8px;font:850 clamp(28px,4vw,52px)/1.02 'Manrope',sans-serif;letter-spacing:-.045em;color:var(--text-main)}
.audio-upload-copy{margin:0;color:var(--text-soft);line-height:1.6}
.audio-upload-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:16px}
.audio-dropzone{min-height:220px;border:1px dashed rgba(0,102,255,.62);border-radius:14px;background:rgba(0,102,255,.055);display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;transition:transform .22s,border-color .22s,background .22s}
.audio-dropzone:hover,.audio-dropzone.is-dragging,.audio-dropzone:focus-within{transform:translateY(-2px);border-color:#00d7ff;background:rgba(0,102,255,.11)}
.audio-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.audio-upload-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#0066ff;color:#fff;box-shadow:0 12px 28px rgba(0,102,255,.28)}
.audio-upload-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}
.audio-drop-title{font:800 17px/1.25 'Manrope',sans-serif;color:var(--text-main)}
.audio-drop-sub{display:block;margin-top:7px;color:var(--text-soft);font-size:13px}
.audio-upload-options{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--brand-border);border-radius:14px;background:rgba(0,0,0,.12)}
html[data-theme="light"] .audio-upload-options{background:#f7f8fa}
.audio-upload-options label{font:750 12px/1.2 'Manrope',sans-serif;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em}
.audio-upload-options select{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--brand-border);padding:0 12px;background:var(--surface-strong);color:var(--text-main);font:700 14px 'Manrope',sans-serif}
.audio-file-meta{min-height:64px;padding:12px;border-radius:10px;border:1px solid var(--brand-border);color:var(--text-soft);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.audio-file-meta strong{display:block;color:var(--text-main);margin-bottom:3px}
.audio-prepare-btn{min-height:46px;border:0;border-radius:10px;background:#0066ff;color:#fff;font:800 14px 'Manrope',sans-serif;cursor:pointer;transition:.2s}
.audio-prepare-btn:hover:not(:disabled){background:#0033cc;transform:translateY(-1px)}.audio-prepare-btn:disabled{opacity:.45;cursor:not-allowed}
.audio-upload-note{font-size:12px;line-height:1.45;color:var(--text-mute)}
.audio-upload-status{display:none;margin-top:14px;padding:13px 15px;border-radius:10px;border:1px solid rgba(0,215,255,.35);background:rgba(0,102,255,.08);color:var(--text-soft);line-height:1.5}
.audio-upload-status.is-visible{display:grid;grid-template-columns:1fr;gap:3px}.audio-upload-status strong{color:#00d7ff}.audio-upload-status>span:not(.audio-upload-progress){font-size:13px}
.audio-upload-status.is-error{border-color:rgba(255,92,92,.5);background:rgba(160,20,38,.1)}.audio-upload-status.is-error strong{color:#ff7676}
.audio-upload-status.is-success{border-color:rgba(0,215,255,.5)}.audio-upload-status.is-warning{border-color:rgba(0,102,255,.52)}
.audio-upload-progress{display:block;width:100%;height:5px;margin-top:8px;border-radius:999px;overflow:hidden;background:rgba(0,102,255,.13)}
.audio-upload-progress[hidden]{display:none!important}.audio-upload-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0033cc,#0066ff,#00d7ff);transition:width .16s linear;box-shadow:0 0 10px rgba(0,215,255,.48)}
.audio-download-btn.is-loading{pointer-events:none;opacity:.68}
.audio-upload-scope{display:grid;gap:9px;padding:14px 15px;border:1px solid rgba(0,102,255,.24);border-radius:14px;background:rgba(0,102,255,.07)}
.audio-upload-scope p{margin:0;color:var(--text-soft);font-size:13px;line-height:1.55}
.audio-upload-service-link{display:inline-flex;align-items:center;width:max-content;max-width:100%;color:#0066ff;font-size:13px;font-weight:800;text-decoration:none}
.audio-upload-service-link:hover,.audio-upload-service-link:focus-visible{color:#00aee8;text-decoration:underline}
html[data-theme="dark"] .audio-upload-scope{background:rgba(0,102,255,.10);border-color:rgba(0,215,255,.24)}
html[data-theme="dark"] .audio-upload-service-link{color:#55cfff}
.audio-download-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:15px;border:1px solid var(--brand-border);border-radius:14px;background:rgba(0,102,255,.055);transition:border-color .25s,background .25s,transform .25s}
.audio-download-panel.is-ready{border-color:rgba(0,215,255,.6);background:rgba(0,102,255,.11);transform:translateY(-1px)}
.audio-download-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(0,102,255,.13);color:#0066ff;border:1px solid rgba(0,102,255,.28)}
.audio-download-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.audio-download-copy{min-width:0}.audio-download-copy strong{display:block;color:var(--text-main);font:800 15px/1.25 'Inter',sans-serif}.audio-download-copy span{display:block;margin-top:3px;color:var(--text-soft);font-size:12px;line-height:1.45}
.audio-download-btn{min-height:44px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0066ff;color:#fff!important;text-decoration:none;font:800 13px/1 'Inter',sans-serif;transition:background .2s,transform .2s,opacity .2s}
.audio-download-btn:hover:not(.is-disabled){background:#0033cc;transform:translateY(-1px)}.audio-download-btn.is-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}
@media(max-width:720px){.audio-upload-grid{grid-template-columns:1fr}.audio-dropzone{min-height:190px}.audio-upload-shell{padding:18px}.audio-upload-title{font-size:clamp(27px,9vw,40px)}.audio-download-panel{grid-template-columns:auto minmax(0,1fr)}.audio-download-btn{grid-column:1/-1;width:100%}}

/* v257 — exact blue 3D EQ signal, clean logo hold, then branded launch. */
#splash .logo-loader-stage{position:relative!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;display:block!important;padding:0!important}
#splash .intro-eq{position:absolute!important;left:50%!important;top:45%!important;width:min(620px,86vw)!important;height:auto!important;aspect-ratio:1214/678!important;display:block!important;transform:translate(-50%,-50%)!important;opacity:0;animation:ksEqMarkPhase 3.45s cubic-bezier(.2,.72,.22,1) both!important;z-index:4!important}
#splash .intro-eq-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0;filter:drop-shadow(0 18px 32px rgba(0,51,204,.36));animation:ksEqArtSettle 3.3s ease both!important}
#splash .intro-eq-slices{position:absolute;inset:0;display:flex!important;overflow:visible!important}
#splash .intro-eq-slices span{display:block!important;flex:0 0 12.5%!important;width:12.5%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;background-image:url("brand-v257/eq-mark.png")!important;background-repeat:no-repeat!important;background-size:800% 100%!important;filter:drop-shadow(0 12px 18px rgba(0,102,255,.3));transform-origin:center bottom;animation:ksEqSliceMove .64s ease-in-out infinite alternate,ksEqSlicesRetire 3.05s ease forwards!important}
#splash .intro-eq-slices span:nth-child(1){background-position:0% 0!important;animation-delay:-.08s,0s!important}#splash .intro-eq-slices span:nth-child(2){background-position:14.2857% 0!important;animation-delay:-.34s,0s!important}#splash .intro-eq-slices span:nth-child(3){background-position:28.5714% 0!important;animation-delay:-.16s,0s!important}#splash .intro-eq-slices span:nth-child(4){background-position:42.8571% 0!important;animation-delay:-.48s,0s!important}#splash .intro-eq-slices span:nth-child(5){background-position:57.1428% 0!important;animation-delay:-.25s,0s!important}#splash .intro-eq-slices span:nth-child(6){background-position:71.4285% 0!important;animation-delay:-.56s,0s!important}#splash .intro-eq-slices span:nth-child(7){background-position:85.7142% 0!important;animation-delay:-.2s,0s!important}#splash .intro-eq-slices span:nth-child(8){background-position:100% 0!important;animation-delay:-.42s,0s!important}
#splash .intro-logo-wrap{position:absolute!important;left:50%!important;top:45%!important;width:min(760px,84vw)!important;height:auto!important;max-height:none!important;transform:translate(-50%,-50%) scale(.9)!important;opacity:0!important;filter:none!important;animation:ksLogoCleanPhase 3.35s cubic-bezier(.2,.75,.2,1) 2.82s both!important;z-index:5!important}
#splash .intro-logo-wrap::before{content:none!important;display:none!important}
#splash .intro-logo{display:block!important;width:100%!important;height:auto!important;max-width:none!important;max-height:48vh!important;opacity:1!important;filter:drop-shadow(0 16px 30px rgba(0,51,204,.28))!important;animation:none!important}
#splash .intro-loader{position:absolute!important;left:50%!important;top:74%!important;transform:translateX(-50%)!important;width:min(360px,70vw)!important;height:7px!important;opacity:0!important;animation:ksLoadingReveal .35s ease 3.52s forwards!important;background:rgba(192,192,192,.17)!important;border:1px solid rgba(192,192,192,.25)!important;z-index:6!important}
#splash .intro-loader-bar{animation:none!important;background:linear-gradient(90deg,#0033cc 0%,#0066ff 55%,#00d7ff 100%)!important;box-shadow:0 0 16px rgba(0,102,255,.64)!important}
#splash .intro-percent{position:absolute!important;left:50%!important;top:calc(74% + 22px)!important;transform:translateX(-50%)!important;opacity:0!important;animation:ksLoadingReveal .35s ease 3.52s forwards!important;color:#d9d9d9!important;font-family:'Inter',sans-serif!important;font-weight:700!important;z-index:6!important}
#splash.finishing .intro-eq{opacity:0!important;animation:none!important}
#splash.finishing .intro-logo-wrap{opacity:1!important;filter:none!important;animation:ksIntroLogoLaunch .9s cubic-bezier(.7,0,.22,1) both!important}
#splash.finishing .intro-loader,#splash.finishing .intro-percent{animation:ksLoadingHide .18s ease both!important}
@keyframes ksEqSliceMove{0%{transform:translate3d(0,18px,0) scaleY(.72);filter:brightness(.82) drop-shadow(0 8px 12px rgba(0,51,204,.28))}100%{transform:translate3d(0,-16px,0) scaleY(1.05);filter:brightness(1.18) drop-shadow(0 14px 24px rgba(0,215,255,.5))}}
@keyframes ksEqSlicesRetire{0%,67%{opacity:1}82%,100%{opacity:0}}
@keyframes ksEqArtSettle{0%,48%{opacity:0;transform:scale(.96)}67%{opacity:1;transform:scale(1.015)}100%{opacity:1;transform:scale(1)}}
@keyframes ksEqMarkPhase{0%{opacity:0;transform:translate(-50%,-46%) scale(.78)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.88)}}
@keyframes ksLogoCleanPhase{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.018)}30%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes ksLoadingReveal{to{opacity:1}}@keyframes ksLoadingHide{to{opacity:0}}

/* One typography system: Lato display, Inter interface/body, everywhere. */
html body,html body p,html body li,html body a,html body button,html body input,html body select,html body textarea,html body label{font-family:'Inter','Open Sans',Arial,sans-serif!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,
.section-title,.hero-text h1,.cslide-title,.banner-caption-title,.svc-title,.svc143-menu-title,.svc143-story-title,.svc143-story-copy h2,.pfs-card h3,.rg-bio-content h2,.rg-slide-title,.audio-upload-title,.project-name,.news-single h4{font-family:'Lato','Roboto',Arial,sans-serif!important;font-style:normal!important;font-weight:900!important}
.section-title *,.hero-text h1 *,.cslide-title *,.banner-caption-title *,.svc-title *,.svc143-menu-title *,.svc143-story-title *,.pfs-card h3 *,.rg-bio-content h2 *,.rg-slide-title *,.audio-upload-title *,.project-name *,.news-single h4 *{font-family:'Lato','Roboto',Arial,sans-serif!important}
.section-eyebrow,.cslide-tag,.banner-caption-tag,.svc-label,.svc143-eyebrow,.project-tag,.news-meta,.ba-card-num,.ba-time,.footer-text{font-family:'Inter','Open Sans',Arial,sans-serif!important}

/* Remove every remaining orange navbar interaction in favor of the official blue system. */
html body .topbar a:hover,html body .topbar button:hover,html body .topbar a:focus-visible,html body .topbar button:focus-visible,
html body .topbar a:active,html body .topbar button:active,html body .mobile-menu a:hover,html body .mobile-menu button:hover,
html body .mobile-menu a:active,html body .mobile-menu button:active,html body .nav-more-panel a:hover,html body .nav-more-panel button:hover,
html body .nav-more-panel a:active,html body .nav-more-panel button:active,html body .lang-panel button:hover,html body .lang-panel button.active{
  border-color:rgba(0,215,255,.62)!important;color:#0066ff!important;background:rgba(0,102,255,.14)!important;box-shadow:0 8px 24px rgba(0,102,255,.16)!important
}
html body .topbar .nav-contact-btn:hover,html body .topbar .nav-contact-btn:active{background:#0066ff!important;color:#fff!important}
html body .topbar .nav-timeline a::before,html body .topbar .nav-timeline button::before{background:linear-gradient(90deg,#0033cc,#0066ff,#00d7ff)!important}
html body .mobile-menu .proj,html body .nav-timeline .proj,html body .nav-more-panel .pfs-nav-btn{color:#0066ff!important}
@media(max-width:700px){#splash .intro-eq{width:90vw!important;top:43%!important}#splash .intro-logo-wrap{width:88vw!important;top:44%!important}#splash .intro-loader{top:70%!important}#splash .intro-percent{top:calc(70% + 22px)!important}}
@media(prefers-reduced-motion:reduce){#splash .intro-eq-slices{display:none!important}#splash .intro-eq-art{opacity:1!important;animation:none!important}#splash .intro-eq{opacity:1!important;animation:ksEqMarkPhase 1.6s ease both!important}#splash .intro-logo-wrap{animation:ksLogoCleanPhase 2s ease 1.1s both!important}}

/* v258 — centered launch, frequency-meter EQ, complete typography authority. */
#splash.finishing .intro-logo-wrap{left:50%!important;top:45%!important;transform-origin:center center!important;animation:ksBrandCenteredLaunch .82s cubic-bezier(.7,0,.22,1) both!important}
@keyframes ksBrandCenteredLaunch{
  0%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  42%{opacity:1;transform:translate(-50%,-50%) scale(1.16)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(16)}
}
#splash .intro-eq-slices span{animation-name:ksEqFrequencyMeter,ksEqSlicesRetire!important;animation-timing-function:steps(4,end),ease!important;will-change:transform,opacity,filter!important}
#splash .intro-eq-slices span:nth-child(1){animation-duration:.46s,3.05s!important}#splash .intro-eq-slices span:nth-child(2){animation-duration:.58s,3.05s!important}#splash .intro-eq-slices span:nth-child(3){animation-duration:.39s,3.05s!important}#splash .intro-eq-slices span:nth-child(4){animation-duration:.67s,3.05s!important}#splash .intro-eq-slices span:nth-child(5){animation-duration:.43s,3.05s!important}#splash .intro-eq-slices span:nth-child(6){animation-duration:.54s,3.05s!important}#splash .intro-eq-slices span:nth-child(7){animation-duration:.36s,3.05s!important}#splash .intro-eq-slices span:nth-child(8){animation-duration:.61s,3.05s!important}
@keyframes ksEqFrequencyMeter{
  0%{transform:scaleY(.44);opacity:.62;filter:brightness(.72) drop-shadow(0 4px 8px rgba(0,51,204,.25))}
  28%{transform:scaleY(.78);opacity:.9;filter:brightness(.98) drop-shadow(0 8px 14px rgba(0,102,255,.42))}
  55%{transform:scaleY(1.04);opacity:1;filter:brightness(1.26) drop-shadow(0 12px 22px rgba(0,215,255,.62))}
  76%{transform:scaleY(.63);opacity:.78;filter:brightness(.86) drop-shadow(0 6px 11px rgba(0,51,204,.32))}
  100%{transform:scaleY(.92);opacity:1;filter:brightness(1.12) drop-shadow(0 10px 18px rgba(0,102,255,.5))}
}

html body :where(div,section,article,aside,header,footer,nav,p,span,a,button,label,input,select,textarea,option,li,strong,small,em,b,time,figcaption,blockquote,dt,dd){font-family:'Inter','Open Sans',Arial,sans-serif!important}
html body :where(h1,h2,h3,h4,h5,h6),html body :where(h1,h2,h3,h4,h5,h6) *,
html body .section-title,html body .section-title *,html body .cslide-title,html body .cslide-title *,html body .svc143-story-title,html body .svc143-story-title *{font-family:'Lato','Roboto',Arial,sans-serif!important}

/* Before/After and upload now form one compact audio-lab area. */
#before-after.ba-section{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;align-items:start!important;gap:clamp(18px,3vw,38px)!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:clamp(14px,4vw,48px)!important}
#before-after>.ba-grid{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(9px,1.4vw,16px)!important}
#before-after>.audio-upload-section{width:100%!important;margin:0!important;padding:0!important;min-height:0!important}
#before-after .audio-upload-shell{width:100%!important;margin:0!important;padding:clamp(16px,2.5vw,28px)!important}
#before-after .audio-upload-grid{grid-template-columns:1fr!important}
#before-after .audio-dropzone{min-height:170px!important}
@media(max-width:820px){
  #before-after.ba-section{grid-template-columns:1fr!important;gap:18px!important;padding-inline:10px!important}
  #before-after>.ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #before-after .ba-card{min-width:0!important;padding:10px!important;gap:7px!important;border-radius:12px!important}
  #before-after .ba-card-head{gap:6px!important}#before-after .ba-card-num{font-size:9px!important;padding:2px 5px!important}
  #before-after .ba-card-title{font-size:clamp(11px,3.4vw,14px)!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  #before-after .ba-toggle{padding:2px!important;gap:2px!important}#before-after .ba-toggle-btn{font-size:10px!important;padding:6px 3px!important}
  #before-after .ba-player{padding:6px!important;gap:5px!important;border-radius:10px!important}
  #before-after .ba-play{width:26px!important;height:26px!important}#before-after .ba-wave{gap:1px!important}#before-after .ba-time{font-size:9px!important;min-width:27px!important}
  #before-after .audio-upload-shell{padding:16px!important}#before-after .audio-upload-title{font-size:clamp(25px,8vw,36px)!important}
}
@media(max-width:360px){#before-after .ba-card{padding:8px!important}#before-after .ba-wave span:nth-child(n+9){display:none!important}#before-after .ba-time{display:none!important}}

/* v260 — lighter liquid-glass navigation feedback and Ricardo typography. */
html body .topbar .nav-contact-btn{
  background:rgba(0,102,255,.075)!important;color:#0066ff!important;
  border-color:rgba(0,102,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 22px rgba(0,102,255,.07)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;backdrop-filter:blur(16px) saturate(135%)!important;
}
html body .topbar .nav-contact-btn:hover,html body .topbar .nav-contact-btn:focus-visible,html body .topbar .nav-contact-btn:active{
  background:rgba(0,102,255,.14)!important;color:#0066ff!important;border-color:rgba(0,215,255,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 9px 24px rgba(0,102,255,.10)!important;
}
html body .topbar .nav-timeline a:hover,html body .topbar .nav-timeline button:hover,
html body .topbar .nav-timeline a:focus-visible,html body .topbar .nav-timeline button:focus-visible,
html body .topbar .nav-timeline a:active,html body .topbar .nav-timeline button:active,
html body .topbar .nav-more-toggle:hover,html body .topbar .nav-more-toggle:active,
html body .mobile-menu a:hover,html body .mobile-menu button:hover,html body .mobile-menu a:active,html body .mobile-menu button:active{
  background:rgba(0,102,255,.09)!important;color:#0066ff!important;border-color:rgba(0,102,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 18px rgba(0,102,255,.065)!important;
}
html[data-theme="dark"] body .topbar .nav-timeline a:hover,html[data-theme="dark"] body .topbar .nav-timeline button:hover,
html[data-theme="dark"] body .topbar .nav-timeline a:active,html[data-theme="dark"] body .topbar .nav-timeline button:active,
html[data-theme="dark"] body .topbar .nav-contact-btn,html[data-theme="dark"] body .topbar .nav-contact-btn:hover{
  background:rgba(0,102,255,.105)!important;color:#8dbbff!important;border-color:rgba(0,215,255,.28)!important;
}
#pfs,#pfs :where(div,section,article,aside,header,footer,nav,p,span,a,button,label,input,select,textarea,option,li,strong,small,em,b,time,figcaption,blockquote,dt,dd){font-family:'Inter','Open Sans',Arial,sans-serif!important}
#pfs :where(h1,h2,h3,h4,h5,h6),#pfs :where(h1,h2,h3,h4,h5,h6) *,#pfs .rg-slide-title,#pfs .rg-slide-title *,#pfs .rg-bio-content h2,#pfs .rg-bio-content h2 *{font-family:'Lato','Roboto',Arial,sans-serif!important}

/* v261 — soft pointer and hover light: never cover labels or card copy. */
@media(hover:hover) and (pointer:fine){
  .ks-site-pointer-dot{width:8px!important;height:8px!important;margin:-4px 0 0 -4px!important;animation:ksPointerSoft 9s ease-in-out infinite!important;mix-blend-mode:normal!important}
  .ks-site-pointer.is-action .ks-site-pointer-dot{width:11px!important;height:11px!important;margin:-5.5px 0 0 -5.5px!important;opacity:.82!important}
  .ks-site-pointer.is-text .ks-site-pointer-dot{width:2px!important;height:20px!important;margin:-10px 0 0 -1px!important;border-radius:2px!important;opacity:.78!important}
}
@keyframes ksPointerSoft{
  0%,26%,100%{background:rgba(255,255,255,.96);box-shadow:0 0 2px rgba(7,13,25,.48),0 0 6px rgba(255,255,255,.38)}
  38%,62%{background:rgba(170,207,255,.9);box-shadow:0 0 2px rgba(7,13,25,.38),0 0 7px rgba(104,169,255,.32)}
  76%,90%{background:rgba(194,237,255,.9);box-shadow:0 0 2px rgba(7,13,25,.34),0 0 7px rgba(0,215,255,.26)}
}
html body .glass:hover,html body .about-card:hover,html body .news-single:hover,html body .project-card:hover,
html body .rating-card:hover,html body .hero-card:hover,html body .banner-wrap:hover,html body .store-badge:hover,
html body .nav-more-panel:hover,html body .lang-panel:hover,html body .rg-media-card:hover{
  border-color:rgba(112,174,255,.27)!important;
  box-shadow:0 0 12px rgba(0,102,255,.055),0 16px 38px rgba(0,4,20,.16),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
html[data-theme="light"] body .glass:hover,html[data-theme="light"] body .about-card:hover,
html[data-theme="light"] body .news-single:hover,html[data-theme="light"] body .project-card:hover,
html[data-theme="light"] body .rating-card:hover,html[data-theme="light"] body .hero-card:hover,
html[data-theme="light"] body .banner-wrap:hover,html[data-theme="light"] body .rg-media-card:hover{
  border-color:rgba(0,102,255,.20)!important;
  box-shadow:0 0 10px rgba(0,102,255,.04),0 14px 32px rgba(15,31,74,.10),inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* v262 — official social-network feedback on mouse, keyboard and touch. */
html body .footer .social-link:hover,
html body .footer .social-link:focus-visible,
html body .footer .social-link:active,
html body .footer .social-link.ks-touching{
  color:#fff!important;
  transform:translateY(-3px) scale(1.04)!important;
}
html body .footer .social-link.ig:hover,
html body .footer .social-link.ig:focus-visible,
html body .footer .social-link.ig:active,
html body .footer .social-link.ig.ks-touching{
  background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 52%,#fcb045 100%)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 9px 24px rgba(225,48,108,.28)!important;
}
html body .footer .social-link.youtube:hover,
html body .footer .social-link.youtube:focus-visible,
html body .footer .social-link.youtube:active,
html body .footer .social-link.youtube.ks-touching{
  background:#ff0000!important;border-color:#ff0000!important;
  box-shadow:0 9px 24px rgba(255,0,0,.28)!important;
}
html body .footer .social-link.x:hover,
html body .footer .social-link.x:focus-visible,
html body .footer .social-link.x:active,
html body .footer .social-link.x.ks-touching{
  background:#000!important;border-color:rgba(255,255,255,.38)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
html body .footer .social-link.tiktok:hover,
html body .footer .social-link.tiktok:focus-visible,
html body .footer .social-link.tiktok:active,
html body .footer .social-link.tiktok.ks-touching{
  background:linear-gradient(135deg,#25f4ee 0%,#111 48%,#fe2c55 100%)!important;
  border-color:rgba(255,255,255,.3)!important;
  box-shadow:-4px 7px 18px rgba(37,244,238,.2),4px 7px 18px rgba(254,44,85,.22)!important;
}
html body .footer .social-link.fb:hover,
html body .footer .social-link.fb:focus-visible,
html body .footer .social-link.fb:active,
html body .footer .social-link.fb.ks-touching{
  background:#1877f2!important;border-color:#1877f2!important;
  box-shadow:0 9px 24px rgba(24,119,242,.28)!important;
}

/* v265 — simple four-second launch: logo + 0–100% loading + centered zoom. */
#splash .intro-eq{display:none!important;animation:none!important}
#splash .logo-loader-stage{
  position:relative!important;display:block!important;width:100vw!important;
  height:100vh!important;height:100svh!important;min-height:100vh!important;
  padding:0!important;overflow:hidden!important;
}
#splash .intro-logo-wrap{
  display:block!important;position:absolute!important;left:50%!important;top:44%!important;
  width:min(620px,78vw)!important;max-width:none!important;height:auto!important;
  opacity:1!important;filter:none!important;transform-origin:center center!important;
  animation:ksV265LogoHold 3s cubic-bezier(.2,.72,.22,1) both!important;
}
#splash .intro-logo{
  display:block!important;width:100%!important;height:auto!important;max-width:none!important;
  max-height:48vh!important;opacity:1!important;animation:none!important;
  filter:drop-shadow(0 16px 30px rgba(0,51,204,.28))!important;
}
#splash .intro-loader{
  display:block!important;position:absolute!important;left:50%!important;top:69%!important;
  transform:translateX(-50%)!important;width:min(360px,70vw)!important;height:7px!important;
  opacity:1!important;animation:none!important;background:rgba(192,192,192,.18)!important;
  border:1px solid rgba(192,192,192,.28)!important;z-index:6!important;
}
#splash .intro-loader-bar{
  display:block!important;width:0;height:100%!important;animation:none!important;transition:none!important;
  background:linear-gradient(90deg,#0033cc 0%,#0066ff 58%,#00d7ff 100%)!important;
  box-shadow:0 0 16px rgba(0,102,255,.58)!important;
}
#splash .intro-percent{
  display:block!important;position:absolute!important;left:50%!important;top:calc(69% + 22px)!important;
  transform:translateX(-50%)!important;opacity:1!important;animation:none!important;
  color:#d9d9d9!important;font:700 12px 'Inter','Open Sans',Arial,sans-serif!important;
  letter-spacing:.14em!important;z-index:6!important;
}
#splash.finishing .intro-logo-wrap{
  opacity:1!important;animation:ksV265LogoLaunch .82s cubic-bezier(.7,0,.22,1) both!important;
}
#splash.finishing .intro-loader,#splash.finishing .intro-percent{
  animation:ksLoadingHide .16s ease both!important;
}
@keyframes ksV265LogoHold{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1.015)}
  34%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes ksV265LogoLaunch{
  0%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  58%{opacity:1;transform:translate(-50%,-50%) scale(3.6)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(16)}
}
@media(max-width:700px){
  #splash .intro-logo-wrap{top:43%!important;width:min(88vw,520px)!important}
  #splash .intro-loader{top:68%!important;width:min(74vw,330px)!important}
  #splash .intro-percent{top:calc(68% + 22px)!important}
}
@media(prefers-reduced-motion:reduce){
  #splash .intro-logo-wrap{animation:ksV265LogoHold 3s ease both!important}
  #splash.finishing .intro-logo-wrap{animation:ksV265LogoLaunch .82s ease both!important}
}

/* v267 — clean flat identity only: no artificial white contour, no overlap. */
body>#topbar.topbar.nav-normal-final .nav-center-logo,
#pfs .rg-exact-navbar .nav-center-logo{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;
  grid-column:2!important;grid-row:1!important;justify-self:center!important;
  transform:none!important;z-index:12!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:150px!important;pointer-events:none!important;
}
body>#topbar.topbar.nav-normal-final .nav-center-logo .brand,
#pfs .rg-exact-navbar .nav-center-logo .brand{pointer-events:auto!important}
body>#topbar.topbar.nav-normal-final .brand-logo,
#pfs .rg-exact-navbar .brand-logo{
  display:block!important;width:auto!important;height:clamp(34px,3.25vw,44px)!important;
  max-width:min(145px,14vw)!important;object-fit:contain!important;background:transparent!important;
  filter:drop-shadow(0 4px 8px rgba(0,51,204,.16))!important;
}
/* Landscape: Ricardo is the parent control and Portfolio remains its child. */
@media(min-width:981px){
  #topbar #navRicardo{display:block!important;position:relative!important}
  #topbar #navRicardoBtn{display:flex!important;align-items:center!important}
  #topbar #navPortfolio{display:block!important}
}
/* Portrait/tablet: centered logo, with Ricardo heading and Portfolio as two visible choices. */
@media(max-width:980px){
  body>#topbar.topbar.nav-normal-final .nav-center-logo,
  #pfs .rg-exact-navbar .nav-center-logo{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;
    grid-column:2!important;grid-row:1!important;justify-self:center!important;transform:none!important;
    max-width:42vw!important
  }
  body>#topbar.topbar.nav-normal-final .brand-logo,
  #pfs .rg-exact-navbar .brand-logo{height:clamp(30px,7vw,38px)!important;max-width:min(140px,38vw)!important}
  #mobileMenu .mobile-ricardo-group{display:block!important}
  #mobileMenu .mobile-ricardo-heading{display:flex!important}
  #mobileMenu #navPortfolioMobile{display:block!important}
}
@media(max-width:420px){
  body>#topbar.topbar.nav-normal-final .brand-logo,
  #pfs .rg-exact-navbar .brand-logo{height:30px!important;max-width:34vw!important}
}

/* v269 — theme-aware brand mark and undistorted portrait hero media. */
body>#topbar.topbar .nav-center-logo .brand,
#pfs .rg-exact-navbar .nav-center-logo .brand{position:relative!important;isolation:isolate}
body>#topbar.topbar .nav-center-logo .brand::after,
#pfs .rg-exact-navbar .nav-center-logo .brand::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#fff;
  -webkit-mask:url("brand-logo.png") center/contain no-repeat;
  mask:url("brand-logo.png") center/contain no-repeat;
  opacity:0;transition:opacity .22s ease;
  filter:drop-shadow(0 5px 10px rgba(0,102,255,.22));
}
html[data-theme="light"] body>#topbar.topbar .brand-logo,
html[data-theme="light"] #pfs .rg-exact-navbar .brand-logo{
  filter:drop-shadow(0 4px 8px rgba(0,51,204,.16))!important;
  opacity:1!important;visibility:visible!important;
}
html[data-theme="light"] body>#topbar.topbar .nav-center-logo .brand::after,
html[data-theme="light"] #pfs .rg-exact-navbar .nav-center-logo .brand::after{opacity:0!important}
html[data-theme="dark"] body>#topbar.topbar .brand-logo,
html[data-theme="dark"] #pfs .rg-exact-navbar .brand-logo{
  filter:none!important;opacity:0!important;visibility:visible!important;
}
html[data-theme="dark"] body>#topbar.topbar .nav-center-logo .brand::after,
html[data-theme="dark"] #pfs .rg-exact-navbar .nav-center-logo .brand::after{opacity:1!important}

@media(max-width:900px) and (orientation:portrait){
  html body .cslider,
  html body .banner-wrap{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }
  html body .cslide-img,
  html body .banner-slide .bs-photo{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  html body .cslide-body,
  html body .banner-caption{
    padding:clamp(11px,3.5vw,17px)!important;
  }
  html body .cslide-title{font-size:clamp(20px,6vw,30px)!important}
  html body .cslide-sub{font-size:clamp(10px,3vw,12px)!important;margin-top:8px!important;line-height:1.35!important}
}

/* v271 — real light/dark logo assets; no cached CSS filter or mask state. */
body>#topbar.topbar .nav-center-logo .brand::after,
#pfs .rg-exact-navbar .nav-center-logo .brand::after{content:none!important;display:none!important}
html[data-theme="light"] body>#topbar.topbar .brand-logo,
html[data-theme="dark"] body>#topbar.topbar .brand-logo,
html[data-theme="light"] #pfs .rg-exact-navbar .brand-logo,
html[data-theme="dark"] #pfs .rg-exact-navbar .brand-logo{
  opacity:1!important;visibility:visible!important;filter:none!important
}

/* Portrait pre-footer EQ: permanent blue/cyan signal movement. */
@keyframes ksFooterBlueMeter{
  0%{transform:translateZ(0) scaleY(.22);background:#0033cc;box-shadow:0 0 5px rgba(0,51,204,.34)}
  35%{transform:translateZ(0) scaleY(.58);background:#0066ff;box-shadow:0 0 9px rgba(0,102,255,.52)}
  68%{transform:translateZ(0) scaleY(1.02);background:#00a9ff;box-shadow:0 0 13px rgba(0,169,255,.64)}
  100%{transform:translateZ(0) scaleY(1.34);background:#00d7ff;box-shadow:0 0 16px rgba(0,215,255,.72)}
}
@media(max-width:900px) and (orientation:portrait){
  html body .sound-dots-container{display:flex!important;visibility:visible!important;opacity:1!important;min-height:58px!important}
  html body .sound-dots-group{display:flex!important;visibility:visible!important;opacity:1!important}
  html body .sound-dot,
  html.ks-ios-lite body .sound-dot,
  html.ks-mobile-lite body .sound-dot{
    display:block!important;visibility:visible!important;opacity:1!important;
    background:#0066ff!important;transform-origin:50% 100%!important;
    animation-name:ksFooterBlueMeter!important;
    animation-duration:var(--vu-speed,.82s)!important;
    animation-delay:var(--vu-delay,0s)!important;
    animation-timing-function:cubic-bezier(.38,.05,.48,.96)!important;
    animation-direction:alternate!important;
    animation-iteration-count:infinite!important;
    will-change:transform,background-color,box-shadow!important;
  }
}
@media(max-width:900px) and (orientation:portrait) and (prefers-reduced-motion:reduce){
  html body .sound-dot{animation:ksFooterBlueMeter 1.35s ease-in-out var(--vu-delay,0s) infinite alternate!important}
}