/* contact tide: behind everything, never takes input */
/* app.css gives #contact content-visibility:auto, whose paint containment would clip the full-bleed water to the column */
#contact.contact.cf-on{position:relative;isolation:isolate;content-visibility:visible;contain:none}
/* Paint containment also hid the honeypot's left:-9999px box. Without it that box lands in an RTL page's scrollable side and breaks full-page captures, so it is clipped in place instead. It still submits. */
.contact.cf-on .hp-field{left:auto;inset-inline-start:0;width:1px;min-width:0;height:1px;padding:0;border:0;clip-path:inset(50%)}
.cf{position:absolute;z-index:-1;top:-40px;bottom:-40px;left:calc(50% - 50vw);width:100vw;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent)}
.cf canvas{display:block;width:100%;height:100%;pointer-events:none}
.contact.cf-on .cform{padding:clamp(16px,2.4vw,26px);border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(8,11,28,.86);box-shadow:0 30px 70px -40px #000}
.contact.cf-on .cform input,.contact.cf-on .cform textarea{background:rgba(5,8,22,.92)}
.contact.cf-on .big,.contact.cf-on .ssub{text-shadow:0 2px 24px rgba(5,7,18,.92),0 0 3px rgba(5,7,18,.6)}
.contact.cf-on .socials a,.contact.cf-on .copy-email{background:rgba(8,11,28,.86)}
@media (max-width:640px){.contact.cf-on .cform{background:rgba(8,11,28,.8)}.contact.cf-on .cform label{text-shadow:0 1px 8px #05070f}.contact.cf-on .ssub{color:#d7d9ea}}
/* Arabic marks need room: at line-height 1 the kasra on line one touched the tanwin on line two */
[dir="rtl"] .contact.cf-on .big{line-height:1.28}
.cform-fail{grid-column:1/-1;margin-top:6px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,190,120,.5);background:rgba(40,28,12,.86);text-align:start}
.cform-fail p{margin:0 0 10px;color:#ffe9cc;font-size:.95rem;line-height:1.5}
.cform-fail-acts{display:flex;flex-wrap:wrap;gap:10px}
.cform-fail .cform-fail-note{margin:10px 0 0;font-size:.85rem}
.cform-fail .cform-fail-addr{margin:10px 0 0;font-family:var(--mono);font-size:.85rem;user-select:all}
@media print{.cf{display:none}}