@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--navy:#061d34;--navy2:#0c2b49;--gold:#c99b4a;--cream:#f7f2e8;--ink:#12243a;--muted:#59626c;--line:#dfd2bc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.9}.container{width:min(1180px,92%);margin:auto}
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #c99b4a66}.nav{min-height:90px;display:flex;align-items:center;gap:32px}.brand img{width:190px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:30px;margin-right:auto}.nav nav a{color:#eee;text-decoration:none;padding:25px 0;font-weight:600}.nav nav a:hover,.nav nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}
.outline-btn,.gold-btn{display:inline-block;text-decoration:none;padding:10px 24px;border-radius:4px;font-weight:700;transition:.2s}.outline-btn{border:1px solid var(--gold);color:var(--gold)}.outline-btn:hover{background:var(--gold);color:var(--navy)}.gold-btn{background:var(--gold);color:var(--navy)}.gold-btn:hover{filter:brightness(1.08)}.light{color:#fff}
.hero{background:radial-gradient(circle at 78% 50%,#183d60 0,#071f36 48%,#061a2d 100%);color:#fff;overflow:hidden}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch}.hero-copy{padding:85px 0}.eyebrow{color:var(--gold);font-weight:700}.hero h1{font-size:64px;line-height:1.15;margin:12px 0}.hero p{font-size:18px;color:#e5ebf0;max-width:680px}.actions{display:flex;gap:14px;margin-top:28px}.hero-art{display:grid;place-items:center;position:relative;border-right:1px solid #c99b4a66;background:linear-gradient(90deg,#f7f2e808,#f7f2e81d)}.arch{width:72%;height:92%;border:2px solid var(--gold);border-bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(#f8f0df22,#f8f0df0)}.column{text-align:center;color:#ead8b5;height:100%;padding-top:50px}.column span{display:block;color:var(--gold);font-size:38px}.column b{font:normal 300px/1 Georgia,serif;text-shadow:0 18px 35px #0005}
.founder{padding:80px 0;background:var(--cream)}.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.founder-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 15px 45px #061d3415}.portrait{height:380px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0a2540,#7b5a32);overflow:hidden}.portrait-placeholder{font-size:34px;font-weight:700;line-height:1.45;text-align:center;color:#f5ead6;border:1px solid #c99b4a;padding:40px;border-radius:50%}.quote{margin-top:15px;background:var(--navy);color:#f1e5cc;padding:24px;border-radius:12px;text-align:center;font-size:16px}.founder-copy h2{font-size:44px;line-height:1.3;margin:8px 0}.founder-copy h3{color:#80602e;font-size:20px}.credentials{padding-right:22px}.credentials li{margin:8px 0}.founder-copy p{color:var(--muted);font-size:17px}
.story{padding:75px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 260px;gap:55px;align-items:center}.story h2,.vision h2{font-size:42px;line-height:1.35;margin:10px 0 20px}.story p,.vision p{color:var(--muted);font-size:17px}.year-card{background:var(--navy);color:#fff;border:1px solid var(--gold);border-radius:14px;padding:30px;text-align:center;box-shadow:0 15px 35px #061d3420}.year-card span,.year-card small{display:block}.year-card strong{display:block;font:600 70px Georgia;color:var(--gold);margin:8px 0}
.values{padding:75px 0;background:var(--cream)}.section-head{text-align:center;margin-bottom:35px}.section-head h2{font-size:42px;margin:5px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px;text-align:center;min-height:205px}.value-grid i{font-style:normal;font-size:38px;color:var(--gold)}.value-grid h3{margin:8px 0}.value-grid p{margin:0;color:var(--muted)}
.vision{padding:75px 0;background:var(--navy);color:#fff}.vision-grid{display:grid;grid-template-columns:1fr 2px 1fr;gap:55px;align-items:start}.vision p{color:#dbe2e8}.vision-divider{width:2px;height:100%;background:linear-gradient(transparent,var(--gold),transparent)}
.cta{padding:70px 0;text-align:center;background:#fff}.cta h2{font-size:40px;margin:8px}.cta p{color:var(--muted);font-size:18px}.center{justify-content:center}
.footer{background:#061a2c;color:#e9edf1;padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px;padding-bottom:38px}.footer-logo{width:180px;background:#fff;padding:4px}.footer h4{color:var(--gold);margin-top:0}.footer a,.footer span{display:block;color:#e9edf1;text-decoration:none;margin:5px 0}.copyright{text-align:center;border-top:1px solid #c99b4a55;padding:14px;color:#d8bd83}
@media(max-width:900px){.nav{flex-wrap:wrap;padding:10px 0}.nav nav{order:3;width:100%;justify-content:center;gap:16px}.nav nav a{padding:7px 0;font-size:14px}.hero-grid,.founder-grid,.story-grid,.vision-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0}.hero-art{min-height:360px}.column b{font-size:220px}.value-grid{grid-template-columns:1fr 1fr}.vision-divider{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand img{width:150px}.nav>.outline-btn{display:none}.nav nav{gap:10px}.nav nav a{font-size:12px}.hero h1{font-size:44px}.founder-copy h2,.story h2,.vision h2{font-size:34px}.value-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}