.contact-page{align-content:center;gap:1.25rem;width:min(100% - 2.5rem,72rem);min-height:100svh;margin-inline:auto;padding-block:3rem;display:grid}.contact-back{width:max-content;color:var(--ink);font-size:.88rem;font-weight:700;text-decoration:none}.contact-back:before{content:"→ "}.contact-back:hover{text-underline-offset:.3rem;text-decoration:underline}.contact-sheet{border:1px solid #201d182e;border-right:5px solid var(--oxblood);background:var(--paper);border-radius:10px;grid-template-rows:max-content max-content 1fr;grid-template-columns:minmax(15rem,.72fr) minmax(26rem,1.28fr);column-gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.5rem);display:grid;box-shadow:0 2px 8px #201d181a}.contact-kicker{color:var(--oxblood);margin:0 0 1.25rem;font-size:.82rem;font-weight:700}.contact-page h1{max-width:8ch;margin:0;font-size:clamp(3rem,5.5vw,5rem);line-height:.98}.contact-intro{color:#59534b;max-width:29rem;margin:1.5rem 0 0;font-size:1rem;line-height:1.85}.contact-form{grid-area:1/2/span 3;align-content:start;gap:1.15rem;display:grid}.contact-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-form label{color:var(--ink);gap:.5rem;font-size:.88rem;font-weight:700;display:grid}:is(.contact-form input,.contact-form select){width:100%;min-height:3.35rem;color:var(--ink);font:inherit;background:#fffefb;border:1px solid #aaa398;border-radius:8px;padding:.78rem 1rem;font-weight:400;transition:border-color .15s,box-shadow .15s,background-color .15s}:is(.contact-form input:hover,.contact-form select:hover){border-color:#6d675e}:is(.contact-form input:focus,.contact-form select:focus){border-color:var(--oxblood);background:#fff;outline:0;box-shadow:0 0 0 3px #7f403526}.contact-form input::placeholder{color:#8b847a}.contact-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2359534b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:.9rem;background-repeat:no-repeat;padding-left:2.75rem}.contact-submit{border:1px solid var(--ink);background:var(--ink);width:100%;min-height:3.5rem;color:var(--paper);font:inherit;cursor:pointer;border-radius:8px;margin-top:.35rem;padding:.9rem 1.4rem;font-weight:700;transition:background-color .15s,color .15s}.contact-submit:disabled{cursor:wait;opacity:.65}.form-status{border:1px solid;margin:0;padding:.85rem 1rem;font-weight:700}.form-status-success{color:var(--green)}.form-status-error{color:var(--oxblood)}.contact-submit:hover{background:#36322c}.contact-submit:focus-visible{outline:3px solid var(--oxblood);outline-offset:3px}.setup-note{border:1px solid var(--oxblood);width:min(100%,34rem);color:var(--oxblood);font-family:var(--font-mono),monospace;padding:1rem}.contact-page-english .contact-sheet{border-right:1px solid #201d182e;border-left:5px solid var(--oxblood)}.contact-page-english .contact-back:before{content:"← "}.contact-page-english .contact-form select{background-position:right .9rem center;padding-left:1rem;padding-right:2.75rem}@media (max-width:820px){.contact-page{width:min(100% - 2rem,42rem)}.contact-sheet{grid-template-rows:auto;grid-template-columns:1fr;gap:0}.contact-page h1{max-width:12ch}.contact-intro{margin-bottom:2rem}.contact-form{grid-area:auto/1}}@media (max-width:560px){.contact-page{width:min(100% - 2rem,48rem);padding-block:1.5rem}.contact-sheet{border-right-width:4px;border-radius:8px;padding:1.5rem 1.25rem}.contact-page-english .contact-sheet{border-left-width:4px;border-right-width:1px}.contact-field-row{grid-template-columns:1fr;gap:1.25rem}.contact-page h1{font-size:2.8rem}.arabic-site.contact-page h1{font-size:38px}}