:root{--background:#0d0c0b;--background-soft:#151310;--panel:#1c1813;--cream:#f2eadc;--cream-muted:#c9bead;--gold:#c6a15b;--gold-light:#dfc485;--border:#dfc48538;--serif:"Cormorant Garamond", serif;--sans:"Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--cream);font-family:var(--sans);margin:0;font-weight:300;line-height:1.75}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);margin-top:0;font-weight:500;line-height:1.05}h1{letter-spacing:-.04em;max-width:900px;margin-bottom:30px;font-size:clamp(3.8rem,7vw,7rem)}h2{letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(2.75rem,4.4vw,4.35rem)}h3{margin-bottom:12px;font-size:2rem}.eyebrow{color:var(--gold-light);letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:500}.site-header{z-index:10;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:26px clamp(24px,5vw,80px);display:flex;position:absolute;top:0;left:0}.brand{font-family:var(--serif);letter-spacing:.04em;font-size:1.65rem;font-weight:500}.site-header>nav{gap:clamp(16px,2.2vw,30px);display:flex}.site-header nav a{color:#ffffffd1;letter-spacing:.13em;text-transform:uppercase;font-size:.74rem;font-weight:400}.site-header nav a:hover,.text-link:hover{color:var(--gold-light)}.mobile-navigation{display:none}.mobile-navigation summary{cursor:pointer;color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:500;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation nav{border:1px solid var(--border);background:#151310;gap:18px;min-width:210px;padding:24px;display:grid;position:absolute;top:80px;right:24px;box-shadow:0 18px 40px #0006}.studio-hero{background:radial-gradient(circle at 82% 25%,#c6a15b2e,#0000 30%),linear-gradient(135deg,#1b150f,#090807 65%);align-items:center;min-height:0;padding:155px clamp(24px,8vw,130px) 90px;display:flex;position:relative;overflow:hidden}.studio-hero:after{content:"";opacity:.14;background:repeating-linear-gradient(120deg,#0000 0 23px,#ffffff06 24px);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-introduction{max-width:760px;color:var(--cream-muted);margin:0 0 36px;font-size:clamp(1.05rem,1.5vw,1.25rem)}.studio-photo{background:#090807;margin:0;padding:0 clamp(24px,4vw,70px) 26px}.studio-photo img{width:100%;max-width:1600px;height:auto;margin:0 auto;display:block}.studio-photo figcaption{max-width:1600px;color:var(--cream-muted);letter-spacing:.08em;margin:12px auto 0;font-size:.72rem}.section{padding:clamp(82px,9vw,140px) clamp(24px,7vw,110px)}.section-heading{max-width:920px;margin-bottom:58px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-introduction{max-width:720px;color:var(--cream-muted);margin:0 auto}.approach-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1fr);align-items:start;gap:clamp(48px,7vw,100px);display:grid}.approach-copy{color:var(--cream-muted);font-size:1.08rem}.approach-copy p{margin:0 0 28px}.philosophy-card{border:1px solid var(--border);background:linear-gradient(135deg, #c6a15b1c, transparent 58%), var(--panel);padding:36px 44px}.philosophy-card p{font-family:var(--serif);margin:0;font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.25}.audio-section{background:var(--background)}.audio-panel{border:1px solid var(--border);background:linear-gradient(135deg, #c6a15b1f, transparent 58%), var(--panel);grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);align-items:center;gap:clamp(50px,8vw,120px);padding:clamp(44px,6vw,84px);display:grid}.audio-copy{color:var(--cream-muted)}.audio-title{color:var(--cream);font-family:var(--serif);margin:0 0 8px;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25}.audio-credit{color:var(--gold-light);letter-spacing:.08em;text-transform:uppercase;margin:0 0 28px;font-size:.78rem}audio{width:100%;accent-color:var(--gold);display:block}.experience-section{background:var(--background-soft)}.experience-panel{border:1px solid var(--border);background:linear-gradient(135deg, #c6a15b14, transparent 55%), var(--panel);grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);gap:clamp(50px,8vw,120px);padding:clamp(44px,6vw,84px);display:grid}.experience-copy,.contact-copy{color:var(--cream-muted)}.experience-copy p,.contact-copy p{margin-top:0;margin-bottom:24px}.contact-panel{border:1px solid var(--border);background:radial-gradient(circle at 80% 20%, #c6a15b21, transparent 30%), var(--panel);grid-template-columns:minmax(0,.75fr) minmax(300px,1fr);gap:clamp(50px,8vw,120px);padding:clamp(44px,6vw,84px);display:grid}.biography-link{color:var(--gold-light);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:3px;font-size:.72rem;font-weight:500;transition:border-color .18s,color .18s;display:inline-block}.biography-link:hover,.biography-link:focus-visible{border-bottom-color:var(--gold-light)}.contact-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.button{border:1px solid var(--gold);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:.76rem;font-weight:500;display:inline-flex}.button-primary{background:var(--gold);color:#14110d}.button-primary:hover{background:var(--gold-light)}.text-link{color:var(--gold-light);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:.74rem;font-weight:500;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(5px)}@media (width<=1000px){.approach-layout,.audio-panel,.experience-panel,.contact-panel{grid-template-columns:1fr}}@media (width<=760px){.site-header>nav{display:none}.mobile-navigation{display:block}.studio-hero{padding-top:125px;padding-bottom:80px}h1{font-size:4rem}}@media (width<=520px){h1{font-size:3.35rem}h2{font-size:2.8rem}.section,.studio-hero{padding-left:22px;padding-right:22px}.philosophy-card,.audio-panel,.experience-panel,.contact-panel{padding:34px 25px}.contact-actions{flex-direction:column;align-items:stretch}.button{text-align:center;width:100%}}