/* Text-only introduction and Our Story, displayed side by side. */
.index-page #about-6.about-narrative{padding-block:110px 100px;overflow:clip;background:radial-gradient(ellipse at 8% 12%,#caebe566,transparent 48%),linear-gradient(135deg,#eff7f3,#e6f2f2 55%,#f3f8eb);isolation:isolate}
.index-page #about-6.about-narrative::before{content:"i-RISE";display:block;position:absolute;inset:24px 4vw auto auto;z-index:-1;pointer-events:none;color:#216f4909;background:none;font:800 clamp(110px,19vw,280px)/.8 "Bricolage Grotesque",sans-serif;letter-spacing:-.075em;opacity:1}
.index-page #about-6.about-narrative::after{content:"";position:absolute;z-index:-1;top:120px;right:-10vw;width:75vw;height:38vw;min-width:560px;min-height:310px;border:1px solid #459a6a18;border-radius:50%;box-shadow:0 0 0 45px #91c9ad0d;transform:rotate(-18deg);pointer-events:none}
.index-page .irise-about-editorial{position:relative;z-index:1;max-width:1360px}
.index-page .irise-about-label{display:inline-flex;align-items:center;gap:16px;margin:0 0 45px;color:#35765d;font-size:11px;line-height:1.7;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.index-page .irise-about-label>span{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #91bda1;border-radius:50%;background:#e1efc7;color:#1a5a40;font-size:11px;letter-spacing:0}
.irise-about-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(45px,5.5vw,80px)}
.irise-about-header,.irise-about-heading-layout{min-width:0;margin:0}
.index-page .irise-story-heading{color:#062d4b!important;font-family:"Poppins",sans-serif!important;font-size:clamp(48px,4.8vw,70px)!important;font-weight:650!important;line-height:1.02!important;letter-spacing:-.065em!important;margin:0;text-wrap:balance}
.index-page .irise-story-heading em{font-family:Georgia,serif;font-weight:400;color:#278255;letter-spacing:-.045em}
.index-page .irise-about-heading-layout .hasanah-about-lead{font-size:18px;line-height:1.85;letter-spacing:-.015em;padding:28px 0 0;border:0;margin:0;color:#284f58}
.irise-about-heading-layout .hasanah-about-lead strong{white-space:nowrap;color:#21764c}
.irise-about-prose{min-width:0;padding-left:clamp(30px,3.5vw,50px);border-left:1px solid #afcbbb}
.index-page .irise-about-story-title{font-family:"Poppins",sans-serif;font-size:44px;font-weight:600;line-height:1.08;letter-spacing:-.06em;color:#062d4b;margin:0 0 28px}
.irise-about-story-title em{font-family:Georgia,serif;font-weight:400;color:#278255}
.index-page .irise-about-prose .irise-story-paragraph{font-size:17px;line-height:1.95;letter-spacing:-.01em;margin:0 0 23px;color:#354f58}
.irise-about-link{display:inline-flex;align-items:center;gap:14px;padding:9px 0 7px;border-bottom:1px solid #789c7d;margin-top:5px;font-size:12px;font-weight:500;color:#246a45}
.irise-about-link:hover{color:#0a432c;border-color:currentColor}
.irise-about-link i{font-size:17px}
.irise-about-link:focus-visible{outline:3px solid #26915c;outline-offset:5px}
.index-page #about-6.about-narrative .hasanah-about-purpose{margin-top:80px}
@media(max-width:1199px){.index-page .irise-about-prose .irise-story-paragraph{font-size:16px}.index-page .irise-about-heading-layout .hasanah-about-lead{font-size:17px}}
@media(max-width:991px){.irise-about-layout{grid-template-columns:1fr;gap:42px}.irise-about-prose{padding:32px 0 0;border-left:0;border-top:1px solid #afcbbb}.index-page .irise-story-heading{font-size:clamp(56px,8vw,75px)!important;max-width:760px}.index-page .irise-about-heading-layout .hasanah-about-lead{font-size:19px;max-width:720px}.index-page .irise-about-prose .irise-story-paragraph{font-size:18px}}
@media(max-width:767px){.index-page #about-6.about-narrative{padding-block:85px 75px}.index-page #about-6.about-narrative::before{top:28px;font-size:100px;right:4vw}.index-page .irise-about-label{font-size:10px;gap:14px;margin-bottom:38px}.index-page .irise-about-label>span{width:40px;height:40px}.index-page .irise-story-heading{font-size:clamp(46px,12vw,70px)!important;line-height:.99!important;text-wrap:initial}.index-page .irise-about-heading-layout .hasanah-about-lead{font-size:18px;line-height:1.85;padding-top:27px}.index-page .irise-about-story-title{font-size:40px}.index-page .irise-about-prose .irise-story-paragraph{font-size:17px;line-height:1.95;margin-bottom:23px}.index-page #about-6.about-narrative .hasanah-about-purpose{margin-top:60px}}
@media(max-width:360px){.index-page .irise-story-heading{font-size:42px!important}.index-page .irise-about-heading-layout .hasanah-about-lead{font-size:17px}.index-page .irise-about-prose .irise-story-paragraph{font-size:16px}.index-page .irise-about-label{font-size:9px;letter-spacing:.12em}}
.index-page.dark-mode #about-6.about-narrative{background:#15333f!important}
.index-page.dark-mode #about-6.about-narrative::before{color:#e5f4e608}
.index-page.dark-mode #about-6.about-narrative::after{border-color:#9acbab15}
.index-page.dark-mode .irise-story-heading,.index-page.dark-mode .irise-about-story-title{color:#eef5e9!important}
.index-page.dark-mode .irise-story-heading em,.index-page.dark-mode .irise-about-story-title em{color:#b9ddab}
.index-page.dark-mode .irise-about-label,.index-page.dark-mode .irise-about-link{color:#b9ddab}
.index-page.dark-mode .irise-about-label>span{background:#315447;border-color:#658e68;color:#d9eda9}
.index-page.dark-mode .irise-about-heading-layout .hasanah-about-lead{color:#e1ece4}
.index-page.dark-mode .irise-about-heading-layout .hasanah-about-lead strong{color:#b9ddab}
.index-page.dark-mode .irise-about-prose .irise-story-paragraph{color:#d3e3dc}
.index-page.dark-mode .irise-about-prose{border-color:#426457}
.index-page.dark-mode .irise-about-link{border-color:#789c7d}
