#navbar.nav,#navbar.nav.scrolled{padding:12px 0;background:#f5f4f0f5;border-bottom:1px solid #dddcd6;box-shadow:none;backdrop-filter:blur(14px)}#navbar .nav-container{max-width:none;padding:0 24px;gap:28px}#navbar .logo{color:#223d32;font-size:26px;letter-spacing:.06em;flex:none}#navbar .logo-mark{width:32px;height:32px;font-size:17px}#navbar .nav-links{display:flex;flex:1;justify-content:space-between;gap:12px}#navbar .nav-link,#navbar .nav-cta{font:12px/1.4 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}#navbar .nav-link{color:#242828;padding:12px 12px 12px 21px;position:relative;overflow:hidden;transition:background .2s,color .2s}#navbar .nav-link:after{display:none}#navbar .nav-link:before{content:'';position:absolute;left:7px;top:50%;margin-top:-4px;border-left:6px solid #28805a;border-block:4px solid transparent;opacity:0;transform:translateX(-7px);transition:opacity .2s,transform .2s}#navbar .nav-link[aria-current],#navbar .nav-link:hover{background:#e9eae4}#navbar .nav-link[aria-current]:before,#navbar .nav-link:hover:before,#navbar .nav-link:focus-visible:before{opacity:1;transform:none}#navbar .nav-cta{background:#202820;color:#faf9f6;border:1px solid #202820;border-radius:6px;padding:10px 14px;transition:background .2s,transform .2s}#navbar .nav-cta:hover{background:#365844;transform:translateY(-1px)}#navbar .mobile-toggle{color:#223d32;font-size:24px}#navbar :focus-visible{outline:2px solid #28805a;outline-offset:3px}section[id]{scroll-margin-top:85px}
@media(max-width:1150px){#navbar .nav-links{display:none}#navbar .mobile-toggle{display:block}#navbar .nav-container{justify-content:space-between}#navbar .logo{font-size:25px}.mobile-menu{top:75px!important}}
@media(min-width:1151px){#navbar .mobile-toggle{display:none}}
#mobileMenu{background:#f5f4f0;border:1px solid #deded5;padding-left:16px;border-radius:12px}#mobileMenu .value{color:#223d32;font:13px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.5px;width:100%;border:0;min-height:48px}#mobileMenu .value:hover,#mobileMenu .value:focus-visible,#mobileMenu .value:active{background:#e6e9df;color:#223d32;transform:none;filter:none}#mobileMenu .value:before{display:none}#mobileMenu:has(.value:hover)>.value:not(:hover):not(:focus-visible){filter:none;transform:none}#mobileMenu svg{color:#54765f}#mobileMenu .mobile-menu-close{color:#223d32}
.rahmiya-journey-card{border-radius:26px;padding:36px 42px;min-height:320px;box-shadow:0 12px 30px #182a2010;border:1px solid #223d3210;justify-content:flex-start;gap:35px}.rahmiya-journey-number{font:14px/1.2 'Courier New',monospace;letter-spacing:2px;border-bottom:1px solid currentColor;padding-bottom:16px;opacity:.7}.rahmiya-journey-card h2{font:500 clamp(28px,3.5vw,44px)/1.12 Arial,sans-serif;letter-spacing:-1.2px;margin:0 0 20px}.rahmiya-journey-card p{font:400 clamp(16px,1.6vw,20px)/1.6 Arial,sans-serif;max-width:640px}.is-animated .rahmiya-journey-stack{height:360px;max-width:940px}.journey-availability{text-align:center;font:12px/1.6 Arial,sans-serif;padding:20px 24px 40px;background:#faf9f6;color:#647065;margin:0}
@media(max-width:760px){.rahmiya-journey-card{padding:26px;gap:28px;border-radius:24px;min-height:320px}.is-animated .rahmiya-journey-stack{height:340px}.rahmiya-journey-card h2{font-size:29px}.rahmiya-journey-card p{font-size:16px}#navbar .nav-container{padding:0 18px}.hero-content{padding-inline:20px}.hero-content h1{overflow-wrap:break-word}}
@media(max-height:600px),(max-width:350px){.rahmiya-journey.is-animated{height:auto;padding:35px 5%}.is-animated .rahmiya-journey-stage{position:static;height:auto;overflow:visible}.is-animated .rahmiya-journey-stack{height:auto;display:grid}.is-animated .rahmiya-journey-card{position:relative;transform:none!important;min-height:0}.hero{min-height:650px}}
@media(prefers-reduced-motion:reduce){#navbar *{transition:none!important}}
body:has(#mobileMenu.active)::before{content:"";position:fixed;inset:0;z-index:999;background:rgba(19,34,27,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#mobileMenu .value[aria-current]{background:#e6e9df;color:#223d32;border-color:transparent;transform:none}
#mobileMenu .value[aria-current]:before{display:none}
.hero-ayah{font:400 clamp(70px,9vw,120px)/1.08 Georgia,serif;color:inherit;text-align:center;margin:0 auto clamp(14px,2vh,24px);max-width:100%;text-shadow:0 3px 24px #0c1912a8}
.hero-ayah[hidden]{display:none}
@media(max-width:760px){.hero-ayah{font-size:clamp(54px,14vw,68px);margin-bottom:18px}}
#hero .slide-1{background:radial-gradient(ellipse at 48% 36%,#596854 0%,#2c4033 50%,#14251d 100%)}
#hero .slide-1-image{opacity:.22}
#hero .slide-2{background:radial-gradient(ellipse at 50% 28%,#596849,#273d30 58%,#17291f 100%)}
#hero .slide-3{background:radial-gradient(ellipse at 50% 42%,#495846 0%,#26392d 56%,#102119 100%)}
#hero .slide-4{background:radial-gradient(ellipse at 49% 56%,#756647 0%,#40503b 44%,#17271f 100%)}
#hero .slide-5{background:radial-gradient(ellipse at 50% 24%,#69755a 0%,#304738 56%,#15281e 100%)}
#hero .slide-1::before,#hero .slide-2::before,#hero .slide-3::before,#hero .slide-4::before,#hero .slide-5::before{display:block;background:linear-gradient(to bottom,#0b1b1426,#0b1b146b)}
#hero .hero-content{max-width:1000px}
#hero .hero-label{margin-bottom:clamp(18px,3vh,30px)}
#hero h1{margin-bottom:clamp(18px,3vh,30px)}
#hero .hero-subtitle{color:inherit;opacity:.88;max-width:650px;line-height:1.7;font-size:clamp(16px,1.4vw,19px);margin-bottom:clamp(26px,4vh,44px);text-wrap:pretty}
@media(max-width:760px){#hero .hero-subtitle{font-size:16px;line-height:1.6;max-width:34ch}#hero .hero-content{padding-inline:22px}}