@font-face{font-family:Kufi;src:url('/assets/kufi-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Kufi;src:url('/assets/kufi-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Noto;src:url('/assets/noto-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Noto;src:url('/assets/noto-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

:root{color-scheme:light;--ivory:#f8f3ed;--paper:#f0ece6;--ink:#35291f;--muted:#6d6156;--sand:#eadbc6;--gold:#c9aa59;--line:rgba(53,41,31,.18);--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Kufi,Noto,sans-serif;font-size:15px;line-height:2;-webkit-font-smoothing:antialiased}
html[lang=en] body{font-family:Noto,Kufi,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none;text-underline-offset:.3em}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:4px}
::selection{background:var(--sand);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
svg{display:block;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:700}
.shell{max-width:1480px;margin-inline:auto;padding-inline:var(--gutter)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:120px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px 0}
.brand img{width:84px;height:69px;object-fit:contain}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(22px,3vw,46px);font-size:12px}
.text-link{display:inline-flex;align-items:center;min-height:44px}
.text-link:hover{text-decoration:underline}
.language-link{font-family:Noto,Kufi,sans-serif;min-width:44px;justify-content:center}
.header-download{padding:10px 19px;border:1px solid var(--ink);border-radius:4px;transition:background .2s}
.header-download:hover{background:var(--sand)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding-block:68px 100px}
.hero-copy{padding-block:26px}
.hero h1{font-size:clamp(40px,4.7vw,72px);line-height:1.65;letter-spacing:-.05em;max-width:650px}
html[lang=en] .hero h1{font-size:clamp(52px,5.5vw,82px);line-height:1.12;letter-spacing:-.055em}
.hero-intro{font-size:clamp(14px,1.2vw,18px);line-height:2.15;max-width:490px;margin-top:24px;color:var(--muted)}
html[lang=en] .hero-intro{line-height:1.8;max-width:430px}
.download-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:64px;padding:14px 25px;background:var(--ink);color:var(--ivory);border:1px solid var(--ink);border-radius:5px;font-size:13px;line-height:1.8;transition:background .2s,transform .2s}
.download-link:hover{background:#4b3d2f;transform:translateY(-2px)}
.download-link svg{width:21px;height:21px}
.hero .download-link{margin-top:36px}
.hero-visual{position:relative;min-width:0;isolation:isolate;padding-bottom:35px}
.hero-photo{width:100%;height:clamp(480px,48vw,680px);object-fit:cover;object-position:center;border-radius:180px 180px 8px 8px}
.hero-mark{position:absolute;inset-inline-end:-24px;bottom:0;width:145px;height:145px;display:flex;align-items:center;justify-content:center;background:var(--sand);border:8px solid var(--ivory);border-radius:50%;transform:rotate(-10deg)}
.hero-mark img{width:80px;height:80px;object-fit:contain}
.hero-rule{position:absolute;inset-inline-start:18px;top:22px;bottom:57px;width:calc(100% - 36px);border:1px solid rgba(248,243,237,.5);border-radius:165px 165px 3px 3px;pointer-events:none}
.story{border-top:1px solid var(--line)}
.story-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(44px,9vw,145px);padding-block:88px}
.story-row + .story-row{border-top:1px solid var(--line)}
.story-copy{max-width:455px}
.section-marker{display:flex;align-items:center;gap:17px;width:100%;margin-bottom:29px}
.section-marker::before{content:'';display:block;width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.section-marker::after{content:'';display:block;width:62px;height:1px;background:var(--line)}
.story h2,.sharing h2{font-size:clamp(31px,3.5vw,50px);line-height:1.75;letter-spacing:-.035em}
html[lang=en] .story h2,html[lang=en] .sharing h2{line-height:1.2;letter-spacing:-.045em}
.story-copy p{font-size:clamp(16px,1.45vw,21px);line-height:2.1;color:var(--muted);margin-top:19px;max-width:420px}
html[lang=en] .story-copy p{line-height:1.8}
.screen-stage{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:36px 25px;isolation:isolate}
.screen-stage::before{content:'';position:absolute;z-index:-1;inset:9% 0 5%;background:var(--sand);border-radius:230px 230px 8px 8px}
.screen-stage img{width:min(100%,292px);max-height:660px;object-fit:contain;border-radius:23px;box-shadow:0 20px 45px rgba(53,41,31,.14)}
.story-row:nth-child(2) .screen-stage{grid-column:2;grid-row:1}
.story-row:nth-child(2) .story-copy{grid-column:1;grid-row:1}
.story-row:nth-child(2) .screen-stage::before{inset:5% 0 9%;background:#e8e6dd;border-radius:8px 8px 230px 230px}
.sharing{background:var(--ink);color:var(--ivory);margin-top:24px}
.sharing-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,9vw,145px);padding-block:96px;align-items:start}
.sharing .section-marker::after{background:rgba(248,243,237,.25)}
.sharing-audience{margin-top:18px;font-size:18px;color:var(--sand)}
.sharing-quote{font-size:clamp(23px,2.55vw,36px);line-height:2;font-weight:400;padding-top:44px;letter-spacing:-.025em}
html[lang=en] .sharing-quote{line-height:1.5;letter-spacing:-.03em}
.sharing a:focus-visible{outline-color:var(--ivory)}
.about{padding-block:110px}
.about-header{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;margin-bottom:56px}
.about h2{font-size:clamp(26px,3vw,40px);line-height:1.75;letter-spacing:-.03em}
html[lang=en] .about h2{line-height:1.3}
.saudi-credit{display:inline-flex;align-items:center;gap:12px;min-height:52px;font-size:12px;color:var(--muted);white-space:nowrap}
.saudi-credit::before{content:'';display:block;width:8px;height:8px;border:1px solid var(--ink);transform:rotate(45deg)}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,9vw,145px);border-top:1px solid var(--line);padding-top:36px}
.purpose-grid h3{font-size:14px;margin-bottom:18px;color:var(--muted)}
.purpose-grid p{font-size:clamp(19px,2.05vw,28px);line-height:2;letter-spacing:-.025em;max-width:510px}
html[lang=en] .purpose-grid p{line-height:1.65;letter-spacing:-.025em}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .sharing-quote,html[lang=ar] .purpose-grid p{letter-spacing:normal}
.download-section{padding:64px var(--gutter);background:var(--sand);display:flex;align-items:center;justify-content:space-between;gap:36px}
.download-section img{width:110px;height:90px;object-fit:contain}
.download-section .download-link{font-size:15px;min-height:68px;padding-inline:32px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:35px;font-size:11px;color:var(--muted)}
.footer-links{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.footer-brand{font-family:Noto,sans-serif;font-size:12px;letter-spacing:.03em;white-space:nowrap}

@media(min-width:1600px){.hero-photo{height:680px}}
@media(max-width:1050px){
 .site-header{gap:22px;min-height:108px}.header-nav{gap:23px}.header-download{display:none}
 .hero{gap:38px;padding-block:50px 70px}.hero h1{font-size:45px}.hero-photo{height:540px}
 html[lang=en] .hero h1{font-size:58px}.hero-mark{width:116px;height:116px;inset-inline-end:-12px}.hero-mark img{width:65px;height:65px}
 .story-row{gap:60px;padding-block:65px}.sharing-inner{gap:65px;padding-block:75px}
 .about{padding-block:80px}.about-header{margin-bottom:40px}.purpose-grid{gap:65px}
}
@media(max-width:760px){
 :root{--gutter:24px}.site-header{min-height:96px;gap:16px}.brand img{width:65px;height:54px}.header-nav{gap:17px;font-size:10px}.header-nav .support-link{display:none}
 .hero{grid-template-columns:1fr;gap:37px;padding-block:35px 55px}.hero-copy{padding-block:8px 0;max-width:590px}.hero h1{font-size:clamp(40px,7.7vw,57px);line-height:1.65;max-width:560px}
 html[lang=en] .hero h1{font-size:clamp(48px,10vw,70px);line-height:1.1;max-width:570px}
 .hero-intro{max-width:480px;font-size:15px;margin-top:19px}.hero .download-link{margin-top:25px}.download-link{min-height:58px;font-size:12px;padding:14px 19px;gap:15px}
 .hero-visual{margin-inline:0 13px;padding-bottom:24px}.hero-photo{height:480px;border-radius:140px 140px 5px 5px}.hero-rule{border-radius:125px 125px 2px 2px;bottom:43px;top:19px}.hero-mark{width:114px;height:114px;inset-inline-end:-16px;border-width:7px}
 .story-row{grid-template-columns:1fr;gap:20px;padding-block:55px}.story-copy{max-width:540px}.story h2,.sharing h2{font-size:34px}.story-copy p{font-size:17px;max-width:520px;margin-top:12px}
 .story-row .story-copy,.story-row:nth-child(2) .story-copy{grid-row:1;grid-column:1}.story-row .screen-stage,.story-row:nth-child(2) .screen-stage{grid-row:2;grid-column:1}
 .section-marker{margin-bottom:18px}.screen-stage{margin-inline:auto;width:100%;max-width:440px;padding:26px}.screen-stage img{width:min(100%,270px);border-radius:21px}
 .sharing{margin-top:0}.sharing-inner{grid-template-columns:1fr;gap:28px;padding-block:58px}.sharing-audience{font-size:16px}.sharing-quote{font-size:25px;padding-top:24px;border-top:1px solid rgba(248,243,237,.22);max-width:560px}
 .about{padding-block:64px}.about-header{display:block;margin-bottom:28px}.about h2{font-size:29px}.saudi-credit{font-size:11px;margin-top:7px;white-space:normal}
 .purpose-grid{grid-template-columns:1fr;gap:34px;padding-top:30px}.purpose-grid h3{margin-bottom:10px;font-size:13px}.purpose-grid p{font-size:23px;max-width:560px}.purpose-grid article+article{border-top:1px solid var(--line);padding-top:28px}
 .download-section{padding-block:38px;gap:20px}.download-section img{width:76px;height:64px}.download-section .download-link{font-size:12px;min-height:58px;padding-inline:17px;gap:12px}
 .site-footer{align-items:flex-start;flex-direction:column;gap:17px;padding-block:26px}.footer-links{gap:22px;font-size:10px}.footer-brand{font-size:11px}
}
@media(max-width:370px){
 :root{--gutter:19px}.header-nav{gap:13px}.hero h1{font-size:37px}html[lang=en] .hero h1{font-size:45px}.hero-photo{height:410px}.download-section{flex-direction:column;align-items:flex-start}.footer-links{gap:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.download-link:hover{transform:none}}