/* One shared contact desk, held inside a translucent glass panel. */
.contact-section{padding-block:58px 48px;scroll-margin-top:110px}
.contact-section.contact-standalone{padding-top:var(--page-top,118px);padding-bottom:36px}
.contact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(28px,4vw,62px);padding:clamp(28px,3vw,44px);border:0;border-radius:32px;background:var(--glass-panel);box-shadow:var(--glass-panel-shadow);backdrop-filter:var(--glass-panel-blur);-webkit-backdrop-filter:var(--glass-panel-blur)}
.contact-summary{min-width:0}
.contact-eyebrow{margin:0 0 12px;color:#666666;font-size:10px;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}
.contact-card :is(h1,h2)#contact-title{margin:0;color:#202020;font-size:clamp(30px,3.2vw,46px);font-weight:400;letter-spacing:-.045em;line-height:1.08}
.contact-intro{max-width:350px;margin:15px 0 22px;color:#595959;font-size:14px;line-height:1.55}
.contact-direct{display:grid;gap:8px}
.contact-direct-link{display:flex;align-items:center;gap:12px;min-height:47px;padding:10px 15px;border:0;border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-shadow);color:#383838;text-decoration:none;font-size:13px;line-height:1.4}
.contact-direct-link:last-child{border-bottom:0}
.contact-direct-link>svg{flex:none;width:19px;height:19px}.contact-direct-link:hover{background:#ffffffe0}.contact-direct-link:first-child{background:var(--glass-dark);color:#fff;box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px #31313114}.contact-direct-link:first-child .contact-link-arrow{color:#fff}
.contact-direct-link>span:not(.contact-link-arrow){min-width:0}
.contact-direct-label{display:block;color:#686868;font-size:10px;line-height:1.4}
.contact-email{overflow-wrap:anywhere;font-size:12px}
.contact-link-arrow{margin-inline-start:auto;color:#606060;transition:transform .16s ease}
.contact-direct-link:hover .contact-link-arrow{transform:translate(2px,-2px)}
.contact-compose{align-self:center;min-width:0}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-field{display:flex;flex-direction:column;min-width:0;margin-bottom:16px}
.contact-field label,.contact-channel legend{margin:0 0 7px;color:#303030;font-size:12px;line-height:1.4}
.contact-optional{color:#707070;font-size:10px}
.contact-field :is(input,textarea),.contact-copy-fallback textarea{box-sizing:border-box;width:100%;min-width:0;border:0;border-radius:16px;padding:11px 14px;background:#ffffffc4;box-shadow:var(--glass-shadow);color:#202020;font:inherit;font-size:14px;line-height:1.5;transition:border-color .16s,box-shadow .16s}
.contact-field input{height:44px}
.contact-field textarea{resize:vertical;min-height:85px;max-height:170px}
.contact-field :is(input,textarea)::placeholder{color:#777777;opacity:1}
.contact-context{margin:-3px 0 13px;color:#606060;font-size:11px;line-height:1.5;max-height:48px;overflow:auto}
.contact-context>span{color:#333333}
.contact-channel{display:flex;gap:8px;border:0;margin:0 0 19px;padding:0;min-width:0}
.contact-channel legend{padding:0}
.contact-channel label{position:relative;flex:0 1 145px;min-width:0;cursor:pointer}
.contact-channel input{position:absolute;opacity:0;width:1px;height:1px}
.contact-channel label>span{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;min-height:44px;padding:0 15px;background:var(--glass-surface);box-shadow:var(--glass-shadow);color:#494949;font-size:12px;transition:border-color .16s,background .16s}
.contact-channel svg{width:18px;height:18px;flex:none}
.contact-channel input:checked+span{background:var(--glass-dark);color:white;box-shadow:inset 0 1px 0 #ffffff26,0 4px 12px #31313114}.contact-channel input:checked+span:after{content:"✓";font-size:11px;margin-inline-start:2px}.contact-channel label:hover>span{transform:translateY(-1px)}
.contact-form-bottom{display:flex;align-items:center;gap:20px}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid #d0d0d0;border-radius:12px;background:linear-gradient(165deg,#fff,#eeeeee);box-shadow:inset 0 1px 0 #fff,0 3px 5px -4px #22222240;color:#303030;text-decoration:none;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.contact-button svg{width:18px;height:18px;flex:none}
.contact-button-primary{border-color:#323232;background:linear-gradient(160deg,#424242,#272727);box-shadow:inset 0 1px 0 #ffffff2b,0 3px 7px -5px #22222260;color:#fff}
.contact-button:hover{border-color:#777777;transform:translateY(-1px)}
.contact-button-primary:hover{border-color:#222222;background:linear-gradient(160deg,#383838,#202020);color:#fff}
.contact-button:active{transform:none}
.contact-note{margin:0;color:#666666;font-size:10px;line-height:1.5}
.contact-note a{color:#444444;text-decoration:underline;text-underline-offset:3px}
.contact-review-title{margin:0 0 8px;color:#2b2b2b;font-size:23px;font-weight:400;line-height:1.25;letter-spacing:-.025em}
.contact-message-preview{max-height:195px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:17px 0;border:0;border-radius:18px;background:#ffffffc9;box-shadow:var(--glass-shadow);color:#333333;font:inherit;font-size:12px;line-height:1.65}
.contact-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.contact-edit{padding:10px 5px;margin-inline-start:auto;border:0;background:transparent;color:#4c4c4c;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:12px;cursor:pointer}
#contact-copy-status:empty{display:none}
#contact-copy-status{margin-top:10px}
.contact-copy-fallback{margin-top:10px}
.contact-copy-fallback label{display:block;color:#565656;font-size:11px;margin-bottom:5px}
.contact-copy-fallback textarea{font-size:11px;resize:vertical;max-height:120px}
.contact-card [hidden]{display:none!important}
.contact-card :is(a,button,input,textarea):focus-visible,.contact-channel input:focus-visible+span{outline:2px solid #444444;outline-offset:3px}
.contact-card #contact-review-title:focus{outline:none}
html[lang=ar] .contact-card :is(h1,h2)#contact-title{letter-spacing:0;line-height:1.3}
html[lang=ar] .contact-button .contact-link-arrow,html[lang=ar] .contact-form-bottom .contact-button svg{transform:scaleX(-1)}
@media(min-width:1000px) and (max-height:820px){.contact-section.contact-standalone{padding-top:var(--page-top,118px);padding-bottom:24px}.contact-standalone .contact-card{padding-block:30px}.contact-standalone .contact-intro{margin-block:12px 16px}}
@media(max-width:950px){.contact-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;padding:28px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-field{margin-bottom:12px}.contact-form-bottom{gap:12px;flex-wrap:wrap}.contact-optional{font-size:10px}.contact-card :is(h1,h2)#contact-title{font-size:34px}.contact-channel label{flex-basis:50%}}
@media(max-width:700px){.contact-section{padding-block:32px}.contact-section.contact-standalone{padding-top:calc(var(--header-height,76px) + 24px)}.contact-card{grid-template-columns:1fr;gap:28px;border-radius:26px;padding:23px}.contact-card :is(h1,h2)#contact-title{font-size:32px}.contact-intro{max-width:100%;font-size:13px;margin-bottom:15px}.contact-direct{grid-template-columns:1fr 1fr;gap:8px}.contact-direct-link{font-size:12px;gap:8px;min-height:45px;padding:10px 12px}.contact-direct-link:nth-child(3){grid-column:1/-1;grid-row:2}.contact-direct-link:nth-child(4){grid-column:1/-1}.contact-direct-label{font-size:9px}.contact-email{font-size:12px}.contact-fields{grid-template-columns:1fr 1fr;gap:12px}.contact-field :is(input,textarea){font-size:16px}.contact-field label{font-size:11px}.contact-field label .contact-optional{display:block;font-size:9px}.contact-field{margin-bottom:14px}.contact-fields .contact-field:first-child label{min-height:27px}.contact-channel label{flex:1}.contact-form-bottom{gap:12px}.contact-form-bottom>.contact-button{flex:1}.contact-form-bottom>.contact-note{flex-basis:100%;text-align:center}.contact-form-bottom>.contact-note br{display:none}.contact-form-bottom>.contact-note a{margin-inline-start:6px}.contact-message-preview{max-height:200px}.contact-review-actions .contact-button{font-size:11px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.contact-card *{transition:none!important}.contact-direct-link:hover .contact-link-arrow,.contact-button:hover{transform:none}}