.contact-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(50px,8vw,130px);padding-top:70px;padding-bottom:120px;display:grid}.contact-intro{padding-top:20px;position:sticky;top:45px}.contact-intro h1{font:800 clamp(48px, 5vw, 75px)/1.04 var(--display);letter-spacing:-.065em;max-width:560px;margin:0}.contact-intro h1 em{font:italic 500 1.03em/.96 var(--serif);color:var(--accent);letter-spacing:-.04em}.contact-intro>p:not(.eyebrow){color:var(--muted);max-width:500px;margin:26px 0;font-size:19px;line-height:1.6}.intro-note{border-top:1px solid var(--line);max-width:420px;margin-top:70px;padding-top:24px}.intro-note span,.form-heading span,.attachment-heading>span,.contact-actions>span{font:600 12px var(--mono);letter-spacing:.1em;color:var(--sea)}.intro-note p{font-family:var(--serif);color:var(--sea);margin:18px 0 0;font-size:28px;font-style:italic;line-height:1.18}.contact-form{border:1px solid #d7ded8;border-top:4px solid var(--accent);background:#fffefa;padding:clamp(24px,3.6vw,50px);box-shadow:0 18px 45px #173a3010}.form-heading,.attachment-heading{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.form-heading{margin-bottom:28px}.form-heading p,.attachment-heading small{color:var(--muted);margin:0;font-size:14px}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:22px;display:flex}.field label{font-size:15px;font-weight:700}.field label b{color:var(--accent)}.field label span{color:var(--muted);font-weight:400}.field input,.field textarea{width:100%;color:var(--ink);font:16px/1.5 var(--body);background:#fff;border:1px solid #b9c9c2;border-radius:4px;outline:none;padding:13px 15px;transition:border-color .15s,box-shadow .15s;display:block}.field textarea{resize:vertical;min-height:170px}.field input:focus,.field textarea:focus{border-color:var(--sea);box-shadow:0 0 0 3px #245b5a21}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#788582}.field small{color:var(--muted);font-size:14px}.field-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.attachments{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.attachment-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:21px;display:grid}.attachment-box{background:#f5f7f2;border:1px dashed #a9bdb4;min-width:0;padding:20px}.attachment-box>label,.attachment-box>strong{font-size:15px;font-weight:700;display:block}.attachment-box span,.attachment-box label span{color:var(--muted);margin:6px 0 14px;font-size:14px;font-weight:400;line-height:1.45;display:block}.attachment-box input[type=file]{width:100%;max-width:100%;color:var(--muted);font-size:14px}.attachment-box input[type=file]::file-selector-button{border:1px solid var(--sea);color:var(--sea);font:700 13px var(--body);cursor:pointer;background:#fff;border-radius:3px;margin-right:8px;padding:8px 10px}.file-list{color:var(--sea);overflow-wrap:anywhere;margin:10px 0 0;padding:0;font-size:14px;list-style:none}.file-list li+li{margin-top:4px}.audio-actions{align-items:center;gap:10px;display:flex}.subtle-button{font:700 13px var(--body);border:1px solid var(--sea);color:var(--sea);cursor:pointer;background:#fff;border-radius:3px;padding:9px 12px}.subtle-button:hover{background:#e8efea}.subtle-button.recording{color:var(--accent);border-color:var(--accent)}#record-timer{font:600 13px var(--mono);color:var(--accent)}#audio-preview{width:100%;height:38px;margin:12px 0 4px}.text-button{font:600 13px var(--body);color:var(--accent);cursor:pointer;background:0 0;border:0;padding:5px 0;text-decoration:underline}.small-feedback{color:var(--muted);min-height:1em;margin:7px 0 0;font-size:14px}.contact-actions{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.contact-actions>p:not(.form-feedback):not(.setup-note){color:var(--muted);margin:12px 0 20px;font-size:14px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contact-action{text-align:left;color:var(--sea);cursor:pointer;min-height:78px;font-family:var(--body);background:#f1f5f0;border:1px solid #c9d8ce;border-radius:3px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:15px 17px;display:flex}.contact-action:hover,.contact-action:focus-visible{border-color:var(--sea);background:#e8f0e9}.contact-action strong{font-size:14px}.contact-action small{color:var(--muted);font-size:14px}.contact-action.main-action{background:var(--accent);border-color:var(--accent);color:#fff;grid-column:span 2}.contact-action.main-action:hover,.contact-action.main-action:focus-visible{background:#922f28}.contact-action.main-action small{color:#ffdfd9}.form-feedback{color:var(--accent);min-height:1.5em;margin:17px 0 0;font-size:14px;font-weight:600}.setup-note{color:var(--muted);border-left:3px solid #9a7750;margin:5px 0 0;padding-left:12px;font-size:14px;line-height:1.45}.contact-footer{background:var(--sea);color:#fff}.contact-footer .wrap{align-items:center;gap:20px;min-height:105px;display:flex}.contact-footer .brand-number{font-size:45px}.contact-footer a{text-underline-offset:4px;margin-left:auto;text-decoration:underline}.contact-footer span:not(.brand-number){color:#d7e7e2;font-size:14px}button:focus-visible,.attachment-box input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=950px){.contact-main{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:75px}.contact-intro{padding:0;position:static}.contact-intro h1,.contact-intro>p:not(.eyebrow){max-width:710px}.intro-note{display:none}}@media (width<=600px){.contact-main{padding-top:24px}.contact-intro h1{font-size:clamp(42px,11vw,58px)}.contact-intro>p:not(.eyebrow){margin:17px 0 0;font-size:17px}.contact-form{padding:24px 19px}.form-heading{display:block}.form-heading p{margin-top:7px}.field-row,.attachment-grid{grid-template-columns:1fr;gap:0}.attachment-grid{gap:12px}.field-row .field{margin-bottom:22px}.contact-footer .wrap{flex-wrap:wrap;gap:8px 15px;padding-block:20px}.contact-footer a{width:100%;margin:0}}
