/* AMWAL side-page system — v114 */
:root{--sp-ink:#063c32;--sp-deep:#032e27;--sp-green:#08775d;--sp-gold:#c8a454;--sp-cream:#f6f3ea;--sp-paper:#fffdf8;--sp-line:rgba(6,60,50,.16);--sp-muted:#66766f}

/* Editorial openings */
.inner-page .page-hero{position:relative;isolation:isolate;min-height:620px;padding:clamp(150px,14vw,205px) max(7vw,calc((100vw - 1440px)/2)) clamp(80px,9vw,132px);grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:end;gap:clamp(42px,8vw,120px);overflow:hidden;background:var(--sp-cream);color:var(--sp-ink);border-bottom:1px solid var(--sp-line)}
.inner-page .page-hero:before{content:"AMWAL  /  INSIGHT & ADVISORY";display:block!important;position:absolute;z-index:2;top:clamp(112px,10vw,150px);right:auto!important;bottom:auto!important;left:max(7vw,calc((100vw - 1440px)/2));width:auto!important;height:auto!important;background:none!important;opacity:1!important;font-size:10px;font-weight:800;letter-spacing:.2em;color:#6d7d76}
.services-page .page-hero:before{content:"HOME  /  SERVICES  ·  S/01"}
.about-page .page-hero:before{content:"HOME  /  ABOUT  ·  C/01"}
.ecosystem-page .page-hero:before{content:"HOME  /  ECOSYSTEM  ·  E/01"}
.events-page .page-hero:before{content:"HOME  /  EVENTS  ·  N/01"}
.inner-page .page-hero:after{content:"";position:absolute;z-index:-1;width:min(48vw,690px);aspect-ratio:1;right:-10%;top:-28%;border-radius:50%;background:radial-gradient(circle,rgba(202,170,92,.2),rgba(202,170,92,0) 68%)}
.inner-page .page-hero>div,.inner-page .page-hero>aside{position:relative;z-index:1}
.inner-page .page-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 25px;color:#987728;font-size:10px;font-weight:800;letter-spacing:.18em}
.inner-page .page-hero .eyebrow:before{content:"";width:32px;height:1px;background:var(--sp-gold)}
.inner-page .page-hero h1{max-width:12ch;margin:0 0 28px;color:var(--sp-ink);font-family:Manrope,Arial,sans-serif;font-size:clamp(3.65rem,6.5vw,7.4rem);font-weight:560;line-height:.92;letter-spacing:-.066em}
.inner-page .page-hero h1 em{color:var(--sp-green);font-style:normal;font-weight:560}
.inner-page .page-hero>div>p:last-child{max-width:660px;margin:0;color:#596b64;font-size:clamp(15px,1.3vw,18px);line-height:1.72}
.inner-page .page-hero aside{align-self:end;margin:0;padding:30px;border:1px solid rgba(219,195,135,.34);border-radius:2px;background:linear-gradient(145deg,#074d3e,#032f28);box-shadow:0 28px 70px rgba(2,45,37,.16);color:#fff}
.inner-page .page-hero aside span{color:#dfc57e;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:560;letter-spacing:-.06em}
.inner-page .page-hero aside strong{color:#fff;font-size:15px}
.inner-page .page-hero aside small{color:#bfd0c9;font-size:11px;line-height:1.55;letter-spacing:.08em}

/* Consistent editorial sections */
.inner-page .inner-section{padding:clamp(90px,10vw,150px) max(7vw,calc((100vw - 1440px)/2));background:var(--sp-paper)}
.inner-page .inner-section:before{right:max(7vw,calc((100vw - 1440px)/2));left:max(7vw,calc((100vw - 1440px)/2));background:var(--sp-line)}
.inner-page .section-intro{grid-template-columns:minmax(155px,.48fr) minmax(0,1.52fr);gap:18px clamp(42px,7vw,110px);margin-bottom:clamp(52px,7vw,92px)}
.inner-page .section-intro .eyebrow{padding-top:9px;color:#94732b;font-size:10px;letter-spacing:.18em}
.inner-page .section-intro h2{max-width:13ch;color:var(--sp-ink);font-family:Manrope,Arial,sans-serif;font-size:clamp(3rem,5.4vw,6.2rem);font-weight:540;line-height:.94;letter-spacing:-.065em}
.inner-page .section-intro>p:last-child{max-width:610px;color:var(--sp-muted);font-size:16px;line-height:1.75}

/* Numbered capabilities */
.inner-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--sp-line);border-left:1px solid var(--sp-line)}
.inner-page .service-grid article{position:relative;min-height:310px;padding:34px 36px;border:0;border-right:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);border-radius:0;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,244,237,.88));box-shadow:none;transform:none}
.inner-page .service-grid article:before{display:none}
.inner-page .service-grid article:hover{z-index:1;transform:none;border-color:rgba(6,60,50,.28);box-shadow:0 24px 54px rgba(3,49,39,.08)}
.inner-page .service-grid article>b{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;color:#a07c2d;font-size:11px;font-weight:800;letter-spacing:.16em}
.inner-page .service-grid h3{max-width:23ch;margin:auto 0 16px;color:var(--sp-ink);font-family:Manrope,Arial,sans-serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:650;line-height:1.12;letter-spacing:-.04em}
.inner-page .service-grid p{max-width:55ch;color:#68766f;font-size:14px;line-height:1.68}
.services-page .service-grid article:last-child:nth-child(odd){grid-column:1/-1;min-height:270px}

/* Ecosystem cards and standards */
.inner-page .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.inner-page .ecosystem-grid article{min-height:300px;padding:34px;border-radius:2px;border:1px solid var(--sp-line);background:linear-gradient(145deg,#fff,#f4f1e8);box-shadow:none}
.inner-page .ecosystem-grid article:before{display:none}
.inner-page .ecosystem-grid h3{font-family:Manrope,Arial,sans-serif;font-size:1.7rem;letter-spacing:-.04em}
.ecosystem-standards{padding:clamp(90px,10vw,150px) max(7vw,calc((100vw - 1440px)/2));background:linear-gradient(135deg,#032c25,#075442);border-top:1px solid rgba(231,209,151,.25)}
.ecosystem-standards h2{font-family:Manrope,Arial,sans-serif;font-weight:540;letter-spacing:-.055em}

/* One closing action per page */
.inner-page .inner-cta{position:relative;isolation:isolate;min-height:500px;padding:clamp(88px,10vw,150px) max(7vw,calc((100vw - 1440px)/2));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#032d26,#075b47);text-align:center}
.inner-page .inner-cta:before{content:"";position:absolute;z-index:-1;width:520px;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(226,201,137,.15);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}
.inner-page .inner-cta p{margin:0 0 16px;color:#dfc57e;font-size:10px;font-weight:800;letter-spacing:.2em}
.inner-page .inner-cta h2{max-width:15ch;margin:0 auto 34px;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.8rem,5.3vw,5.8rem);font-weight:540;line-height:.96;letter-spacing:-.06em}
.inner-page .inner-cta .button{min-width:220px;justify-content:center;border:1px solid #e6ce8b;background:linear-gradient(120deg,#c4a04f,#ead38f,#bf9848);color:#07362c;font-weight:800;box-shadow:0 18px 44px rgba(0,0,0,.2)}

/* About: premium editorial rhythm */
.about-page .company-story,.about-page .company-values,.about-page .governance-section{padding-left:max(7vw,calc((100vw - 1440px)/2));padding-right:max(7vw,calc((100vw - 1440px)/2))}
.about-page .about-hero{min-height:720px;grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr);align-items:center;background-color:#032e27;background-image:linear-gradient(90deg,rgba(3,42,35,.96) 0%,rgba(3,47,39,.91) 48%,rgba(3,48,40,.74) 100%),url("assets/amwal-architecture.webp");background-position:center;background-size:cover;color:#fff;border-bottom-color:rgba(222,199,140,.24)}
.about-page .about-hero:before{color:rgba(216,231,224,.68)}
.about-page .about-hero:after{z-index:0;right:-7%;top:-23%;width:min(50vw,760px);border:1px solid rgba(229,205,145,.12);background:radial-gradient(circle,rgba(207,176,99,.18),rgba(207,176,99,0) 67%);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.011)}
.about-page .about-hero .eyebrow{color:#e1c378}
.about-page .about-hero .eyebrow:before{background:#d8b865}
.about-page .about-hero h1{max-width:11ch;color:#fff;text-shadow:0 20px 48px rgba(0,0,0,.18)}
.about-page .about-hero h1 em{color:#e2c77f}
.about-page .about-hero>div>p:last-child{color:rgba(229,238,234,.8)}
.about-page .about-hero aside{position:relative;align-self:stretch;display:flex;min-height:420px;flex-direction:column;justify-content:flex-end;padding:clamp(32px,4vw,52px);overflow:hidden;border:1px solid rgba(225,199,130,.36);border-radius:24px;background:linear-gradient(150deg,rgba(10,102,79,.82),rgba(2,39,32,.93));box-shadow:0 34px 86px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.about-page .about-hero aside:before{content:"AW";position:absolute;right:-18px;top:16px;color:rgba(255,255,255,.06);font:600 clamp(9rem,15vw,15rem)/.8 Georgia,serif;letter-spacing:-.12em}
.about-page .about-hero aside:after{content:"AMANAH  ·  WEALTH  ·  LEGACY";position:absolute;top:34px;left:clamp(32px,4vw,52px);color:#e3c77f;font-size:9px;font-weight:800;letter-spacing:.2em}
.about-page .about-hero aside span,.about-page .about-hero aside strong,.about-page .about-hero aside small{position:relative;z-index:1}
.about-page .about-hero aside span{margin-bottom:22px;color:#e3c77f;font-size:clamp(3rem,5vw,5rem)}
.about-page .about-hero aside strong{padding-top:20px;border-top:1px solid rgba(226,201,137,.28);font-size:clamp(1rem,1.25vw,1.18rem)}
.about-page .about-hero aside small{margin-top:8px;color:#c4d7cf}
.about-page .company-story{background:var(--sp-paper)}
.about-page .company-story h2,.about-page .company-values h2,.about-page .governance-intro h2{font-family:Manrope,Arial,sans-serif;font-weight:540;letter-spacing:-.06em}
.about-page .vision-mission{gap:1px;padding:1px;background:rgba(6,60,50,.14)}
.about-page .vision-mission article{position:relative;min-height:480px;padding:clamp(55px,7vw,100px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:0;background:linear-gradient(145deg,#064c3d,#032f28);color:#fff}
.about-page .vision-mission article+article{border:0;background:linear-gradient(145deg,#f9f7f0,#ece7da)}
.about-page .vision-mission article:after{content:"";position:absolute;width:290px;aspect-ratio:1;right:-110px;bottom:-140px;border:1px solid rgba(230,204,139,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.018)}
.about-page .vision-mission span{position:relative;z-index:1;color:#e3c77e;font-size:11px;font-weight:850;letter-spacing:.2em}
.about-page .vision-mission h2{position:relative;z-index:1;max-width:19ch;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:clamp(2.2rem,3.8vw,4.2rem);font-weight:540;line-height:1.06;letter-spacing:-.052em}
.about-page .vision-mission article+article span{color:#94732b}.about-page .vision-mission article+article h2{color:var(--sp-ink)}
.about-page .company-values-grid article{border-radius:2px;box-shadow:none}

/* Profiles: same portrait system, clearer story */
.individual-profile .profile-page-hero{min-height:760px;background:linear-gradient(135deg,#032d26,#075a46)}
.individual-profile .profile-page-copy{position:relative}
.individual-profile .profile-page-copy:before{content:"HOME / ABOUT / LEADERSHIP";position:absolute;top:clamp(72px,7vw,105px);left:clamp(42px,7vw,110px);color:#a9c1b7;font-size:9px;font-weight:800;letter-spacing:.18em}
.individual-profile .profile-page-copy h1{font-family:Manrope,Arial,sans-serif;font-weight:540;letter-spacing:-.065em}
.individual-profile .profile-story{padding:clamp(90px,10vw,150px) max(7vw,calc((100vw - 1440px)/2));background:var(--sp-paper)}
.individual-profile .profile-story-aside h2{font-family:Manrope,Arial,sans-serif;font-weight:540;letter-spacing:-.055em}
.individual-profile .profile-story-copy{padding:clamp(30px,4vw,58px);border:1px solid var(--sp-line);background:#fff}
.individual-profile .profile-page-tags span{border-radius:3px;background:#f2f6f3}

/* Directory: high-trust product page */
.directory-page .directory-hero{position:relative;overflow:hidden;padding-top:clamp(150px,14vw,205px);background:linear-gradient(135deg,#032d26,#075a46)}
.directory-page .directory-hero:before{content:"HOME  /  DIRECTORY  ·  D/01";position:absolute;top:clamp(112px,10vw,150px);left:max(7vw,calc((100vw - 1220px)/2));color:#a9c5ba;font-size:10px;font-weight:800;letter-spacing:.18em}
.directory-page .directory-hero h1{font-family:Manrope,Arial,sans-serif;font-weight:540;letter-spacing:-.06em}
.directory-page .directory-search{border-radius:3px;background:rgba(255,255,255,.98);box-shadow:0 28px 65px rgba(0,0,0,.18)}
.directory-page .directory-records,.directory-page .directory-apply{padding-left:max(7vw,calc((100vw - 1220px)/2));padding-right:max(7vw,calc((100vw - 1220px)/2))}
.directory-page .directory-card,.directory-page .directory-form{border-radius:3px;box-shadow:0 20px 52px rgba(3,49,39,.08)}
.directory-page .directory-principle{background:linear-gradient(135deg,#032d26,#075a46)}

/* Events */
.events-page .events-list{display:grid;gap:14px}
.events-page .event-card{border-radius:2px;box-shadow:0 18px 48px rgba(3,49,39,.07)}

/* Shared scroll choreography for AMWAL's five primary side pages. */
@media(prefers-reduced-motion:no-preference){
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion.reveal{--page-motion-x:0px;--page-motion-y:34px;opacity:0;transform:none;translate:var(--page-motion-x) var(--page-motion-y);transition:opacity .7s ease,translate .84s cubic-bezier(.22,.78,.2,1);transition-delay:0ms;will-change:opacity,translate}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-left{--page-motion-x:-40px;--page-motion-y:0px}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-right{--page-motion-x:40px;--page-motion-y:0px}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-rise{--page-motion-x:0px;--page-motion-y:34px}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion.reveal.visible{opacity:1;translate:0 0;transition-delay:var(--reveal-delay,0ms)}
}

@media(max-width:900px){
  .inner-page .page-hero{min-height:auto;padding:150px 7% 76px;grid-template-columns:1fr;gap:42px}
  .inner-page .page-hero:before{top:112px;left:7%;font-size:9px}
  .inner-page .page-hero h1{max-width:11ch;font-size:clamp(3.05rem,12vw,5rem)}
  .inner-page .page-hero aside{width:100%;max-width:560px;padding:24px}
  .inner-page .section-intro{grid-template-columns:1fr;gap:12px}
  .inner-page .section-intro .eyebrow,.inner-page .section-intro h2,.inner-page .section-intro>p:last-child{grid-column:1}
  .inner-page .section-intro h2{font-size:clamp(2.75rem,10vw,4.8rem)}
  .individual-profile .profile-story{grid-template-columns:1fr}.individual-profile .profile-story-aside{position:static}
  .about-page .about-hero{grid-template-columns:1fr;align-items:start;background-position:62% center}
  .about-page .about-hero aside{min-height:300px;align-self:auto}
}

@media(max-width:620px){
  .inner-page .page-hero{padding:132px 7% 62px;gap:32px}
  .inner-page .page-hero:before{top:102px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .inner-page .page-hero .eyebrow{margin-bottom:18px}
  .inner-page .page-hero h1{margin-bottom:22px;font-size:clamp(2.75rem,12.8vw,4rem);line-height:.94}
  .inner-page .page-hero>div>p:last-child{font-size:14px;line-height:1.65}
  .inner-page .page-hero aside{margin:0;padding:21px}
  .inner-page .inner-section{padding:76px 6.5%}
  .inner-page .section-intro{margin-bottom:42px}
  .inner-page .section-intro h2{max-width:12ch;font-size:clamp(2.55rem,11.5vw,3.6rem)}
  .inner-page .section-intro>p:last-child{font-size:14px}
  .inner-page .service-grid{grid-template-columns:1fr}
  .inner-page .service-grid article{min-height:240px;padding:27px 25px}
  .services-page .service-grid article:last-child:nth-child(odd){grid-column:auto;min-height:240px}
  .inner-page .service-grid h3{margin-top:auto;font-size:1.42rem}
  .inner-page .ecosystem-grid{grid-template-columns:1fr}
  .inner-page .ecosystem-grid article{min-height:255px;padding:27px}
  .ecosystem-standards{padding:76px 7%}
  .inner-page .inner-cta{min-height:430px;padding:78px 7%}
  .inner-page .inner-cta h2{font-size:clamp(2.5rem,11vw,3.6rem)}
  .about-page .company-story,.about-page .company-values,.about-page .governance-section{padding-left:7%;padding-right:7%}
  .about-page .about-hero{padding-bottom:58px;background-image:linear-gradient(180deg,rgba(3,42,35,.97) 0%,rgba(3,47,39,.92) 56%,rgba(3,48,40,.8) 100%),url("assets/amwal-architecture.webp");background-position:58% center}
  .about-page .about-hero>div{text-align:center}
  .about-page .about-hero h1{margin-inline:auto}
  .about-page .about-hero>div>p:last-child{margin-inline:auto}
  .about-page .about-hero aside{min-height:255px;padding:28px;border-radius:18px;text-align:center}
  .about-page .about-hero aside:before{right:-12px;top:22px;font-size:9rem}
  .about-page .about-hero aside:after{top:25px;right:20px;left:20px;text-align:center}
  .about-page .about-hero aside span{margin-bottom:18px;font-size:2.9rem}
  .about-page .about-hero aside strong{padding-top:17px}
  .about-page .vision-mission{grid-template-columns:1fr}
  .about-page .vision-mission article{min-height:390px;padding:58px 7%}
  .about-page .vision-mission h2{font-size:clamp(2.25rem,9.8vw,3.15rem)}
  .individual-profile .profile-page-hero{min-height:auto}
  .individual-profile .profile-page-copy:before{top:34px;left:7%}
  .individual-profile .profile-page-copy{padding-top:78px}
  .individual-profile .profile-story{padding:76px 7%}
  .individual-profile .profile-story-copy{padding:25px 22px}
  .directory-page .directory-hero{padding-top:138px}
  .directory-page .directory-hero:before{top:105px;left:7%;font-size:9px}
  .directory-page .directory-records,.directory-page .directory-apply{padding-left:7%;padding-right:7%}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-left{--page-motion-x:-24px}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-right{--page-motion-x:24px}
  body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion-rise{--page-motion-y:22px}
}

@media(prefers-reduced-motion:reduce){.inner-page *,.individual-profile *{scroll-behavior:auto!important;transition:none!important}body:is(.about-page,.ecosystem-page,.directory-page,.services-page,.events-page) .page-motion{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}}