.contact-page{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(36px,6vw,84px);align-items:start;max-width:1180px;padding-top:clamp(44px,7vw,88px);padding-bottom:clamp(64px,8vw,110px)}.contact-intro{position:sticky;top:30px;padding-top:18px}.contact-intro h1{max-width:12ch;margin:.55rem 0 1rem;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.045em}.contact-intro>p{max-width:56ch;color:var(--muted);font-size:1.05rem;line-height:1.7}.contact-expectations{display:grid;gap:0;margin:2rem 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.contact-expectations li{display:grid;gap:.25rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}.contact-expectations strong{color:var(--ink);font-size:.92rem}.contact-expectations span{color:var(--muted);font-size:.88rem;line-height:1.5}.contact-panel{padding:clamp(24px,4vw,46px);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:#fff;box-shadow:0 20px 55px rgba(25,59,47,.08)}.contact-panel__heading h2{margin:.35rem 0 .45rem;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.025em}.contact-panel__heading p{margin:0;color:var(--muted);font-size:.9rem}.contact-panel__heading{margin-bottom:1.4rem}.contact-success[hidden]{display:none}.contact-status{margin:0 0 1rem;padding:.9rem 1rem;border:1px solid #d59991;border-radius:var(--radius);background:#fff2f0;color:#862b20;font-size:.9rem;font-weight:700;line-height:1.5}.contact-status[data-state="success"]{border-color:#85b6a6;background:#eff8f4;color:#155b43}.contact-success{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid #89bca9;border-radius:var(--radius);background:#eff8f4;outline:none}.contact-success>span{display:grid;flex:0 0 auto;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.contact-success h2{margin:.05rem 0 .3rem;font-size:1.25rem}.contact-success p{margin:0;color:#3e6256;line-height:1.6}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.contact-form[hidden]{display:none}.contact-field{display:grid;gap:.42rem}.contact-field--wide{grid-column:1/-1}.contact-field label{color:var(--ink);font-size:.88rem;font-weight:800}.contact-field input,.contact-field textarea{width:100%;padding:.85rem .9rem;border:1px solid #bdcec7;border-radius:8px;background:#fffefb;color:var(--ink);font:inherit;line-height:1.45;transition:border-color .15s,box-shadow .15s}.contact-field textarea{min-height:170px;resize:vertical}.contact-field input:hover,.contact-field textarea:hover{border-color:#7ba493}.contact-field input:focus-visible,.contact-field textarea:focus-visible{border-color:var(--green);outline:0;box-shadow:0 0 0 3px rgba(8,122,85,.16)}.contact-field small{color:var(--muted);font-size:.76rem;text-align:right}.contact-honeypot{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-form__security{display:grid;gap:.6rem;min-height:72px;padding-top:.25rem}.contact-form__security p{max-width:62ch;margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.contact-form__security a{color:var(--green);font-weight:700}.contact-form__actions{display:flex;align-items:center;gap:1rem;padding-top:.25rem}.contact-form__actions .button{min-width:170px;cursor:pointer}.contact-form__actions .button:disabled{cursor:wait;opacity:.6}.contact-form__actions span{color:var(--muted);font-size:.78rem;line-height:1.45}.contact-noscript{grid-column:1/-1;margin:0;color:#862b20;font-weight:700}@media(max-width:900px){.contact-page{grid-template-columns:1fr;max-width:720px}.contact-intro{position:static;padding-top:0}.contact-intro h1{max-width:15ch}.contact-expectations{grid-template-columns:repeat(2,1fr);gap:1rem;border:0}.contact-expectations li{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}}@media(max-width:620px){.contact-page{gap:28px;padding-top:34px}.contact-intro h1{font-size:clamp(2.15rem,12vw,3.15rem)}.contact-expectations{grid-template-columns:1fr;gap:.6rem}.contact-panel{padding:21px 17px}.contact-form{grid-template-columns:1fr}.contact-field--wide{grid-column:auto}.contact-form__actions{align-items:stretch;flex-direction:column}.contact-form__actions .button{width:100%}}
