:root { --ra-teal:#1A535E; --ra-deep:#1A535E; --ra-green:#73B73C; --ra-coral:#E76B55; --ra-ink:#1A535E; --ra-muted:#657080; --ra-wash:#f5f7f8; }
.rafiki-about { overflow:hidden; color:var(--ra-ink); font-family:inherit;  }
.rafiki-about * { box-sizing:border-box; }.rafiki-about img { display:block; width:100%; object-fit:cover; }
.ra-container { width:min(1120px,calc(100% - 48px)); margin:auto; }.ra-section { padding:84px 0; }
.ra-overline { margin:0 0 10px; color:var(--ra-coral);  font-weight:700;  text-transform:uppercase; }
.rafiki-about h1,.rafiki-about h2,.rafiki-about h3 { margin:0; color:var(--ra-ink); font-family:inherit;  }
.ra-hero { position:relative; display:grid; height:285px; place-items:center; color:#fff; overflow:hidden; }.ra-hero>img,.ra-hero-overlay { position:absolute; inset:0; height:100%; }.ra-hero>img { object-position:center 44%; }.ra-hero-overlay { background:rgba(0,0,0,.43); }.ra-hero h1 { position:relative; color:#fff;  font-weight:700; text-transform:uppercase; }
.ra-breadcrumb { display:flex; justify-content:center; gap:8px; padding:9px 20px; background:var(--ra-teal); color:rgba(255,255,255,.8);  }.ra-breadcrumb a { color:#fff; text-decoration:none; }.ra-breadcrumb span:last-child { color:var(--ra-coral); }
.ra-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }.ra-intro-grid>img { height:360px; border-radius:4px; }.ra-intro h2 { margin-bottom:16px;  text-transform:uppercase; }.ra-intro p { margin:0 0 15px; color:var(--ra-muted);  }.ra-intro .ra-lead { color:#53606c;  }.ra-link { display:inline-flex; gap:10px; margin-top:8px; color:var(--ra-teal);  font-weight:700; text-decoration:none; }.ra-link:hover { color:var(--ra-coral); }
.ra-team,.ra-adventures { background:var(--ra-wash); }.ra-section-heading { margin-bottom:40px; text-align:center; }.ra-section-heading h2 {  font-weight:700; }.ra-team-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }.ra-person { display:flex; gap:20px; min-height:210px; padding:28px; border:1px solid #e5e9ec; border-radius:6px; background:#fff; }.ra-person>img,.ra-person-placeholder { width:84px; height:84px; flex:none; border:4px solid #f7d8d0; border-radius:50%; }.ra-person-placeholder { display:grid; place-items:center; background:var(--ra-teal); color:#fff;  font-weight:700;  }.ra-role { margin:0 0 3px; color:var(--ra-coral);  font-weight:700; }.ra-person h3 { margin-bottom:12px;  font-weight:700; }.ra-bio-preview { display:-webkit-box; margin:0; overflow:hidden; color:var(--ra-muted);   -webkit-box-orient:vertical; -webkit-line-clamp:3; }.ra-read-more { margin-top:10px; padding:0; border:0; background:transparent; color:var(--ra-teal); font:inherit;  font-weight:700; cursor:pointer; }.ra-read-more:hover { color:var(--ra-coral); }.ra-bio-dialog { width:min(580px,calc(100% - 32px)); max-height:min(620px,calc(100% - 48px)); padding:0; border:0; border-radius:8px; box-shadow:0 20px 70px rgba(16,46,52,.34); }.ra-bio-dialog::backdrop { background:rgba(10,42,48,.65); }.ra-bio-dialog>div { position:relative; padding:42px; }.ra-bio-dialog h3 { margin-bottom:16px;  font-weight:700; }.ra-bio-dialog p:last-child { margin:0; color:var(--ra-muted);   }.ra-dialog-close { position:absolute; top:14px; right:16px; width:34px; height:34px; border:0; border-radius:50%; background:var(--ra-wash); color:var(--ra-ink);   cursor:pointer; }
.ra-why { background:#fff; }.ra-why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }.ra-why-grid article { position:relative; padding:52px 25px 28px; border-radius:4px; background:var(--ra-green); text-align:center; }.ra-icon { position:absolute; top:-22px; left:calc(50% - 22px); display:grid; width:44px; height:44px; place-items:center; border-radius:50%; background:var(--ra-teal); color:#fff;  font-weight:700; }.ra-why-grid h3 { margin-bottom:10px;  font-weight:700; text-transform:uppercase; }.ra-why-grid p { margin:0; color:#245127;   }
.ra-adventure-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.ra-adventure { overflow:hidden; border:1px solid #e0e4e7; border-radius:6px; background:#fff; color:var(--ra-ink); text-decoration:none; }.ra-adventure img { height:275px; transition:transform .3s ease; }.ra-adventure h3 { padding:18px;  font-weight:700; text-align:center; text-transform:uppercase; }.ra-adventure:hover img { transform:scale(1.03); }
.ra-cta { position:relative; display:grid; min-height:395px; place-items:center; overflow:hidden; color:#fff; text-align:center; }.ra-cta>img,.ra-cta-overlay { position:absolute; inset:0; width:100%; height:100%; }.ra-cta>img { object-position:center; }.ra-cta-overlay { background:rgba(5,59,65,.78); }.ra-cta>div:last-child { position:relative; z-index:1; width:min(660px,calc(100% - 40px)); padding:50px 0; }.ra-cta .ra-overline { color:#b9e08d; }.ra-cta h2 { color:#fff;  font-weight:700; }.ra-cta p:not(.ra-overline) { margin:13px auto 24px; color:rgba(255,255,255,.9);  }.ra-button { display:inline-block; padding:12px 18px; border-radius:3px; background:#fff; color:var(--ra-teal);  font-weight:700; text-decoration:none; }.ra-button:hover { background:#d9f0c6; }
@media(max-width:720px){.ra-section{padding:58px 0}.ra-hero{height:220px}.ra-hero h1{}.ra-intro-grid,.ra-team-grid,.ra-why-grid,.ra-adventure-grid{grid-template-columns:1fr}.ra-intro-grid{gap:28px}.ra-intro-grid>img{height:255px}.ra-intro h2{}.ra-section-heading h2{}.ra-person{min-height:0;padding:22px;gap:16px}.ra-person>img,.ra-person-placeholder{width:70px;height:70px}.ra-adventure img{height:225px}.ra-why-grid{gap:44px}.ra-cta h2{}.ra-bio-dialog>div{padding:36px 26px}}
@media(prefers-reduced-motion:reduce){.ra-adventure img{transition:none}}
.rafiki-about{letter-spacing:0}
.ra-person>div:last-child{min-width:0}
.ra-person>img.ra-ramadhan-photo{object-position:center top}
.ra-person h3,.ra-section-heading h2,.ra-intro h2{overflow-wrap:anywhere}
.ra-dialog-close{font-size:26px;line-height:1}