:root{--bg:#080b10;--panel:#111722;--ink:#f6f8fb;--muted:#a8b3c3;--line:#283343;--blue:#5fa9ef;--glow:#173a61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}a:hover{color:#9bceff}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;color:black;z-index:20}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.header{position:sticky;top:0;z-index:10;background:#080b10ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{text-decoration:none;font-weight:900;letter-spacing:.08em;line-height:1;font-size:1.25rem;white-space:nowrap}.brand b{color:var(--blue)}.brand small{display:block;font-weight:600;letter-spacing:.29em;font-size:.51rem;margin-top:7px;color:var(--muted)}.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid var(--blue);background:var(--blue);color:#07111e;text-decoration:none;font-weight:800;letter-spacing:.04em;border-radius:3px}.button:hover{background:#a1d2ff;color:#07111e}.button.ghost{background:transparent;color:var(--ink);border-color:#667b94}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 72% 45%,#153557 0%,#0b1726 28%,#080b10 63%)}.hero:before{content:"";position:absolute;right:-13%;top:0;width:65%;height:100%;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 11px,#6ab2f3 12px 13px,transparent 14px 25px);mask-image:linear-gradient(0deg,transparent 2%,black 45%,transparent 98%);transform:skew(-13deg)}.hero .wrap{position:relative;padding:110px 0 105px}.hero h1{max-width:900px;font-size:clamp(3rem,7.3vw,6.7rem);line-height:1.03;letter-spacing:-.065em;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(1.07rem,2vw,1.34rem);max-width:690px;color:#d4deea}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.meta{color:var(--muted);font-size:.82rem;margin-top:60px;letter-spacing:.12em;text-transform:uppercase}.section{padding:90px 0;border-bottom:1px solid var(--line)}.section h2{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.1;letter-spacing:-.045em;margin:10px 0 20px}.section-intro{max-width:690px;color:var(--muted);font-size:1.12rem;margin-bottom:33px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card{background:linear-gradient(135deg,#151d2a,#0d121a);border:1px solid var(--line);padding:30px;min-height:195px}.card span{color:var(--blue);font-size:.8rem;font-weight:800;letter-spacing:.16em}.card h3{font-size:1.5rem;line-height:1.2;margin:16px 0 10px}.card p{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{border-top:2px solid var(--blue);padding-top:20px}.step strong{display:block;font-size:1.24rem}.step p{color:var(--muted)}.dark-panel{background:#101723}.samples{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sample{border:1px solid var(--line);background:#0a1019;padding:20px}.sample strong{display:block;font-size:1.15rem}.sample small{color:var(--muted)}audio{width:100%;margin-top:15px;height:42px}.video{aspect-ratio:16/9;width:100%;border:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.studio-graphic{min-height:370px;background:radial-gradient(circle at 50% 45%,#28649a,#101b2b 43%,#070b12 75%);display:grid;place-items:center;border:1px solid var(--line);position:relative;overflow:hidden}.studio-graphic:before,.studio-graphic:after{content:"";border:2px solid #6bb6f757;border-radius:50%;position:absolute;width:58%;aspect-ratio:1}.studio-graphic:after{width:36%}.studio-graphic b{z-index:1;text-align:center;font-size:2rem;line-height:1.1;letter-spacing:-.04em}.studio-graphic small{font-size:.65rem;color:var(--blue);letter-spacing:.3em}.contact{background:linear-gradient(120deg,#132943,#0a0d14 70%)}.footer{padding:36px 0;color:var(--muted);font-size:.86rem}.footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer a{margin-left:14px}.inline-link{color:#9bceff}.fine{font-size:.86rem;color:var(--muted)}@media(max-width:760px){.nav{align-items:flex-start;padding:16px 0;flex-direction:column;gap:15px}.links{gap:14px}.links a{font-size:.71rem}.hero .wrap{padding:74px 0 78px}.grid,.samples,.about,.steps{grid-template-columns:1fr}.section{padding:65px 0}.about{gap:28px}.studio-graphic{min-height:280px}.meta{margin-top:45px}}

.rate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}.rate-grid div{background:#101723;padding:20px 24px;display:flex;gap:12px;justify-content:space-between}.rate-grid strong{white-space:nowrap;color:var(--blue)}@media(max-width:760px){.rate-grid{grid-template-columns:1fr}.rate-grid div{padding:15px;flex-wrap:wrap}}

.payment{margin-top:32px;padding:28px;border:1px solid var(--line);background:#0a1019}.payment h3{font-size:1.5rem;margin:0}.payment p{color:var(--muted);margin:6px 0 0}.payment .actions{margin-top:18px}.payment form{margin:0}.payment button{font:inherit;cursor:pointer}

.hero{background:linear-gradient(90deg,#080b10a0,#080b102b),url('images/studio-overview-clean.png') center/cover}.hero:before{display:none}.studio-photo{position:relative;display:block;border:1px solid var(--line);overflow:hidden}.studio-photo img{display:block;width:100%;height:420px;object-fit:cover}.studio-photo span{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,#080b10ee);font-weight:800}.gallery-intro{padding:100px 0 85px;background:linear-gradient(90deg,#080b10a0,#080b102b),url('images/studio-overview-clean.png') center/cover;border-bottom:1px solid var(--line);text-shadow:0 2px 18px #000}.gallery-intro h1{font-size:clamp(2.8rem,6.5vw,5.8rem);max-width:850px;line-height:1.04;letter-spacing:-.06em;margin:18px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{margin:0;background:var(--panel);border:1px solid var(--line)}.gallery-item a{display:block;overflow:hidden}.gallery-item img{display:block;width:100%;height:245px;object-fit:cover;transition:transform .25s}.gallery-item a:hover img{transform:scale(1.035)}.gallery-item figcaption{font-weight:700;padding:12px 16px;color:#d4deea}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:260px}.gallery-intro{padding:75px 0 65px}.studio-photo img{height:330px}}

.hero h1,.hero .lead{ text-shadow:0 2px 20px #000b }

/* Keep the complete studio panorama and its bottom lettering visible. */
.hero,.gallery-intro{background-size:100% 100%,100% auto;background-position:center,bottom center;background-repeat:no-repeat;background-color:var(--bg);min-height:calc(100vw * 0.52662)}
.gallery-item:first-child img{height:auto;object-fit:contain}
@media(max-width:760px){.hero{padding-bottom:calc(100vw * 0.52662)}.hero .wrap{padding-bottom:35px}.gallery-intro{padding-bottom:calc(100vw * 0.52662 + 40px)}}

/* Complete microphone thumbnail and photo pages with persistent navigation. */
.photo-view{padding-top:25px;padding-bottom:40px}
.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}
.photo-toolbar div{display:flex;gap:24px}
.photo-toolbar a{font-weight:700}
.photo-view figure{margin:0}
.photo-view figure img{display:block;max-width:100%;width:auto;max-height:calc(100vh - 220px);height:auto;object-fit:contain;margin:auto}
.photo-view figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:1.15rem;font-weight:700}
.photo-view figcaption span{color:var(--muted);font-size:.9rem}
@media(max-width:600px){.photo-toolbar{align-items:flex-start;flex-direction:column}.photo-view figure img{max-height:65vh}.photo-toolbar .button{padding:9px 15px}}

.gallery-thumbnails{padding-top:28px}

/* Business card mark in the persistent navigation. */
.brand-logo{display:block;flex:none;line-height:0}
.brand-logo img{display:block;width:136px;height:auto;filter:grayscale(1) contrast(3) brightness(1.05);mix-blend-mode:screen}
.nav:has(.brand-logo){min-height:120px}
/* On phones the logo scrolls with the homepage, leaving only navigation sticky. */
.mobile-home-logo{display:none}
@media(max-width:760px){
  .header .brand-logo{display:none}
  .nav:has(.brand-logo){min-height:0;flex-direction:row;align-items:center;gap:0;padding:8px 0}
  .nav:has(.brand-logo) .links{width:100%;justify-content:flex-start;gap:0 14px}
  .nav:has(.brand-logo) .links a{font-size:.66rem;line-height:1.4;letter-spacing:.04em;padding:6px 0}
  .mobile-home-logo{display:block;width:160px;height:auto;margin:0 auto 0;filter:grayscale(1) contrast(3) brightness(1.05);mix-blend-mode:screen}
  .hero .wrap{padding-top:0}
  .mobile-home-logo + .eyebrow{text-align:center}
}