.contact-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:90px 0 96px;font-family:var(--font-sans)}
.contact-intro h1{font-family:var(--font-sans);font-size:clamp(78px,8.5vw,122px);font-weight:500;line-height:.94;letter-spacing:-.065em;margin:30px 0}
.contact-intro h1>span:first-child{color:#a67db4}.contact-intro h1>span:nth-of-type(2){color:#badbec}.contact-dot{color:var(--ink)}
[data-theme="light"] .contact-intro h1>span:first-child{color:#89649a}[data-theme="light"] .contact-intro h1>span:nth-of-type(2){color:#347c99}[data-theme="light"] .contact-main svg{filter:brightness(.65)}
.contact-lede{font-size:24px;line-height:1.45;letter-spacing:-.025em}.contact-small{color:var(--muted);margin-top:18px;font-size:18px}
.contact-band{display:flex;gap:0;margin:42px 0 24px;transform:rotate(-5deg);max-width:320px}.contact-band svg{width:33.333%}.contact-band svg:nth-child(2){transform:translateY(16px) rotate(10deg)}
.contact-email{font-size:14px;border-bottom:1px solid var(--rule);padding-bottom:6px;overflow-wrap:anywhere}
.contact-panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:30px;font-size:12px;letter-spacing:.14em}.contact-panel-heading>span:last-child{font-size:28px;color:#f6d912}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-field{margin-bottom:28px}.contact-field label{display:block;font-size:15px;margin-bottom:10px}
.contact-field input,.contact-field textarea{display:block;width:100%;background:var(--paper-light);color:var(--ink);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;font:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s}.contact-field textarea{resize:vertical;min-height:150px}.contact-field input:focus,.contact-field textarea:focus{outline:0;border-color:#a67db4;box-shadow:0 0 0 3px #a67db428}
.contact-field-note{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:11px}.field-error{display:block;color:#fa867b;font-size:13px;margin-top:8px}[data-theme="light"] .field-error{color:#ab3125}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.instrument-match{border:0;padding:0;margin:0 0 22px;min-width:0}.instrument-match legend{font-size:19px;letter-spacing:-.02em;margin-bottom:9px}.instrument-match>p{font-size:13px;color:var(--muted);line-height:1.65}
.match-layout{display:flex;gap:18px;align-items:center;margin-top:18px}.match-source{width:105px;flex:0 0 105px;background:var(--paper-light);border:1px dashed var(--rule);border-radius:16px;padding:8px;cursor:grab;touch-action:none;user-select:none}.match-source svg{width:100%}.match-source>span{display:flex;justify-content:space-between;font-size:11px;padding:0 4px 5px}.match-source.dragging{opacity:.4;cursor:grabbing}
.match-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1;min-width:0}.match-choice{position:relative;display:flex;align-items:center;flex-direction:column;background:var(--paper-light);border:1px solid var(--rule);border-radius:14px;padding:8px 4px 12px;cursor:pointer;min-width:0;transition:transform .2s,border-color .2s,background .2s}.match-choice svg{width:100%;max-width:90px}.match-choice>span{font-size:11px}.match-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}.match-choice:hover,.match-choice.drop-hover{transform:translateY(-4px);border-color:#a67db4}.match-choice:has(input:checked){border-color:#06956b;box-shadow:0 0 0 2px #06956b45;background:#06956b15}.match-choice:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.match-status{margin-top:12px}.new-match{margin-top:10px;padding:5px 0;background:none;border:0;border-bottom:1px solid var(--rule);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.instrument-ghost{position:fixed;width:95px;height:95px;background:var(--paper-light);border:1px solid #a67db4;border-radius:14px;box-shadow:0 15px 40px #0005;pointer-events:none;z-index:100;transform:translate(-50%,-50%) rotate(-8deg)}
.contact-privacy{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 20px}.contact-privacy a{text-decoration:underline;text-underline-offset:3px}.contact-submit{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f6d912;color:#171714;border:0;border-radius:12px;padding:18px 22px;font:inherit;font-size:19px;cursor:pointer;transition:background .2s,transform .2s}.contact-submit:hover{background:#ffe641;transform:translateY(-2px)}.contact-submit:disabled{opacity:.6;cursor:wait}
.contact-feedback{border:1px solid #fa867b;border-radius:12px;padding:18px;margin-bottom:26px;font-size:14px}.contact-feedback ul{margin:10px 0 0;padding-left:18px}.contact-feedback.success{border-color:#06956b}.contact-feedback p{margin-top:8px}
.contact-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:25px 0 35px;font-size:12px;color:var(--muted)}
@media(max-width:1099px){.contact-main{gap:40px}.match-layout{gap:10px}.match-source{width:82px;flex-basis:82px}.match-source>span{display:block;text-align:center;font-size:10px;padding-inline:0}.match-source>span>span{display:none}.contact-lede{font-size:21px}}
@media(max-width:759px){.contact-main{grid-template-columns:1fr;padding:50px 0 60px;gap:45px}.contact-intro h1{font-size:86px;margin:20px 0}.contact-lede{font-size:22px}.contact-band{display:none}.contact-email{display:inline-block;margin-top:22px}.contact-fields{gap:15px}.contact-panel-heading{margin-bottom:24px}.match-source{width:80px;flex-basis:80px}.match-choices{gap:6px}.match-choice>span{font-size:10px}.contact-footer{flex-wrap:wrap}.contact-field-note{font-size:10px}.contact-submit{font-size:18px}}
@media(max-width:359px){.contact-fields{grid-template-columns:1fr;gap:0}.match-layout{flex-wrap:wrap}.match-source{margin:auto}.match-choices{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.contact-submit,.match-choice,.contact-field input,.contact-field textarea{transition:none}.match-choice:hover,.match-choice.drop-hover,.contact-submit:hover{transform:none}}