.contact-page{display:grid;grid-template-columns:.8fr 1.25fr;gap:7%;padding-top:58px;padding-bottom:85px;align-items:start}.contact-page-intro{padding-top:4px}.contact-page-intro>.eyebrow{color:var(--muted);font-size:9px}.contact-page h1{font-size:clamp(43px,5.5vw,83px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:32px 0 25px}.contact-intro-copy{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.contact-doodle{display:block;width:220px;max-width:85%;height:auto;margin:35px 0;color:var(--orange);overflow:visible}.envelope-line,.envelope-trail{stroke-dasharray:1;stroke-dashoffset:0;animation:envelope-draw 1.9s ease both}.envelope-trail{animation-delay:.4s}.contact-pencil{transform-box:fill-box;transform-origin:center;animation:pencil-arrive 1.2s .5s cubic-bezier(.2,.7,.2,1) both}.contact-direct{display:flex;flex-direction:column;gap:17px;margin-top:25px}.contact-direct>.eyebrow{font-size:7px;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.contact-direct>a{display:flex;justify-content:space-between;gap:12px;font-size:clamp(12px,1.35vw,20px);letter-spacing:-.4px;max-width:330px}.contact-direct>a:hover{color:var(--orange)}.contact-direct>a>span{font-size:18px;flex-shrink:0}.contact-form-panel{padding:34px;border:1px solid var(--line);border-radius:20px;background:#fcfbf8;animation:contact-form-enter .7s ease both}.form-panel-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:32px}.form-mark{color:var(--orange);font-size:38px;line-height:1}.form-panel-heading h2{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:0;font-weight:500}.form-panel-heading p{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0}.contact-form{display:flex;flex-direction:column;gap:24px}.contact-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:21px}.contact-field{min-width:0}.contact-field label{display:block;font-size:11px;line-height:1.5;margin-bottom:8px;font-weight:500}.contact-field label>span{font-size:9px;color:var(--muted);font-weight:400}.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;max-width:100%;background:transparent;border:0;border-bottom:1px solid #bebfb4;border-radius:0;font:12px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);padding:11px 0;transition:border-color .2s,box-shadow .2s,background .2s;outline:none}.contact-field input,.contact-field select{height:44px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#818579;opacity:1}.contact-field select{padding-right:12px;cursor:pointer}.contact-field textarea{resize:vertical;min-height:135px}.contact-field :is(input,select,textarea):focus{border-color:var(--orange);box-shadow:0 2px 0 var(--orange);background:#f4511e03}.contact-field:focus-within label{color:#c53e13}.message-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.message-label>span{font-size:9px;color:var(--muted);white-space:nowrap}.contact-field :user-invalid{border-color:#bb351c}.form-email-note{font-size:10px;line-height:1.75;color:var(--muted);margin:0}.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 21px;border:0;border-radius:30px;background:var(--orange);color:var(--dark);font:600 12px Arial,Helvetica,sans-serif;cursor:pointer;min-height:54px;transition:background .2s,color .2s,transform .2s}.contact-submit:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.contact-submit:focus-visible,.contact-result a:focus-visible,.contact-result button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.send-plane{width:26px;height:26px;overflow:visible}.contact-form.is-prepared .send-plane{animation:plane-send .7s ease both}.contact-result{margin-top:26px;padding:22px;background:#f0f0e8;border-radius:12px;border:1px solid #d8dcd0;animation:contact-form-enter .4s ease both}.contact-result-title{font-size:18px;letter-spacing:-.5px;margin:0 0 9px;font-weight:500}.contact-result>p:not(.contact-result-title){font-size:11px;line-height:1.7;color:var(--muted);margin:0}.contact-result-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:21px 0}.draft-email-link{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--ink);color:var(--paper);border-radius:25px;padding:12px 16px;font-size:10px}.draft-email-link:hover{background:var(--orange);color:var(--ink)}.contact-result button{font:10px Arial,Helvetica,sans-serif;color:var(--ink);background:none;padding:8px 0;border:0;border-bottom:1px solid var(--ink);cursor:pointer}.contact-result details{border-top:1px solid var(--line);padding-top:15px}.contact-result summary{font-size:10px;cursor:pointer}.contact-result textarea{display:block;width:100%;resize:vertical;background:#fcfbf8;border:1px solid var(--line);border-radius:7px;margin-top:14px;padding:12px;font:11px/1.7 Arial,sans-serif;color:var(--ink);min-height:165px}.contact-result .copy-status{padding-top:12px}.contact-result .copy-status:empty{display:none}
@keyframes contact-form-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes envelope-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes pencil-arrive{from{opacity:0;transform:translate(20px,-20px) rotate(10deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes plane-send{0%{transform:translate(0,0);opacity:1}60%{transform:translate(16px,-16px);opacity:0}61%{transform:translate(-9px,9px);opacity:0}100%{transform:translate(0,0);opacity:1}}
@media(max-width:1100px){.contact-page{grid-template-columns:.75fr 1.25fr;gap:5%}.contact-page h1{font-size:48px}.contact-form-panel{padding:26px}.contact-field-pair{gap:15px}.form-panel-heading h2{font-size:22px}.form-mark{font-size:32px}.form-panel-heading{gap:12px}.contact-direct>a{font-size:13px}.contact-doodle{width:180px}}
@media(max-width:760px){.contact-page{grid-template-columns:1fr;gap:34px;padding-top:38px;padding-bottom:55px}.contact-page h1{font-size:clamp(48px,10vw,70px);margin-top:25px;margin-bottom:22px}.contact-intro-copy{font-size:14px}.contact-doodle{width:125px;float:right;margin:18px 0 0 20px}.contact-direct{max-width:330px;gap:14px;margin-top:28px}.contact-direct>.eyebrow{font-size:6px}.contact-direct>a{font-size:14px}.contact-form-panel{padding:25px 22px}.form-panel-heading{margin-bottom:26px}.form-panel-heading h2{font-size:23px}.contact-form{gap:23px}.contact-field label{font-size:11px}.contact-field input,.contact-field select,.contact-field textarea{font-size:16px}.contact-field-pair{grid-template-columns:1fr;gap:23px}.contact-field textarea{min-height:130px}.contact-submit{font-size:12px}.form-email-note{font-size:10px}.contact-result{padding:19px}}
@media(prefers-reduced-motion:reduce){.contact-page *{animation:none!important;transition:none!important}}
.header nav .nav-contact[aria-current="page"]{background:var(--paper);color:var(--ink)} .contact-result:focus-visible{outline:2px solid var(--orange);outline-offset:5px}

@media(max-width:380px){.contact-doodle{float:none;width:110px;margin:22px 0}.contact-direct{margin-top:20px}}
