:root{color-scheme:dark;--ink:#eee8dc;--muted:#c4beb3;--accent:#d6ac6b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#191815}body{color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:#d6ac6b;color:#191815}.scene{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.scene::before{content:'';position:absolute;inset:0;z-index:-2;background:url('audio-instrument-background.png') center center/cover no-repeat}.scene::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,8,.34),rgba(7,8,8,.1) 46%,transparent 65%)}header{position:absolute;left:3.6%;top:5%;z-index:1}.wordmark{font-size:clamp(14px,1.25vw,20px);font-weight:400;letter-spacing:.28em}main{min-height:100svh;display:flex;align-items:center;padding:120px 3.6% 100px}.copy{width:44%;max-width:740px;transform:translateY(-1vh)}h1{font-size:clamp(45px,5.15vw,86px);font-weight:200;letter-spacing:-.045em;line-height:1.1;margin:0 0 30px}.intro{font-size:clamp(16px,1.55vw,25px);font-weight:300;line-height:1.65;letter-spacing:-.012em;max-width:620px;margin:0 0 48px;color:#d2ccc0}.interest{background:transparent;border:1px solid #d1c8b7;color:var(--ink);padding:17px 31px;border-radius:12px;font-size:clamp(14px,1.15vw,18px);font-weight:300;min-width:216px;transition:background .2s,border-color .2s,transform .2s}.interest:hover{background:#eee8dc;color:#191815;border-color:#eee8dc;transform:translateY(-2px)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;padding:14px;background:var(--ink);color:#191815;z-index:5}.skip:focus{top:12px}dialog{color:var(--ink);background:#201f1c;border:1px solid #666050;border-radius:14px;padding:32px;width:min(510px,calc(100% - 32px));max-height:90svh;box-shadow:0 24px 100px #0007}dialog::backdrop{background:#090a09b8;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:.2em;font-size:12px;margin-bottom:20px}.close{background:transparent;border:0;color:var(--ink);font-size:30px;line-height:1;padding:3px 7px}h2{font-size:36px;line-height:1.15;font-weight:300;letter-spacing:-.035em;margin:0 0 20px}dialog p{font-size:15px;line-height:1.65;color:var(--muted)}.preview-note{border-left:2px solid var(--accent);padding-left:12px}label{display:block;font-size:14px;margin:21px 0}label span{color:var(--muted);font-size:12px}input,textarea{width:100%;display:block;margin-top:8px;background:#191815;border:1px solid #5b574c;border-radius:5px;padding:12px;color:var(--ink);resize:vertical;font-size:16px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.submit{width:100%;margin-top:5px}#form-result{color:#e4c28f}.modal-open{overflow:hidden}@media(min-width:1800px){.copy{width:45%;max-width:880px}.intro{max-width:700px}}@media(max-width:900px) and (min-width:641px){main{padding-top:110px}.copy{width:48%}h1{font-size:5.6vw}.intro{font-size:17px;line-height:1.6;margin-bottom:30px}.interest{min-width:185px;padding:15px 22px}.scene::before{background-position:55% center}.scene::after{background:linear-gradient(90deg,#08090880,transparent 70%)}}@media(max-width:640px){.scene{min-height:100svh}.scene::before{background-size:auto 62%;background-position:74% bottom;background-color:#1b1a17}.scene::after{background:linear-gradient(180deg,#191815 0%,#191815 35%,rgba(25,24,21,.97) 42%,rgba(25,24,21,.15) 65%,transparent 80%)}header{left:7%;top:28px}.wordmark{font-size:15px}main{align-items:flex-start;padding:120px 7% 380px;min-height:100svh}.copy{width:100%;max-width:none;transform:none}h1{font-size:clamp(40px,10vw,63px);margin-bottom:23px;font-weight:300}.intro{font-size:17px;line-height:1.65;max-width:420px;margin-bottom:28px}.interest{min-width:190px;padding:15px 25px;border-radius:10px;font-size:15px}dialog{padding:24px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Approved interest form: all five fields are required. */
select{font:inherit;font-size:16px;width:100%;display:block;margin-top:8px;background:#191815;border:1px solid #5b574c;border-radius:5px;padding:12px;color:var(--ink)}select:focus{outline:2px solid var(--accent);outline-offset:2px}#enquiry-title{font-size:32px;line-height:1.2}
.dialog-top{position:relative;min-height:32px}.close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;margin-right:-6px;letter-spacing:0}
/* Tablet and phone layouts use a separate image region so text never hides the instrument. */
.mobile-visual{display:none}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:24px}
input,select,textarea{min-height:48px;min-width:0}
.close{width:44px;height:44px;margin-right:-12px;flex-shrink:0}
label{line-height:1.5}
@media(min-width:701px) and (max-height:600px){main{min-height:600px}.scene{min-height:600px}}
@media(max-width:1100px) and (orientation:portrait), (max-width:700px){
 .scene{min-height:100svh;overflow:visible}
 .scene::before,.scene::after{display:none}
 header{position:relative;top:auto;left:auto;padding:32px 7% 0}
 main{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:62px 0 0}
 .copy{width:auto;max-width:760px;margin:0 7%;transform:none;position:relative;z-index:1}
 h1{font-size:clamp(36px,7.7vw,76px);font-weight:300;line-height:1.1;margin-bottom:24px}
 .intro{font-size:clamp(17px,2.3vw,22px);line-height:1.65;max-width:600px;margin-bottom:30px}
 .interest{min-width:190px;min-height:48px;font-size:16px;padding:15px 25px}
 .mobile-visual{display:block;width:100%;height:clamp(340px,62vw,620px);object-fit:cover;object-position:85% 65%;margin-top:25px;mask-image:linear-gradient(to bottom,transparent,#000 16%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%)}
}
@media(max-width:480px){
 header{padding:28px 6% 0}main{padding-top:54px}.copy{margin-inline:6%}
 h1{font-size:clamp(32px,9.3vw,44px);letter-spacing:-.045em}
 .intro{font-size:17px;margin-bottom:26px}
 .mobile-visual{height:350px;object-position:82% 65%;margin-top:8px}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px 20px;border-radius:12px}
 .dialog-top{margin-bottom:16px}#enquiry-title{font-size:30px}label{margin:18px 0}.submit{min-width:0}
}
@media(max-width:359px){h1{font-size:30px}.intro{font-size:16px}.mobile-visual{height:300px}#enquiry-title{font-size:28px}}