.contact-dialog,.contact-dialog *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.contact-dialog{color:#0b0b0a;background:#e8e8e5;width:min(760px,calc(100vw - 40px));max-width:760px;max-height:calc(100svh - 50px);height:auto;border:1px solid #5c5c57;padding:45px 48px;margin:auto;overflow:auto;overscroll-behavior:contain}.contact-dialog::backdrop{background:#e8e8e55c;backdrop-filter:blur(13px)}.contact-dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:43px}.contact-dialog-top h2{font-size:clamp(42px,5.5vw,76px);font-weight:600;line-height:1;letter-spacing:-.065em;margin:0}.contact-dialog button{appearance:none;cursor:pointer;border:0;background:none;color:inherit;padding:0}.contact-dialog-top button{font-size:12px;padding-top:7px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-field label{display:block;font-size:12px;color:#55554e;margin-bottom:13px}.contact-field input,.contact-field textarea{display:block;width:100%;border:0;border-bottom:1px solid #bcbcb4;border-radius:0;background:transparent;box-shadow:none;color:#111;font-size:16px;font-weight:400;outline:none;padding:8px 0 12px;line-height:1.4}.contact-field input:focus,.contact-field textarea:focus{border-color:#111}.contact-field textarea{resize:vertical;min-height:100px}.contact-message{margin-top:29px}.contact-dialog .contact-send{font-size:31px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin-top:30px}.contact-send:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.contact-delivery-note{font:11px/1.5 Arial,Helvetica,sans-serif;color:#65655d;margin:15px 0 0}.contact-form-status{font-size:12px;line-height:1.5;color:#55554e;margin:10px 0 0}.contact-form-status:empty{display:none}.contact-dialog-footer{display:flex;align-items:center;gap:12px;border-top:1px solid #bcbcb4;margin-top:28px;padding-top:22px;font-size:12px}.contact-dialog-footer a{color:#111;text-decoration:none}.contact-dialog-footer button{color:#62625b;font-size:12px}.contact-dialog button:focus-visible,.contact-dialog a:focus-visible{outline:1px solid #111;outline-offset:5px}.standalone-project-nav button[data-open-contact]{font:12px Arial,Helvetica,sans-serif;background:none;border:0;cursor:pointer;color:#111;padding:0}.standalone-project-nav button[data-open-contact]:hover{text-decoration:underline}
@media(max-width:650px){.contact-dialog{width:calc(100vw - 28px);max-height:calc(100svh - 28px);padding:30px 24px}.contact-dialog-top{margin-bottom:30px}.contact-dialog-top h2{font-size:51px}.contact-fields{grid-template-columns:1fr;gap:24px}.contact-message{margin-top:24px}.contact-field label{font-size:12px;margin-bottom:5px}.contact-field textarea{min-height:95px}.contact-dialog .contact-send{font-size:27px;margin-top:25px}.contact-dialog-footer{font-size:11px;gap:12px;flex-wrap:wrap}.contact-dialog-footer button{font-size:11px}.contact-delivery-note{font-size:10px}.standalone-project-nav button[data-open-contact]{font-size:11px}}
@media(prefers-reduced-motion:reduce){.contact-dialog::backdrop{backdrop-filter:none;background:#e8e8e5e6}}
.contact-dialog{height:fit-content}

/* Clear form hierarchy and one primary action. */
.contact-dialog-top{align-items:center;margin-bottom:36px}
.contact-dialog-top h2{text-box-trim:trim-both;text-box-edge:cap alphabetic}
.contact-dialog-top button{font-size:13px;line-height:1.4;padding:8px 0;border:0;box-shadow:none;align-self:center}
.contact-dialog .contact-send{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:46px;padding:12px 25px;background:#111;color:#fff;font-size:15px;font-weight:400;letter-spacing:0;line-height:1.3;border:1px solid #111;margin-top:28px;text-decoration:none}
.contact-dialog .contact-send:hover{background:#333;text-decoration:none}
.contact-dialog .contact-delivery-note{margin-top:12px;font-size:11px;line-height:1.5}

/* One shared close control for Index and Contact. */
#close-index,.contact-dialog-top button[data-close-contact]{appearance:none;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;font:12px/1.35 Arial,Helvetica,sans-serif;color:#111;background:transparent;border:1px solid #5c5c57;padding:7px 9px;min-height:32px;text-decoration:none;box-shadow:none;cursor:pointer}
#close-index:hover,#close-index:focus-visible,.contact-dialog-top button[data-close-contact]:hover,.contact-dialog-top button[data-close-contact]:focus-visible{border:1px solid #111;padding:7px 9px;text-decoration:none}

/* Use color, rather than a second rectangle, to indicate keyboard focus. */
#close-index:focus,.contact-dialog-top button[data-close-contact]:focus{outline:none;box-shadow:none}
#close-index:focus-visible,.contact-dialog-top button[data-close-contact]:focus-visible{outline:none;box-shadow:none;background:#111;color:#e8e8e5}