@font-face{font-family:Montserrat;src:url(assets/montserrat-400.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(assets/montserrat-600.ttf) format("truetype");font-weight:600;font-display:swap}
:root{--beige:#F7F3ED;--blue:#00326D;--gold:#B58D45}*{box-sizing:border-box}html{background:var(--beige)}body{margin:0;min-height:100svh;padding:42px;display:grid;place-items:center;color:var(--blue);font:400 15px/1.75 Montserrat,Arial,sans-serif}.backdrop{position:fixed;inset:0;overflow:hidden;background:var(--beige);z-index:0}.backdrop::before{content:"";position:absolute;inset:-20px;background:url(assets/kaaba.webp) center 55%/cover no-repeat;filter:blur(5px)}.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(#f7f3ed66,#f7f3ed99)}.panel{position:relative;width:min(1100px,100%);padding:48px 65px 23px;background:#f7f3edf5;box-shadow:0 24px 100px #00326d1c;border:1px solid #b58d4540;overflow:hidden}header{position:relative;min-height:115px}.brand-logo{width:320px;max-width:72%;height:auto;position:relative;z-index:1}.arches{position:absolute;width:240px;height:300px;right:-35px;top:-70px;opacity:.8;pointer-events:none}.intro{position:relative;max-width:690px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;display:flex;align-items:center;gap:14px;margin:22px 0}.eyebrow span{width:32px;height:1px;background:var(--gold)}h1{font-weight:600;font-size:clamp(32px,4.2vw,52px);line-height:1.18;letter-spacing:-.045em;margin:0 0 24px}.lead{font-weight:600;margin:0 0 8px}.message{max-width:650px;margin:0;font-size:14px;line-height:1.9}.contact{border-top:1px solid #b58d4566;margin-top:32px;padding-top:23px}h2{font-size:18px;font-weight:600;margin:0 0 16px}.details{display:grid;grid-template-columns:1fr 1.1fr 1.5fr;gap:25px;font-size:12px;line-height:1.8}.details p{margin:0}.name{font-weight:600;font-size:14px}.role{font-size:11px}address{font-style:normal}address a{display:block;width:fit-content}a{color:inherit;text-underline-offset:4px}address a{text-decoration:none}address a:hover{text-decoration:underline}.actions{display:flex;gap:12px;margin-top:25px}.actions a{display:flex;gap:18px;align-items:center;justify-content:center;text-decoration:none;border:1px solid #00326d40;padding:11px 22px;font-size:12px;font-weight:600;transition:background .18s,color .18s}.actions .primary{background:var(--blue);color:var(--beige);border-color:var(--blue)}.actions a:hover{background:#00326d0c}.actions .primary:hover{background:#00448f}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin-top:34px;padding-top:17px;border-top:1px solid #b58d4533}footer p{margin:0}@media(min-width:1300px){body{padding:50px}.panel{padding-top:54px;padding-bottom:26px}}@media(max-width:750px){body{padding:20px}.panel{padding:32px 28px 20px}.brand-logo{width:280px;max-width:80%}.arches{width:160px;right:-75px;top:-65px}header{min-height:105px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-top:10px}h1{font-size:38px}.details{grid-template-columns:1fr 1fr;gap:17px}.details address:last-child{grid-column:1/-1}.actions{flex-wrap:wrap}.actions a{flex:1;white-space:nowrap;padding:12px 16px}.actions .primary{flex-basis:100%}footer{font-size:8px;align-items:flex-start;gap:14px}.message{font-size:13px}}@media(max-width:380px){body{padding:12px}.panel{padding:28px 22px 18px}h1{font-size:32px}.details{grid-template-columns:1fr}.details address:last-child{grid-column:auto}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}