/* Institutional demo: the observed reference's page divisions, using Fakheem content. */
.demo-showcase{--primary:#087789;--secondary:#45a0a8;--ink:#1f2933;background:#fff;color:var(--ink);font-size:14px}.demo-showcase main{min-height:55vh}.demo-showcase [hidden]{display:none!important}.demo-showcase a:focus-visible,.demo-showcase button:focus-visible{outline:3px solid #c49a43;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ref-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:26px;min-height:76px;padding:0 22px;background:#fff;border-bottom:1px solid #e4e9eb}.ref-header .brand{flex-shrink:0}.ref-header .fkheem-logo{width:142px!important;height:73px!important;border-radius:0!important}.ref-header .public-nav{flex:1;justify-content:flex-start;gap:25px;font-size:12px;color:#67757c}.ref-header .public-nav>.menu-link{padding:23px 0}.ref-header .public-nav a:hover,.ref-header summary:hover{color:var(--primary)}.ref-header .submenu{top:100%;min-width:220px;background:white;box-shadow:0 12px 28px #143d4720}.ref-login{background:#3697a1;color:white!important;border-radius:25px;padding:9px 22px;white-space:nowrap;font-size:12px}.ref-header .public-nav-toggle{margin-inline-start:auto}
.demo-showcase .public-row{padding:70px 24px;max-width:1440px;margin-inline:auto;gap:32px}.demo-showcase .public-row.width-full{padding:0;max-width:none}.demo-showcase .public-row:has(#ref-home-impact){padding-top:40px;padding-bottom:55px}.demo-showcase .public-row:has(#ref-home-partners){padding-top:30px;padding-bottom:80px}.demo-showcase .public-row:has(#ref-about-hero),.demo-showcase .public-row:has(#ref-governance-intro){padding:0;max-width:none}
.demo-showcase #ref-home-hero .site-slide{display:block;position:relative;min-height:570px;height:calc(100svh - 76px);max-height:840px;aspect-ratio:auto;background:#0a4550}.demo-showcase #ref-home-hero .site-slide>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.demo-showcase #ref-home-hero .site-slide:after{display:block;background:linear-gradient(0deg,#043744ba,transparent 65%)}.demo-showcase #ref-home-hero .site-slide-copy{position:absolute;right:6%;bottom:50px;padding:0 0 35px;max-width:720px}.demo-showcase #ref-home-hero h2{font-size:clamp(28px,3.8vw,50px);margin-bottom:8px}.demo-showcase #ref-home-hero .site-slide-copy p{font-size:17px;margin:0 0 20px}.demo-showcase #ref-home-hero .slider-controls{inset-inline-end:24px;bottom:24px;background:#087789a6}.demo-showcase #ref-home-hero .cream{border-radius:28px;background:#fff;color:#087789}
.ref-impact{border-radius:38px;background:radial-gradient(ellipse at 75% 0,#77c9cc80,transparent 60%),linear-gradient(150deg,#49a8b1,#176b7a);padding:58px 6% 38px;color:white;box-shadow:0 15px 0 #459aa2,0 30px 36px #103f4920;text-align:center}.ref-impact h2{font-size:38px;margin:0 0 44px;font-weight:700}.ref-impact ul{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:0;list-style:none}.ref-impact li{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#ffffff14;border:1px solid #ffffff18;border-radius:30px;min-height:206px;width:calc(25% - 24px);padding:24px 15px;font-size:13px}.ref-impact li:before{content:'◇';font-size:35px;line-height:1;color:#d2f2ef}.ref-impact li:nth-child(2):before{content:'♧'}.ref-impact li:nth-child(3):before{content:'◎'}.ref-impact li:nth-child(4):before{content:'♡'}.ref-impact li:nth-child(5):before{content:'◷'}.ref-impact li:nth-child(6):before{content:'⌂'}.ref-impact li:nth-child(7):before{content:'✧'}.ref-impact strong{font-size:35px;font-weight:600;direction:ltr;line-height:1.7}.ref-impact small{font-size:10px;color:#e0f6f5}
.ref-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.ref-section-title h2,.ref-partner-heading{font-size:30px;color:#126d7b;margin:0}.ref-section-title a{color:var(--primary);font-size:12px}.ref-tab-list{display:flex;gap:0;border-bottom:1px solid #e8ebed;margin-bottom:30px;overflow-x:auto}.ref-tab-list button{border:0;background:none;color:#78818b;padding:17px 22px;white-space:nowrap;font:inherit;font-size:12px;cursor:pointer;border-bottom:3px solid transparent}.ref-tab-list button[aria-selected=true]{color:#198291;border-color:#3d9ba5}.ref-news-grid,.ref-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ref-news-card{border:1px solid #eef0f1;border-radius:8px;overflow:hidden;background:#fff}.ref-news-cover{display:block;position:relative;height:265px;background:#e8f2f3;overflow:hidden}.ref-news-cover:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#091f30ed)}.ref-news-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.ref-news-card:hover img{transform:scale(1.035)}.ref-news-cover h3{position:absolute;inset:auto 20px 18px;margin:0;z-index:1;color:#fff;font-size:17px;line-height:1.9}.ref-news-body{padding:20px}.ref-category{font-size:10px;background:#eaf5f5;color:#147b89;padding:5px 10px;border-radius:5px}.ref-news-body p{font-size:12px;color:#7a848d;line-height:2;min-height:50px}.ref-news-body>div{display:flex;justify-content:space-between;font-size:10px;color:#8c989f;border-top:1px solid #edf0f2;padding-top:14px}.ref-news-body a{color:var(--primary)}.ref-gallery-grid a{position:relative;overflow:hidden;border-radius:10px;background:#eaf3f4}.ref-gallery-grid img{width:100%;height:270px;object-fit:cover;display:block}.ref-gallery-grid span{display:block;padding:16px;font-size:13px}.ref-partner-heading{text-align:center;margin-bottom:45px}.ref-partners{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.ref-partners a{flex:1;min-width:140px;max-width:225px;text-align:center;color:#4a6971;padding:15px}.ref-partners span{font-size:54px;color:#54a0a9;display:block}.ref-partners b{font-size:13px}
.ref-footer{background:#0b4652;color:#e7f3f4;padding:48px 24px 20px}.ref-footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:60px}.ref-footer-about>div{display:flex;gap:20px;align-items:center}.ref-footer .fkheem-logo{width:130px!important;height:80px!important;border-radius:15px!important}.ref-footer h2{font-size:19px;margin:0}.ref-footer h3{font-size:14px;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #43808a}.ref-footer p,.ref-footer nav{font-size:12px;line-height:2.1}.ref-footer nav{display:grid;gap:8px}.ref-footer-about>p{max-width:420px;color:#b8d4d9;margin-top:22px}.ref-footer a:hover{color:#fff;text-decoration:underline}.ref-newsletter{display:flex;background:#09677a;border-radius:8px;overflow:hidden;margin:18px 0 26px}.ref-newsletter input{min-width:0;width:100%;background:none;border:0;color:white;padding:12px;font:inherit;font-size:11px}.ref-newsletter input::placeholder{color:#adcbd0}.ref-newsletter button{border:0;background:#3896a2;color:white;font:inherit;font-size:11px;padding:0 15px;cursor:pointer}.ref-footer-links,.ref-service-badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;font-size:11px}.ref-service-badges span{background:white;color:#36636a;border-radius:5px;padding:5px 8px;font-size:10px}.ref-copyright{border-top:1px solid #36707b;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}.ref-demo-note{font-size:10px!important;color:#a7c7cc;margin:15px 0 0}.ref-back-top{position:fixed;bottom:24px;left:24px;width:40px;height:40px;border-radius:50%;background:#edf7f8eb;border:1px solid #e7eff0;color:#278795;z-index:60;font-size:22px;cursor:pointer}
.ref-about-hero{position:relative;min-height:640px;border-radius:0 0 50% 15% / 0 0 13% 12%;overflow:hidden;display:flex;justify-content:center;text-align:center;padding:90px 24px}.ref-about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ref-about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#e9f7f6d9,#ffffff80 55%,#ffffff22)}.ref-about-hero>div{position:relative;z-index:1;max-width:850px}.ref-about-hero h1{font-size:44px;color:#122d36;margin:0 0 22px}.ref-about-hero .prose{font-size:16px;line-height:2}.ref-about-hero .button{border-radius:26px;margin-top:24px;padding-inline:35px}.ref-value-icon{font-size:52px;color:#4f9ba5}.public-row:has(#ref-vision) .ref-text-block{text-align:center;padding:22px 28px}.public-row:has(#ref-vision) h2{color:#187282;font-size:24px}.public-row:has(#ref-vision) .prose{color:#697981;font-size:14px}.ref-text-block h2{color:#126d7b}.ref-governance-intro{padding:100px 24px 90px;background:linear-gradient(#eaf3f4,white);min-height:425px}.ref-governance-intro h1{font-size:clamp(35px,5vw,70px);max-width:820px;color:#00697c;line-height:1.6;margin:0 0 22px}.ref-governance-intro .prose{border-inline-start:4px solid #cce4e7;padding-inline-start:24px;font-size:18px;color:#8b949a;max-width:780px}.ref-governance{max-width:1440px;margin:0 auto;padding:40px 24px 100px}.ref-governance>h2{font-size:25px;color:var(--primary);border-bottom:1px solid #dce7e9;padding-bottom:18px;margin:0 0 28px}.ref-governance-note{background:#edf6f6;border-radius:9px;padding:18px;text-align:center;color:#4b8993;margin:0 0 35px}.ref-governance .ref-tab-list{border:1px solid #e4e8ea;border-radius:15px;width:max-content;max-width:100%;margin:0 auto 50px}.ref-governance .ref-tab-list button{border-bottom:0;border-inline-start:1px solid #e4e8ea;padding:14px 22px}.ref-governance .ref-tab-list button[aria-selected=true]{color:white;background:#378e9d}.ref-governance .document-card{border-radius:10px;box-shadow:none}.ref-governance .document-symbol{color:#cd293e;background:#fff0f2}.ref-governance .content-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ref-governance .section-title{display:none}
.ref-org{background:#f5fafb;text-align:center;padding:40px;border-radius:18px}.ref-org>h2{text-align:right}.ref-org .prose>ul{padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;gap:25px}.ref-org li{list-style:none}.ref-org strong{background:#0e7687;color:white;padding:15px 25px;border-radius:8px;display:inline-block}.ref-org li>ul{display:flex;gap:20px;padding:30px 0 0;justify-content:center;flex-wrap:wrap}.ref-org li>ul>li{background:#e1f0f2;border:1px solid #cce1e5;padding:15px;border-radius:8px;min-width:150px}
.ref-page-banner{background:#086f82;color:#fff;padding:60px 24px 95px}.ref-page-banner h1{font-size:45px;margin:0 0 12px}.ref-page-banner p{font-size:17px;color:#b9dde0;margin:0}.demo-showcase .collection-section{max-width:1440px;margin:auto;padding:50px 24px 85px}.ref-media-collection{padding-top:0!important}.ref-media-collection>.ref-tabs>.ref-tab-list{position:relative;margin-top:-32px;width:max-content;max-width:100%;border:8px solid white;border-radius:16px;background:white;box-shadow:0 8px 16px #1d525218;margin-bottom:45px}.ref-media-collection>.ref-tabs>.ref-tab-list button[aria-selected=true]{background:#077489;border-radius:10px;color:white}.demo-showcase .filterbar{max-width:560px;margin:0 0 30px}.demo-showcase .document-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-showcase .document-card h3{font-size:13px}.demo-showcase .document-actions .button{padding:7px 10px;font-size:10px}.demo-showcase .document-symbol{background:#fff0f0;color:#cc3343}
.ref-leadership{background:linear-gradient(120deg,#082b38,#006a7a);display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:6%;padding:85px 24px;color:white}.ref-leadership h1{font-size:48px;line-height:1.7;margin:0 0 24px}.ref-leadership p{color:#abcfd5;line-height:2}.ref-leadership .ref-leaders{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ref-leadership figure{margin:0;padding:5px;background:#ffffff18;border:2px solid #ffffff15;border-radius:12px;text-align:center}.ref-leadership figure:nth-child(2){transform:translateY(25px)}.ref-leadership img{width:100%;height:290px;object-fit:contain;background:#dceff1;border-radius:6px}.ref-leadership figcaption{padding:12px 6px;font-size:14px}.ref-leadership figcaption small{display:block;color:#b3d9dd;margin-top:7px}.demo-showcase .directory-card{border:0;padding:0;gap:6px;border-radius:6px}.demo-showcase .directory-photo{width:100%;height:290px;object-fit:contain;border-radius:5px;background:#ecf5f6}.ref-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px}.ref-directory-heading{font-size:24px;color:#177a88;border-bottom:1px solid #68a2aa;padding-bottom:15px;margin:0 0 38px}
.ref-article-layout{max-width:1440px;margin:auto;padding:34px 20px 80px;display:grid;grid-template-columns:2.2fr 1fr;gap:32px;background:#fafafa}.ref-article-layout .article-section{margin:0;padding:0;background:white;border:1px solid #ebedef;border-radius:16px;overflow:hidden;max-width:none}.ref-article-layout .article-image{border-radius:0;width:100%;max-height:530px;object-fit:cover;display:block}.ref-article-copy{padding:32px}.ref-article-copy h1{font-size:30px!important;margin:15px 0}.ref-article-copy .lead{font-size:17px}.ref-related h2{font-size:18px;border-inline-start:5px solid #419ca5;padding-inline-start:10px;margin:12px 0 25px}.ref-related>a{display:flex;gap:15px;border:1px solid #e5e9eb;background:white;border-radius:12px;padding:13px;margin-bottom:16px}.ref-related img{width:80px;height:80px;object-fit:cover;border-radius:10px}.ref-related b{font-size:12px;line-height:1.8}.ref-related small{display:block;color:#91a0a8;font-size:10px;margin-top:8px}.ref-related>.button{justify-content:center;background:var(--primary);color:white;border:0}
.demo-showcase .public-form-section{max-width:1180px;margin:65px auto;padding:0 24px}.demo-showcase .public-form-section>h1{font-size:42px;color:#136e7c}.demo-showcase .public-form-section form.panel{box-shadow:0 12px 35px #114c5710;border:1px solid #dfebed;border-radius:16px}.ref-faq{border:1px solid #e4edef;border-radius:12px;padding:24px;background:white}.ref-faq summary{cursor:pointer;font-size:17px;color:#176f7c;font-weight:600}.ref-faq .prose{padding-top:15px;color:#657981}.demo-showcase .public-row:has(.ref-faq){padding-block:10px}.demo-showcase .public-row:has(.ref-faq):last-child{padding-bottom:70px}
@media(max-width:1100px){.ref-header{gap:15px}.ref-header .public-nav{gap:15px;font-size:10px}.ref-header .fkheem-logo{width:120px!important;height:65px!important}.ref-login{padding:8px 15px;font-size:10px}.ref-footer-grid{gap:30px}.ref-news-cover{height:225px}.ref-leadership h1{font-size:37px}.ref-leadership img{height:230px}}
@media(max-width:900px){.ref-header .public-nav{top:100%;position:absolute;right:0;left:0;max-height:75vh;overflow:auto;padding:20px;gap:0}.ref-header .public-nav>.menu-link{padding:13px 0;width:100%;font-size:13px}.ref-header .submenu{position:static;box-shadow:none}.ref-header .ref-login{margin-inline-start:0}.ref-impact li{width:calc(33.333% - 24px)}.ref-footer-grid{grid-template-columns:1fr 1fr}.ref-footer-about{grid-column:1/-1}.ref-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ref-article-layout{grid-template-columns:1fr}.ref-related{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ref-related h2,.ref-related>.button{grid-column:1/-1}.ref-related>a{display:block}.ref-related img{width:100%;height:130px}.ref-leadership{gap:25px}.ref-news-grid,.ref-gallery-grid{gap:16px}.ref-news-cover h3{font-size:14px;inset-inline:12px}}
@media(max-width:600px){.ref-header{padding:0 14px;min-height:72px}.ref-header .fkheem-logo{width:120px!important;height:64px!important}.demo-showcase .public-row{padding:42px 16px}.demo-showcase #ref-home-hero .site-slide{height:68svh;min-height:470px}.demo-showcase #ref-home-hero .site-slide-copy{right:7%;left:7%;bottom:65px;max-width:none;padding:0}.demo-showcase #ref-home-hero h2{font-size:27px}.demo-showcase #ref-home-hero .site-slide-copy p{font-size:13px}.ref-impact{padding:35px 18px 25px;border-radius:25px}.ref-impact h2{font-size:24px;margin-bottom:25px}.ref-impact ul{gap:12px}.ref-impact li{width:calc(50% - 6px);padding:15px 8px;min-height:160px;border-radius:20px;font-size:10px}.ref-impact strong{font-size:28px}.ref-impact li:before{font-size:26px}.ref-section-title h2,.ref-partner-heading{font-size:23px}.ref-tab-list button{padding:14px;font-size:11px}.ref-news-grid,.ref-gallery-grid{grid-template-columns:1fr}.ref-news-cover{height:255px}.ref-news-cover h3{font-size:16px}.ref-partners{gap:12px}.ref-partners a{min-width:120px}.ref-footer{padding:35px 18px 18px}.ref-footer-grid{grid-template-columns:1fr;gap:32px}.ref-footer-about{grid-column:auto}.ref-footer h2{font-size:16px}.ref-footer .fkheem-logo{width:108px!important;height:65px!important}.ref-copyright{flex-direction:column;gap:10px}.ref-about-hero{padding:55px 22px 130px;min-height:590px;border-radius:0 0 40% 12% / 0 0 7% 5%}.ref-about-hero h1{font-size:31px}.ref-about-hero .prose{font-size:13px}.ref-governance-intro{padding:60px 20px;min-height:330px}.ref-governance-intro h1{font-size:36px}.ref-governance-intro .prose{font-size:14px}.ref-governance{padding:35px 16px 65px}.ref-governance .content-view,.demo-showcase .document-collection{grid-template-columns:1fr}.ref-governance .ref-tab-list{width:100%;justify-content:flex-start}.ref-page-banner{padding:45px 18px 75px}.ref-page-banner h1{font-size:30px}.ref-page-banner p{font-size:13px}.demo-showcase .collection-section{padding:35px 16px 60px}.ref-leadership{grid-template-columns:1fr;padding:50px 18px 65px}.ref-leadership h1{font-size:35px}.ref-leadership .ref-leaders{gap:14px}.ref-leadership img{height:190px}.ref-leadership figcaption{font-size:11px}.demo-showcase .directory-photo{height:195px}.demo-showcase .directory-card h3{font-size:13px}.demo-showcase .directory-card p{font-size:11px}.ref-directory-grid{gap:18px}.ref-article-layout{padding:24px 14px 55px}.ref-article-copy{padding:22px}.ref-article-copy h1{font-size:24px!important}.ref-related{grid-template-columns:1fr}.ref-related>a{display:flex}.ref-related img{width:85px;height:85px}.ref-org{padding:24px 12px}.demo-showcase .public-form-section>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.ref-news-cover img{transition:none}}

.ref-directory-grid,.ref-document-grid{display:grid}.ref-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-showcase #ref-home-impact{margin-inline:16px}.demo-showcase #ref-home-media{padding:25px 24px 50px}.ref-media-collection>.filterbar{margin-top:10px}.ref-media-collection>.ref-tabs>.ref-tab-list{margin-top:0}.ref-governance .public-row{padding:0;max-width:none}.ref-governance .public-block>h2{display:none}@media(max-width:600px){.ref-document-grid{grid-template-columns:1fr}.demo-showcase #ref-home-media{padding-inline:16px}}

.ref-contact>h1,.ref-contact>p{text-align:center}.ref-contact-channels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:25px;margin:45px 0}.ref-contact-channels b{color:#087789}.ref-contact-channels p{font-size:12px}.ref-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.ref-location{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:repeating-linear-gradient(30deg,#edf5f5,#edf5f5 38px,#e3eeee 39px,#e3eeee 40px);border-radius:14px;padding:30px}.ref-location>span{font-size:80px;color:#087789}.ref-location small{color:#567d84}.ref-contact-grid form{margin:0}@media(max-width:700px){.ref-contact-grid,.ref-contact-channels{grid-template-columns:1fr}.ref-location{min-height:270px}}