/*! SONIC SNOWFLAKE RECORDS — Studio View Styles */

.studio-header { padding-top: calc(var(--nav-h) + 2.5rem); padding-bottom: .5rem; }
.studio-header__title { font-size: var(--fs-hero); line-height: .9; margin: .6rem 0 1.2rem; }
.studio-header__sub { max-width: 68ch; color: var(--mist); font-size: var(--fs-lead); }

.exec-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 54px; align-items: center; }
@media (max-width: 860px) { .exec-grid { grid-template-columns: 1fr; } }
.exec-portrait { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--line); aspect-ratio: 1/1; box-shadow: 0 30px 80px -30px rgba(181,131,255,.35); }
.exec-portrait img { width: 100%; height: 100%; object-fit: cover; }
.exec-body h2 { font-family: var(--font-display); font-size: var(--fs-h2); line-height: .98; margin: .5rem 0 .8rem; }
.exec-tagline { font-family: var(--font-mono); color: var(--gold-bright); font-size: 1rem; margin-bottom: 1.4rem; letter-spacing: .02em; }
.exec-body p { color: var(--mist); font-size: var(--fs-lead); line-height: 1.75; margin-bottom: 1.1rem; }

.signal-chain { position: relative; }
.signal-chain::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse 55% 70% at 85% 30%, rgba(181,131,255,.1), transparent 70%);
}
.signal-chain__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }
@media (max-width: 860px) { .signal-chain__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .signal-chain__grid { grid-template-columns: 1fr; } }
.signal-step { background: var(--panel); padding: 32px 26px; }
.signal-step__n { font-family: var(--font-mono); font-size: .8rem; color: var(--neon-bright); letter-spacing: .1em; }
.signal-step h3 { font-family: var(--font-display); font-size: 1.15rem; margin: 14px 0 10px; }
.signal-step p { color: var(--mist); font-size: .9rem; line-height: 1.6; }

.studio-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; text-align: center; }
@media (max-width: 640px) { .studio-stats { grid-template-columns: repeat(2, 1fr); } }
.studio-stats > div { padding: 26px 10px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.studio-stats strong { display: block; font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 800; background: linear-gradient(180deg, var(--chrome-1), var(--neon)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.studio-stats span { font-family: var(--font-mono); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--mist); }