@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--blue:#49afe3;--blue-deep:#188ec8;--ink:#101c27;--muted:#52616d;--paper:#f6fbfe;--line:#d8eaf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
.topbar{height:76px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e6f0f5}
.brand{font-weight:800;letter-spacing:.12em;color:var(--ink);text-decoration:none;font-size:14px}.brand span{font-weight:500}
.language-switch{display:flex;gap:6px}.language-switch button{border:0;background:transparent;padding:9px 12px;border-radius:22px;font:600 12px inherit;color:var(--muted);cursor:pointer}.language-switch button.active{background:var(--blue);color:#071b27}
.hero{min-height:650px;background:var(--blue);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px clamp(24px,9vw,140px);gap:45px;overflow:hidden}
.hero-copy{max-width:650px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--blue-deep);margin:0 0 15px}.hero .eyebrow{color:#073b58}
h1,h2,h3,p{margin-top:0}h1{font:800 clamp(56px,8vw,106px)/.98 "Playfair Display",Georgia,serif;letter-spacing:-.045em;margin:0 0 30px}h1 span{font-weight:600}.hero-quote{font:600 clamp(19px,2vw,26px)/1.45 "Playfair Display",Georgia,serif;max-width:460px}.scroll-link{display:inline-block;margin-top:25px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.hero-image-wrap{position:relative;justify-self:center;width:min(100%,360px)}.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:180px 180px 16px 16px;display:block;box-shadow:18px 18px 0 rgba(255,255,255,.24)}.number-stamp{position:absolute;right:-24px;bottom:22px;background:var(--ink);color:white;width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.number-stamp strong{font:700 37px "Playfair Display"}.number-stamp span{font-size:9px;letter-spacing:.14em}
.section{padding:100px clamp(24px,10vw,150px)}.section-heading{margin-bottom:36px}.section h2,.footer h2{font:700 clamp(38px,5vw,58px)/1.1 "Playfair Display",Georgia,serif;letter-spacing:-.03em;margin:0}.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;background:#fff}.intro-text{font-size:18px;line-height:1.9;color:#344552;max-width:720px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:var(--paper);padding-top:65px;padding-bottom:65px}.fact-card{padding:30px 26px;background:#fff;border:1px solid var(--line);border-radius:14px}.fact-number{font:700 38px "Playfair Display";color:var(--blue-deep)}.fact-card h3{font-size:16px;margin:12px 0 8px}.fact-card p{font-size:14px;color:var(--muted);margin:0}
.principles{background:#e7f5fc}.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.principle{display:flex;gap:20px;padding:27px;background:#fff;border-radius:12px}.principle>span{font:700 28px "Playfair Display";color:var(--blue-deep)}.principle h3{font-size:16px;margin:0 0 9px}.principle p{font-size:14px;color:var(--muted);margin:0}
.visual-break{height:300px;overflow:hidden;background:#0e1c29}.visual-break img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.community{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:#fff}.community-image img{width:100%;display:block;border-radius:12px}.community h2{font-size:clamp(38px,5vw,60px)}.community p:last-child{color:var(--muted)}
.footer{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px 60px}.footer .eyebrow{color:#79c8ef}.contact-details{font-size:16px}.contact-details a{color:#fff;text-decoration:none}.contact-details a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;border-top:1px solid #40505d;padding-top:20px;display:flex;justify-content:space-between;color:#b8c6d0;font-size:12px;letter-spacing:.08em}
[dir=rtl] body{font-family:"DM Sans",Tahoma,Arial,sans-serif}[dir=rtl] .hero-copy,[dir=rtl] .intro,[dir=rtl] .principles,[dir=rtl] .footer{text-align:right}[dir=rtl] .principle{flex-direction:row-reverse}[dir=rtl] .number-stamp{right:auto;left:-24px}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.hero{grid-template-columns:1fr;padding:55px 24px 65px;gap:45px;text-align:center}.hero-copy{margin:auto}.hero-quote{margin-left:auto;margin-right:auto}.hero-image-wrap{width:min(74%,300px)}.number-stamp{right:-17px;width:76px;height:76px}.section{padding:70px 24px}.intro{grid-template-columns:1fr;gap:15px}.facts{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px}.principle-grid{grid-template-columns:1fr}.community{grid-template-columns:1fr;gap:30px}.visual-break{height:220px}.footer{grid-template-columns:1fr;gap:25px}.footer-bottom{grid-column:1}.intro-text{font-size:16px}}