.contact-intro { padding-bottom:3.75rem; }
.contact-intro-grid { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:4rem; }
.contact-intro h1 { font-size:clamp(2.6rem,4.4vw,4.4rem); }
.contact-studio-grid { display:grid; grid-template-columns:1fr 1.35fr; gap:4rem; align-items:start; }
.contact-studio-aside > p:not(.studio-kicker) { margin-top:1.25rem; max-width:30rem; }
.contact-email-card { display:flex; gap:1rem; align-items:center; background:#fff; padding:1.25rem; border:1px solid #d7e0e5; border-radius:.85rem; margin-block:2rem; color:#172f49; }
.contact-email-card > span:nth-child(2) { min-width:0; flex:1; }
.contact-email-card strong { display:block; overflow-wrap:anywhere; font-size:1rem; }
.contact-email-card span { font-size:1rem; }
.contact-email-card > span:last-child { color:#c41565; }
.contact-round-icon { width:2.8rem; height:2.8rem; display:grid; place-items:center; border-radius:50%; background:#edf8fa; color:#087e93; font-weight:700; flex-shrink:0; }
.contact-presence { border-bottom:1px solid #d3dde3; padding-bottom:2rem; }
.contact-presence p { margin-top:.6rem; }
.contact-presence > div { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.contact-presence span { border:1px solid #cbd8e0; padding:.5rem .8rem; border-radius:.5rem; background:#fff; font-size:1rem; }
.contact-next { margin-top:2rem; }
.contact-next ol { list-style:none; padding:0; margin-top:1.5rem; }
.contact-next li { display:flex; align-items:start; gap:1rem; margin-bottom:1.25rem; }
.contact-next li > span { color:#087e93; font-weight:700; font-size:1rem; padding-top:.25rem; }
.contact-studio-panel { background:#fff; padding:2.5rem; border:1px solid #d9e1e6; border-radius:1.1rem; box-shadow:0 14px 30px -24px #172f4940; }
.contact-panel-heading h2 { font-size:2rem; }
.contact-panel-heading p { margin-top:.75rem; margin-bottom:2rem; }
#contact-form .contact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem 1.25rem; }
#contact-form .contact-field { min-width:0; }
#contact-form .full { grid-column:1/-1; }
#contact-form label { display:block; color:#172f49; font-size:1rem; font-weight:650; margin-bottom:.5rem; }
#contact-form :is(input:not([type="hidden"]):not([type="checkbox"]),select,textarea) { display:block; width:100%; min-width:0; min-height:3.2rem; padding:.8rem .9rem; border:1px solid #b9c8d2; border-radius:.5rem; background:#fff; color:#172f49; font:inherit; font-size:1rem; line-height:1.5; box-shadow:none; }
#contact-form :is(input,select,textarea):focus { outline:3px solid #06b6d430; outline-offset:1px; border-color:#087e93; }
#contact-form [aria-invalid="true"] { border-color:#b42348!important; }
#contact-form :is(input,textarea)::placeholder { color:#657587; opacity:1; }
#contact-form textarea { min-height:10rem; resize:vertical; }
#contact-form .contact-honeypot { display:none!important; }
#contact-form .contact-form-actions { margin-top:1.5rem; }
#cf-submit { display:inline-flex; justify-content:center; align-items:center; gap:.75rem; background:#c41565; color:#fff; min-height:3.3rem; padding:.85rem 1.5rem; font-size:1rem; font-weight:700; border:0; border-radius:.6rem; cursor:pointer; }
#cf-submit:hover { background:#a71054; }
#cf-submit:disabled { opacity:.65; cursor:wait; }
#cf-status { font-size:1rem; line-height:1.65; margin-top:1rem; }
#cf-status:empty { display:none; }
#cf-status[data-state="error"] { color:#a52243; background:#fff3f5; padding:1rem; border-radius:.5rem; }
#cf-status[data-state="success"] { color:#14634b; background:#eef9f3; padding:1rem; border-radius:.5rem; }
.contact-form-note { font-size:1rem; border-top:1px solid #dbe3e8; padding-top:1rem; margin-top:1.5rem; }
html[lang="ar"] #contact-form .en { display:none!important; }
html[lang="ar"] #contact-form .ar-txt { display:inline!important; }
.contact-explore { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:1.5rem; align-items:stretch; }
.contact-explore h2 { font-size:2rem; }
.contact-explore a { display:flex; flex-direction:column; padding:1.5rem; background:#f8f8f8; border:1px solid #d8e0e5; border-radius:.85rem; color:#172f49; gap:.8rem; }
.contact-explore a:hover { border-color:#06b6d4; }
.contact-explore strong { font-size:1.15rem; }
.contact-explore span { font-size:1rem; line-height:1.6; color:#526274; }
.contact-explore b { align-self:flex-end; color:#c41565; }
@media(max-width:1000px) { .contact-intro-grid { grid-template-columns:1fr; gap:.5rem; } .contact-studio-grid { gap:2rem; grid-template-columns:1fr 1.3fr; } .contact-studio-panel { padding:1.5rem; } .contact-explore { grid-template-columns:1fr 1fr; } .contact-explore > div { grid-column:1/-1; } }
@media(max-width:760px) { .contact-studio-grid { grid-template-columns:1fr; } .contact-studio-panel { order:-1; } .contact-explore { grid-template-columns:1fr; } }
@media(max-width:480px) { #contact-form .contact-form-grid { grid-template-columns:1fr; } .contact-studio-panel { padding:1.25rem; } #cf-submit { width:100%; } .contact-intro h1 { font-size:2.5rem; } }