@font-face{font-family:ZikrContactDisplay;src:url(../fonts/zikr-display-dark.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:ZikrContactText;src:url(../fonts/zikr-text-regular.otf) format("opentype");font-weight:400;font-display:swap}
.zs-contact-document{margin:0;height:100dvh;overflow:hidden;background:#0c355d}
.zs-contact{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;padding:0;margin:0;border:0;background:transparent;color:#eef4f6;overflow:hidden;overscroll-behavior:contain;box-sizing:border-box;font-family:ZikrContactText,sans-serif}
.zs-contact::backdrop{background:transparent}.zs-contact.is-filled{background:#0c355d}.zs-contact *{box-sizing:border-box}.zs-contact-wipe{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.zs-contact-wipe svg{display:block;width:100%;height:100%;overflow:visible}.zs-contact-wipe path{stroke:#0c355d}
/* Three bounded rows reserve space for the header and store links on every screen. */
.zs-contact-sheet{position:relative;height:100%;min-height:0;padding:clamp(12px,2.5dvh,24px) clamp(16px,1.8vw,28px);display:grid;grid-template-rows:max-content minmax(0,1fr) max-content;gap:clamp(10px,3dvh,32px);isolation:isolate}
.zs-contact-header,.zs-contact-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-width:0}.zs-contact-brand{display:flex;align-items:center;gap:9px;color:#edf4f9;text-decoration:none;font-size:clamp(20px,min(2vw,4dvh),30px);letter-spacing:-.035em;line-height:1}.zs-contact-brand img{width:clamp(26px,4dvh,34px);height:clamp(26px,4dvh,34px);border-radius:8px}
.zs-contact-close{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:40px;background:#edf4f5;color:#091a2c;font:400 15px ZikrContactText,sans-serif;padding:10px 20px;cursor:pointer;min-height:40px}.zs-contact-close>span{font-size:24px;line-height:20px}
.zs-contact-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:stretch;max-width:1450px;width:80%;height:100%;min-height:0;margin:0 auto;padding-top:clamp(6px,5dvh,55px)}
.zs-contact-left{min-width:0;min-height:0}.zs-contact-left h1{font:800 min(7.6vw,13.2dvh,132px)/.9 ZikrContactDisplay,sans-serif;letter-spacing:-.025em;text-align:center;margin:0;color:#f0f5f5}.zs-contact-left>p{font:800 min(3.3vw,5.2dvh,56px)/1.1 ZikrContactDisplay,sans-serif;color:#7fb8e4;text-align:right;margin:clamp(7px,2dvh,20px) 0 0}
/* The illustration occupies its own row, below both contact links. No absolute overlap. */
.zs-contact-right{display:grid;grid-template-rows:max-content max-content minmax(0,1fr);gap:clamp(10px,3.5dvh,42px);min-width:0;min-height:0;height:100%}.zs-contact-email{min-width:0}.zs-contact-email h2{font:400 clamp(10px,min(1.25vw,2.5dvh),20px)/1.3 ZikrContactText,sans-serif;margin:0 0 clamp(6px,1.2dvh,12px);color:#dcecf9}.zs-contact-email a{display:inline-block;color:#edf5fb;text-decoration:none;font-size:clamp(16px,min(2.15vw,4.2dvh),35px);line-height:1.2;overflow-wrap:anywhere}.zs-contact-email:nth-child(2) a{font-size:clamp(14px,min(1.6vw,3.2dvh),26px)}
.zs-contact-art{position:static;display:block;min-width:0;min-height:0;width:100%;height:100%;max-width:470px;max-height:100%;object-fit:contain;object-position:center bottom;align-self:stretch;justify-self:center;margin:0;transform-origin:bottom center;pointer-events:none}
.zs-contact-footer{position:relative;z-index:2;pointer-events:none}.zs-contact-footer a{pointer-events:auto;color:#e7f2fa;text-decoration:none;border:1px solid #d5e9f2;border-radius:40px;padding:clamp(7px,1.2dvh,10px) clamp(14px,1.5vw,20px);font-size:clamp(13px,min(1.6vw,3dvh),26px);line-height:1.2;background:#0c355d40}
.zs-contact-line-mask{display:block;overflow:hidden}.zs-contact a:focus-visible,.zs-contact button:focus-visible{outline:2px solid #edc774;outline-offset:4px}.zs-contact a:hover{color:#f0d28e}
@media(max-width:900px){.zs-contact-content{width:94%;gap:6vw}.zs-contact-left h1{font-size:min(8vw,13.2dvh)}.zs-contact-close{font-size:13px;padding:9px 15px}}
@media(max-width:600px){
 .zs-contact-sheet{padding:12px 16px;gap:clamp(8px,1.8dvh,16px)}.zs-contact-brand{font-size:22px;gap:7px}.zs-contact-brand img{width:28px;height:28px}.zs-contact-close{min-height:38px}
 .zs-contact-content{grid-template-columns:minmax(0,1fr);grid-template-rows:max-content minmax(0,1fr);width:100%;gap:clamp(10px,2.5dvh,22px);padding-top:clamp(4px,1dvh,10px)}
 .zs-contact-left h1{font-size:min(17vw,8.3dvh,76px);line-height:.88}.zs-contact-left>p{font-size:min(7vw,3.8dvh,32px);text-align:center;margin-top:clamp(7px,1.5dvh,12px)}
 .zs-contact-right{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px;padding:0 2px}
 .zs-contact-email:first-child{grid-column:1;grid-row:1;align-self:center}.zs-contact-email:nth-child(2){grid-column:1;grid-row:2;align-self:center}.zs-contact-email h2{font-size:clamp(9px,1.7dvh,12px);margin-bottom:7px;line-height:1.2}.zs-contact-email a{font-size:clamp(14px,min(5vw,2.8dvh),21px)}.zs-contact-email:nth-child(2) a{font-size:clamp(13px,min(4vw,2.6dvh),18px)}
 .zs-contact-art{grid-column:2;grid-row:1/3;width:100%;height:100%;object-position:center;max-width:none}.zs-contact-footer{gap:12px}.zs-contact-footer a{font-size:clamp(12px,2dvh,15px);padding:8px 14px}
}
@media(prefers-reduced-motion:reduce){.zs-contact-wipe{display:none}.zs-contact{background:#0c355d}.zs-contact *{animation:none!important;transition:none!important}}
/* Continue the hand through the reserved footer space to the viewport edge. */
.zs-contact-art{height:calc(100% + var(--zs-contact-bottom-extension,0px));max-height:none;align-self:start;object-position:center bottom}
@media(max-width:600px){
 /* Store links stay in the left column, clear of the bottom-attached right-hand art. */
 .zs-contact-footer{display:grid;grid-template-columns:max-content;justify-content:start;gap:8px}
 .zs-contact-footer a{justify-self:start}
}