body{margin:0}

html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#f4f1e9;color:#143e45;margin:0}#hero-next .hn-atmosphere{inset:0}#hero-next .hn-caption{z-index:5}
.imasjid-content{--hp-ink:#163e46;--hp-muted:#526769;--hp-cream:#f4f1e9;--hp-gold:#967345;--hp-line:#c9c9b9;background:var(--hp-cream);color:var(--hp-ink);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.imasjid-content *{box-sizing:border-box}.imasjid-content a{color:inherit;text-decoration:none}.imasjid-content button,.imasjid-content input,.imasjid-content select,.imasjid-content textarea{font:inherit}.imasjid-content button,.imasjid-content summary{cursor:pointer}.imasjid-content img{display:block;max-width:100%;height:auto}.imasjid-content [hidden]{display:none!important}.imasjid-content button:focus-visible,.imasjid-content a:focus-visible,.imasjid-content summary:focus-visible{outline:2px solid #b49355;outline-offset:5px}.imasjid-content h2,.imasjid-content h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0}.imasjid-content h2{font-size:clamp(36px,4vw,54px);line-height:1.14;letter-spacing:-1.3px}.imasjid-content h2 em{font-weight:400;color:#52777a}.imasjid-content h3{font-size:25px;line-height:1.25;letter-spacing:-.4px}.imasjid-content p{font-size:16px;line-height:1.8;margin:0}.imasjid-content .hp-wrap{max-width:1280px;margin:0 auto;padding-inline:6%}.imasjid-content .hp-eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:500;color:var(--hp-gold);margin-bottom:26px;line-height:1.7}.imasjid-content .hp-lead{font-size:18px;line-height:1.75}.imasjid-content .hp-intro{padding-top:106px;padding-bottom:100px}.imasjid-content .hp-intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:start}.imasjid-content .hp-intro-grid h2{font-size:clamp(34px,3.8vw,49px)}.imasjid-content .hp-intro-copy{padding-top:4px;color:var(--hp-muted)}.imasjid-content .hp-intro-copy p+p{margin-top:18px}.imasjid-content .hp-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:62px}.imasjid-content .hp-principles>div{border-top:1px solid var(--hp-line);padding-top:24px}.imasjid-content .hp-small-title{display:block;font-size:11px;letter-spacing:1px;color:var(--hp-gold);text-transform:uppercase;margin-bottom:14px;line-height:1.6}.imasjid-content .hp-principles p{font-size:14px;line-height:1.8;color:var(--hp-muted);margin-top:13px}
.imasjid-content .hp-ummah{background:linear-gradient(150deg,#07516a,#173f53 76%);color:#fff;position:relative}.imasjid-content .hp-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:770px;padding-top:84px;padding-bottom:84px}.imasjid-content .hp-ummah .hp-eyebrow{color:#e8c990}.imasjid-content .hp-ummah h2{font-size:clamp(36px,3.6vw,48px)}.imasjid-content .hp-ummah h2 em{color:#e5cfaa}.imasjid-content .hp-product-copy>.hp-lead{margin-top:26px;color:#e0eaf0;max-width:390px}.imasjid-content .hp-accordion{margin-top:34px}.imasjid-content .hp-accordion details{border-top:1px solid #dce6e733;padding:0}.imasjid-content .hp-accordion details:last-child{border-bottom:1px solid #dce6e733}.imasjid-content .hp-accordion summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:15px;padding:21px 0;line-height:1.5}.imasjid-content .hp-accordion summary::-webkit-details-marker{display:none}.imasjid-content .hp-accordion details p{font-size:14px;line-height:1.8;color:#dfebee;padding:0 36px 23px 0}.imasjid-content .hp-plus{width:15px;height:15px;position:relative;flex-shrink:0;color:#e8c990}.imasjid-content .hp-plus:before,.imasjid-content .hp-plus:after{content:"";position:absolute;top:7px;left:0;width:15px;height:1.5px;background:currentColor}.imasjid-content .hp-plus:after{transform:rotate(90deg)}.imasjid-content details[open] .hp-plus:after{transform:rotate(0)}.imasjid-content .hp-ummah-art{min-height:610px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.imasjid-content .hp-arch-outline{position:absolute;inset:0 4% 28px;border:1px solid #d9c49847;border-radius:50% 50% 0 0;pointer-events:none}.imasjid-content .hp-arch-outline:before{content:"";position:absolute;inset:19px;border:1px solid #d9c4981f;border-radius:50% 50% 0 0}.imasjid-content .hp-art-word{position:absolute;top:12%;font-family:Georgia,serif;font-size:clamp(60px,8vw,112px);letter-spacing:-6px;color:#dce7df10;white-space:nowrap}.imasjid-content .hp-phone{position:relative;width:220px;padding:7px;background:#b8cace;border:1px solid #d9c498aa;border-radius:30px;box-shadow:0 35px 60px #032433a6;transform:rotate(-3deg);margin-top:15px}.imasjid-content .hp-phone img{width:100%;border-radius:23px}.imasjid-content .hp-art-caption{font-size:12px;color:#e5cfaa;margin-top:28px;position:relative;letter-spacing:.3px;text-align:center}
.imasjid-content .hp-masjid{padding-top:100px;padding-bottom:102px}.imasjid-content .hp-section-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.imasjid-content .hp-section-top .hp-eyebrow{margin:0}.imasjid-content .hp-section-note{font-size:12px;color:var(--hp-muted)}.imasjid-content .hp-masjid-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:end;margin-top:30px;margin-bottom:45px}.imasjid-content .hp-masjid-heading h2{font-size:clamp(34px,3.6vw,48px)}.imasjid-content .hp-masjid-heading .hp-lead{font-size:16px;color:var(--hp-muted)}.imasjid-content .hp-dashboard-frame{background:#e3e8e3;border:1px solid #d3d5c8;border-radius:14px;overflow:hidden;box-shadow:0 22px 55px #1b404314}.imasjid-content .hp-browser-top{display:flex;align-items:center;gap:5px;height:35px;padding:0 16px;background:#dae2de}.imasjid-content .hp-browser-top>span{width:5px;height:5px;border-radius:50%;background:#8caaa7}.imasjid-content .hp-browser-top i{font-style:normal;font-size:10px;color:#3f656a;margin-left:14px;letter-spacing:.5px}.imasjid-content .hp-dashboard-preview{display:block;width:100%;border:0;background:transparent;padding:0}.imasjid-content .hp-dashboard-preview img{width:100%}.imasjid-content .hp-dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;background:#eaf0eb;font-size:12px;color:#3b6063}.imasjid-content .hp-text-link{display:inline-flex;align-items:center;gap:14px;background:none;border:0;border-bottom:1px solid #9aafaa;padding:8px 0;font-size:14px;color:inherit;line-height:1.5;white-space:nowrap}.imasjid-content .hp-arrow{display:inline-block;width:22px;height:20px;position:relative;flex:0 0 22px;color:inherit}.imasjid-content .hp-arrow:before{content:"";position:absolute;left:1px;right:1px;height:2px;top:9px;background:currentColor;border-radius:2px}.imasjid-content .hp-arrow:after{content:"";position:absolute;right:2px;top:4px;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);border-radius:1px}.imasjid-content .hp-masjid-principles{margin-top:48px}
.imasjid-content .hp-sdmi{background:#e7e9df;border-top:1px solid #d3d8ca;border-bottom:1px solid #d3d8ca;padding:93px 0}.imasjid-content .hp-sdmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.imasjid-content .hp-sdmi-title h2{font-size:clamp(35px,3.8vw,50px)}.imasjid-content .hp-sdmi-title .hp-lead{margin-top:27px;font-size:18px}.imasjid-content .hp-sdmi-title>p:not(.hp-eyebrow):not(.hp-lead){color:var(--hp-muted);font-size:15px;margin-top:17px}.imasjid-content .hp-sdmi-title .hp-text-link{margin-top:24px}.imasjid-content .hp-sdmi-record{background:#f7f6ee;border-top:3px solid #b79b66;padding:30px;box-shadow:0 12px 40px #183c4310;scroll-margin-top:24px}.imasjid-content .hp-record-heading>span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8a714c}.imasjid-content .hp-record-heading strong{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;display:block;margin:13px 0 10px}.imasjid-content .hp-record-heading>p{font-size:13px;color:var(--hp-muted)}.imasjid-content .hp-record-row{border-top:1px solid #d8ddcf;margin-top:22px;padding-top:19px;display:grid;grid-template-columns:100px 1fr;gap:22px}.imasjid-content .hp-record-row>span{font-size:13px;font-weight:500;line-height:1.8}.imasjid-content .hp-record-row p{font-size:13px;line-height:1.8;color:var(--hp-muted)}.imasjid-content .hp-record-foot{font-size:11px;color:#7a704f;margin-top:28px;padding-top:16px;border-top:1px solid #d8ddcf}
.imasjid-content .hp-about{text-align:center;padding-top:106px;padding-bottom:106px;max-width:920px}.imasjid-content .hp-about h2{font-size:clamp(38px,4.4vw,60px)}.imasjid-content .hp-about>p:not(.hp-eyebrow){max-width:640px;margin:28px auto 0;color:var(--hp-muted);font-size:17px;line-height:1.9}.imasjid-content .hp-about-signoff{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px;color:#8e7348;font-size:11px;letter-spacing:1px;text-transform:uppercase}.imasjid-content .hp-about-signoff span{width:36px;height:1px;background:#c9b98f}
.imasjid-content .hp-contact{background:#153f51;color:#fff;padding:90px 0}.imasjid-content .hp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.imasjid-content .hp-contact .hp-eyebrow{color:#e8c990}.imasjid-content .hp-contact h2{font-size:clamp(34px,3.6vw,48px)}.imasjid-content .hp-contact h2 em{color:#e5cfaa}.imasjid-content .hp-contact .hp-lead{font-size:16px;color:#d8e6e9;margin-top:27px;max-width:380px}.imasjid-content .hp-enquiry{display:grid;gap:20px}.imasjid-content .hp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.imasjid-content label{font-size:12px;line-height:1.6;display:grid;gap:8px;color:#e5edf0}.imasjid-content input,.imasjid-content select,.imasjid-content textarea{width:100%;padding:12px 13px;border:1px solid #71939c;background:#113746;color:#fff;border-radius:3px;font-size:16px;line-height:1.5;min-height:47px}.imasjid-content textarea{resize:vertical}.imasjid-content input:focus,.imasjid-content select:focus,.imasjid-content textarea:focus{outline:2px solid #e5c78f;outline-offset:2px}.imasjid-content .hp-form-action{display:flex;gap:21px;align-items:center}.imasjid-content .hp-enquiry-button{display:flex;align-items:center;justify-content:center;gap:17px;white-space:nowrap;border:1px solid #d8bb81;background:#e5cfaa;color:#173e47;padding:13px 19px;font-size:13px;border-radius:2px;min-height:48px}.imasjid-content .hp-form-action p{font-size:11px;line-height:1.7;color:#d0e0e4;max-width:200px}.imasjid-content #hp-enquiry-result{border-top:1px solid #71939c;padding-top:20px}.imasjid-content #hp-enquiry-result p{font-size:13px;margin-bottom:15px}.imasjid-content #hp-copy-enquiry{background:#e5cfaa;color:#173e47;border:0;border-radius:2px;padding:12px 16px;min-height:44px;margin-top:15px}.imasjid-content #hp-copy-status{font-size:12px;margin-left:12px}
.imasjid-content .hp-footer{padding-top:48px;padding-bottom:25px}.imasjid-content .hp-footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:35px;padding-bottom:38px}.imasjid-content .hp-footer-top>a{background:#143f50;padding:16px 20px;width:210px;border-radius:3px}.imasjid-content .hp-footer-top img{width:170px;height:auto}.imasjid-content .hp-footer-top>p{font-family:Georgia,serif;font-size:25px;line-height:1.3}.imasjid-content .hp-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:17px 25px;font-size:12px}.imasjid-content .hp-footer nav a{padding-block:4px}.imasjid-content .hp-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--hp-line);padding-top:24px;font-size:11px;color:var(--hp-muted)}.imasjid-content .hp-footer-bottom a{display:flex;align-items:center;gap:13px}.imasjid-content .hp-arrow-up{transform:rotate(-90deg);width:18px;scale:.8}.imasjid-content dialog{width:95%;max-width:1420px;max-height:90vh;overflow:auto;padding:0;border:1px solid #9ab0ad;border-radius:8px;background:#f4f1e9;color:#143e45}.imasjid-content dialog::backdrop{background:#031c29d9;backdrop-filter:blur(5px)}.imasjid-content .hp-dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 24px;border-bottom:1px solid #c9c9b9}.imasjid-content .hp-dialog-bar h2{font-family:Arial,sans-serif;letter-spacing:0;font-size:16px}.imasjid-content .hp-dialog-bar button{padding:10px 13px;min-height:44px;background:none;border:1px solid #a2b4ae;color:#143e45;border-radius:2px;white-space:nowrap}.imasjid-content .hp-dialog-bar button span{font-size:20px;margin-left:10px}.imasjid-content dialog>img{width:100%}.imasjid-content .hp-dialog-note{font-size:11px;padding:12px 24px;color:var(--hp-muted)}
#hero-next .hp-menu-toggle{display:none;background:none;border:1px solid #ffffff60;color:#fff;min-height:44px;padding:8px;font-size:12px;border-radius:2px}#hero-next .hp-mobile-nav{position:absolute;left:0;right:0;top:76px;background:#103b4c;border-bottom:1px solid #d9b97766;padding:14px 22px 21px;z-index:20}#hero-next .hp-mobile-nav a{display:block;padding:14px 0;font-size:15px;color:#fff}#hero-next .hp-mobile-nav[hidden]{display:none}
@media(min-width:1400px){.imasjid-content .hp-wrap{padding-inline:70px}}
@media(max-width:1000px){.imasjid-content .hp-intro-grid{gap:38px}.imasjid-content .hp-product-grid{gap:40px}.imasjid-content .hp-sdmi-grid,.imasjid-content .hp-contact-grid{gap:45px}.imasjid-content .hp-principles{gap:26px}.imasjid-content .hp-record-row{grid-template-columns:1fr;gap:6px}.imasjid-content .hp-form-action{align-items:flex-start;flex-direction:column;gap:13px}.imasjid-content .hp-form-action p{max-width:none}.imasjid-content .hp-masjid-heading{gap:35px}}
@media(max-width:850px){#hero-next .hp-menu-toggle{display:block}#hero-next .hn-navlinks{gap:10px}.imasjid-content .hp-intro-grid,.imasjid-content .hp-masjid-heading{grid-template-columns:1fr;gap:26px}.imasjid-content .hp-intro-copy{max-width:650px}.imasjid-content .hp-masjid-heading>.hp-lead{max-width:600px}.imasjid-content .hp-product-grid{gap:30px}.imasjid-content .hp-ummah-art{min-height:550px}.imasjid-content .hp-phone{width:190px}.imasjid-content .hp-arch-outline{inset-inline:-5%}.imasjid-content .hp-footer-top{grid-template-columns:1fr 1fr}.imasjid-content .hp-footer nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px 32px}}
@media(max-width:700px){.imasjid-content .hp-wrap{padding-inline:24px}.imasjid-content .hp-intro{padding-block:66px}.imasjid-content .hp-eyebrow{font-size:11px;margin-bottom:21px;letter-spacing:1.1px}.imasjid-content h2{font-size:38px;letter-spacing:-.9px}.imasjid-content .hp-intro-grid h2{font-size:36px}.imasjid-content .hp-intro-copy p{font-size:15px}.imasjid-content .hp-principles{grid-template-columns:1fr;gap:25px;margin-top:36px}.imasjid-content .hp-principles>div{padding-top:20px}.imasjid-content .hp-principles h3{font-size:25px}.imasjid-content .hp-principles p{max-width:500px;margin-top:10px;font-size:14px}.imasjid-content .hp-small-title{margin-bottom:10px}.imasjid-content .hp-product-grid{grid-template-columns:1fr;padding-block:64px;gap:35px}.imasjid-content .hp-product-copy>.hp-lead{max-width:500px;font-size:17px;margin-top:23px}.imasjid-content .hp-ummah h2{font-size:37px}.imasjid-content .hp-accordion{margin-top:26px}.imasjid-content .hp-ummah-art{min-height:600px;max-width:430px;width:100%;margin:auto}.imasjid-content .hp-phone{width:220px}.imasjid-content .hp-arch-outline{inset:0 6% 22px}.imasjid-content .hp-art-word{font-size:88px;letter-spacing:-5px}.imasjid-content .hp-art-caption{font-size:12px;max-width:280px}.imasjid-content .hp-masjid{padding-block:65px}.imasjid-content .hp-section-top{align-items:flex-start;flex-direction:column;gap:9px}.imasjid-content .hp-section-note{font-size:12px}.imasjid-content .hp-masjid-heading{margin-top:25px;margin-bottom:31px}.imasjid-content .hp-masjid-heading h2{font-size:36px}.imasjid-content .hp-dashboard-bottom{padding:15px 17px;align-items:flex-start;flex-direction:column;gap:7px}.imasjid-content .hp-dashboard-bottom>span{font-size:12px;line-height:1.7}.imasjid-content .hp-text-link{min-height:44px}.imasjid-content .hp-masjid-principles{margin-top:35px}.imasjid-content .hp-sdmi{padding-block:65px}.imasjid-content .hp-sdmi-grid{grid-template-columns:1fr;gap:35px}.imasjid-content .hp-sdmi-title h2{font-size:37px}.imasjid-content .hp-sdmi-title .hp-lead{font-size:17px;margin-top:23px}.imasjid-content .hp-sdmi-record{padding:25px}.imasjid-content .hp-record-row{grid-template-columns:100px 1fr;gap:12px}.imasjid-content .hp-record-heading strong{font-size:28px}.imasjid-content .hp-about{padding-block:70px}.imasjid-content .hp-about h2{font-size:39px}.imasjid-content .hp-about>p:not(.hp-eyebrow){font-size:16px;margin-top:24px}.imasjid-content .hp-about-signoff{gap:12px;letter-spacing:.5px;font-size:10px}.imasjid-content .hp-about-signoff span{width:22px}.imasjid-content .hp-contact{padding-block:65px}.imasjid-content .hp-contact-grid{grid-template-columns:1fr;gap:35px}.imasjid-content .hp-contact h2{font-size:37px}.imasjid-content .hp-contact .hp-lead{max-width:450px;font-size:16px;margin-top:23px}.imasjid-content .hp-form-action{flex-direction:row;align-items:center;gap:18px}.imasjid-content .hp-form-action p{max-width:180px}.imasjid-content .hp-footer{padding-top:35px}.imasjid-content .hp-footer-top{grid-template-columns:1fr;gap:24px}.imasjid-content .hp-footer-top>p{font-size:25px}.imasjid-content .hp-footer nav{grid-column:auto;font-size:13px;gap:16px 24px}.imasjid-content .hp-footer-top>a{width:200px}.imasjid-content .hp-footer-bottom{align-items:flex-start;font-size:11px;line-height:1.6}.imasjid-content .hp-footer-bottom a{max-width:160px}.imasjid-content .hp-dialog-bar{padding:12px 15px;gap:12px}.imasjid-content .hp-dialog-bar h2{font-size:14px;line-height:1.5}.imasjid-content .hp-dialog-bar button{font-size:12px}}
@media(max-width:380px){#hero-next .hn-nav{padding-inline:16px}#hero-next .hn-site-logo img,#hero-next .hn-site-logo img:last-child{width:130px}#hero-next .hn-navlinks{gap:7px}#hero-next .hn-contact{font-size:11px;padding:8px 9px}#hero-next .hp-menu-toggle{font-size:11px;padding:7px}.imasjid-content .hp-wrap{padding-inline:20px}.imasjid-content .hp-form-row{grid-template-columns:1fr}.imasjid-content .hp-form-action{align-items:flex-start;flex-direction:column;gap:12px}.imasjid-content .hp-form-action p{max-width:none}.imasjid-content .hp-record-row{grid-template-columns:1fr;gap:6px}.imasjid-content .hp-sdmi-record{padding:22px}.imasjid-content h2,.imasjid-content .hp-intro-grid h2,.imasjid-content .hp-ummah h2,.imasjid-content .hp-masjid-heading h2,.imasjid-content .hp-sdmi-title h2,.imasjid-content .hp-contact h2{font-size:33px}.imasjid-content .hp-about h2{font-size:35px}.imasjid-content .hp-ummah-art{min-height:560px}.imasjid-content .hp-phone{width:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.imasjid-content *{transition:none!important}}



/* Carry the peacock-blue and antique-gold atmosphere through the homepage. */
body{background:#0c2f40}
.imasjid-content{--hp-ink:#fff;--hp-muted:#d0e0e5;--hp-cream:#10394b;--hp-gold:#e5c58c;--hp-line:#d0b27b55;background:#0c2f40;color:#fff}
.imasjid-content h2 em{color:#ebcf9a}
.imasjid-content .hp-eyebrow,.imasjid-content .hp-small-title{color:#e5c58c}
.imasjid-content .hp-intro{max-width:none;padding-inline:max(6%,calc((100% - 1120px)/2));background:radial-gradient(ellipse at 8% 15%,#17607870,transparent 60%),linear-gradient(145deg,#123f53,#102f42);border-top:1px solid #cfad704d;border-bottom:1px solid #cfad7033;position:relative}
.imasjid-content .hp-intro-grid{gap:70px}
.imasjid-content .hp-intro-grid h2{font-size:clamp(36px,4vw,53px)}
.imasjid-content .hp-intro-copy{color:#d9e7e9}
.imasjid-content .hp-principles>div{border-top-color:#d9b77a85;position:relative}
.imasjid-content .hp-principles>div:before{content:"";position:absolute;top:-2px;left:0;width:42px;height:3px;background:#e4c181}
.imasjid-content .hp-principles p{color:#d0e0e5}
.imasjid-content .hp-ummah{background:radial-gradient(ellipse at 78% 40%,#2c8ea255,transparent 58%),linear-gradient(135deg,#006e8c 2.531%,#173f53 98.9%);border-bottom:1px solid #d5b47a4d}
.imasjid-content .hp-product-grid{padding-top:98px;padding-bottom:98px}
.imasjid-content .hp-ummah-art:before{content:"";position:absolute;inset:8% 0 10%;background:radial-gradient(ellipse,#f4dba426,transparent 68%);filter:blur(18px);pointer-events:none}
.imasjid-content .hp-arch-outline{border-color:#dfbd7a8c;background:linear-gradient(180deg,#f4dbac07,transparent 55%);box-shadow:inset 0 1px 35px #f0ddb50d}
.imasjid-content .hp-arch-outline:before{border-color:#dfbd7a40}
.imasjid-content .hp-phone{width:232px;border-color:#e5cb98;box-shadow:0 30px 65px #001c2a99,0 0 55px #a6d0d21f}
.imasjid-content .hp-art-word{color:#e0eadd16}
.imasjid-content .hp-art-caption{color:#f3deb5}
.imasjid-content .hp-masjid{max-width:none;padding-inline:max(6%,calc((100% - 1120px)/2));background:radial-gradient(ellipse at 52% 35%,#164e6755,transparent 65%),#0c2d40}
.imasjid-content .hp-section-note,.imasjid-content .hp-masjid-heading .hp-lead{color:#d0e0e5}
.imasjid-content .hp-dashboard-frame{border-color:#cfb07b8c;background:#123b4c;box-shadow:0 28px 80px #00121f88,0 0 50px #27748a1c}
.imasjid-content .hp-browser-top{background:#1c4b5c;border-bottom:1px solid #d1b37b66}
.imasjid-content .hp-browser-top>span{background:#d6ba84}
.imasjid-content .hp-browser-top i{color:#e2e8df}
.imasjid-content .hp-dashboard-bottom{background:#16475a;color:#f0e1c3;border-top:1px solid #d0b07a40}
.imasjid-content .hp-text-link{border-bottom-color:#d5b47ab3;color:#f3deb5}
.imasjid-content .hp-sdmi{background:radial-gradient(ellipse at 5% 10%,#16829955,transparent 60%),linear-gradient(120deg,#07546b,#103c50);border-color:#c3a56b66}
.imasjid-content .hp-sdmi-title>p:not(.hp-eyebrow):not(.hp-lead){color:#d6e6e9}
.imasjid-content .hp-sdmi-title .hp-lead{color:#f5e3bd}
.imasjid-content .hp-sdmi-record{--hp-muted:#445d60;background:linear-gradient(135deg,#f0e4c8,#e7d6b0);color:#183e45;border-top-color:#d5ae66;box-shadow:0 22px 55px #001e2f60}
.imasjid-content .hp-record-heading>span,.imasjid-content .hp-record-foot{color:#665331}
.imasjid-content .hp-record-heading>p,.imasjid-content .hp-record-row p{color:#40595c}
.imasjid-content .hp-record-row,.imasjid-content .hp-record-foot{border-top-color:#b9ae8e}
.imasjid-content .hp-about{max-width:none;padding-inline:24px;padding-top:118px;padding-bottom:118px;position:relative;background-color:#0c3042;background-image:linear-gradient(90deg,#082c3edb,#0d3548e8 28%,#0d3548ed 72%,#082c3edb);background-size:cover;background-position:center 24%;border-bottom:1px solid #d5b47a55}
.imasjid-content .hp-about h2{max-width:900px;margin-inline:auto}
.imasjid-content .hp-about>p:not(.hp-eyebrow){color:#e0e8e6}
.imasjid-content .hp-about-signoff{color:#f0d69e}
.imasjid-content .hp-about-signoff span{background:#d0ad6b}
.imasjid-content .hp-contact{background:radial-gradient(ellipse at 100% 0,#1e5e7260,transparent 60%),linear-gradient(135deg,#153f51,#0d2d3e);border-bottom:1px solid #d5b47a44}
.imasjid-content input,.imasjid-content select,.imasjid-content textarea{background:#082b3bc9;border-color:#879fa66e}
.imasjid-content .hp-enquiry-button{background:linear-gradient(120deg,#edd9b1,#d9b97d);border-color:#f2dfb9;box-shadow:0 8px 22px #001c2733}
.imasjid-content .hp-footer{max-width:none;padding-inline:max(6%,calc((100% - 1120px)/2));background:#082838}
.imasjid-content .hp-footer-top>a{background:transparent;padding-left:0;padding-top:0}
.imasjid-content .hp-footer-top>p{color:#eddbb7}
.imasjid-content .hp-footer nav{color:#d7e4e6}
.imasjid-content .hp-footer-bottom{border-top-color:#c9ad7640;color:#cfdee1}
.imasjid-content dialog{--hp-muted:#526769}
@media(max-width:850px){.imasjid-content .hp-intro-grid{gap:30px}}
@media(max-width:700px){.imasjid-content .hp-intro,.imasjid-content .hp-masjid,.imasjid-content .hp-footer{padding-inline:24px}.imasjid-content .hp-intro-grid h2{font-size:37px}.imasjid-content .hp-product-grid{padding-block:68px}.imasjid-content .hp-phone{width:220px}.imasjid-content .hp-about{padding-block:82px;background-position:center top}.imasjid-content .hp-intro-grid{gap:25px}}
@media(max-width:380px){.imasjid-content .hp-intro,.imasjid-content .hp-masjid,.imasjid-content .hp-footer{padding-inline:20px}.imasjid-content .hp-intro-grid h2{font-size:33px}.imasjid-content .hp-phone{width:205px}}





/* A warm pause between the royal hero and the peacock product section. */
.imasjid-content .hp-intro{color:#153e47;background:#ffffff;border-top:1px solid #e6e9e7;border-bottom:1px solid #e6e9e7}
.imasjid-content .hp-intro h2 em{color:#315f68}
.imasjid-content .hp-intro .hp-eyebrow,.imasjid-content .hp-intro .hp-small-title{color:#71552c}
.imasjid-content .hp-intro-copy,.imasjid-content .hp-intro .hp-principles p{color:#3e585b}
.imasjid-content .hp-intro .hp-principles>div{border-top-color:#a9874f9c}
.imasjid-content .hp-intro .hp-principles>div:before{background:#8f692f}
#hero-next .hn-bottom span:only-child{font-size:11px;letter-spacing:.8px;text-transform:uppercase;max-width:none;text-align:left}



/* Readability for Our shared journey. */
.imasjid-content .hp-intro .hp-eyebrow{font-size:12px;letter-spacing:1px;color:#6b512b}
.imasjid-content .hp-intro-grid{grid-template-columns:1.1fr 1fr;gap:64px}
.imasjid-content .hp-intro-grid h2{font-size:clamp(36px,3.8vw,50px);line-height:1.22;letter-spacing:-.9px;color:#123c46}
.imasjid-content .hp-intro h2 em{color:#315b64}
.imasjid-content .hp-intro-copy{color:#304e54;max-width:520px}
.imasjid-content .hp-intro-copy p{font-size:18px;line-height:1.85}
.imasjid-content .hp-intro-copy p+p{margin-top:22px}
.imasjid-content .hp-intro .hp-principles{gap:40px;margin-top:56px}
.imasjid-content .hp-intro .hp-small-title{font-size:12px;letter-spacing:.6px;color:#6b512b;margin-bottom:13px}
.imasjid-content .hp-intro .hp-principles h3{font-size:27px;line-height:1.3;color:#123c46}
.imasjid-content .hp-intro .hp-principles p{font-size:16px;line-height:1.85;color:#304e54;margin-top:14px;max-width:360px}
@media(max-width:850px){.imasjid-content .hp-intro-grid{grid-template-columns:1fr;gap:26px}.imasjid-content .hp-intro-copy{max-width:650px}.imasjid-content .hp-intro .hp-principles{gap:28px}}
@media(max-width:700px){.imasjid-content .hp-intro{padding-top:60px;padding-bottom:64px}.imasjid-content .hp-intro-grid h2{font-size:36px;line-height:1.23;letter-spacing:-.7px}.imasjid-content .hp-intro-copy p{font-size:17px;line-height:1.8}.imasjid-content .hp-intro .hp-principles{gap:30px;margin-top:38px}.imasjid-content .hp-intro .hp-principles h3{font-size:26px}.imasjid-content .hp-intro .hp-principles p{font-size:16px;line-height:1.8;max-width:500px}}
@media(max-width:380px){.imasjid-content .hp-intro-grid h2{font-size:33px}}


/* Page-wide reading hierarchy: hero, section titles, subheads, body, labels. */
#hero-next .hn-navlinks,#hero-next .hn-contact{font-size:14px;letter-spacing:0}
#hero-next .hn-kicker{font-size:12px;line-height:1.7;letter-spacing:1.2px}
#hero-next h1{font-size:clamp(44px,5.15vw,70px);line-height:1.14;letter-spacing:-1.5px}
#hero-next .hn-intro{font-size:18px;line-height:1.75;max-width:600px}
#hero-next .hn-selector button{font-size:15px;min-height:48px;letter-spacing:0}
#hero-next .hn-caption small{font-size:12px;letter-spacing:.4px;line-height:1.6}
#hero-next .hn-caption h2{font-size:28px;line-height:1.22;letter-spacing:-.4px}
#hero-next .hn-caption p{font-size:15px;line-height:1.75}
#hero-next .hn-caption a{font-size:14px;min-height:44px}
#hero-next .hn-caption{top:135px}
#hero-next .hn-stage{height:510px}
#hero-next .hn-bottom span:only-child{font-size:12px;line-height:1.7;letter-spacing:.5px}
.imasjid-content h2,.imasjid-content .hp-intro-grid h2,.imasjid-content .hp-ummah h2,.imasjid-content .hp-masjid-heading h2,.imasjid-content .hp-sdmi-title h2,.imasjid-content .hp-about h2,.imasjid-content .hp-contact h2{font-size:48px;line-height:1.18;letter-spacing:-1px}
.imasjid-content h3,.imasjid-content .hp-intro .hp-principles h3{font-size:27px;line-height:1.3;letter-spacing:-.3px}
.imasjid-content p,.imasjid-content .hp-intro-copy p,.imasjid-content .hp-sdmi-title>p:not(.hp-eyebrow):not(.hp-lead),.imasjid-content .hp-about>p:not(.hp-eyebrow){font-size:17px;line-height:1.8}
.imasjid-content .hp-lead,.imasjid-content .hp-product-copy>.hp-lead,.imasjid-content .hp-masjid-heading .hp-lead,.imasjid-content .hp-sdmi-title .hp-lead,.imasjid-content .hp-contact .hp-lead{font-size:18px;line-height:1.75}
.imasjid-content .hp-eyebrow,.imasjid-content .hp-small-title,.imasjid-content .hp-intro .hp-eyebrow,.imasjid-content .hp-intro .hp-small-title{font-size:12px;letter-spacing:1px;line-height:1.7}
.imasjid-content .hp-principles p,.imasjid-content .hp-intro .hp-principles p,.imasjid-content .hp-accordion details p{font-size:16px;line-height:1.8}
.imasjid-content .hp-accordion summary{font-size:16px;line-height:1.5;min-height:52px}
.imasjid-content .hp-text-link,.imasjid-content .hp-enquiry-button,.imasjid-content #hp-copy-enquiry{font-size:14px;line-height:1.5;min-height:44px}
.imasjid-content .hp-record-heading strong{font-size:28px;line-height:1.25}
.imasjid-content .hp-record-heading>p,.imasjid-content .hp-record-row p,.imasjid-content .hp-record-row>span{font-size:15px;line-height:1.75}
.imasjid-content .hp-record-heading>span,.imasjid-content .hp-record-foot,.imasjid-content .hp-section-note,.imasjid-content .hp-art-caption,.imasjid-content .hp-dashboard-bottom,.imasjid-content .hp-dashboard-bottom>span,.imasjid-content .hp-about-signoff{font-size:12px;line-height:1.7}
.imasjid-content label{font-size:13px;line-height:1.6}
.imasjid-content input,.imasjid-content select,.imasjid-content textarea{font-size:16px;line-height:1.5}
.imasjid-content .hp-form-action p,.imasjid-content .hp-footer-bottom,.imasjid-content #hp-copy-status{font-size:12px;line-height:1.7}
.imasjid-content .hp-footer nav{font-size:14px;line-height:1.6}
.imasjid-content .hp-footer-top>p{font-size:27px;line-height:1.3}
.imasjid-content .hp-dialog-bar h2{font-size:18px;line-height:1.5;letter-spacing:0}
.imasjid-content .hp-dialog-bar button{font-size:14px}
@media(max-width:1000px) and (min-width:701px){.imasjid-content h2,.imasjid-content .hp-intro-grid h2,.imasjid-content .hp-ummah h2,.imasjid-content .hp-masjid-heading h2,.imasjid-content .hp-sdmi-title h2,.imasjid-content .hp-about h2,.imasjid-content .hp-contact h2{font-size:40px}#hero-next .hn-caption h2{font-size:26px}#hero-next .hn-caption p{font-size:14px}}
@media(max-width:700px){
 #hero-next h1{font-size:clamp(35px,8vw,50px);line-height:1.14;letter-spacing:-1px}
 #hero-next .hn-kicker{font-size:11px;letter-spacing:.4px}
 #hero-next .hn-intro{font-size:16px;line-height:1.75;max-width:410px}
 #hero-next .hn-selector button{font-size:14px}
 #hero-next .hn-caption{top:auto}
 #hero-next .hn-caption h2{font-size:27px}
 #hero-next .hn-stage{height:auto}
 #hero-next .hn-contact{font-size:12px}
 .imasjid-content h2,.imasjid-content .hp-intro-grid h2,.imasjid-content .hp-ummah h2,.imasjid-content .hp-masjid-heading h2,.imasjid-content .hp-sdmi-title h2,.imasjid-content .hp-about h2,.imasjid-content .hp-contact h2{font-size:35px;line-height:1.22;letter-spacing:-.7px}
 .imasjid-content h3,.imasjid-content .hp-intro .hp-principles h3{font-size:25px}
 .imasjid-content p,.imasjid-content .hp-intro-copy p,.imasjid-content .hp-sdmi-title>p:not(.hp-eyebrow):not(.hp-lead),.imasjid-content .hp-about>p:not(.hp-eyebrow){font-size:16px;line-height:1.8}
 .imasjid-content .hp-lead,.imasjid-content .hp-product-copy>.hp-lead,.imasjid-content .hp-masjid-heading .hp-lead,.imasjid-content .hp-sdmi-title .hp-lead,.imasjid-content .hp-contact .hp-lead{font-size:17px}
 .imasjid-content .hp-form-action p{font-size:12px}
 .imasjid-content .hp-dialog-bar h2{font-size:16px}
 .imasjid-content .hp-footer-top>p{font-size:25px}
}
@media(max-width:380px){.imasjid-content h2,.imasjid-content .hp-intro-grid h2,.imasjid-content .hp-ummah h2,.imasjid-content .hp-masjid-heading h2,.imasjid-content .hp-sdmi-title h2,.imasjid-content .hp-about h2,.imasjid-content .hp-contact h2{font-size:32px}#hero-next .hn-contact{font-size:11px}}



.imasjid-content .hp-ummah{background:radial-gradient(ellipse at 75% 44%,#25829a30,transparent 55%),linear-gradient(145deg,#07566d,#173f53)}
.imasjid-content .hp-arch-outline{border:0;background:none;box-shadow:none}
.imasjid-content .hp-arch-outline:before{border:0}
.imasjid-content .hp-ummah-art:before{inset:15% 0 7%;background:radial-gradient(ellipse,#e3d3a81f,transparent 64%)}
.imasjid-content .hp-phone{transform:none;width:248px;padding:7px;border-color:#b4c8c6;background:#9eb6bc;border-radius:29px}
.imasjid-content .hp-phone img{width:100%;aspect-ratio:375/812;object-fit:contain;border-radius:22px;background:#f5f5f5}
.imasjid-content .hp-accordion details[open] summary{color:#f5ddb1}
.imasjid-content .hp-accordion details[open]{border-top-color:#d6b979}
.imasjid-content .hp-art-caption{margin-top:25px;font-size:13px}
@media(max-width:700px){.imasjid-content .hp-phone{width:238px}.imasjid-content .hp-ummah-art{min-height:590px}}
@media(max-width:380px){.imasjid-content .hp-phone{width:220px}.imasjid-content .hp-ummah-art{min-height:550px}}

.imasjid-content .hp-module-slider{margin-top:30px}
.imasjid-content .hp-module-button{display:block;width:100%;text-align:left;border:0;border-top:1px solid #dce6e733;padding:18px 0;background:none;color:#fff;font-size:16px;line-height:1.5;min-height:62px}
.imasjid-content .hp-module-button:last-child{border-bottom:1px solid #dce6e733}
.imasjid-content .hp-module-button[aria-pressed=true]{color:#f5ddb1;border-top-color:#d6b979}
.imasjid-content .hp-module-copy{display:block;color:#e2ecee;font-size:16px;line-height:1.8;margin-top:10px;max-width:430px}
.imasjid-content .hp-slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#dfebed;font-size:12px;letter-spacing:.6px}
.imasjid-content #hp-slide-pause{border:1px solid #a9c0c466;border-radius:2px;background:transparent;color:#fff;padding:9px 13px;min-height:44px;font-size:13px;letter-spacing:0}
.imasjid-content .hp-ummah-art{min-height:650px}
.imasjid-content .hp-phone[data-screen=activities] img{aspect-ratio:375/812;object-fit:contain;object-position:center}
@media(max-width:700px){.imasjid-content .hp-ummah-art{min-height:600px}}


/* iMasjid Connect: a clear, light counterpoint to the iUmmah section. */
.imasjid-content .hp-masjid{background:#fff;color:#153e47;--hp-muted:#304e54;--hp-line:#ccd7d6;border-bottom:1px solid #e2e9e7}
.imasjid-content .hp-masjid h2 em{color:#315b64}
.imasjid-content .hp-masjid .hp-eyebrow,.imasjid-content .hp-masjid .hp-small-title{color:#6b512b}
.imasjid-content .hp-masjid .hp-section-note,.imasjid-content .hp-masjid-heading .hp-lead,.imasjid-content .hp-masjid .hp-principles p{color:#304e54}
.imasjid-content .hp-masjid .hp-principles>div{border-top-color:#c4cec9}
.imasjid-content .hp-masjid .hp-principles>div:before{background:#a78348}
.imasjid-content .hp-masjid .hp-dashboard-frame{box-shadow:0 24px 60px #153e471a;border-color:#b9c9c8}

/* A quiet architectural niche around the single upright app screen. */
.imasjid-content .hp-ummah-art{min-height:760px;padding-top:50px;isolation:isolate}
.imasjid-content .hp-arch-outline{position:absolute;inset:0 -3% 0;display:block;background:none;border:0;border-radius:0;box-shadow:none;pointer-events:none;z-index:-1}
.imasjid-content .hp-arch-outline:before{display:none}
.imasjid-content .hp-niche-svg{display:block;width:100%;height:100%;overflow:visible}
.imasjid-content .hp-ummah-art:before{content:"";position:absolute;inset:12% 6% 8%;background:radial-gradient(ellipse at 50% 5%,#f4dfac25,transparent 53%);filter:blur(17px);pointer-events:none;z-index:-1}
.imasjid-content .hp-ummah-art:after{content:"";position:absolute;bottom:65px;left:14%;right:14%;height:52px;background:radial-gradient(ellipse,#001f31a1,transparent 68%);filter:blur(9px);pointer-events:none;z-index:-1}
.imasjid-content .hp-phone{transform:none;position:relative;box-shadow:0 26px 48px #001d2b8c,0 0 30px #c1e1db12}
.imasjid-content .hp-art-caption{position:relative;max-width:90%;color:#f1dcae;margin-top:27px;font-size:13px;line-height:1.7}
@media(max-width:700px){.imasjid-content .hp-ummah-art{min-height:720px;padding-top:48px;max-width:440px}.imasjid-content .hp-arch-outline{inset-inline:-1%}.imasjid-content .hp-ummah-art:after{bottom:61px}}
@media(max-width:380px){.imasjid-content .hp-ummah-art{min-height:670px;padding-top:40px}.imasjid-content .hp-arch-outline{inset-inline:-2%}}

html{--brand-architecture:url("../images/fd0e4895db70d27b.webp")}
.imasjid-content .hp-sdmi-showcase{padding:94px 0 88px;background:radial-gradient(ellipse at 90% 0%,#208d7940,transparent 58%),linear-gradient(135deg,#073c3d,#074f48 60%,#0e3a43);border-top:1px solid #d5b47a66;border-bottom:1px solid #d5b47a55;color:#fff}
.imasjid-content .hp-sdmi-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:44px}
.imasjid-content .hp-sdmi-showcase h2{font-size:54px;line-height:1.15}
.imasjid-content .hp-sdmi-showcase h2 em{color:#e7d1a2}
.imasjid-content .hp-sdmi-showcase .hp-eyebrow{color:#e5c58c}
.imasjid-content .hp-sdmi-intro-copy .hp-sdmi-name{font-family:Georgia,serif;font-size:44px;line-height:1.1;color:#f1dfbb;letter-spacing:1px;margin-bottom:8px}
.imasjid-content .hp-sdmi-intro-copy .hp-sdmi-fullname{font-size:18px;color:#fff;line-height:1.6;margin-bottom:16px}
.imasjid-content .hp-sdmi-intro-copy>p:last-child{font-size:16px;line-height:1.8;color:#dceae6;max-width:430px}
.imasjid-content .hp-sdmi-stage{border:1px solid #b6cfc380;border-radius:12px;overflow:hidden;background:#f4f7f4;box-shadow:0 28px 70px #001e2866}
.imasjid-content .hp-sdmi-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 22px;background:#0a3438;border-bottom:1px solid #d5b47a66}
.imasjid-content .hp-sdmi-tabs{display:flex;gap:26px}
.imasjid-content .hp-sdmi-tabs button{position:relative;border:0;background:none;color:#dfebe7;font-size:14px;line-height:1.5;padding:12px 0;min-height:46px}
.imasjid-content .hp-sdmi-tabs button[aria-pressed=true]{color:#f3deb1}
.imasjid-content .hp-sdmi-tabs button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#d9bb82}
.imasjid-content .hp-sdmi-enlarge{background:none;border:0;color:#f3deb1;display:flex;align-items:center;gap:12px;font-size:13px;padding:10px 0;min-height:44px;white-space:nowrap}
.imasjid-content .hp-sdmi-image-button{display:block;width:100%;border:0;padding:0;background:#f4f7f4}
.imasjid-content #hp-sdmi-screen{display:block;width:100%;height:auto;aspect-ratio:1225/795;object-fit:contain;background:#f4f7f4}
.imasjid-content .hp-sdmi-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 22px;background:#edf3ed;color:#1b4f4d}
.imasjid-content .hp-sdmi-caption p{font-size:14px;line-height:1.6}
.imasjid-content .hp-sdmi-caption>span{font-size:12px;white-space:nowrap;color:#476460}
.imasjid-content .hp-sdmi-foundations{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:43px}
.imasjid-content .hp-sdmi-foundations>div{border-top:1px solid #d5b47a66;padding-top:22px}
.imasjid-content .hp-sdmi-foundations h3{font-size:25px;line-height:1.3;color:#f3e2be}
.imasjid-content .hp-sdmi-foundations p{font-size:16px;line-height:1.8;color:#dceae6;margin-top:13px}
.imasjid-content #hp-sdmi-dialog{max-width:1440px}
.imasjid-content #hp-sdmi-dialog-image{width:100%;height:auto}
@media(max-width:850px){.imasjid-content .hp-sdmi-intro{gap:40px}.imasjid-content .hp-sdmi-showcase h2{font-size:42px}.imasjid-content .hp-sdmi-foundations{gap:25px}.imasjid-content .hp-sdmi-tabs{gap:20px}}
@media(max-width:700px){.imasjid-content .hp-sdmi-showcase{padding:64px 0}.imasjid-content .hp-sdmi-intro{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.imasjid-content .hp-sdmi-showcase h2{font-size:35px}.imasjid-content .hp-sdmi-intro-copy .hp-sdmi-name{font-size:34px}.imasjid-content .hp-sdmi-intro-copy .hp-sdmi-fullname{font-size:17px;margin-bottom:13px}.imasjid-content .hp-sdmi-toolbar{padding:10px 16px;flex-wrap:wrap;gap:5px}.imasjid-content .hp-sdmi-tabs{gap:20px;flex-wrap:wrap}.imasjid-content .hp-sdmi-tabs button{font-size:13px}.imasjid-content .hp-sdmi-enlarge{font-size:12px;min-height:44px}.imasjid-content .hp-sdmi-caption{padding:15px 16px;display:block}.imasjid-content .hp-sdmi-caption p{font-size:13px}.imasjid-content .hp-sdmi-caption>span{display:block;font-size:12px;margin-top:8px}.imasjid-content .hp-sdmi-foundations{grid-template-columns:1fr;gap:25px;margin-top:33px}.imasjid-content .hp-sdmi-foundations h3{font-size:25px}}
@media(max-width:380px){.imasjid-content .hp-sdmi-showcase h2{font-size:32px}.imasjid-content .hp-sdmi-tabs{gap:14px}.imasjid-content .hp-sdmi-tabs button{font-size:12px}}

.imasjid-content .hp-day{background:#fff;color:#153e47;padding:96px 0 100px;border-bottom:1px solid #dce5e2}
.imasjid-content .hp-day .hp-eyebrow{color:#70552d}
.imasjid-content .hp-day h2 em{color:#315b64}
.imasjid-content .hp-day-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}
.imasjid-content .hp-day-heading>.hp-lead{color:#36545a;max-width:420px}
.imasjid-content .hp-day-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px;position:relative}
.imasjid-content .hp-day-journey article{position:relative;border-top:1px solid #b4c4bf;padding-top:29px;display:flex;flex-direction:column}
.imasjid-content .hp-day-journey article:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:#a48248;border-radius:50%;box-shadow:0 0 0 5px #fff}
.imasjid-content .hp-day .hp-day-moment{font-size:12px;color:#70552d;line-height:1.6;margin-bottom:18px}
.imasjid-content .hp-day-journey h3{font-size:28px;line-height:1.25;margin-bottom:16px}
.imasjid-content .hp-day-journey article>p:not(.hp-day-moment){font-size:16px;line-height:1.8;color:#36545a;margin-bottom:22px}
.imasjid-content .hp-day-journey a{display:inline-flex;gap:12px;align-items:center;font-size:13px;line-height:1.5;min-height:44px;margin-top:auto;align-self:flex-start;color:#23515b}
.imasjid-content .hp-shared-community{padding:94px 0;background:linear-gradient(135deg,#113d50,#0b2e3f);color:#fff;border-bottom:1px solid #bda16e66}
.imasjid-content .hp-shared-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:42px}
.imasjid-content .hp-shared-heading>p{font-size:17px;line-height:1.8;color:#d7e5e7;max-width:400px}
.imasjid-content .hp-community-image{margin:0;position:relative;overflow:hidden;border-radius:10px;border:1px solid #cfb27b66;box-shadow:0 22px 55px #001c2a40}
.imasjid-content .hp-community-image img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 45%}
.imasjid-content .hp-community-roles{display:grid;grid-template-columns:1fr 1fr;gap:76px;margin-top:43px}
.imasjid-content .hp-community-roles article{border-top:1px solid #d5b47a66;padding-top:26px}
.imasjid-content .hp-community-roles .hp-eyebrow{margin-bottom:16px}
.imasjid-content .hp-community-roles h3{font-size:30px;line-height:1.3;letter-spacing:-.4px;color:#fff}
.imasjid-content .hp-community-roles article>p:not(.hp-eyebrow){color:#d7e5e7;font-size:17px;line-height:1.8;max-width:450px;margin-top:18px}
.imasjid-content .hp-community-roles .hp-text-link{margin-top:21px}
.imasjid-content .hp-about{border-top:0}
@media(max-width:1000px){.imasjid-content .hp-day-heading,.imasjid-content .hp-shared-heading{gap:40px}.imasjid-content .hp-day-journey{grid-template-columns:1fr 1fr;gap:38px}.imasjid-content .hp-shared-heading{grid-template-columns:1fr}.imasjid-content .hp-shared-heading>p{max-width:600px}.imasjid-content .hp-community-roles{gap:40px}.imasjid-content .hp-community-image img{height:400px}}
@media(max-width:700px){.imasjid-content .hp-day,.imasjid-content .hp-shared-community{padding:64px 0}.imasjid-content .hp-day-heading{grid-template-columns:1fr;gap:24px}.imasjid-content .hp-day-heading>.hp-lead{max-width:500px}.imasjid-content .hp-day-journey{margin-top:36px;gap:30px 22px}.imasjid-content .hp-day-journey h3{font-size:25px}.imasjid-content .hp-day-journey article>p:not(.hp-day-moment){font-size:16px}.imasjid-content .hp-day .hp-day-moment{min-height:38px;margin-bottom:12px;font-size:12px}.imasjid-content .hp-shared-heading{gap:24px;margin-bottom:30px}.imasjid-content .hp-shared-heading>p{font-size:16px}.imasjid-content .hp-community-image img{height:350px;object-position:52% center}.imasjid-content .hp-community-roles{grid-template-columns:1fr;gap:32px;margin-top:33px}.imasjid-content .hp-community-roles h3{font-size:27px}.imasjid-content .hp-community-roles article>p:not(.hp-eyebrow){font-size:16px}}
@media(max-width:380px){.imasjid-content .hp-day-journey{grid-template-columns:1fr;gap:29px}.imasjid-content .hp-day .hp-day-moment{min-height:0}.imasjid-content .hp-day-journey h3 br{display:none}.imasjid-content .hp-community-image img{height:320px}}

.imasjid-content .hp-community-architecture{height:430px;background-color:#103c50;background-image:linear-gradient(0deg,#082b3e66,#0b354a0d 65%);background-size:cover;background-position:center 40%}@media(max-width:700px){.imasjid-content .hp-community-architecture{height:350px;background-position:center 30%}}@media(max-width:380px){.imasjid-content .hp-community-architecture{height:320px}}

.imasjid-content .hp-community-roles{margin-top:38px;gap:30px}
.imasjid-content .hp-community-roles article{padding:30px;background:linear-gradient(140deg,#164d60,#10384a);border-top:2px solid #c6a66e}
.imasjid-content .hp-community-roles article:last-child{background:linear-gradient(140deg,#143e50,#0b2d3e)}
.imasjid-content .hp-about{background:#fff;background-image:none;color:#153e47;border-bottom:1px solid #dbe3df}
.imasjid-content .hp-about h2 em{color:#315b64}
.imasjid-content .hp-about .hp-eyebrow{color:#6b512b}
.imasjid-content .hp-about>p:not(.hp-eyebrow){color:#304e54}
.imasjid-content .hp-about-signoff{color:#70552d}
.imasjid-content .hp-about-signoff span{background:#a9874e}
@media(max-width:700px){.imasjid-content .hp-community-roles article{padding:25px}}

.imasjid-content .hp-place{padding:88px 0;background:#fff;color:#153e47}
.imasjid-content .hp-place-grid{display:grid;grid-template-columns:.8fr 1.35fr;gap:50px;align-items:center}
.imasjid-content .hp-place .hp-eyebrow{color:#70552d}
.imasjid-content .hp-place h2{font-size:60px;line-height:1.12;letter-spacing:-1.6px}
.imasjid-content .hp-place h2 em{color:#315b64}
.imasjid-content .hp-place-copy>p:not(.hp-eyebrow){font-size:19px;line-height:1.8;color:#36545a;max-width:350px;margin-top:26px}
.imasjid-content .hp-place .hp-text-link{color:#23515b;border-bottom-color:#7c9c98;margin-top:27px}
.imasjid-content .hp-place-art{overflow:hidden;border-radius:50% 50% 8px 8px;border:1px solid #b9cdc4;background:#e2eee7;box-shadow:0 25px 55px #103d4a14}
.imasjid-content .hp-place-art svg{display:block;width:100%;height:auto}
.imasjid-content .hp-intention{background:radial-gradient(ellipse at 50% 0,#18566a66,transparent 65%),#0b3042;color:#fff;padding:98px 0 70px;border-block:1px solid #c1a26b55}
.imasjid-content .hp-intention h2{font-size:56px;line-height:1.15;letter-spacing:-1.3px;max-width:900px}
.imasjid-content .hp-intention h2 em{color:#e8d0a0}
.imasjid-content .hp-intention-lead{font-size:19px;color:#d8e5e7;line-height:1.8;max-width:630px;margin-top:28px}
.imasjid-content .hp-commitments{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:56px}
.imasjid-content .hp-commitments article{padding-top:25px;border-top:1px solid #d3b47788}
.imasjid-content .hp-commitments h3{font-size:27px;color:#f0ddba;line-height:1.3}
.imasjid-content .hp-commitments p{font-size:16px;color:#d8e5e7;line-height:1.8;margin-top:15px}
.imasjid-content .hp-intention-signoff{margin-top:55px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#e4c68f}
.imasjid-content .hp-contact-ending{padding:89px 0;background:#f4f7f5;color:#153e47;border-bottom:1px solid #cedad3}
.imasjid-content .hp-contact-heading{text-align:center;max-width:800px;margin:auto}
.imasjid-content .hp-contact-ending .hp-eyebrow{color:#70552d}
.imasjid-content .hp-contact-ending h2{font-size:52px;line-height:1.16;letter-spacing:-1px}
.imasjid-content .hp-contact-ending h2 em{color:#315b64}
.imasjid-content .hp-contact-heading>p:last-child{font-size:17px;color:#36545a;margin-top:23px}
.imasjid-content .hp-contact-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.imasjid-content .hp-contact-paths button{border:1px solid #c1d1cb;border-radius:4px;background:#fff;color:#153e47;text-align:left;padding:24px;min-height:125px}
.imasjid-content .hp-contact-paths button>span{display:block;font-family:Georgia,serif;font-size:25px;line-height:1.3}
.imasjid-content .hp-contact-paths small{display:block;font-size:14px;line-height:1.75;margin-top:11px;color:#36545a}
.imasjid-content .hp-contact-paths button[aria-pressed=true]{background:#123f50;border-color:#123f50;color:#fff;box-shadow:inset 0 3px #d5b67d}
.imasjid-content .hp-contact-paths button[aria-pressed=true] small{color:#e0e9e9}
.imasjid-content .hp-contact-conversation{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px;margin-top:47px;padding-top:38px;border-top:1px solid #c8d6d0}
.imasjid-content .hp-contact-conversation>div h3{font-size:34px;line-height:1.25}
.imasjid-content .hp-contact-conversation>div p{font-size:16px;line-height:1.8;color:#36545a;max-width:320px;margin-top:20px}
.imasjid-content .hp-contact-ending label{color:#294b52}
.imasjid-content .hp-contact-ending input,.imasjid-content .hp-contact-ending select,.imasjid-content .hp-contact-ending textarea{background:#fff;color:#153e47;border-color:#a9bfba}
.imasjid-content .hp-contact-ending .hp-form-action p{color:#526a6c}
.imasjid-content .hp-contact-ending #hp-enquiry-result{border-top-color:#a9bfba}
.imasjid-content .hp-contact-ending .hp-enquiry-button{background:#123f50;border-color:#123f50;color:#fff;box-shadow:none}
@media(max-width:1000px){.imasjid-content .hp-place-grid{gap:35px}.imasjid-content .hp-place h2{font-size:48px}.imasjid-content .hp-contact-conversation{gap:45px}.imasjid-content .hp-contact-paths button{padding:21px}.imasjid-content .hp-contact-paths button>span{font-size:23px}.imasjid-content .hp-commitments{gap:28px}}
@media(max-width:700px){.imasjid-content .hp-place,.imasjid-content .hp-intention,.imasjid-content .hp-contact-ending{padding:64px 0}.imasjid-content .hp-place-grid{grid-template-columns:1fr;gap:36px}.imasjid-content .hp-place h2{font-size:45px}.imasjid-content .hp-place-copy>p:not(.hp-eyebrow){font-size:17px;max-width:450px;margin-top:23px}.imasjid-content .hp-place-art{max-width:550px}.imasjid-content .hp-intention h2{font-size:38px;letter-spacing:-.7px}.imasjid-content .hp-intention-lead{font-size:17px;margin-top:24px}.imasjid-content .hp-commitments{grid-template-columns:1fr;gap:28px;margin-top:35px}.imasjid-content .hp-commitments h3{font-size:26px}.imasjid-content .hp-intention-signoff{margin-top:35px;font-size:12px}.imasjid-content .hp-contact-ending h2{font-size:38px}.imasjid-content .hp-contact-heading>p:last-child{font-size:16px}.imasjid-content .hp-contact-paths{grid-template-columns:1fr;gap:12px;margin-top:30px}.imasjid-content .hp-contact-paths button{padding:20px;min-height:0}.imasjid-content .hp-contact-paths small{margin-top:7px}.imasjid-content .hp-contact-conversation{grid-template-columns:1fr;gap:30px;margin-top:33px;padding-top:30px}.imasjid-content .hp-contact-conversation>div h3{font-size:29px}.imasjid-content .hp-contact-conversation>div h3 br{display:none}.imasjid-content .hp-contact-conversation>div p{max-width:500px;margin-top:13px}}
@media(max-width:380px){.imasjid-content .hp-place h2{font-size:40px}.imasjid-content .hp-intention h2,.imasjid-content .hp-contact-ending h2{font-size:34px}}



/* Royal Islamic geometry, closing sections */
.imasjid-content .hp-royal-place,.imasjid-content .hp-royal-intention,.imasjid-content .hp-royal-contact{position:relative;isolation:isolate;overflow:hidden}
.imasjid-content .hp-geometry{pointer-events:none;position:absolute;color:#31737b}
.imasjid-content .hp-geometry svg{display:block;width:100%;height:100%}
.imasjid-content .hp-royal-place{padding:130px 0 105px;background:radial-gradient(ellipse at 85% 45%,#edf4f1 0,white 62%);min-height:770px}
.imasjid-content .hp-royal-place-inner{position:relative;min-height:535px;display:flex;align-items:center}
.imasjid-content .hp-royal-place .hp-place-copy{position:relative;z-index:2;width:52%;padding:25px 35px 35px 0;background:radial-gradient(ellipse at 20% 50%,#fffffff5 30%,#ffffff00 72%)}
.imasjid-content .hp-royal-place h2{font-size:clamp(55px,5.2vw,78px);line-height:1.06;letter-spacing:-2px}
.imasjid-content .hp-royal-place h2 em{color:#245c65}
.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){max-width:430px;font-size:18px;line-height:1.9;margin-top:30px}
.imasjid-content .hp-community-rosette{width:880px;height:880px;left:48%;top:50%;transform:translateY(-50%);opacity:.8;animation:hp-rosette-turn 200s linear infinite}
.imasjid-content .hp-geometry-caption{position:absolute;right:6%;bottom:-25px;color:#41686c;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.imasjid-content .hp-royal-rule{position:absolute;bottom:0;left:8.5%;right:8.5%;display:flex;align-items:center;gap:20px;color:#a88b50}
.imasjid-content .hp-royal-rule:before,.imasjid-content .hp-royal-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#b49a6477)}
.imasjid-content .hp-royal-rule:after{transform:rotate(180deg)}
.imasjid-content .hp-royal-rule span{font-size:27px;line-height:1.4}
.imasjid-content .hp-royal-intention{padding:150px 0 90px;background:radial-gradient(ellipse at 50% 0,#075d70 0,#103b4e 45%,#092d3d 100%);border:0}
.imasjid-content .hp-arch-vault{position:absolute;inset:0;z-index:-1;pointer-events:none}
.imasjid-content .hp-arch-vault svg{width:100%;height:100%}
.imasjid-content .hp-vault-pattern{width:1000px;height:1000px;left:50%;top:-700px;transform:translateX(-50%);color:#dbc38d;opacity:.14}
.imasjid-content .hp-intention-content{text-align:center;position:relative}
.imasjid-content .hp-royal-intention .hp-eyebrow{color:#e6cfa0;letter-spacing:2px}
.imasjid-content .hp-heading-ornament{font-size:42px;color:#d7bd83;margin:25px 0 20px;line-height:1}
.imasjid-content .hp-royal-intention h2{font-size:clamp(42px,4.6vw,66px);max-width:1000px;margin:auto;line-height:1.13;letter-spacing:-1.3px;color:white}
.imasjid-content .hp-royal-intention h2 em{color:#eedbb6}
.imasjid-content .hp-royal-intention .hp-intention-lead{margin:28px auto 0;max-width:720px;color:#e1ecee;font-size:18px;line-height:1.85}
.imasjid-content .hp-royal-intention .hp-commitments{gap:0;margin:70px auto 0;max-width:1030px}
.imasjid-content .hp-royal-intention .hp-commitments article{border-top:0;padding:0 30px;position:relative}
.imasjid-content .hp-royal-intention .hp-commitments article+article{border-left:1px solid #d5ba7a44}
.imasjid-content .hp-commitment-mark{display:block;font-size:25px;line-height:1;color:#d7bd83;margin-bottom:22px}
.imasjid-content .hp-royal-intention .hp-commitments h3{color:#fff;font-size:27px}
.imasjid-content .hp-royal-intention .hp-commitments p{color:#dce9eb;font-size:16px;line-height:1.8}
.imasjid-content .hp-royal-intention .hp-intention-signoff{display:inline-block;border-top:1px solid #d5ba7a66;padding:28px 38px 0;margin-top:60px;letter-spacing:2px;color:#e8d1a3}
.imasjid-content .hp-royal-contact{background:#fff;padding:110px 0 100px;border-bottom:1px solid #d9e4e0}
.imasjid-content .hp-contact-corner{width:650px;height:650px;left:-405px;top:-330px;opacity:.35}
.imasjid-content .hp-royal-contact>.hp-wrap{position:relative}
.imasjid-content .hp-royal-contact .hp-contact-heading{max-width:1000px}
.imasjid-content .hp-royal-contact h2{font-size:clamp(40px,4vw,58px);line-height:1.17}
.imasjid-content .hp-royal-contact .hp-contact-heading>p:last-child{margin-top:25px;font-size:18px}
.imasjid-content .hp-royal-contact .hp-contact-paths{max-width:960px;margin:48px auto 0;gap:0;border-top:1px solid #afc6c1;border-bottom:1px solid #afc6c1}
.imasjid-content .hp-royal-contact .hp-contact-paths button{background:transparent;border:0;border-radius:0;text-align:center;min-height:118px;padding:24px 15px;box-shadow:none;transition:background .25s,color .25s}
.imasjid-content .hp-royal-contact .hp-contact-paths button+button{border-left:1px solid #cfddd8}
.imasjid-content .hp-royal-contact .hp-contact-paths button[aria-pressed=true]{background:#123f50;color:#fff;box-shadow:inset 0 -3px #c6aa70}
.imasjid-content .hp-royal-contact .hp-contact-paths button>span{font-size:25px}
.imasjid-content .hp-royal-contact .hp-contact-paths small{font-size:13px;letter-spacing:.3px;margin-top:9px}
.imasjid-content .hp-royal-contact .hp-contact-conversation{border-top:0;margin-top:65px;padding-top:0;gap:90px}
.imasjid-content .hp-conversation-ornament{font-size:45px;color:#a68c54;display:block;line-height:1;margin-bottom:25px}
.imasjid-content .hp-royal-contact .hp-contact-conversation h3{font-size:37px;line-height:1.25}
.imasjid-content .hp-royal-contact input,.imasjid-content .hp-royal-contact select,.imasjid-content .hp-royal-contact textarea{background:#f7faf8;border-color:#b8cdc6;border-radius:2px}
@keyframes hp-rosette-turn{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}
@media(max-width:1000px){.imasjid-content .hp-royal-place{padding:100px 0 85px;min-height:680px}.imasjid-content .hp-community-rosette{width:740px;height:740px;left:47%}.imasjid-content .hp-royal-place .hp-place-copy{width:58%}.imasjid-content .hp-royal-intention{padding-top:120px}.imasjid-content .hp-royal-intention .hp-commitments article{padding:0 20px}.imasjid-content .hp-royal-intention .hp-commitments h3{font-size:24px}.imasjid-content .hp-royal-contact .hp-contact-conversation{gap:45px}}
@media(max-width:700px){.imasjid-content .hp-royal-place{padding:65px 0 45px;min-height:0}.imasjid-content .hp-royal-place-inner{display:block;min-height:0}.imasjid-content .hp-royal-place .hp-place-copy{width:100%;padding:0;background:none}.imasjid-content .hp-royal-place h2{font-size:49px;letter-spacing:-1.2px}.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){font-size:17px;max-width:460px;margin-top:25px}.imasjid-content .hp-community-rosette{position:relative;width:112vw;height:112vw;max-width:620px;max-height:620px;left:50%;top:auto;transform:translateX(-50%);margin:30px 0 -18px;animation:hp-rosette-mobile 200s linear infinite;opacity:.7;order:2}.imasjid-content .hp-royal-place{display:flex;flex-direction:column}.imasjid-content .hp-royal-place-inner{order:1}.imasjid-content .hp-geometry-caption{position:static;margin-top:25px;font-size:10px;letter-spacing:1.5px}.imasjid-content .hp-royal-intention{padding:105px 0 60px}.imasjid-content .hp-royal-intention h2{font-size:38px;letter-spacing:-.7px}.imasjid-content .hp-royal-intention .hp-intention-lead{font-size:17px;line-height:1.8}.imasjid-content .hp-desktop-break{display:none}.imasjid-content .hp-arch-vault{inset:0 -180px}.imasjid-content .hp-royal-intention .hp-commitments{margin-top:42px;gap:28px}.imasjid-content .hp-royal-intention .hp-commitments article{padding:0 15px 28px;max-width:440px;margin:auto;border-bottom:1px solid #d5ba7a44}.imasjid-content .hp-royal-intention .hp-commitments article+article{border-left:0}.imasjid-content .hp-commitment-mark{margin-bottom:17px}.imasjid-content .hp-royal-intention .hp-commitments h3{font-size:27px}.imasjid-content .hp-royal-intention .hp-intention-signoff{border-top:0;margin-top:30px;padding:0;letter-spacing:1.3px}.imasjid-content .hp-royal-contact{padding:65px 0}.imasjid-content .hp-royal-contact h2{font-size:36px;letter-spacing:-.7px}.imasjid-content .hp-royal-contact .hp-contact-heading>p:last-child{font-size:17px;line-height:1.8}.imasjid-content .hp-royal-contact .hp-contact-paths{margin-top:30px}.imasjid-content .hp-royal-contact .hp-contact-paths button{min-height:95px;padding:18px}.imasjid-content .hp-royal-contact .hp-contact-paths button+button{border-left:0;border-top:1px solid #cfddd8}.imasjid-content .hp-royal-contact .hp-contact-conversation{margin-top:40px;gap:30px}.imasjid-content .hp-royal-contact .hp-contact-conversation h3{font-size:32px}.imasjid-content .hp-royal-contact .hp-contact-conversation h3 br{display:block}.imasjid-content .hp-contact-corner{opacity:.18}.imasjid-content .hp-conversation-ornament{font-size:35px;margin-bottom:18px}}
@keyframes hp-rosette-mobile{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.imasjid-content .hp-community-rosette{animation:none}}


/* Refined rosette: clear rings, teal tracery and gold inlay. */
.imasjid-content .hp-royal-place{background:radial-gradient(ellipse at 90% 50%,#edf4f1 0,#fff 62%);padding:120px 0 110px}
.imasjid-content .hp-community-rosette{width:850px;height:850px;left:51%;opacity:.95;filter:drop-shadow(0 20px 35px #184f5910);animation-duration:280s}
.imasjid-content .hp-royal-place .hp-place-copy{width:53%;padding-right:45px;background:none}
.imasjid-content .hp-royal-place .hp-eyebrow{font-size:11px;letter-spacing:1.6px;line-height:1.8;max-width:400px}
.imasjid-content .hp-royal-place h2{font-size:clamp(54px,5vw,74px);line-height:1.1;letter-spacing:-1.6px}
.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){max-width:395px;line-height:1.9;margin-top:30px}
.imasjid-content .hp-royal-place .hp-text-link{margin-top:30px;padding-bottom:12px}
.imasjid-content .hp-royal-place:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0,#ffffff00 70%);pointer-events:none}
.imasjid-content .hp-royal-rule{left:8.5%;right:8.5%;gap:25px}
@media(min-width:1600px){.imasjid-content .hp-community-rosette{width:980px;height:980px;left:54%}.imasjid-content .hp-royal-place{min-height:850px}.imasjid-content .hp-royal-place-inner{min-height:620px}}
@media(min-width:701px) and (max-width:1000px){.imasjid-content .hp-community-rosette{width:740px;height:740px;left:54%}.imasjid-content .hp-royal-place .hp-place-copy{width:59%;padding-right:25px}.imasjid-content .hp-royal-place h2{font-size:52px}}
@media(max-width:700px){.imasjid-content .hp-royal-place{padding:65px 0 35px}.imasjid-content .hp-royal-place .hp-place-copy{width:100%;padding:0}.imasjid-content .hp-royal-place h2{font-size:47px;line-height:1.1;letter-spacing:-1.1px}.imasjid-content .hp-royal-place .hp-eyebrow{font-size:10px;letter-spacing:1.3px}.imasjid-content .hp-community-rosette{width:108vw;height:108vw;left:50%;margin:35px 0 -10px;max-width:620px;max-height:620px;animation-duration:280s}.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){max-width:460px;font-size:17px}.imasjid-content .hp-royal-place .hp-text-link{margin-top:24px}}
@media(max-width:360px){.imasjid-content .hp-royal-place h2{font-size:42px}}


/* Brushed gold inlay, white field and teal detail. */
.imasjid-content .hp-community-rosette{opacity:1;filter:drop-shadow(0 16px 28px #214c5212)}
.imasjid-content .hp-royal-place .hp-eyebrow{color:#81622e}
.imasjid-content .hp-royal-place .hp-text-link{border-bottom-color:#b39458}
.imasjid-content .hp-royal-place .hp-text-link:hover{border-bottom-color:#80602c}
.imasjid-content .hp-royal-rule{color:#a17c38}
.imasjid-content .hp-royal-rule:before,.imasjid-content .hp-royal-rule:after{background:linear-gradient(90deg,transparent,#b79a6099)}


/* A courtyard of light: carved screens and layered stone portals. */
.imasjid-content .hp-royal-place{background:#fff;padding:90px 0 80px;min-height:820px}
.imasjid-content .hp-royal-place-inner{min-height:650px;z-index:2;pointer-events:none}
.imasjid-content .hp-royal-place .hp-place-copy{width:47%;padding-right:30px;pointer-events:auto}
.imasjid-content .hp-royal-place h2{font-size:clamp(51px,4.7vw,70px);line-height:1.1}
.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){max-width:365px;font-size:18px}
.imasjid-content .hp-royal-place .hp-eyebrow{color:#4f7779;font-size:10px;letter-spacing:1.4px;max-width:350px}
.imasjid-content .hp-courtyard-art{position:absolute;width:min(69vw,1030px);right:-5%;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}
.imasjid-content .hp-courtyard-art svg{display:block;width:100%;height:auto}
.imasjid-content .hp-royal-place:after{display:none}
.imasjid-content .hp-royal-place .hp-text-link{border-bottom-color:#8facaa}
.imasjid-content .hp-royal-rule{color:#789a99}
.imasjid-content .hp-royal-rule:before,.imasjid-content .hp-royal-rule:after{background:linear-gradient(90deg,transparent,#8facaa88)}
.imasjid-content .hp-royal-intention{background:radial-gradient(ellipse at 50% 12%,#176377 0,#103e51 48%,#0b3041 100%)}
.imasjid-content .hp-arch-vault svg g{stroke:#c5d8cc}
.imasjid-content .hp-heading-ornament,.imasjid-content .hp-commitment-mark{color:#c7d9cc}
.imasjid-content .hp-royal-intention h2 em{color:#e3eee5}
.imasjid-content .hp-royal-intention .hp-eyebrow{color:#cfdfd3}
.imasjid-content .hp-royal-intention .hp-intention-signoff{color:#d6e3d9;border-top-color:#c5d8cc55}
.imasjid-content .hp-royal-contact{background:linear-gradient(180deg,#f3f7f3 0,#fff 45%)}
.imasjid-content .hp-conversation-ornament{color:#6c9493}
@media(min-width:1600px){.imasjid-content .hp-royal-place{min-height:900px}.imasjid-content .hp-courtyard-art{width:1050px;right:0}}
@media(min-width:701px) and (max-width:1000px){.imasjid-content .hp-royal-place{padding:80px 0;min-height:720px}.imasjid-content .hp-royal-place-inner{min-height:560px}.imasjid-content .hp-royal-place .hp-place-copy{width:49%;padding-right:15px}.imasjid-content .hp-royal-place h2{font-size:47px}.imasjid-content .hp-courtyard-art{width:75vw;right:-14%}.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){font-size:17px}}
@media(max-width:700px){.imasjid-content .hp-royal-place{display:flex;padding:64px 0 25px;min-height:0}.imasjid-content .hp-royal-place-inner{min-height:0;order:1}.imasjid-content .hp-royal-place .hp-place-copy{width:100%;padding:0}.imasjid-content .hp-royal-place h2{font-size:47px}.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){font-size:17px;max-width:460px}.imasjid-content .hp-courtyard-art{position:relative;order:2;width:115%;max-width:680px;right:auto;left:50%;top:auto;transform:translateX(-50%);margin:22px 0 -20px}.imasjid-content .hp-royal-place .hp-eyebrow{font-size:10px;max-width:100%}}
@media(max-width:360px){.imasjid-content .hp-royal-place h2{font-size:42px}}


/* Photographic architecture with space reserved for the copy. */
.imasjid-content .hp-royal-place{min-height:850px;padding:95px 0;background:#fff}
.imasjid-content .hp-royal-place-inner{min-height:660px}
.imasjid-content .hp-architectural-photo{width:52%;height:100%;right:0;top:0;transform:none;overflow:hidden;max-width:none}
.imasjid-content .hp-architectural-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;mask-image:linear-gradient(90deg,transparent 0,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%)}
.imasjid-content .hp-royal-place .hp-place-copy{width:45%;padding-right:25px}
.imasjid-content .hp-royal-rule{z-index:3;left:8.5%;right:55%;bottom:35px}
.imasjid-content .hp-royal-rule span{font-size:20px}
@media(min-width:1600px){.imasjid-content .hp-royal-place{min-height:900px}.imasjid-content .hp-architectural-photo{width:52%}}
@media(min-width:701px) and (max-width:1000px){.imasjid-content .hp-royal-place{min-height:750px;padding:75px 0}.imasjid-content .hp-royal-place-inner{min-height:600px}.imasjid-content .hp-architectural-photo{width:51%;right:0}.imasjid-content .hp-royal-place .hp-place-copy{width:48%;padding-right:20px}.imasjid-content .hp-royal-place h2{font-size:46px}}
@media(max-width:700px){.imasjid-content .hp-royal-place{padding:60px 0 0;min-height:0}.imasjid-content .hp-royal-place-inner{min-height:0}.imasjid-content .hp-royal-place .hp-place-copy{width:100%;padding:0}.imasjid-content .hp-architectural-photo{position:relative;order:2;left:0;right:auto;top:auto;width:100%;height:auto;max-width:none;transform:none;margin:35px 0 0;aspect-ratio:4/4.5}.imasjid-content .hp-architectural-photo img{height:100%;object-position:60% 45%;mask-image:linear-gradient(180deg,transparent 0,#000 8%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%)}.imasjid-content .hp-royal-rule{display:none}}


/* Clear product roles beside the architectural image. */
.imasjid-content .hp-royal-place{min-height:980px;padding:85px 0}
.imasjid-content .hp-royal-place-inner{min-height:810px}
.imasjid-content .hp-royal-place h2{font-size:clamp(43px,4vw,59px);line-height:1.12;letter-spacing:-1.1px}
.imasjid-content .hp-royal-place .hp-place-copy>p:not(.hp-eyebrow){font-size:17px;line-height:1.85;margin-top:25px;max-width:390px}
.imasjid-content .hp-product-roles{margin-top:28px;max-width:390px}
.imasjid-content .hp-product-roles>div{padding:20px 0;border-top:1px solid #b6cbc7}
.imasjid-content .hp-product-roles h3{font-size:25px;color:#153e47;line-height:1.3}
.imasjid-content .hp-product-roles p{font-size:15px;line-height:1.75;color:#36545a;margin-top:8px}
.imasjid-content .hp-product-roles .hp-text-link{font-size:13px;margin-top:12px;padding-bottom:7px}
.imasjid-content .hp-royal-place .hp-royal-rule{bottom:20px}
.imasjid-content .hp-royal-intention .hp-commitments p{text-align:left}
@media(min-width:701px) and (max-width:1000px){.imasjid-content .hp-royal-place{min-height:1000px;padding:75px 0}.imasjid-content .hp-royal-place-inner{min-height:850px}.imasjid-content .hp-royal-place h2{font-size:44px}}
@media(max-width:700px){.imasjid-content .hp-royal-place{padding:60px 0 0;min-height:0}.imasjid-content .hp-royal-place-inner{min-height:0}.imasjid-content .hp-royal-place h2{font-size:44px;letter-spacing:-.8px}.imasjid-content .hp-product-roles{max-width:460px;margin-top:25px}.imasjid-content .hp-product-roles>div:last-child{padding-bottom:0}.imasjid-content .hp-product-roles h3{font-size:25px}.imasjid-content .hp-royal-intention .hp-commitments p{text-align:center}}
@media(max-width:360px){.imasjid-content .hp-royal-place h2{font-size:39px}}


.imasjid-content .hp-store-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.imasjid-content .hp-store-badge{display:inline-flex;align-items:center;gap:11px;min-height:57px;min-width:170px;padding:9px 16px;background:#101a1f;color:#fff;border:1px solid #7b9198;border-radius:8px;text-decoration:none;box-sizing:border-box;line-height:1;transition:background .2s,border-color .2s}
.imasjid-content .hp-store-badge[aria-disabled=true]{cursor:default}
.imasjid-content .hp-store-badge[href]:hover{background:#153e47;border-color:#789b9e}
.imasjid-content .hp-store-badge[href]:focus-visible{outline:3px solid #bca576;outline-offset:4px}
.imasjid-content .hp-store-badge svg{width:27px;height:31px;flex:0 0 27px}
.imasjid-content .hp-store-badge span{display:flex;flex-direction:column;gap:5px}
.imasjid-content .hp-store-badge small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.3px;line-height:1;color:#fff}
.imasjid-content .hp-store-badge strong{font-family:Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.3px;line-height:1;color:#fff;white-space:nowrap}
.imasjid-content .hp-masjid-mobile-stores{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;margin-top:45px;border-top:1px solid #b8ccc5}
.imasjid-content .hp-masjid-mobile-stores .hp-eyebrow{color:#42686e;margin-bottom:10px}
.imasjid-content .hp-masjid-mobile-stores h3{font-size:29px;color:#153e47;line-height:1.3}
.imasjid-content .hp-masjid-mobile-stores .hp-store-badges{margin-top:0;flex-shrink:0}
@media(max-width:900px){.imasjid-content .hp-masjid-mobile-stores{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:700px){.imasjid-content .hp-store-badges{gap:10px;margin-top:26px}.imasjid-content .hp-store-badge{min-width:153px;min-height:54px;padding:9px 12px;gap:9px}.imasjid-content .hp-store-badge strong{font-size:19px}.imasjid-content .hp-store-badge svg{width:24px;height:28px;flex-basis:24px}.imasjid-content .hp-masjid-mobile-stores{padding-top:27px;margin-top:30px}.imasjid-content .hp-masjid-mobile-stores h3{font-size:27px}}
@media(max-width:380px){.imasjid-content .hp-store-badge{min-width:0;padding:9px 10px;gap:7px}.imasjid-content .hp-store-badge strong{font-size:18px}.imasjid-content .hp-store-badge small{font-size:9px}.imasjid-content .hp-store-badge svg{width:22px;flex-basis:22px}.imasjid-content .hp-store-badges{gap:8px}}


#hero-next .hn-store-badges{display:none;gap:9px;flex-direction:column;align-items:flex-start;margin-top:20px}
#hero-next[data-product=community] [data-hero-store=community],#hero-next[data-product=mosque] [data-hero-store=mosque]{display:flex}
#hero-next .hn-caption a.hp-store-badge{display:inline-flex;align-items:center;gap:10px;min-width:170px;min-height:51px;padding:8px 13px;margin:0;background:#071b27;color:#fff;border:1px solid #99aeb380;border-radius:7px;text-decoration:none;box-sizing:border-box;line-height:1;cursor:default}
#hero-next .hn-caption a.hp-store-badge[href]{cursor:pointer}
#hero-next .hn-caption a.hp-store-badge[href]:hover{background:#174b5c;border-color:#d4bc85}
#hero-next .hn-caption a.hp-store-badge[href]:focus-visible{outline:3px solid #dfc58f;outline-offset:4px}
#hero-next .hn-store-badges svg{width:25px;height:29px;flex:0 0 25px}
#hero-next .hn-store-badges a>span{display:flex;flex-direction:column;gap:5px}
#hero-next .hn-store-badges a small{font:9px/1 Arial,sans-serif;letter-spacing:.2px;text-transform:none;color:#fff;margin:0;display:block}
#hero-next .hn-store-badges a strong{font:500 20px/1 Arial,sans-serif;letter-spacing:-.3px;color:#fff;white-space:nowrap}
#hero-next .hn-caption #hn-product-link{font-size:13px;margin-top:16px;min-height:35px;color:#e0eaec}
@media(max-width:550px){#hero-next .hn-store-badges{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:20px}#hero-next .hn-caption a.hp-store-badge{min-width:153px;padding:9px 11px;min-height:52px;gap:9px}#hero-next .hn-store-badges a strong{font-size:19px}}
@media(max-width:380px){#hero-next .hn-caption a.hp-store-badge{min-width:0;padding:8px 10px;gap:8px}#hero-next .hn-store-badges a strong{font-size:18px}#hero-next .hn-store-badges a small{font-size:8px}#hero-next .hn-store-badges svg{width:22px;flex-basis:22px}#hero-next .hn-store-badges{gap:8px}}


/* Restore the spacious hero; place downloads beneath the product tabs. */
#hero-next .hn-hero-downloads{display:flex;justify-content:center;position:relative;z-index:6;margin-top:18px}
#hero-next .hn-hero-downloads .hn-store-badges{flex-direction:row;gap:12px;margin:0;align-items:center;justify-content:center}
#hero-next .hn-hero-downloads a.hp-store-badge{display:inline-flex;align-items:center;gap:10px;min-width:159px;min-height:50px;padding:8px 13px;margin:0;background:#082b3b;border:1px solid #a9c0c080;border-radius:7px;color:white;text-decoration:none;box-sizing:border-box;line-height:1;cursor:default}
#hero-next .hn-hero-downloads a.hp-store-badge[href]{cursor:pointer}
#hero-next .hn-hero-downloads a.hp-store-badge[href]:hover{background:#164b5d;border-color:#dac58e}
#hero-next .hn-hero-downloads a.hp-store-badge:focus-visible{outline:3px solid #dac58e;outline-offset:4px}
#hero-next .hn-hero-downloads a small{font:9px/1 Arial,sans-serif;letter-spacing:.2px;color:#fff;text-transform:none}
#hero-next .hn-hero-downloads a strong{font:500 19px/1 Arial,sans-serif;letter-spacing:-.3px;color:#fff}
#hero-next .hn-hero-downloads a>span{display:flex;flex-direction:column;gap:5px}
#hero-next .hn-hero-downloads svg{width:24px;height:29px;flex-basis:24px}
#hero-next .hn-caption{background:linear-gradient(90deg,#083b4deb,#083b4d99 80%,transparent)!important;border-left:1px solid #d5b87999!important;box-shadow:none!important;width:255px!important;padding:19px 21px!important}
#hero-next .hn-caption h2{font-size:27px!important;line-height:1.2!important}
#hero-next .hn-caption p{font-size:14px!important;line-height:1.7!important}
@media(min-width:851px){#hero-next .hn-opening{padding-top:38px!important}#hero-next .hn-kicker{margin-bottom:17px!important}#hero-next .hn-intro{margin:20px auto 18px!important}#hero-next .hn-stage{margin-top:20px!important}}
@media(min-width:551px) and (max-width:850px){#hero-next .hn-caption{width:220px!important;padding:17px!important}#hero-next .hn-caption h2{font-size:24px!important}}
@media(max-width:550px){#hero-next .hn-caption{width:auto!important;padding:22px!important;background:#0b3549!important}#hero-next .hn-hero-downloads{margin:18px 18px 0}#hero-next .hn-hero-downloads .hn-store-badges{gap:10px;flex-wrap:wrap}#hero-next .hn-hero-downloads a.hp-store-badge{min-width:148px;padding:8px 11px}#hero-next .hn-hero-downloads a strong{font-size:18px}}
@media(max-width:360px){#hero-next .hn-hero-downloads .hn-store-badges{gap:8px}#hero-next .hn-hero-downloads a.hp-store-badge{min-width:0;padding:8px 10px;gap:8px}#hero-next .hn-hero-downloads a strong{font-size:17px}#hero-next .hn-hero-downloads a small{font-size:8px}#hero-next .hn-hero-downloads svg{width:21px;flex-basis:21px}}


/* Keep store badges hidden until they join the descent reveal. */
#hero-next .hn-hero-downloads{visibility:hidden}
@media(prefers-reduced-motion:reduce){#hero-next .hn-hero-downloads{visibility:visible}}

#hero-next .hn-hero-downloads{visibility:visible}

/* Soft light around store badges on hover and keyboard focus. */
#hero-next .hn-hero-downloads a.hp-store-badge,.imasjid-content a.hp-store-badge{position:relative;isolation:isolate;overflow:visible;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .35s ease,background .35s ease}
#hero-next .hn-hero-downloads a.hp-store-badge:before,.imasjid-content a.hp-store-badge:before{content:"";position:absolute;inset:-13px -18px;z-index:-1;pointer-events:none;border-radius:20px;background:radial-gradient(ellipse,#f5e7ba3d 0,#bfe9df20 45%,transparent 73%);filter:blur(8px);opacity:0;transition:opacity .4s ease}
@media(hover:hover) and (pointer:fine){
#hero-next .hn-hero-downloads a.hp-store-badge:hover,.imasjid-content a.hp-store-badge:hover{transform:translateY(-2px);background:#143e4c;border-color:#e4d4a6;box-shadow:0 0 0 1px #fff0cf18,inset 0 1px 0 #fff5d921,0 0 19px #e9d7a52b,0 0 42px #a4dbd31c}
#hero-next .hn-hero-downloads a.hp-store-badge:hover:before,.imasjid-content a.hp-store-badge:hover:before{opacity:1}
}
#hero-next .hn-hero-downloads a.hp-store-badge:focus-visible,.imasjid-content a.hp-store-badge:focus-visible{outline:2px solid #e4d4a6;outline-offset:4px;background:#143e4c;border-color:#e4d4a6;box-shadow:0 0 22px #e9d7a538,0 0 42px #a4dbd329}
#hero-next .hn-hero-downloads a.hp-store-badge:focus-visible:before,.imasjid-content a.hp-store-badge:focus-visible:before{opacity:1}
@media(prefers-reduced-motion:reduce){#hero-next .hn-hero-downloads a.hp-store-badge,.imasjid-content a.hp-store-badge{transition:none}#hero-next .hn-hero-downloads a.hp-store-badge:hover,.imasjid-content a.hp-store-badge:hover{transform:none}}


/* Considered enquiry controls, with consistent dimensions and quiet focus. */
.imasjid-content #contact .hp-enquiry-refined{padding:32px;background:#fff;border:1px solid #c5d6cf;border-top:3px solid #285d66;border-radius:5px;box-shadow:0 18px 45px #163e4710;gap:24px;min-width:0}
.imasjid-content #contact .hp-form-intro{padding-bottom:21px;border-bottom:1px solid #dbe5df}
.imasjid-content #contact .hp-form-intro>span{font:30px/1.2 Georgia,serif;color:#153e47}
.imasjid-content #contact .hp-form-intro>p{font-size:14px;line-height:1.7;color:#526f73;margin-top:9px}
.imasjid-content #contact .hp-form-row{gap:20px;align-items:start}
.imasjid-content #contact .hp-enquiry-refined label{font-size:13px;font-weight:500;line-height:1.5;color:#244b53;gap:9px;min-width:0}
.imasjid-content #contact .hp-enquiry-refined input,.imasjid-content #contact .hp-enquiry-refined select,.imasjid-content #contact .hp-enquiry-refined textarea{box-sizing:border-box;width:100%;background:#f8faf8;color:#193f48;border:1px solid #b7ccc4;border-radius:4px;font:16px/1.5 Arial,sans-serif;padding:14px 15px;box-shadow:none;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.imasjid-content #contact .hp-enquiry-refined input,.imasjid-content #contact .hp-enquiry-refined select{height:54px;min-height:54px}
.imasjid-content #contact .hp-enquiry-refined select{appearance:none;-webkit-appearance:none;padding-right:43px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23285d66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.imasjid-content #contact .hp-enquiry-refined textarea{min-height:160px;resize:vertical}
.imasjid-content #contact .hp-enquiry-refined input::placeholder,.imasjid-content #contact .hp-enquiry-refined textarea::placeholder{color:#718784;opacity:1;font-size:14px}
.imasjid-content #contact .hp-enquiry-refined input:focus,.imasjid-content #contact .hp-enquiry-refined select:focus,.imasjid-content #contact .hp-enquiry-refined textarea:focus{border-color:#367a80;background-color:#fff;box-shadow:0 0 0 3px #367a801c;outline:none}
.imasjid-content #contact .hp-form-action{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-top:0}
.imasjid-content #contact .hp-enquiry-button{border-radius:4px;background:#143f50;color:#fff;border:1px solid #143f50;min-height:50px;padding:13px 21px;gap:22px;font-size:14px;box-shadow:none;transition:background .2s,box-shadow .2s}
.imasjid-content #contact .hp-enquiry-button:hover{background:#205b68;box-shadow:0 5px 16px #143f501c}
.imasjid-content #contact .hp-enquiry-button:focus-visible,.imasjid-content #contact #hp-copy-enquiry:focus-visible{outline:2px solid #367a80;outline-offset:4px}
.imasjid-content #contact .hp-form-action>p{font-size:12px;line-height:1.75;max-width:420px;color:#587175;margin:0}
.imasjid-content #contact #hp-enquiry-result{border-top:1px solid #c5d6cf;margin-top:2px;padding-top:24px;min-width:0}
.imasjid-content #contact #hp-enquiry-result[hidden]{display:none}
.imasjid-content #contact #hp-enquiry-result h4{font:26px/1.3 Georgia,serif;color:#153e47;margin:0 0 9px}
.imasjid-content #contact #hp-enquiry-result p{font-size:13px;line-height:1.7;color:#526f73;margin-bottom:16px}
.imasjid-content #contact #hp-prepared-enquiry{font-size:14px;min-height:200px;background:#f4f8f5}
.imasjid-content #contact #hp-copy-enquiry{background:#fff;color:#245964;border:1px solid #7da39e;border-radius:4px;min-height:44px;padding:11px 17px;margin-top:15px;font-size:14px}
.imasjid-content #contact #hp-copy-enquiry:hover{background:#edf5f1}
.imasjid-content #contact #hp-copy-status{display:block;margin:10px 0 0;color:#356766;font-size:13px}
@media(max-width:1000px){.imasjid-content #contact .hp-contact-conversation{grid-template-columns:.7fr 1.4fr;gap:35px}.imasjid-content #contact .hp-enquiry-refined{padding:26px}}
@media(max-width:700px){.imasjid-content #contact .hp-contact-conversation{grid-template-columns:1fr;gap:30px}.imasjid-content #contact .hp-enquiry-refined{padding:24px 20px;gap:22px}.imasjid-content #contact .hp-form-intro>span{font-size:28px}.imasjid-content #contact .hp-form-row{grid-template-columns:1fr;gap:22px}.imasjid-content #contact .hp-enquiry-button{width:100%;justify-content:space-between}.imasjid-content #contact .hp-form-action>p{max-width:none}}
@media(max-width:380px){.imasjid-content #contact .hp-enquiry-refined{padding:22px 16px}}


#hero-next{--hn-bg:#062a34;--hn-ink:#f7f7ed;--hn-muted:#b1c8cd;--hn-gold:#e4c487;--hn-line:#ffffff20;color:var(--hn-ink);background:var(--hn-bg);font-family:Arial,Helvetica,sans-serif;isolation:isolate;overflow:hidden;border-radius:0}#hero-next *{box-sizing:border-box}#hero-next button,#hero-next a{-webkit-tap-highlight-color:transparent}#hero-next a{color:inherit;text-decoration:none}#hero-next button{font:inherit}#hero-next .hn-nav{height:84px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hn-line);position:relative;z-index:4}#hero-next .hn-brands{display:flex;gap:18px;align-items:center}#hero-next .hn-brands img{object-fit:contain;width:115px;height:39px}#hero-next .hn-brands img:last-child{width:139px}#hero-next .hn-brands span{width:1px;height:28px;background:var(--hn-line)}#hero-next .hn-navlinks{display:flex;gap:27px;align-items:center;font-size:12px}#hero-next .hn-contact{border:1px solid #ffffff45;border-radius:40px;padding:12px 19px;background:transparent;color:var(--hn-ink);cursor:pointer}#hero-next .hn-opening{text-align:center;padding:52px 22px 0;position:relative;z-index:3}#hero-next .hn-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--hn-gold);margin-bottom:20px}#hero-next .hn-kicker:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--hn-gold)}#hero-next h1{font-size:clamp(38px,5.8vw,76px);line-height:1.02;letter-spacing:-.06em;font-weight:500;margin:0}#hero-next h1 span{color:#95c6ce}#hero-next .hn-intro{font-size:14px;line-height:1.65;font-weight:400;max-width:510px;margin:21px auto 25px;color:var(--hn-muted)}#hero-next .hn-selector{display:inline-flex;padding:5px;border:1px solid #ffffff26;border-radius:40px;background:#ffffff08;gap:3px}#hero-next .hn-selector button{border:0;color:#d2e0e1;background:transparent;padding:11px 22px;border-radius:30px;font-size:12px;min-height:42px;cursor:pointer;transition:background .25s,color .25s}#hero-next .hn-selector button[aria-pressed=true]{background:var(--hn-ink);color:#123b45}#hero-next .hn-stage{height:390px;max-width:1150px;margin:0 auto;position:relative;perspective:1600px}#hero-next .hn-glow{position:absolute;width:650px;height:300px;left:calc(50% - 325px);top:68px;background:radial-gradient(ellipse,#3697a45c 0,#20717b16 50%,transparent 72%);filter:blur(22px);pointer-events:none}#hero-next .hn-orbit{position:absolute;width:700px;height:145px;left:calc(50% - 350px);top:245px;border:1px solid #8cc4c224;border-radius:50%;transform:rotate(-7deg);pointer-events:none}#hero-next .hn-orbit:after{content:"";position:absolute;inset:16px 40px;border:1px solid #8cc4c214;border-radius:50%}#hero-next .hn-mobile{position:absolute;left:calc(50% - 95px);top:24px;width:171px;padding:5px;background:#d4e6e7;border:1px solid #ffffffa0;border-radius:26px;box-shadow:0 18px 60px #00151cb3;z-index:3;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s;transform:translateX(-48px) rotate(-2deg)}#hero-next .hn-mobile img{width:100%;display:block;border-radius:21px}#hero-next .hn-desktop{position:absolute;left:calc(50% - 44px);top:91px;width:490px;overflow:hidden;border-radius:13px;border:1px solid #a2cbcd80;background:#cededc;box-shadow:0 25px 70px #001b2360;transform:translateX(28px) rotateY(-13deg) scale(.88);transform-origin:left center;opacity:.36;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s;z-index:1}#hero-next .hn-window-bar{height:21px;background:#dce8e5;display:flex;gap:4px;align-items:center;padding:0 10px}#hero-next .hn-window-bar i{height:4px;width:4px;background:#799c9b;border-radius:50%}#hero-next .hn-desktop img{display:block;width:100%}#hero-next .hn-caption{position:absolute;left:8%;top:143px;width:190px;transition:opacity .2s}#hero-next .hn-caption small{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--hn-gold)}#hero-next .hn-caption h2{font-size:24px;letter-spacing:-.6px;font-weight:500;line-height:1.15;margin:11px 0}#hero-next .hn-caption p{color:var(--hn-muted);font-size:12px;line-height:1.6;margin:0}#hero-next .hn-caption a{display:inline-flex;align-items:center;gap:18px;font-size:12px;border-bottom:1px solid #c6dfdb75;padding-bottom:9px;margin-top:20px}#hero-next .hn-caption a b{font-size:18px;font-weight:400}#hero-next .hn-side-label{position:absolute;right:8%;top:40px;font-size:10px;color:#7fa5ae;letter-spacing:1.2px;text-transform:uppercase}#hero-next .hn-stage:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:85px;background:linear-gradient(transparent,var(--hn-bg) 94%);pointer-events:none;z-index:4}#hero-next[data-product=mosque] .hn-mobile{transform:translateX(-135px) translateY(65px) scale(.78);opacity:.35;z-index:1}#hero-next[data-product=mosque] .hn-desktop{transform:translateX(-45px) translateY(-20px) rotateY(-5deg) scale(1.02);opacity:1;z-index:3}#hero-next .hn-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:21px 0 25px;border-top:1px solid var(--hn-line);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9ab7bd}#hero-next .hn-bottom span:last-child{letter-spacing:0;text-transform:none;font-size:11px}#hero-next .hn-next{background:#f3f4ee;color:#12343a;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:33px 5%}#hero-next .hn-next small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#497277}#hero-next .hn-next p{font-size:22px;letter-spacing:-.7px;margin:8px 0 0}#hero-next .hn-next button{background:transparent;border:1px solid #cad5d0;color:#12343a;border-radius:50%;width:43px;height:43px;font-size:20px;cursor:pointer}#hero-next .hn-detail{background:#f3f4ee;color:#12343a;padding:0 5% 32px;font-size:14px;line-height:1.65}#hero-next [hidden]{display:none!important}#hero-next .hn-note{color:#8dadb4;font-size:10px;letter-spacing:0;text-transform:none}#hero-next .hn-focus{position:relative}#hero-next .hn-focus:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--hn-gold)}
@media(min-width:1400px){#hero-next .hn-opening{padding-top:64px}#hero-next .hn-stage{height:430px}#hero-next .hn-mobile{width:190px}#hero-next .hn-desktop{width:540px}}
@media(max-width:850px){#hero-next .hn-navlinks>a{display:none}#hero-next .hn-caption{left:5%;width:155px;top:118px}#hero-next .hn-mobile{left:calc(50% - 20px);width:150px}#hero-next .hn-desktop{left:calc(50% + 35px);width:400px}#hero-next .hn-stage{height:350px}#hero-next[data-product=mosque] .hn-desktop{transform:translateX(-45px) translateY(-20px) rotateY(-7deg) scale(.83)}#hero-next .hn-side-label{display:none}}
@media(max-width:550px){#hero-next .hn-nav{height:75px;padding:0 20px}#hero-next .hn-brands{gap:10px}#hero-next .hn-brands img{width:88px;height:31px}#hero-next .hn-brands img:last-child{width:103px}#hero-next .hn-contact{font-size:11px;padding:10px 12px}#hero-next .hn-opening{padding:39px 20px 0}#hero-next h1{font-size:44px}#hero-next .hn-kicker{font-size:9px;letter-spacing:1.3px}#hero-next .hn-intro{font-size:13px;max-width:330px;margin:18px auto 22px}#hero-next .hn-selector button{font-size:11px;padding:9px 15px}#hero-next .hn-stage{height:440px;margin-top:17px}#hero-next .hn-mobile{left:calc(50% - 65px);top:17px;width:151px;transform:translateX(-5px)}#hero-next .hn-desktop{left:calc(50% - 65px);top:68px;width:380px;transform:translateX(70px) rotateY(-15deg) scale(.76);opacity:.27}#hero-next .hn-caption{left:20px;top:337px;width:calc(100% - 40px);text-align:left;display:grid;grid-template-columns:1fr auto;gap:0 15px}#hero-next .hn-caption small{font-size:9px;grid-column:1}#hero-next .hn-caption h2{font-size:20px;margin:6px 0;grid-column:1}#hero-next .hn-caption p{font-size:11px;grid-column:1;max-width:225px}#hero-next .hn-caption a{grid-column:2;grid-row:1/4;align-self:center;margin:0;font-size:11px}#hero-next .hn-stage:after{bottom:102px;height:49px;z-index:4}#hero-next .hn-caption{z-index:5}#hero-next[data-product=mosque] .hn-mobile{transform:translateX(-90px) translateY(30px) scale(.78);opacity:.25}#hero-next[data-product=mosque] .hn-desktop{left:calc(50% - 174px);top:57px;width:348px;transform:translateX(0) rotateY(0deg);opacity:1}#hero-next .hn-bottom{margin:10px 20px 0;gap:20px;font-size:9px;line-height:1.5}#hero-next .hn-bottom span:last-child{max-width:120px;font-size:9px;text-align:right}#hero-next .hn-next{padding:25px 20px}#hero-next .hn-next p{font-size:20px}#hero-next .hn-note{font-size:9px}}
@media(max-width:350px){#hero-next .hn-contact{display:none}#hero-next h1{font-size:38px}#hero-next .hn-caption{grid-template-columns:1fr}#hero-next .hn-caption a{grid-row:auto;grid-column:1;justify-self:start;margin-top:9px}#hero-next .hn-stage{height:475px}#hero-next[data-product=mosque] .hn-desktop{left:15px;width:290px}}
@media(prefers-reduced-motion:reduce){#hero-next *{transition:none!important}}
#hero-next .hn-stage{overflow:hidden}#hero-next .hn-brands strong{font-size:23px;font-weight:500;letter-spacing:-1px;line-height:1;display:block}#hero-next .hn-brands small{display:block;font-size:7px;letter-spacing:1.6px;color:var(--hn-gold);margin-top:7px}#hero-next .hn-caption{width:210px}@media(max-width:550px){#hero-next .hn-brands strong{font-size:21px}#hero-next .hn-brands small{font-size:6px;letter-spacing:1px}#hero-next .hn-caption{width:calc(100% - 40px)}}
#hero-next .hn-site-logo img,#hero-next .hn-site-logo img:last-child{display:block;width:169px;height:auto;max-height:54px;object-fit:contain}@media(max-width:550px){#hero-next .hn-site-logo img,#hero-next .hn-site-logo img:last-child{width:145px;max-height:46px}}@media(max-width:350px){#hero-next .hn-contact{display:block}}
#hero-next h1{color:#ffffff}
#hero-next .hn-caption h2{color:#ffffff}
#hero-next .hn-intro,#hero-next .hn-caption p,#hero-next .hn-navlinks,#hero-next .hn-contact,#hero-next .hn-caption a{color:#ffffff}#hero-next .hn-selector button[aria-pressed=false]{color:#ffffff}#hero-next .hn-caption{width:235px}@media(max-width:850px){#hero-next .hn-caption{width:170px}}@media(max-width:550px){#hero-next .hn-caption{width:calc(100% - 40px)}#hero-next .hn-caption p{max-width:220px}}@media(max-width:350px){#hero-next .hn-caption p{max-width:280px}}
@media(max-width:550px){#hero-next .hn-stage{height:465px}#hero-next .hn-stage:after{bottom:127px}}@media(max-width:350px){#hero-next .hn-stage{height:515px}#hero-next .hn-stage:after{bottom:177px}}
/* iUmmah Figma 837:107996: vertical gradient, exact stops. */
#hero-next{--hn-bg:#173f53;--hn-gold:#ffe5b3;position:relative;background:linear-gradient(180deg,#006e8c 2.531%,#173f53 98.9%)}
#hero-next .hn-atmosphere{position:absolute;inset:0 0 95px;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#ffffff16,transparent 48%)}
#hero-next .hn-sanctuary{position:absolute;width:660px;height:900px;left:calc(50% - 330px);top:112px;border:1px solid #dff9ff1c;border-bottom:0;border-radius:52% 52% 0 0;box-shadow:0 -18px 85px #d3f5ff08,inset 0 20px 100px #d3f5ff06;transform:translate(calc(var(--hn-px,0)*-6px),calc(var(--hn-py,0)*-4px))}
#hero-next .hn-sanctuary:before,#hero-next .hn-sanctuary:after{content:"";position:absolute;border:1px solid #dff9ff12;border-bottom:0;border-radius:52% 52% 0 0;inset:30px 28px -60px}
#hero-next .hn-sanctuary:after{inset:60px 56px -90px;border-color:#dff9ff0a}
#hero-next .hn-light{position:absolute;left:calc(50% - 160px);top:10px;width:320px;height:600px;background:linear-gradient(180deg,#dcf8ff13,transparent);filter:blur(35px);transform:rotate(-12deg);opacity:.75}
#hero-next .hn-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 13% 29%,#ffe5b3a0 0 1px,transparent 1.6px),radial-gradient(circle at 84% 21%,#ffffffa0 0 1px,transparent 1.5px),radial-gradient(circle at 9% 70%,#ffffff60 0 .7px,transparent 1.3px),radial-gradient(circle at 78% 57%,#ffe5b3a0 0 .8px,transparent 1.4px),radial-gradient(circle at 25% 14%,#ffffff70 0 .8px,transparent 1.5px),radial-gradient(circle at 93% 77%,#ffffff70 0 .8px,transparent 1.4px);transform:translate(calc(var(--hn-px,0)*-9px),calc(var(--hn-py,0)*-6px))}
#hero-next .hn-nav{height:88px;border-bottom-color:#ffffff18;background:transparent}
#hero-next .hn-opening{padding-top:45px}
#hero-next .hn-kicker{letter-spacing:2px;margin-bottom:22px;color:#ffe5b3}
#hero-next h1{font-size:clamp(40px,6.2vw,78px);letter-spacing:-.055em;line-height:1.04;text-shadow:0 3px 30px #003c4c18}
#hero-next h1 span{color:#ffffff}
#hero-next .hn-intro{color:#ffffff;font-size:14px;margin:22px auto 24px;line-height:1.7}
#hero-next .hn-selector{background:#123e534d;border-color:#ffffff38;box-shadow:0 6px 24px #073b4e18;backdrop-filter:blur(8px)}
#hero-next .hn-selector button{padding:12px 25px;font-size:12px;min-height:44px}
#hero-next .hn-selector button[aria-pressed=true]{background:#fff;color:#134a5c;box-shadow:0 2px 8px #00374a20}
#hero-next .hn-stage{height:460px;max-width:1250px;margin-top:16px}
#hero-next .hn-glow{width:840px;height:370px;left:calc(50% - 420px);top:40px;filter:blur(30px);background:radial-gradient(ellipse,#9ce6ec30,transparent 66%)}
#hero-next .hn-orbit{width:850px;height:150px;left:calc(50% - 425px);top:320px;border-color:#c9edf32b;transform:rotate(-8deg)}
#hero-next .hn-orbit:after{border-color:#c9edf318}
#hero-next .hn-mobile{width:205px;left:calc(50% - 98px);top:10px;transform:translateX(-55px) rotate(-3deg);background:#cee5e8;border-color:#ffffffa0;box-shadow:0 28px 60px #002c4c80,0 0 0 1px #e3fdff35;translate:calc(var(--hn-px,0)*7px) calc(var(--hn-py,0)*5px)}
#hero-next .hn-mobile img{border-radius:21px}
#hero-next .hn-desktop{width:570px;left:calc(50% - 26px);top:73px;opacity:.35;transform:translateX(20px) rotateY(-14deg) rotateZ(1deg) scale(.93);border-color:#daeff3a0;box-shadow:0 30px 65px #00273b70;translate:calc(var(--hn-px,0)*-5px) calc(var(--hn-py,0)*-3px)}
#hero-next .hn-caption{left:7%;top:155px;width:240px;z-index:4}
#hero-next .hn-caption h2{font-size:27px;line-height:1.18;letter-spacing:-.8px;max-width:235px;color:#fff}
#hero-next .hn-caption p{color:#fff;font-size:13px;line-height:1.7;max-width:230px}
#hero-next .hn-caption small{color:#ffe5b3;font-size:10px;line-height:1.7}
#hero-next .hn-caption a{margin-top:23px;color:#fff;font-size:12px;border-color:#ffffff65}
#hero-next .hn-side-label{color:#daedf0;right:7%;top:25px;letter-spacing:1.5px;font-size:10px}
#hero-next .hn-stage:after{height:115px;bottom:-1px;background:linear-gradient(180deg,#173f5300,#173f53 96%);z-index:4}
#hero-next[data-product=mosque] .hn-mobile{transform:translateX(-150px) translateY(70px) scale(.8);opacity:.3;z-index:1}
#hero-next[data-product=mosque] .hn-desktop{transform:translateX(-42px) translateY(-24px) rotateY(-6deg) scale(1);opacity:1;z-index:3}
#hero-next .hn-bottom{position:relative;background:#173f53;margin:0;padding:22px 5% 28px;border-top:1px solid #ffffff24;color:#dbeef2}
#hero-next .hn-bottom:before{content:"";position:absolute;inset:-7px 0 auto;height:8px;background:#173f53}
#hero-next .hn-note{color:#dbeef2}
#hero-next .hn-next{position:relative;z-index:5;border-radius:25px 25px 0 0}
#hero-next .hn-detail{position:relative;z-index:5}
@media(min-width:1400px){#hero-next .hn-opening{padding-top:53px}#hero-next .hn-stage{height:490px}#hero-next .hn-mobile{width:216px}#hero-next .hn-desktop{width:610px}}
@media(max-width:1000px) and (min-width:551px){#hero-next .hn-caption{left:5%;width:190px;top:156px}#hero-next .hn-caption h2{font-size:24px}#hero-next .hn-caption p{font-size:12px}#hero-next .hn-mobile{left:calc(50% - 20px);width:185px}#hero-next .hn-desktop{left:calc(50% + 28px);width:510px}#hero-next[data-product=mosque] .hn-desktop{transform:translateX(-40px) translateY(-10px) rotateY(-5deg) scale(.88)}#hero-next .hn-stage{height:430px}}
@media(max-width:550px){#hero-next .hn-nav{height:78px}#hero-next .hn-opening{padding:40px 20px 0}#hero-next h1{font-size:44px;line-height:1.06;letter-spacing:-2.3px}#hero-next .hn-kicker{font-size:9px;letter-spacing:1px;line-height:1.6;margin-bottom:20px}#hero-next .hn-intro{font-size:13px;margin:21px auto 24px}#hero-next .hn-selector button{font-size:11px;padding:11px 18px}#hero-next .hn-sanctuary{width:480px;left:calc(50% - 240px);height:900px;top:105px}#hero-next .hn-stage{height:535px;margin-top:24px}#hero-next .hn-mobile{width:178px;left:calc(50% - 87px);top:15px;transform:translateX(-7px) rotate(-2deg)}#hero-next .hn-desktop{left:calc(50% - 45px);top:93px;width:420px;transform:translateX(45px) rotateY(-15deg) scale(.8);opacity:.27}#hero-next .hn-caption{top:405px;left:20px;width:calc(100% - 40px);z-index:5;gap:0 12px}#hero-next .hn-caption h2{font-size:21px;max-width:225px;margin:6px 0}#hero-next .hn-caption p{font-size:12px;max-width:225px;line-height:1.65}#hero-next .hn-caption a{font-size:11px;margin:0;gap:10px}#hero-next .hn-caption small{font-size:9px}#hero-next .hn-stage:after{bottom:135px;height:75px}#hero-next .hn-orbit{top:318px;width:650px;left:calc(50% - 325px)}#hero-next[data-product=mosque] .hn-mobile{transform:translateX(-110px) translateY(70px) scale(.82)}#hero-next[data-product=mosque] .hn-desktop{width:358px;left:calc(50% - 179px);top:100px;transform:none}#hero-next .hn-bottom{margin:0;padding:20px 20px 26px;gap:18px}#hero-next .hn-next{border-radius:20px 20px 0 0}}
@media(max-width:350px){#hero-next h1{font-size:38px}#hero-next .hn-stage{height:565px}#hero-next .hn-stage:after{bottom:165px}#hero-next[data-product=mosque] .hn-desktop{left:12px;width:296px}#hero-next .hn-caption h2{max-width:280px}#hero-next .hn-caption a{margin-top:10px}#hero-next .hn-caption p{max-width:280px}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-sanctuary,#hero-next .hn-stars{transform:none}#hero-next .hn-mobile,#hero-next .hn-desktop{translate:none}}

#hero-next .hn-atmosphere{inset:0 0 100px;background-color:#173f53;background-size:cover;background-position:center top;z-index:-1}
#hero-next .hn-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00364a26 0%,#003c4e00 35%,#00334626 72%,#173f53d9 100%)}
#hero-next .hn-sanctuary,#hero-next .hn-light,#hero-next .hn-stars,#hero-next .hn-orbit{display:none}
#hero-next .hn-nav{background:#05374670;backdrop-filter:blur(12px);border-bottom:1px solid #d9b97742;height:88px;padding-inline:5%}
#hero-next .hn-site-logo img,#hero-next .hn-site-logo img:last-child{width:178px;max-height:58px}
#hero-next .hn-navlinks{font-size:11px;letter-spacing:.4px;gap:30px}
#hero-next .hn-contact{border-color:#e8cb8b9c;border-radius:2px;color:#fff4dd;letter-spacing:.4px;padding:12px 20px;background:#073e4d30}
#hero-next .hn-opening{padding-top:73px}
#hero-next .hn-kicker{color:#ffe6b6;font-size:10px;letter-spacing:2.5px;margin:0 auto 21px;gap:15px;text-shadow:0 1px 8px #002936}
#hero-next .hn-kicker:before,#hero-next .hn-kicker:after{content:"";height:4px;width:4px;border-radius:0;transform:rotate(45deg);background:#ffe6b6}
#hero-next h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,5.7vw,70px);font-weight:400;letter-spacing:-2.7px;line-height:1.09;max-width:1000px;margin:auto;text-shadow:0 2px 28px #00293670}
#hero-next h1 span{color:#fff;font-weight:400}
#hero-next .hn-intro{font-size:13px;letter-spacing:.05px;line-height:1.8;margin:23px auto 26px;text-shadow:0 1px 10px #002936}
#hero-next .hn-selector{padding:0;border-radius:0;border:0;border-bottom:1px solid #d8bd812e;background:transparent;backdrop-filter:none;box-shadow:none;gap:36px}
#hero-next .hn-selector button{border-radius:0;min-height:43px;padding:10px 0 14px;position:relative;letter-spacing:.5px;color:#ffffffd9!important;background:transparent!important;box-shadow:none!important;font-size:12px}
#hero-next .hn-selector button[aria-pressed=true]{color:#ffe6b6!important}
#hero-next .hn-selector button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#e7cb8b 22%,#ffe6b6 50%,#e7cb8b 78%,transparent)}
#hero-next .hn-stage{height:475px;margin-top:26px}
#hero-next .hn-glow{opacity:.3}
#hero-next .hn-mobile{width:202px;top:12px;border-color:#e2c796a0;background:#c0d4d7;box-shadow:0 35px 80px #001e2dcc,0 0 0 1px #d6b77d55}
#hero-next .hn-desktop{width:560px;top:90px;border-color:#dabe8e80;opacity:.33;box-shadow:0 35px 80px #001d2ecc;transform:translateX(20px) rotateY(-15deg) scale(.9)}
#hero-next .hn-window-bar{background:#d4ded8}
#hero-next .hn-caption{left:6%;top:166px;padding:18px 20px;width:230px;border-left:1px solid #d5b87999;background:linear-gradient(90deg,#083e50c2,#083e5060 85%,transparent);backdrop-filter:blur(3px)}
#hero-next .hn-caption h2{font-family:Georgia,'Times New Roman',serif;font-size:26px;line-height:1.2;letter-spacing:-.6px;margin-top:11px}
#hero-next .hn-caption p{font-size:12px;line-height:1.75}
#hero-next .hn-caption small{font-size:9px;letter-spacing:1.6px;color:#ffe4b5}
#hero-next .hn-caption a{font-size:11px;margin-top:22px;border-color:#d5b8799c}
#hero-next .hn-side-label{color:#fff0d3;font-size:9px;letter-spacing:1.7px;top:47px;right:8%;text-shadow:0 1px 8px #002936}
#hero-next .hn-stage:after{height:105px;background:linear-gradient(180deg,#173f5300,#173f53eb 98%)}
#hero-next .hn-bottom{background:#173f53cf;border-top-color:#d9b97738;padding:22px 5% 27px;color:#f0debc;backdrop-filter:blur(4px)}
#hero-next .hn-bottom:before{display:none}
#hero-next .hn-note{color:#dce6e6}
#hero-next .hn-next{border-radius:0;background:#f2f1e9;border-top:2px solid #c6aa75;padding-top:30px;padding-bottom:32px}
#hero-next .hn-next p{font-family:Georgia,'Times New Roman',serif;font-size:26px;letter-spacing:-.5px}
#hero-next .hn-next small{color:#786748;letter-spacing:1.7px}
#hero-next .hn-next button{color:#786748;border-color:#d3c7b1}
@media(min-width:1400px){#hero-next .hn-opening{padding-top:80px}#hero-next h1{font-size:76px}#hero-next .hn-stage{height:490px}}
@media(max-width:1000px) and (min-width:551px){#hero-next .hn-atmosphere{background-position:center top}#hero-next .hn-opening{padding-top:62px}#hero-next h1{max-width:85%;font-size:clamp(40px,5.5vw,58px)}#hero-next .hn-caption{left:3%;width:205px;padding:16px}#hero-next .hn-caption h2{font-size:24px}#hero-next .hn-stage{height:450px}#hero-next .hn-mobile{width:185px}#hero-next .hn-desktop{width:510px}#hero-next .hn-side-label{display:none}}
@media(max-width:550px){#hero-next .hn-atmosphere{inset:0 0 113px;background-position:center top;background-size:auto 100%;opacity:1}#hero-next .hn-atmosphere:after{background:linear-gradient(180deg,#002c3f44,#003c4e0d 28%,#0030440a 55%,#173f53e0)}#hero-next .hn-nav{height:76px;padding-inline:20px;background:#053746a8}#hero-next .hn-site-logo img,#hero-next .hn-site-logo img:last-child{width:147px;max-height:48px}#hero-next .hn-contact{font-size:10px;padding:10px 13px}#hero-next .hn-opening{padding-top:61px;padding-inline:22px}#hero-next .hn-kicker{font-size:8px;letter-spacing:1.4px;gap:8px;line-height:1.8;margin-bottom:22px}#hero-next .hn-kicker:before,#hero-next .hn-kicker:after{height:3px;width:3px}#hero-next h1{font-size:42px;letter-spacing:-1.8px;line-height:1.1;max-width:350px}#hero-next .hn-intro{font-size:12px;margin-top:24px;line-height:1.8;max-width:325px}#hero-next .hn-selector{gap:30px}#hero-next .hn-selector button{font-size:11px;padding:10px 0 13px}#hero-next .hn-stage{height:540px;margin-top:25px}#hero-next .hn-mobile{width:176px;left:calc(50% - 87px);top:17px}#hero-next .hn-desktop{width:420px;left:calc(50% - 45px);top:99px;transform:translateX(45px) rotateY(-15deg) scale(.8);opacity:.26}#hero-next .hn-caption{left:20px;top:405px;width:calc(100% - 40px);padding:13px 0 7px 14px;backdrop-filter:none;background:linear-gradient(90deg,#073746b0,transparent);gap:0 10px}#hero-next .hn-caption h2{font-size:22px;margin:6px 0;max-width:220px}#hero-next .hn-caption p{font-size:11px;max-width:210px}#hero-next .hn-caption small{font-size:8px;letter-spacing:1px}#hero-next .hn-caption a{font-size:10px;gap:8px;margin:0}#hero-next .hn-side-label{display:none}#hero-next .hn-stage:after{bottom:135px;height:70px}#hero-next .hn-bottom{padding:20px 20px 24px;font-size:8px}#hero-next .hn-next{padding:25px 20px}#hero-next .hn-next p{font-size:23px}#hero-next[data-product=mosque] .hn-desktop{width:350px;left:calc(50% - 175px);top:103px;transform:none}}
@media(max-width:350px){#hero-next .hn-opening{padding-inline:18px}#hero-next h1{font-size:37px}#hero-next .hn-kicker{font-size:7px;letter-spacing:1px}#hero-next .hn-stage{height:580px}#hero-next .hn-stage:after{bottom:175px}#hero-next .hn-caption{padding-left:12px}#hero-next .hn-caption h2{max-width:270px}#hero-next .hn-caption a{margin-top:10px}#hero-next[data-product=mosque] .hn-desktop{width:296px;left:12px}}

#hero-next .hn-atmosphere{background-image:var(--brand-architecture)}

/* Calm text field over the royal architecture. */
#hero-next .hn-atmosphere:after{background:radial-gradient(ellipse 46% 36% at 50% 29%,#032e44e8 0%,#05364abf 53%,#06394a30 100%),linear-gradient(180deg,#002d4140,#00334608 65%,#173f53e8)}
#hero-next .hn-nav{background:#093847e8}
#hero-next .hn-navlinks{font-size:13px;letter-spacing:0;gap:28px}
#hero-next .hn-contact{font-size:13px;letter-spacing:0;min-height:44px}
#hero-next .hn-opening{padding-top:65px}
#hero-next .hn-kicker{font-size:11px;letter-spacing:1.4px;line-height:1.7;margin-bottom:22px;color:#ffe6b6}
#hero-next h1{font-size:clamp(40px,5.15vw,66px);line-height:1.15;letter-spacing:-1.5px;max-width:1000px;color:#fff;text-shadow:0 2px 12px #00283880}
#hero-next .hn-intro{font-size:16px;line-height:1.75;margin:26px auto 24px;max-width:560px;letter-spacing:0;color:#fff}
#hero-next .hn-selector{gap:32px}
#hero-next .hn-selector button{font-size:14px;letter-spacing:0;min-height:48px;padding:12px 0 16px;color:#fff!important}
#hero-next .hn-selector button[aria-pressed=true]{color:#ffe6b6!important}
#hero-next .hn-caption{width:278px;padding:24px;background:#0b3549;border-left:2px solid #d8bd83;backdrop-filter:none;top:150px}
#hero-next .hn-caption small{font-size:11px;line-height:1.6;letter-spacing:.5px;color:#ffe6b6;display:block}
#hero-next .hn-caption h2{font-size:28px;line-height:1.2;margin:12px 0 14px;max-width:none;letter-spacing:-.4px}
#hero-next .hn-caption p{font-size:14px;line-height:1.7;max-width:none;color:#fff}
#hero-next .hn-caption a{font-size:14px;min-height:44px;margin-top:16px;padding-bottom:8px}
#hero-next .hn-side-label{display:none}
#hero-next .hn-bottom{font-size:11px;letter-spacing:.8px;color:#fff}
#hero-next .hn-bottom span:last-child,#hero-next .hn-note{font-size:12px;color:#e4eef1}
#hero-next .hn-next small{font-size:11px;letter-spacing:1px}
@media(min-width:1400px){#hero-next h1{font-size:70px}}
@media(min-width:701px) and (max-width:1000px){#hero-next .hn-caption{left:3%;width:235px;padding:20px}#hero-next .hn-caption h2{font-size:26px}#hero-next .hn-caption p{font-size:14px}#hero-next .hn-stage{height:490px}}
@media(max-width:700px){
 #hero-next .hn-atmosphere:after{background:radial-gradient(ellipse 85% 35% at 50% 28%,#032e44e8,#06394a78 85%,transparent),linear-gradient(180deg,#002d4133,transparent 65%,#173f53f2)}
 #hero-next .hn-opening{padding:48px 22px 0}
 #hero-next .hn-kicker{font-size:11px;letter-spacing:.5px;gap:8px;margin-bottom:22px}
 #hero-next h1{font-size:clamp(36px,7.7vw,50px);max-width:540px;line-height:1.14;letter-spacing:-1px}
 #hero-next .hn-intro{font-size:15px;line-height:1.7;margin:24px auto;max-width:400px}
 #hero-next .hn-selector{gap:28px}
 #hero-next .hn-selector button{font-size:14px;padding:12px 0 16px}
 #hero-next .hn-stage{height:auto;min-height:0;padding-top:405px;padding-bottom:22px;margin-top:26px}
 #hero-next .hn-mobile{width:176px;left:calc(50% - 87px);top:17px;transform:translateX(-7px) rotate(-2deg)}
 #hero-next .hn-desktop{width:420px;left:calc(50% - 45px);top:99px;transform:translateX(45px) rotateY(-15deg) scale(.8);opacity:.26}
 #hero-next[data-product=mosque] .hn-desktop{width:calc(100% - 40px);max-width:500px;left:50%;top:70px;transform:translateX(-50%)}
 #hero-next .hn-caption{position:relative;top:auto;left:auto;width:auto;margin:0 20px;padding:22px;display:block;background:#0b3549}
 #hero-next .hn-caption small{font-size:11px;letter-spacing:.3px}
 #hero-next .hn-caption h2{font-size:27px;max-width:none;margin:10px 0 12px}
 #hero-next .hn-caption p{font-size:14px;max-width:none}
 #hero-next .hn-caption a{font-size:14px;margin-top:14px}
 #hero-next .hn-stage:after{display:none}
 #hero-next .hn-bottom{font-size:11px;line-height:1.6;letter-spacing:.3px;padding:20px;gap:18px}
 #hero-next .hn-bottom span:last-child{font-size:11px;max-width:130px}
 #hero-next .hn-contact{font-size:12px;padding:10px 12px}
}
@media(max-width:350px){#hero-next .hn-opening{padding-inline:18px}#hero-next .hn-kicker{font-size:11px;letter-spacing:0;gap:5px}#hero-next h1{font-size:35px}#hero-next .hn-caption{padding:20px}#hero-next .hn-next p{font-size:22px}}


#hero-next .hn-caption a{gap:14px}

#hero-next .hn-arrow{display:block;width:24px;height:24px;flex:0 0 24px}
#hero-next .hn-next button{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-width:1.5px;border-color:#a38a5d;color:#78613b}
#hero-next #hn-expand[aria-expanded=true] .hn-arrow{transform:rotate(180deg)}
#hero-next .hn-atmosphere{transform-origin:50% 25%;will-change:transform;transform:translate3d(calc(var(--hn-px,0)*-5px),calc(var(--scene-scroll,0)*36px),0) scale(1.045);opacity:calc(1 - var(--scene-scroll,0)*.24)}
#hero-next .hn-opening{position:relative}
#hero-next .hn-opening:before{content:"";position:absolute;inset:-35px 15% -20px;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#fff0c918,transparent 67%);z-index:-1;opacity:.65}
#hero-next .hn-mobile,#hero-next .hn-desktop{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s}
#hero-next .hn-mobile{box-shadow:0 35px 80px #001e2dcc,0 0 0 1px #d6b77d55,0 -8px 36px #f6e0b71a}
#hero-next .hn-reveal-light{position:absolute;inset:76px 0 auto;height:760px;pointer-events:none;z-index:2;overflow:hidden;opacity:0}
#hero-next .hn-reveal-light:before{content:"";position:absolute;inset:0 4%;background:linear-gradient(180deg,#fff2d47a 0%,#d9f6ff30 28%,#d8f4ff0a 76%,transparent);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);filter:blur(22px)}
#hero-next .hn-reveal-light:after{content:"";position:absolute;top:-40px;left:calc(50% - 120px);width:240px;height:130px;background:radial-gradient(ellipse,#fff0d4b0,transparent 68%);filter:blur(14px)}
#hero-next .hn-next{transition:background .5s}
@media(max-width:700px){#hero-next .hn-atmosphere{transform:translateY(calc(var(--scene-scroll,0)*18px)) scale(1.035)}#hero-next .hn-reveal-light{height:840px}#hero-next .hn-reveal-light:before{inset-inline:-30%}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-atmosphere{transform:none;opacity:1;will-change:auto}#hero-next .hn-reveal-light{display:none}}


#hero-next .hn-reveal-light{filter:blur(17px)}
#hero-next[data-variant=architectural-depth] .hn-opening:before{animation:hn-glow-breathe 9s ease-in-out 2s infinite alternate}
@keyframes hn-glow-breathe{from{opacity:.35;transform:translateX(-10px)}to{opacity:.7;transform:translateX(10px)}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-opening:before{animation:none}}

/* Softer illumination: architectural light rather than a visible spotlight cone. */
#hero-next .hn-reveal-light{top:76px;height:850px;filter:blur(30px);transform-origin:50% 0;opacity:0}
#hero-next .hn-reveal-light:before{inset:0 -10%;clip-path:polygon(46% 0,54% 0,91% 100%,9% 100%);background:linear-gradient(180deg,#fff0cc82,#dbf4f534 31%,#bfe8ed10 64%,transparent 94%);mask-image:radial-gradient(ellipse 45% 85% at 50% 0,#000 30%,#0008 65%,transparent 100%);filter:blur(18px)}
#hero-next .hn-reveal-light:after{top:-65px;width:370px;height:180px;left:calc(50% - 185px);background:radial-gradient(ellipse,#fff1d2a0,#fceac830 38%,transparent 72%);filter:blur(20px)}
#hero-next .hn-title-line{display:inline-block;max-width:100%;vertical-align:top}
#hero-next .hn-stage:before{content:"";position:absolute;left:22%;right:9%;bottom:14px;height:120px;background:radial-gradient(ellipse,#c9e5df22,transparent 68%);pointer-events:none;filter:blur(12px);opacity:.7}
#hero-next .hn-caption{box-shadow:0 16px 42px #00233226}
@media(max-width:700px){#hero-next .hn-reveal-light{height:960px;filter:blur(24px)}#hero-next .hn-reveal-light:before{inset-inline:-50%}#hero-next .hn-stage:before{left:5%;right:5%;bottom:auto;top:300px}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-reveal-light{display:none}}

/* A single, quiet journey from overhead light to the product below. */
#hero-next .hn-reveal-light{height:920px;filter:blur(37px)}
#hero-next .hn-reveal-light:before{inset-inline:-15%;background:linear-gradient(180deg,#ffedc99c,#e9eedb32 28%,#d2eef11c 55%,transparent 95%);clip-path:polygon(47% 0,53% 0,88% 100%,12% 100%)}
#hero-next .hn-reveal-light:after{width:400px;height:160px;left:calc(50% - 200px);top:-85px;background:radial-gradient(ellipse,#fff2d8c9,#f4dcad40 35%,transparent 73%)}
#hero-next .hn-sanctuary-halo{position:absolute;top:88px;left:5%;right:5%;height:570px;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(ellipse 43% 88% at 50% 0%,#efdbb329,transparent 72%);filter:blur(16px)}
#hero-next .hn-settling-light{position:absolute;top:0;left:12%;right:5%;height:440px;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(ellipse 28% 48% at 54% 45%,#f7e6be26,transparent 72%),radial-gradient(ellipse 45% 12% at 54% 88%,#d9e8dc42,transparent 74%);filter:blur(18px)}
#hero-next .hn-caption{z-index:5}
#hero-next .hn-title-line{will-change:auto}
#hero-next .hn-mobile,#hero-next .hn-desktop{translate:none}
@media(max-width:700px){#hero-next .hn-sanctuary-halo{top:76px;inset-inline:-30%;height:650px}#hero-next .hn-reveal-light{height:1100px}#hero-next .hn-settling-light{left:0;right:0;height:400px;background:radial-gradient(ellipse 35% 48% at 50% 45%,#f7e6be26,transparent 72%),radial-gradient(ellipse 48% 12% at 50% 88%,#d9e8dc42,transparent 74%)}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-sanctuary-halo,#hero-next .hn-settling-light{opacity:.18}}

#hero-next .hn-starry-descent{position:absolute;top:88px;left:0;right:0;height:880px;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 80%,transparent)}
#hero-next .hn-descending-star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#fff3d5;box-shadow:0 0 7px 2px #f5dfa14d;opacity:0;will-change:transform,opacity}
#hero-next .hn-descending-star.is-glint{background:transparent;box-shadow:none;width:8px;height:8px}
#hero-next .hn-descending-star.is-glint:before{content:"";position:absolute;inset:0;background:#fff0c9;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px #ffedb9)}
@media(max-width:700px){#hero-next .hn-starry-descent{top:76px;height:1000px}#hero-next .hn-descending-star:nth-child(3n){display:none}}
@media(prefers-reduced-motion:reduce){#hero-next .hn-starry-descent{display:none}}

/* iMasjid Connect has its own mobile screen alongside the web dashboard. */
#hero-next[data-product=mosque] .hn-mobile{width:170px;left:calc(50% - 150px);top:65px;transform:rotate(-2deg);opacity:1;z-index:4}
#hero-next[data-product=mosque] .hn-desktop{opacity:1}
@media(min-width:701px) and (max-width:1000px){#hero-next[data-product=mosque] .hn-mobile{width:145px;left:calc(50% - 80px);top:75px;transform:rotate(-2deg)}#hero-next[data-product=mosque] .hn-desktop{left:calc(50% + 10px);top:90px;width:calc(50% - 30px);transform:none}}
@media(max-width:700px){#hero-next[data-product=mosque] .hn-mobile{width:144px;left:20px;top:30px;transform:rotate(-2deg);opacity:1;z-index:4}#hero-next[data-product=mosque] .hn-desktop{left:86px;top:112px;width:calc(100% - 104px);max-width:none;transform:none;opacity:1;z-index:3}}
@media(max-width:350px){#hero-next[data-product=mosque] .hn-mobile{width:126px;left:16px;top:37px}#hero-next[data-product=mosque] .hn-desktop{left:72px;top:115px;width:calc(100% - 88px)}}


@media(min-width:1001px) and (max-width:1200px){#hero-next[data-product=mosque] .hn-desktop{left:calc(50% - 40px)}}

body{margin:0}body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}img{max-width:100%}.elementor-widget-imasjid-hero,.elementor-widget-imasjid-intro,.elementor-widget-imasjid-ummah,.elementor-widget-imasjid-masjid,.elementor-widget-imasjid-sdmi,.elementor-widget-imasjid-community,.elementor-widget-imasjid-intention,.elementor-widget-imasjid-contact{margin:0!important;width:100%}.imasjid-content{--hp-ink:#173e47;--hp-muted:#48666c;--hp-line:#b7ccc4;--hp-gold:#c7ad76}.imasjid-content a{color:inherit}.imasjid-content button{cursor:pointer}.imasjid-content h2,.imasjid-content h3,.imasjid-content h4{font-family:Georgia,serif;font-weight:400;margin:0}.imasjid-content p{margin:0}.imasjid-content *{box-sizing:border-box}.imasjid-content .hp-wrap{max-width:1160px;margin:0 auto;padding-inline:20px}.elementor .elementor-widget-container .hp-store-badge svg{max-width:none}.imasjid-legal{max-width:1050px;margin:0 auto;padding:65px 24px 80px;color:#244b53;line-height:1.85}.imasjid-legal h1{font:clamp(38px,5vw,60px)/1.15 Georgia,serif;color:#153e47;margin:0 0 35px}.imasjid-legal h2{font:29px/1.3 Georgia,serif;color:#153e47;margin:35px 0 15px}.imasjid-legal a{color:#176276;text-decoration:underline}.imasjid-legal p,.imasjid-legal li{font-size:17px}.imasjid-legal .elementor-widget{margin-bottom:14px}.imasjid-site-header{background:#0b3545}.imasjid-site-header .hn-nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 24px}.imasjid-site-header .hn-brands img{width:180px;height:auto}.imasjid-site-header .hn-navlinks{display:flex;gap:28px;align-items:center}.imasjid-site-header a{color:#fff;text-decoration:none;font-size:14px}.imasjid-site-header .hp-menu-toggle,.imasjid-site-header .hn-contact,.imasjid-site-header .hp-mobile-nav{display:none}.imasjid-legal-note{padding:18px;border-left:3px solid #b99a62;background:#f7f5ef}.imasjid-content .hp-legal-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:13px}.imasjid-content .hp-legal-links a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.imasjid-site-header .hn-navlinks{gap:14px}.imasjid-site-header .hn-brands img{width:135px}.imasjid-site-header .hn-navlinks a{font-size:12px}.imasjid-site-header .hn-navlinks a:nth-child(2){display:none}.imasjid-legal{padding-top:45px}}
.imasjid-legal .elementor-heading-title{color:#153e47;font-family:Georgia,serif}.imasjid-legal .elementor-widget-text-editor{color:#244b53;font-family:Arial,sans-serif}.elementor-editor-active #hero-next .hn-hero-downloads{visibility:visible}
/* 1.0.1: page canvas and full-width section backgrounds. */
html,body{background:#fff;color:#244b53}
body.home .elementor[data-elementor-type="wp-page"]{width:100%;max-width:none}
body.home .elementor[data-elementor-type="wp-page"]>.e-con{width:100%;max-width:none;--container-max-width:100%}
.imasjid-content{width:100%;max-width:none}
.imasjid-content>section.hp-intro,.imasjid-content>section.hp-masjid{width:100%;max-width:none;padding-inline:max(6%,calc((100% - 1120px)/2));background:#fff}
.imasjid-legal{background:#fff;color:#244b53;min-height:60vh}
.imasjid-legal .elementor-widget-text-editor,.imasjid-legal p,.imasjid-legal li,.imasjid-legal strong{color:#244b53}
.imasjid-legal h1,.imasjid-legal h2,.imasjid-legal h3,.imasjid-legal .elementor-heading-title{color:#153e47}
.imasjid-legal a{color:#176276}
@media(max-width:700px){.imasjid-content>section.hp-intro,.imasjid-content>section.hp-masjid{padding-inline:24px}}
@media(max-width:380px){.imasjid-content>section.hp-intro,.imasjid-content>section.hp-masjid{padding-inline:20px}}
body.home,body.page{background:#fff!important}

/* 1.0.2: full-width footer and a compact legal navigation row. */
.imasjid-content>footer.hp-footer.hp-wrap{width:100%;max-width:none;margin:0;background:#082838;padding:48px max(6%,calc((100% - 1120px)/2)) 25px;color:#dfebed}
.imasjid-content .hp-footer .hp-footer-top{grid-template-columns:220px minmax(240px,1.3fr) minmax(220px,1fr);gap:45px;padding-bottom:35px;align-items:start}
.imasjid-content .hp-footer .hp-footer-top>a{width:190px;padding:0;background:transparent}
.imasjid-content .hp-footer .hp-footer-top img{width:180px;height:auto}
.imasjid-content .hp-footer .hp-footer-top>p{font-size:23px;line-height:1.45;color:#e1ecee;max-width:370px}
.imasjid-content .hp-footer .hp-footer-top>nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;grid-column:auto;font-size:14px;line-height:1.6}
.imasjid-content .hp-footer .hp-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 26px;padding-top:23px;font-size:12px;line-height:1.7;color:#d2e1e4}
.imasjid-content .hp-footer nav.hp-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;grid-column:auto;margin:0;font:12px/1.7 Arial,sans-serif}
.imasjid-content .hp-footer nav.hp-legal-links a{display:inline;padding:0;text-decoration:underline;text-underline-offset:4px}
.imasjid-content .hp-footer .hp-footer-bottom>a{gap:12px;white-space:nowrap}
@media(max-width:1000px){.imasjid-content .hp-footer .hp-footer-top{grid-template-columns:180px 1fr;gap:28px 40px}.imasjid-content .hp-footer .hp-footer-top>nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px 32px}}
@media(max-width:700px){.imasjid-content>footer.hp-footer.hp-wrap{padding:38px 24px 25px}.imasjid-content .hp-footer .hp-footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.imasjid-content .hp-footer .hp-footer-top>p{font-size:22px}.imasjid-content .hp-footer .hp-footer-top>nav{grid-column:auto;gap:12px 27px}.imasjid-content .hp-footer .hp-footer-bottom{align-items:flex-start;flex-direction:column;gap:17px}.imasjid-content .hp-footer nav.hp-legal-links{justify-content:flex-start;gap:10px 20px}.imasjid-content .hp-footer .hp-footer-bottom>a{max-width:none}}

/* Project navigation remains open across the trigger and dropdown. */
.imasjid-project-menu.imasjid-project-menu{position:relative;border:0;margin:0;padding:0;color:inherit;font:inherit;line-height:1.6}.imasjid-project-menu.imasjid-project-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font:13px/1.6 Arial,sans-serif;letter-spacing:0;padding:8px 0;color:inherit;white-space:nowrap}.imasjid-project-menu>summary::-webkit-details-marker{display:none}.imasjid-project-menu>summary svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.imasjid-project-menu .imasjid-project-submenu{display:none;position:absolute;inset-inline-start:-16px;top:100%;min-width:175px;padding:12px;background:#092f41;border:1px solid #8eb7bf66;box-shadow:0 15px 30px #001b3b55;z-index:100}.imasjid-project-menu[open] .imasjid-project-submenu,.imasjid-project-menu:focus-within .imasjid-project-submenu{display:block}.imasjid-project-submenu a{display:block!important;padding:10px 13px!important;color:#fff!important;font:14px/1.6 Arial,sans-serif!important;border:0!important}.imasjid-project-submenu a:hover,.imasjid-project-submenu a:focus-visible{background:#185266}.imasjid-project-menu.is-current>summary{border-bottom:1px solid #b9d4d4}.imasjid-content .hp-sdmi-project-link{display:inline-flex;align-items:center;gap:16px;color:#fff;border-bottom:1px solid #a8cac5;padding-bottom:7px;margin-top:28px;font-size:14px}
@media(hover:hover){.imasjid-project-menu:hover .imasjid-project-submenu{display:block}}
@media(max-width:850px){.imasjid-project-menu.imasjid-project-menu{display:none}}