@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --navy:#0d202b; --navy2:#142f3d; --cream:#f3eee4; --paper:#fbf8f1;
  --gold:#c59a55; --gold2:#e0bd7a; --text:#17242b; --muted:#66737a;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.12;margin:0 0 18px}
h1{font-size:clamp(44px,6vw,78px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:25px}
p{margin:0 0 18px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
header{position:absolute;z-index:5;top:0;left:0;right:0;color:#fff}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-family:"Playfair Display",serif;font-size:21px;font-weight:700}
.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:18px}
nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-size:13px;color:rgba(255,255,255,.88);transition:.2s}nav a:hover,nav a.active{color:#fff}
nav a.active{border-bottom:2px solid var(--gold2);padding-bottom:7px}
.hero{min-height:650px;background:
linear-gradient(90deg,rgba(6,20,27,.94) 0%,rgba(8,24,31,.66) 45%,rgba(8,24,31,.18) 100%),
linear-gradient(145deg,#102d3a 0%,#35556a 45%,#b19b78 100%);
color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -5% -130px;height:300px;background:rgba(11,28,36,.55);transform:skewY(-5deg)}
.hero .container{position:relative;z-index:2;padding-top:80px}.hero p{max-width:600px;color:rgba(255,255,255,.8);font-size:17px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#fff;padding:12px 19px;border-radius:2px;font-size:13px;font-weight:700;border:0;cursor:pointer}
.btn:hover{background:#ae8442}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.45)}
.section{padding:90px 0}.section.dark{background:var(--navy);color:#fff}.section.cream{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head p{max-width:520px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.card{background:#fff;min-height:340px;padding:32px;position:relative;overflow:hidden}
.card.dark{background:#102a38;color:#fff}.card p{color:var(--muted)}.card.dark p{color:#c5d0d5}
.card .visual{height:160px;margin:-32px -32px 26px;background:linear-gradient(145deg,#23495b,#d1b17a);position:relative}
.visual:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-10px;height:80px;background:#163442;border-radius:50% 50% 0 0/100% 100% 0 0}
.visual:after{content:"";position:absolute;width:110px;height:110px;right:15%;bottom:28px;border-radius:50%;background:#c6a56e;opacity:.7}
.number{font-family:"Playfair Display";font-size:42px;color:var(--gold);margin-bottom:10px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split .image{min-height:430px;background:linear-gradient(155deg,#24495a,#8aa0a6 45%,#d6bc88);position:relative;overflow:hidden}.split .image:after{content:"";position:absolute;inset:25% -10% -10%;background:#203e48;clip-path:polygon(0 45%,18% 18%,33% 42%,50% 10%,69% 38%,82% 8%,100% 42%,100% 100%,0 100%)}
.quote{font-family:"Playfair Display",serif;font-size:31px;line-height:1.35;border-left:3px solid var(--gold);padding-left:25px}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.person{background:#fff;padding:18px}.portrait{height:250px;background:linear-gradient(145deg,#d7d0c1,#7f8581);display:grid;place-items:center;font-family:"Playfair Display";font-size:56px;color:#33434b}
.tag{display:inline-block;padding:5px 9px;background:rgba(197,154,85,.14);color:#9b7134;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.timeline{border-left:1px solid #bfa67b;margin:30px 0 0 14px;padding-left:34px}.event{position:relative;margin-bottom:40px}.event:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);left:-40px;top:8px}
.lang{display:grid;grid-template-columns:1fr 1fr;gap:28px}.langbox{padding:30px;background:#102a38;color:#fff}.mongol{font-size:34px;line-height:1.7;color:#d7b36e}
footer{background:#091820;color:#d5dde0;padding:38px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:30px}.foot nav{justify-content:center}.copy{font-size:12px;color:#87959b}
.mobile{display:none}
@media(max-width:800px){nav{display:none}.mobile{display:block}.grid,.people,.split,.lang{grid-template-columns:1fr}.hero{min-height:600px}.section{padding:65px 0}.section-head{display:block}.foot{display:block}.foot nav{display:flex;margin:25px 0}.card{min-height:300px}}