/* Approved one-row desktop navigation; direct links remain on phones. */
.nav .nav__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;width:100%;max-width:1240px;padding:16px 24px}
.nav.scrolled .nav__bar{padding:12px 24px;gap:24px;background:rgba(14,27,21,.93);border-color:#e9efe724;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav .nav__top{display:block;width:auto}
.nav .nav__spacer{display:none}
.nav .nav__logo{display:flex;align-items:center;min-height:44px;min-width:44px}
.nav .nav__logo img,.nav.scrolled .nav__logo img{height:48px}
.nav .nav__links{flex-wrap:nowrap;gap:clamp(16px,2vw,26px);min-width:0}
.nav .nav__links a{font-size:16px;font-weight:400;letter-spacing:.01em;min-height:44px;display:inline-flex;align-items:center;padding-block:8px}
.nav .nav__links a::after{background:var(--accent);height:1px}
.nav .nav__bar .nav__contact.btn{--action-cell:52px;min-height:44px;min-width:0;padding:8px 66px 8px 14px;font-size:16px;justify-self:end;text-shadow:none}
.nav .nav__bar .nav__contact.btn::after{background-image:none}
.nav .nav__bar .nav__contact.btn .action-signal svg{width:26px}
@media(min-width:760px) and (max-width:900px){.nav .nav__bar,.nav.scrolled .nav__bar{gap:16px;padding-inline:16px}.nav .nav__links{gap:16px}.nav .nav__links a{font-size:15px}.nav .nav__logo img,.nav.scrolled .nav__logo img{height:42px}.nav .nav__bar .nav__contact.btn{font-size:15px;--action-cell:44px;padding-right:54px;padding-left:10px}}
@media(max-width:759px){
 .nav .nav__bar,.nav.scrolled .nav__bar{grid-template-columns:1fr auto 1fr;gap:10px 0;padding:10px 20px;max-width:none;border-inline:0}
 .nav .nav__top{grid-column:2;grid-row:1;justify-self:center}
 .nav .nav__logo img,.nav.scrolled .nav__logo img{height:42px}
 .nav .nav__links{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px}
 .nav .nav__links a{font-size:13px;letter-spacing:0;opacity:1}
 .nav .nav__links a[href='/mixing-mastering']{font-size:0}
 .nav .nav__links a[href='/mixing-mastering']::before{font-size:13px;letter-spacing:0}
 .nav .nav__bar .nav__contact.btn{grid-column:3;grid-row:1;--action-cell:44px;width:104px;min-width:104px;padding:8px 52px 8px 8px;font-size:13px}
 .nav.scrolled .nav__bar{background:rgba(14,27,21,.95)}
}
@media(max-width:349px){.nav .nav__bar .nav__contact.btn{width:44px;min-width:44px;padding:0}.nav__contact-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}}
/* One-shot line and drawn arrow, with stable labels and no layout movement. */
:is(.btn,.tier__choose,.studio-contact .drawer__send,.studio-submission .tn-nav .btn):not(.btn--ghost)::after{background-image:none!important;background-position:center!important}
.action-signal{position:absolute;inset:0 0 0 auto;width:var(--action-cell);display:grid;place-items:center;pointer-events:none;z-index:2;color:var(--accent-ink)}
.action-signal svg{width:30px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
:is(.btn,.tier__choose,.studio-contact .drawer__send,.studio-submission .tn-nav .btn):not(.btn--ghost).signal-running::before{content:'';display:block;position:absolute;inset:auto var(--action-cell) 0 0;height:2px;background:var(--accent);z-index:1;transform-origin:right;animation:kmj-signal-rule 620ms ease both}
.signal-running>.action-signal path{stroke-dasharray:1;animation:kmj-signal-draw 620ms cubic-bezier(.3,0,.2,1) both}
@keyframes kmj-signal-draw{0%,15%{stroke-dashoffset:1}100%{stroke-dashoffset:0}}
@keyframes kmj-signal-rule{0%{transform:scaleX(0)}45%,70%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.signal-running>.action-signal path{animation:none!important;stroke-dashoffset:0!important}.signal-running::before{animation:none!important;display:none!important}.nav,.nav *{transition:none!important}}