.sanad-intro{--sanad-intro-css-ready:1;--intro-paper:#f7f5ef;--intro-forest:#103f2b;--intro-gold:#c7ac76;width:100%;height:100vh;max-width:none;height:100dvh;max-height:none;color:var(--intro-paper);font-family:var(--app-font-sans);background:0 0;border:0;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.sanad-intro:not([open]){display:none}.sanad-intro[open]{place-items:center;display:grid}.sanad-intro::backdrop{background:0 0}body.sanad-intro-open{overflow:hidden}.sanad-intro *,.sanad-intro :before,.sanad-intro :after{box-sizing:border-box}.sanad-intro .intro-page{background:var(--intro-forest);width:calc(50% + 1px);transition:transform .7s cubic-bezier(.76,0,.24,1);position:absolute;top:0;bottom:0}.sanad-intro .intro-page-left{background:radial-gradient(at 95% 42%,#1b5238 0,#103f2b 64%);left:0}.sanad-intro .intro-page-right{background:radial-gradient(at 5% 42%,#1b5238 0,#103f2b 64%);right:0}.sanad-intro .intro-lines{object-fit:cover;opacity:.72;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sanad-intro .intro-seam{pointer-events:none;background:linear-gradient(transparent,rgba(199,172,118,.118) 18%,transparent 32%,transparent 74%,rgba(199,172,118,.118));width:1px;position:absolute;top:0;bottom:0;left:50%}.sanad-intro .intro-top{z-index:3;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:max(22px,min(4vw,48px));bottom:auto;left:max(22px,min(4vw,56px));right:max(22px,min(4vw,56px))}.sanad-intro .intro-top-note{color:#d2ddce;margin:0;font-size:14px;line-height:1.5}.sanad-intro .intro-skip{min-height:44px;color:var(--intro-paper);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:6px 0 6px 12px;font-size:14px;display:inline-flex}.sanad-intro .intro-skip svg{width:22px;height:22px}.sanad-intro .intro-skip:hover{color:#e1ca9c}.sanad-intro button:focus-visible{outline-offset:6px;outline:2px solid #c7ac76}.sanad-intro .intro-center{z-index:2;text-align:center;width:min(760px,100% - 44px);padding-bottom:42px;position:relative}.sanad-intro .intro-emblem{place-items:center;width:120px;height:120px;margin:0 auto 25px;display:grid;position:relative}.sanad-intro .intro-emblem:before{content:"";background:var(--intro-paper);border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.sanad-intro .intro-emblem img{object-fit:contain;width:80px;height:80px;position:relative}.sanad-intro .intro-orbit{width:120px;height:120px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible;transform:rotate(-90deg)}.sanad-intro .intro-orbit circle{fill:none;stroke:var(--intro-gold);stroke-width:.8px}.sanad-intro .intro-wordmark{color:var(--intro-paper);font:400 clamp(76px,10vw,136px)/1.06 var(--app-font-heading);letter-spacing:-.065em;margin:0;padding-right:.065em}.sanad-intro .intro-research{color:#d2ddce;letter-spacing:.17em;margin:8px 0 0;font-size:17px}.sanad-intro .intro-rule{background:var(--intro-gold);width:38px;height:1px;margin:27px auto 23px}.sanad-intro .intro-tagline{font:400 clamp(22px,2.7vw,32px)/1.45 var(--app-font-heading);text-wrap:balance;margin:0}.sanad-intro .intro-bottom{z-index:3;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;display:grid;position:absolute;top:auto;bottom:max(25px,min(4vw,48px));left:max(22px,min(4vw,56px));right:max(22px,min(4vw,56px))}.sanad-intro .intro-domain,.sanad-intro .intro-values{color:#d2ddce;margin:0;font-size:12px;line-height:1.6}.sanad-intro .intro-values{text-align:end}.sanad-intro .intro-progress-wrap{text-align:center;width:184px}.sanad-intro .intro-progress-text{color:#d2ddce;margin:0 0 13px;font-size:12px}.sanad-intro .intro-progress{background:rgba(199,172,118,.25);height:1px;overflow:hidden}.sanad-intro .intro-progress span{background:var(--intro-gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.sanad-intro .intro-accessible{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sanad-intro.is-playing .intro-lines{animation:4.3s ease-out both sanad-lines}.sanad-intro.is-playing .intro-emblem{animation:.85s .1s both sanad-reveal}.sanad-intro.is-playing .intro-orbit circle{animation:1.8s ease-out .1s both sanad-orbit}.sanad-intro.is-playing .intro-wordmark{animation:1s .45s both sanad-reveal}.sanad-intro.is-playing .intro-research{animation:.8s .75s both sanad-reveal}.sanad-intro.is-playing .intro-rule{animation:.65s 1.05s both sanad-rule}.sanad-intro.is-playing .intro-tagline{animation:1s 1.15s both sanad-reveal}.sanad-intro.is-playing .intro-progress span{animation:4.3s linear both sanad-progress}.sanad-intro.is-opening .intro-center,.sanad-intro.is-opening .intro-top,.sanad-intro.is-opening .intro-bottom,.sanad-intro.is-opening .intro-lines,.sanad-intro.is-opening .intro-seam{opacity:0;transition:opacity .18s}.sanad-intro.is-opening .intro-page-left{transform:translate(-100%)}.sanad-intro.is-opening .intro-page-right{transform:translate(100%)}.sanad-intro.is-opening .intro-lines{animation:none}@keyframes sanad-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sanad-orbit{0%{stroke-dasharray:358;stroke-dashoffset:358px}to{stroke-dasharray:358;stroke-dashoffset:0}}@keyframes sanad-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sanad-progress{to{transform:scaleX(1)}}@keyframes sanad-lines{0%{opacity:0;transform:scale(1.05)}to{opacity:.72;transform:scale(1)}}[lang=ar] .sanad-intro .intro-wordmark{letter-spacing:0;padding:0;font-size:max(70px,min(9vw,112px));line-height:1.4}[lang=ar] .sanad-intro .intro-research{letter-spacing:0;margin-top:0}[lang=ar] .sanad-intro .intro-tagline{line-height:1.7}[lang=ar] .sanad-intro .intro-skip svg{transform:scaleX(-1)}[lang=ar] .sanad-intro .intro-progress span{transform-origin:100%}@media (max-width:600px){.sanad-intro .intro-lines{object-fit:fill}.sanad-intro .intro-top-note{max-width:150px;font-size:12px}.sanad-intro .intro-top{gap:14px}.sanad-intro .intro-skip{flex-shrink:0;gap:7px;font-size:12px}.sanad-intro .intro-center{padding-bottom:30px}.sanad-intro .intro-emblem{margin-bottom:17px}.sanad-intro .intro-research{font-size:15px}.sanad-intro .intro-rule{margin:23px auto 20px}.sanad-intro .intro-tagline{max-width:290px;margin-left:auto;margin-right:auto}.sanad-intro .intro-bottom{grid-template-columns:1fr;justify-items:center;gap:19px}.sanad-intro .intro-domain{order:2;font-size:11px}.sanad-intro .intro-values{display:none}}@media (max-height:620px){.sanad-intro .intro-top{top:14px}.sanad-intro .intro-center{padding-bottom:18px}.sanad-intro .intro-emblem{width:80px;height:80px;margin-bottom:8px}.sanad-intro .intro-emblem img{width:49px;height:49px}.sanad-intro .intro-orbit{width:80px;height:80px}.sanad-intro .intro-wordmark{font-size:66px}.sanad-intro .intro-research{margin-top:3px;font-size:12px}.sanad-intro .intro-rule{margin:16px auto}.sanad-intro .intro-tagline{font-size:19px}.sanad-intro .intro-bottom{gap:10px;bottom:18px}.sanad-intro .intro-values,.sanad-intro .intro-domain{display:none}.sanad-intro .intro-bottom{grid-template-columns:1fr;justify-items:center}[lang=ar] .sanad-intro .intro-wordmark{font-size:58px}}@media (max-height:430px){.sanad-intro .intro-emblem{display:none}.sanad-intro .intro-wordmark{font-size:52px}.sanad-intro .intro-rule{margin:10px auto}.sanad-intro .intro-research{display:none}.sanad-intro .intro-top-note{visibility:hidden}[lang=ar] .sanad-intro .intro-wordmark{font-size:46px}}@media (prefers-reduced-motion:reduce){.sanad-intro *,.sanad-intro :before,.sanad-intro :after{transition:none!important;animation:none!important}}