:root{--sky:#adc6dc;--white:#fff;--shade:#102d3e;--gold:#e6d4a5;--body:Verdana,Geneva,sans-serif;--display:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{background:var(--sky);color:var(--white);font-family:var(--body)}main{position:relative;min-height:100svh;overflow:clip}.mosque{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 38%;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#102d3e15 20%,#102d3e12 38%,#102d3ee8 100%)}.member-login{position:absolute;top:max(28px,env(safe-area-inset-top));right:clamp(24px,5vw,80px);display:flex;align-items:center;gap:15px;padding:12px 18px;border:1px solid #ffffff80;border-radius:6px;color:var(--white);background:#102d3e70;text-decoration:none;font-size:12px;min-height:44px;white-space:nowrap}.member-login:hover{background:var(--shade)}.member-login svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.caption{position:absolute;left:clamp(28px,7vw,110px);bottom:clamp(60px,10vh,120px);max-width:calc(100% - 56px)}.bismillah{font:25px/1.8 var(--display);color:var(--gold);text-align:left;margin:0 0 20px}.caption h1{font:400 clamp(48px,6vw,96px)/1.08 var(--display);margin:0 0 12px;overflow-wrap:anywhere}.location{font-size:clamp(14px,1.3vw,18px);margin:0 0 25px}.address{font-size:11px;line-height:1.9;color:#ffffffd9;margin:0}.credit{position:absolute;bottom:18px;right:clamp(24px,5vw,80px);font-size:9px;color:#ffffffb3;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:600px){.mosque{object-fit:contain;object-position:top center;top:13vh;height:auto;aspect-ratio:1600/1222}.shade{background:linear-gradient(180deg,#102d3e00 5%,#102d3e00 28%,#102d3ef2 65%,var(--shade) 100%)}main{min-height:100svh;background:linear-gradient(180deg,var(--sky),var(--shade))}.member-login{top:max(20px,env(safe-area-inset-top));right:20px;font-size:11px;padding:10px 14px;background:#173f55a6}.caption{left:28px;bottom:85px;right:25px;max-width:none}.caption h1{font-size:46px}.bismillah{font-size:22px;margin-bottom:16px}.location{font-size:14px;margin-bottom:23px}.credit{left:28px;right:auto;bottom:22px;font-size:8px}.address{font-size:10px}}@media(max-height:650px) and (min-width:601px){.caption{bottom:40px}.caption h1{font-size:56px}.bismillah{font-size:20px;margin-bottom:8px}.location{margin-bottom:12px}}