:root{color-scheme:dark;--bg:#090909;--surface:#141414;--fg:#f5f8f6;--muted:#aab8b0;--line:#30302d;--accent:#399b58;--font-body:Arial,Helvetica,sans-serif;--font-display:Arial,Helvetica,sans-serif;--font-mono:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;font-weight:500}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em}h3{font-size:28px;letter-spacing:-.02em}.eyebrow,.label{font-size:11px;letter-spacing:.21em;font-weight:600;color:var(--accent);text-transform:uppercase}.eyebrow{margin-bottom:22px}.nav{height:100px;background:#080808f5;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(6vw,24px);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:15px;text-decoration:none}.monogram{font-size:39px;font-weight:800;letter-spacing:-5px;color:var(--accent)}.monogram>span{font-weight:300;padding-left:5px}.brand-name{font-size:10px;line-height:1.5;letter-spacing:.18em}.nav ul{display:flex;gap:32px;align-items:center;list-style:none;margin:0;padding:0}.nav a:not(.brand){text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.nav a:hover{color:var(--accent)}.nav-contact{background:var(--fg);color:#111;padding:13px 22px}.hero{position:relative;min-height:680px;height:calc(100svh - 100px);max-height:980px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(0deg,#090909b0,transparent 45%),linear-gradient(90deg,#0008,#0005),url('img/studio.jpg') center 48%/cover}.hero-inner{padding:50px 20px 110px}.hero h1{font-size:clamp(52px,7.8vw,112px);letter-spacing:-.045em;line-height:1.02;font-weight:500}.hero h1 span{color:var(--accent)}.hero-sub{letter-spacing:.24em;font-size:12px;margin-top:28px;color:#edf6f0}.hero-copy{font-size:18px;color:#e0eae4;margin:20px 0 30px}.btn{display:inline-flex;gap:22px;justify-content:center;align-items:center;padding:14px 24px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.12em;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;transition:background .2s,color .2s}.btn:hover{background:var(--accent);color:#090909}.btn.primary{background:var(--accent);color:#090909}.btn.primary:hover{background:#50ae6a}.scroll-hint{position:absolute;bottom:32px;left:0;right:0;text-decoration:none;font-size:9px;letter-spacing:.22em;color:#e3eee7}section{padding:110px max(7.5vw,24px);scroll-margin-top:0}section:nth-of-type(even){background:#111110}.studio-editorial{display:grid;grid-template-columns:1.08fr 1fr;gap:8vw;align-items:center;max-width:1200px;margin:auto}.studio-editorial figure{height:580px;position:relative}.studio-editorial figure:after{content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #399b5855;z-index:0}.studio-editorial img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.studio-copy .lead{font-size:24px;line-height:1.5;margin:26px 0;color:#e3eee7}.studio-copy p:not(.eyebrow):not(.lead){color:var(--muted);margin-bottom:20px}.studio-copy .btn{margin-top:16px}.sec-head{max-width:1100px;margin:0 auto 52px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.sec-head p{color:var(--muted);max-width:55ch}.services{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;margin:auto}.svc{background:#171716;padding:38px;display:flex;flex-direction:column;border-top:2px solid var(--accent);gap:22px}.svc p,.svc li{color:var(--muted);font-size:15px}.svc ul{padding:0;list-style:none;margin:0 0 20px}.svc li{padding:7px 0;border-bottom:1px solid #ffffff09}.svc li:before{content:'—';color:var(--accent);margin-right:12px}.prices{margin-top:auto}.price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.price b{font-size:32px;font-weight:400}.price b.small{font-size:15px;color:var(--muted)}.custom{max-width:1100px;margin:28px auto 0;border:1px solid #399b5855;padding:28px 36px;display:flex;justify-content:space-between;gap:30px;align-items:center}.custom h3{font-size:23px;margin-bottom:10px}.custom p{color:var(--muted);font-size:14px}.custom>b{white-space:nowrap;color:var(--accent);font-size:14px;font-weight:400}.note{font-size:12px;color:#a4a19c;max-width:1100px;margin:22px auto 0}.steps{max-width:1100px;margin:70px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;counter-reset:step}.steps li{border-top:1px solid var(--line);padding-top:23px;counter-increment:step}.steps li:before{content:'0' counter(step);color:var(--accent);font-size:12px;letter-spacing:.1em}.steps b{display:block;font-size:20px;font-weight:400;margin:12px 0}.steps span{font-size:14px;color:var(--muted)}#hoerproben{background:#191918}.music-feature{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:70px}.music-feature p:not(.eyebrow){color:var(--muted);margin:25px 0 30px}.record-art{display:grid;place-items:center;aspect-ratio:1;background:radial-gradient(ellipse at 20% 10%,#1d512e,transparent 60%),linear-gradient(140deg,#193622,#111);padding:30px}.vinyl{display:grid;place-items:center;border-radius:50%;width:100%;aspect-ratio:1;background:repeating-radial-gradient(circle,#171717 0px,#171717 2px,#242424 3px,#111 4px);box-shadow:10px 18px 30px #0008}.vinyl span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:38%;aspect-ratio:1;background:var(--accent);border-radius:50%;color:#071b13;font-size:38px;line-height:1.2}.vinyl small{font-size:6px;letter-spacing:.08em}.artist{display:grid;grid-template-columns:.8fr 1fr;gap:7vw;max-width:1100px;margin:auto;align-items:center}.portrait{height:530px}.portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.65)}.bio p{color:var(--muted);margin-bottom:22px}.bio .lead{font-size:24px;color:var(--fg)}.rel{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0;flex-wrap:wrap;font-size:13px}.rel b{font-weight:400}.rel .mono{color:var(--muted);font-size:12px}.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.chip{border-bottom:1px solid var(--accent);text-decoration:none;padding:6px 0;margin-right:12px;font-size:12px}.chip:hover{color:var(--accent)}.req{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}label{font-size:11px;letter-spacing:.05em;color:var(--muted);display:grid;gap:8px}input,select,textarea{width:100%;min-width:0;border:1px solid #383834;background:#171716;color:var(--fg);padding:12px;font-size:14px;border-radius:0}textarea{min-height:120px;resize:vertical}.out{background:#1b1b19;border:1px solid #383834;padding:30px;display:flex;flex-direction:column;gap:20px}.out pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 Arial,sans-serif;color:#d0cbc2;flex:1;margin:0}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.mailline{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.mailline b{font-weight:400}.toast{font-size:12px;color:var(--accent);min-height:20px}footer{padding:60px max(7.5vw,24px) 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;background:#050505;color:var(--muted);font-size:13px}footer b{color:var(--accent);font-size:14px;letter-spacing:.13em;font-weight:400}footer p{margin-top:15px}footer a{text-decoration:none}.footer-bottom{width:100%;border-top:1px solid #242421;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;margin-top:20px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(min-width:1600px){section{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}@media(max-width:850px){.nav{height:auto;min-height:90px;padding:18px 22px;flex-wrap:wrap;gap:15px}.nav ul{gap:18px;flex-wrap:wrap}.nav a:not(.brand){font-size:10px}.nav-contact{padding:8px 12px}.hero{min-height:620px;height:78svh}.hero h1{font-size:clamp(44px,10vw,76px)}.hero-sub{font-size:9px;letter-spacing:.14em}.hero-copy{font-size:16px}.studio-editorial,.artist,.music-feature,.req,.sec-head{grid-template-columns:1fr;gap:35px}.studio-editorial figure{height:440px;margin-right:18px}.studio-copy{margin-top:15px}section{padding:70px 24px}.sec-head{margin-bottom:35px}.services{grid-template-columns:1fr}.svc{padding:28px}.steps{gap:25px}.music-feature{gap:40px}.record-art{max-width:420px;width:100%;justify-self:center}.portrait{height:480px}.custom{padding:25px;align-items:start;flex-direction:column;gap:15px}.footer-bottom{flex-direction:column;gap:10px}}@media(max-width:500px){.nav{justify-content:center}.brand-name{font-size:9px}.nav ul{gap:16px}.nav a:not(.brand){font-size:9px}.hero{min-height:580px}.hero-inner{padding-bottom:70px}.hero .eyebrow{font-size:10px}.hero h1{font-size:48px}.steps,.fields{grid-template-columns:1fr}.steps{margin-top:40px}.out{padding:24px}.studio-editorial figure{height:360px}.portrait{height:420px}.rel{gap:10px}.rel .mono:last-child{width:100%}.price b{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.studio-editorial figure{height:auto;aspect-ratio:4/3}.studio-editorial img{object-position:58% center}.studio-panorama{position:relative;background:#111;margin:0;overflow:hidden}.studio-panorama>img{width:100%;height:clamp(300px,42vw,640px);object-fit:cover;object-position:center 48%}.studio-panorama figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:70px max(7.5vw,24px) 26px;background:linear-gradient(transparent,#000b);color:#f5f8f6;font-size:10px;letter-spacing:.16em;text-transform:uppercase}@media(max-width:600px){.studio-panorama>img{height:340px;object-position:52% center}.studio-panorama figcaption{flex-direction:column;gap:4px;font-size:9px}.studio-editorial figure{height:auto;aspect-ratio:4/3}}

.menu-toggle{display:none}
@media(max-width:850px){
html{scroll-padding-top:76px}.nav{height:60px;min-height:60px;padding:0 16px;display:flex;justify-content:center;flex-wrap:nowrap;gap:0;background:rgba(9,9,9,.94);border-bottom:1px solid #ffffff12;top:0}.nav .brand{gap:10px}.nav .monogram{font-size:27px;letter-spacing:-3px;line-height:1}.nav .brand-name{font-size:8px;line-height:1.45;letter-spacing:.16em}.menu-toggle{display:flex;position:absolute;right:12px;top:8px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;background:transparent;color:var(--fg);cursor:pointer}.menu-toggle span{width:20px;height:1px;background:currentColor;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav nav{display:none;position:absolute;left:0;right:0;top:60px;background:#101010;border-bottom:1px solid var(--line);padding:14px 20px 22px;max-height:calc(100dvh - 60px);overflow-y:auto}.nav.menu-open nav{display:block}.nav ul{display:flex;flex-direction:column;gap:0;align-items:stretch;text-align:center}.nav ul a{display:block;padding:13px 16px;font-size:11px!important}.nav .nav-contact{margin-top:8px;background:transparent;border:1px solid #399b5866;color:var(--accent)}

}

/* Emerald accents echo the studio lighting. */
:root{--bg:#080c0a;--surface:#111a16;--line:#2b3931}
.nav-contact{background:var(--accent);color:#071b13}
.hero{background:linear-gradient(0deg,rgba(8,12,10,.86),rgba(8,12,10,.45) 45%,rgba(8,12,10,.55)),url('img/studio.jpg') center 48%/cover}
.hero-inner{width:100%;text-shadow:0 2px 24px #0008}
.hero h1{color:#fff}.hero-sub,.hero-copy{color:#f0f6f2}.hero .eyebrow{color:#91c99e}
.hero .btn{text-shadow:none}.portrait img{filter:none;object-position:58% center}
.svc{background:#131d18}.custom{background:#0c1510}.out{background:#111c16;border-color:#304638}
input,select,textarea{background:#111a15;border-color:#33463a}.out pre{color:#dee9e2}
#hoerproben{background:#101a15}section:nth-of-type(even){background:#0e1511}
@media(max-width:850px){.hero{min-height:620px;height:calc(100svh - 60px);max-height:850px}.hero-inner{padding:60px 20px 110px}.nav .nav-contact{background:transparent}}
@media(max-width:500px){.hero{min-height:570px}.hero h1{font-size:clamp(38px,10vw,48px)}.hero-sub{line-height:1.8;letter-spacing:.1em}.hero-copy{font-size:16px}.portrait{height:auto;aspect-ratio:4/5}.portrait img{object-position:58% center}}