.vision{background:#fff}
.vision-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}
.vision-card,.ceo-card{position:relative;overflow:hidden;padding:55px}
.vision-card{background:var(--navy);color:#fff;min-height:420px;display:flex;flex-direction:column;justify-content:center}
.vision-card h2{color:#fff;font-size:3rem}
.vision-card>p:last-of-type{color:#c3cddd;position:relative;z-index:1}
.vision-mark{position:absolute;left:-15px;bottom:-105px;font-family:'Noto Naskh Arabic',serif;font-size:22rem;line-height:1;color:#ffffff0a}
.ceo-card{border:1px solid #dfd4c1;background:linear-gradient(145deg,#fff,#f8f3e9);display:flex;flex-direction:column;justify-content:center}
.quote{position:absolute;left:30px;top:-25px;color:#c89f5222;font-family:serif;font-size:13rem;line-height:1}
.ceo-card blockquote{margin:6px 0 28px;font-family:'Noto Naskh Arabic',serif;font-size:1.5rem;line-height:1.9;color:var(--navy);position:relative}
.ceo-sign{padding-top:18px;border-top:1px solid var(--line)}
.ceo-sign span,.ceo-sign b{display:block}
.ceo-sign span{font-size:.75rem;color:var(--gold)}
.ceo-sign b{font-size:.8rem;color:var(--navy)}
.library{background:var(--paper)}
.library-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-15px 0 30px}
.library-filters button{border:1px solid #d8cebc;background:#fff;color:var(--navy);padding:9px 18px;font-family:inherit;font-size:.78rem;cursor:pointer}
.library-filters button.active,.library-filters button:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.library-item{display:grid;grid-template-columns:52px 1fr;gap:18px;background:#fff;border:1px solid transparent;padding:25px;min-height:210px;transition:.22s}
.library-item:hover{border-color:#ccb078;transform:translateY(-3px);box-shadow:0 14px 35px #071c3c0c}
.library-item[hidden]{display:none}
.doc-icon{width:48px;height:58px;background:#f3ead9;border-top:3px solid var(--gold);display:grid;place-items:center;color:var(--navy);font-family:'Noto Naskh Arabic',serif;font-size:1.35rem;font-weight:700}
.library-item small{color:#a07b39;font-size:.67rem}
.library-item h3{margin:2px 0 6px;color:var(--navy);font-size:1rem}
.library-item p{margin:0 0 8px;color:var(--muted);font-size:.77rem}
.library-item b,.library-item summary{font-size:.7rem;color:#967234;font-weight:700;cursor:pointer}
.library-item details p{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.library-note{margin:22px 0 0;color:#777;font-size:.68rem;text-align:center}
.footer-links{flex-wrap:wrap}
@media(max-width:900px){.vision-grid{grid-template-columns:1fr}
.library-grid{grid-template-columns:1fr}
}
@media(max-width:600px){.vision-card,.ceo-card{padding:30px 22px}
.vision-card{min-height:340px}
.vision-card h2{font-size:2.45rem}
.ceo-card blockquote{font-size:1.25rem}
.library-filters{gap:6px}
.library-filters button{padding:8px 11px;font-size:.7rem}
.library-item{grid-template-columns:40px 1fr;padding:20px 15px;gap:13px}
.doc-icon{width:40px;height:49px}
.library-item h3{font-size:.9rem}
}

.heritage{background:linear-gradient(135deg,#f8f4eb 0%,#fff 58%,#f2e6d3 100%)}
.heritage-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.heritage-image{padding:14px;background:#fff;border:1px solid #d8bd87;box-shadow:0 24px 60px rgba(7,28,60,.14);position:relative}
.heritage-image:after{content:'';position:absolute;inset:7px;border:1px solid rgba(200,159,82,.24);pointer-events:none}
.heritage-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.heritage-copy>p:not(.eyebrow){color:var(--muted);font-size:.98rem;margin:0 0 16px}
.heritage-copy .heritage-note{border-right:3px solid var(--gold);padding:13px 18px;background:rgba(255,255,255,.72);color:var(--navy);font-weight:600}
@media(max-width:900px){.heritage-grid{grid-template-columns:1fr;gap:42px}.heritage-image{max-width:760px}.heritage-copy{max-width:760px}}
@media(max-width:600px){.heritage-grid{gap:30px}.heritage-image{padding:8px}.heritage-copy>p:not(.eyebrow){font-size:.9rem}.heritage-copy .heritage-note{padding:11px 14px}}