/* ARABS editorial redesign: wide composition, confident type, luminous detail. */
:root{--bg:#050507;--ink:#f6f6f8;--muted:#a8a8b5;--paper:#101014;--surface-deep:#0b0b10;--line:#ffffff20;--blue:#b6a0ff;--blue-dark:#c6b5ff;--red:#65edcf;--action:#9c6dff;--accent-light:#d4c4ff;--radius:14px;--page-gutter:64px;--shadow:0 24px 70px #0006;color-scheme:dark}
html{scroll-padding-top:110px;scroll-behavior:smooth}
body{background:#050507;background-image:none;color:var(--ink);font-size:16px}
body:has(.sidebar.open){overflow:hidden}
.shell{padding-inline-start:0;overflow:clip;min-height:100vh}
.topbar{height:88px;position:sticky;top:0;z-index:70;padding:0 clamp(24px,4vw,72px);gap:32px;background:#070709ed;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff16}
.masthead-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap}
.masthead-brand .arabs-logo{width:42px;height:42px;box-shadow:0 0 24px #c7ae5e0b}
.masthead-brand>span{font-size:24px;font-weight:700;letter-spacing:1px;color:#fff}
.masthead-brand .masthead-ar{font-size:17px;letter-spacing:0;font-weight:400;color:#a6a4ae;padding-inline-start:10px;border-inline-start:1px solid #ffffff24}
.primary-links{display:flex;align-items:center;gap:28px;margin-inline-start:auto}
.primary-links>a{font-size:13px;color:#b5b4be;white-space:nowrap;transition:color .2s}
.primary-links>a:hover{color:#fff}
.top-actions{gap:12px;margin-inline-start:auto}
.topbar .search-wrap{border:1px solid #ffffff20;background:#ffffff04;border-radius:40px;padding:9px 11px;width:38px;overflow:hidden;transition:width .25s}
.topbar .search-wrap:focus-within,.topbar .search-wrap:hover{width:210px}
.search-wrap input{width:150px;flex-shrink:0;color:#ededf2;font-size:12px}
.search-wrap label{cursor:pointer;display:flex;align-items:center;flex-shrink:0}
.topbar .search-wrap svg{flex-shrink:0;color:#a4a4af}
.lang{border:0;border-radius:30px;background:transparent;color:#dddce4;font-size:13px;padding:11px 8px}
.menu-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#ffffff0a;border:1px solid #ffffff25;padding:10px 15px;border-radius:40px;color:#fff;font-size:12px;min-height:42px}
.menu-button svg{width:17px;height:17px}
.menu-button[aria-expanded=true]{background:#e9e2ff;color:#0b0815}
.sidebar{display:none;position:fixed;inset:100px max(24px,calc((100vw - 1280px)/2)) auto;width:auto;max-height:calc(100dvh - 124px);padding:30px 36px;background:#101014;border:1px solid #ffffff28;border-radius:22px;box-shadow:0 30px 100px #000a;z-index:90;overflow-y:auto;overscroll-behavior:contain}
.sidebar.open{display:block}
.sidebar .brand{padding:0 0 22px;gap:12px}
.sidebar .brand-mark{width:38px;height:38px;background:none}
.sidebar .brand-name{font-size:21px}.sidebar .brand-ar{font-size:14px}
.sidebar .nav-label{padding:0 12px 10px;margin:0;color:#a9a7b5}
.sidebar .nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 12px}
.sidebar .nav a{font-size:13px;min-height:47px;padding:12px;border-radius:8px;color:#c0becb}
.sidebar .nav a svg{width:18px;height:18px;color:#ac95e4}
.sidebar .nav a:hover,.sidebar .nav a.active{background:#ffffff09;color:#fff}
.sidebar .nav a.active:after{background:#65edcf}
.side-divider{margin:20px 0;background:#ffffff16}
.sidebar-bottom{padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.sidebar .buy-side{margin:0;padding:18px 22px;background:linear-gradient(110deg,#251838,#111c20);border:1px solid #a784df26;border-radius:12px}
.sidebar .profile{border:0;padding:12px}.avatar{background:#222028}
.mobile-shade{display:none;position:fixed;inset:88px 0 0;background:#0009;backdrop-filter:blur(8px);z-index:80}
.mobile-shade.visible{display:block}
.page-wayfinding{max-width:1440px;padding:28px var(--page-gutter) 0;margin:auto}
.page-wayfinding .breadcrumbs{font-size:12px;color:#858390}
.shell:has([data-page=home]) .page-wayfinding{display:none}
.page{max-width:1440px;padding:36px var(--page-gutter) 70px;margin:auto}
.page[data-page=home]{padding-top:0}
.intro-line{margin:0;padding:25px 0 0;gap:20px;position:relative;z-index:1}
.intro-line p{font-size:12px;color:#9693a5;letter-spacing:.02em}
.preview-note{font-size:10px;letter-spacing:.03em;color:#a6a2b5}
.status-dot{background:#65edcf;box-shadow:0 0 11px #65edcf6b}
.hero{display:block;min-height:760px;margin:0 calc(var(--page-gutter) * -1);border:0;border-radius:0;background:radial-gradient(ellipse at 90% 32%,#3b0e6545,transparent 48%),radial-gradient(ellipse at 81% 100%,#0059533b,transparent 45%),#050507;box-shadow:none;isolation:isolate;overflow:hidden}
.hero:before{content:'';position:absolute;inset:-5% -6% -8% -4%;background:url('/aurora-flow.svg') center / cover no-repeat;opacity:.95;z-index:-1;pointer-events:none;animation:arabs-aurora 18s ease-in-out infinite alternate;mask-image:none;border:0;transform:none}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05050730,transparent 75%);z-index:-1;pointer-events:none;border:0;opacity:1}
.hero-text{padding:68px var(--page-gutter) 76px;max-width:1100px;position:relative;z-index:2}
.hero-text>.eyebrow{color:#bfb2de;background:transparent;border:0;padding:0;font-size:11px;letter-spacing:2px;font-weight:500;box-shadow:none;border-radius:0}
.hero h1{max-width:970px;font-size:clamp(58px,6.8vw,104px);line-height:1.04;letter-spacing:-5px;font-weight:450;margin:25px 0 28px;color:#f8f7fc;text-shadow:0 2px 30px #05050770}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:450;color:#f7f5fc;background:none;-webkit-text-fill-color:currentColor}
.hero p{max-width:605px;font-size:17px;line-height:1.8;color:#b4b0c2}
.hero .button-row{margin-top:32px;gap:15px}
.button-row{gap:12px;margin-top:26px}
.btn{border-radius:999px;padding:14px 23px;font-size:13px;line-height:1.5;font-weight:600;min-height:48px;box-shadow:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn-primary{background:#f3f0fa;color:#101014;border-color:#f3f0fa;box-shadow:none}
.btn-primary:hover{background:#cbb7ff;border-color:#cbb7ff;box-shadow:none}
.btn-primary svg{color:#121018}
.btn-secondary{background:transparent;border-color:#ffffff30;color:#ece9f3}
.btn-secondary:hover{background:#ffffff0c;border-color:#ffffff70}
.btn-ghost{color:#eeebf5;padding-inline:17px;border:1px solid #ffffff25}
.btn-ghost:hover{background:#ffffff0a}
.btn-lime{background:#65edcf;color:#081512;border-color:#65edcf}
.btn-lime:hover{background:#a3f6e3;color:#081512}
.btn svg{width:17px;height:17px}
.hero-art{position:absolute;inset:150px 14px auto auto;width:420px;height:430px;min-height:0;max-height:none;overflow:visible;z-index:1;opacity:.9;pointer-events:none}
.art-orbit{width:300px;height:300px;inset-inline-start:50%;top:50%;border:1px solid #b6a0ff22;transform:translate(-50%,-50%) rotate(-22deg);box-shadow:0 0 90px #6734b012;border-radius:50%;background:transparent}
.art-orbit:before{inset:35px;border-color:#65edcf20;border-radius:50%}.art-orbit:after{inset:-35px;border-color:#b6a0ff0d;border-radius:50%}
.art-center.arabs-logo-orbit{width:152px;height:152px;border:0;background:transparent;box-shadow:0 0 75px #b092e91a;transform:translate(-50%,-50%);border-radius:50%}
.orbit-node{background:#100e18b8;border:1px solid #ffffff21;border-radius:30px;padding:10px 15px;font-size:10px;color:#d2cbdc;box-shadow:none;backdrop-filter:blur(8px);transform:none}
.orbit-node svg{width:15px;height:15px;color:#bda6f3}
.node-1{top:30px;inset-inline-start:46px}.node-2{top:110px;inset-inline-end:-4px}.node-3{bottom:110px;inset-inline-start:3px}.node-4{bottom:34px;inset-inline-end:27px}
.art-spark{font-size:20px;color:#65edcf;top:6px;inset-inline-start:70%}
.hero-foot{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:30px;padding:34px 0 42px;margin:0 0 65px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;align-items:center}
.hero-foot>span{display:flex;flex-direction:column;gap:6px;color:#a09bab;font-size:12px}
.hero-foot strong{font-size:38px;line-height:1.1;letter-spacing:-1.3px;color:#f0edf6;font-weight:450;margin:0}
.hero-foot .mission{margin:0;font-size:14px;max-width:210px;line-height:1.8;border-inline-start:1px solid #ffffff20;padding-inline-start:25px}
.arabs-cover{margin:60px 0;border-radius:14px;border:1px solid #c3a46622;background:#08090d;overflow:hidden}
.arabs-cover img{aspect-ratio:3/1;object-fit:cover;max-height:360px}
.section-head{margin:74px 0 28px;align-items:end}
.section-head h2{font-size:clamp(32px,3.2vw,48px);font-weight:450;letter-spacing:-1.7px;line-height:1.12}
.section-head p{font-size:14px;line-height:1.7;max-width:620px;margin-top:14px}
.text-link{font-size:13px;color:#d5c4fa;gap:12px;font-weight:500}.text-link:hover{color:#fff}
.featured-grid{gap:22px}
.card{background:#111115;border:1px solid #ffffff16;border-radius:14px;box-shadow:none;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:#9d71de77;box-shadow:none}
.card-art{height:190px;background:radial-gradient(ellipse at 60% 100%,#6a3a9c44,transparent 70%),#15121d;border-bottom:1px solid #ffffff12}
.tone-2,.tone-5{background:radial-gradient(ellipse at 20% 0%,#b882e63c,transparent 76%),#19121e}
.tone-3,.tone-6{background:radial-gradient(ellipse at 30% 80%,#1b8c794d,transparent 70%),#0a1b1b}
.tone-4{background:radial-gradient(ellipse at 90% 80%,#7046c34a,transparent 80%),#151320}
.card-art svg.art-main{color:#d2c4e9;width:67px;height:67px;stroke-width:1}
.card-art:before,.card-art:after{border-color:#d1b8ff20;border-radius:50%;width:200px;height:200px;transform:none}
.card-art:after{width:135px;height:135px}
.example{background:#0a0912bd;color:#c6bed7;border-color:#ffffff20;border-radius:4px;font-size:10px;padding:4px 8px}
.card-body{padding:24px}.card-kicker{font-size:10px;letter-spacing:1.6px;color:#b69bdc;margin-bottom:12px}
.card h3{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin-bottom:14px}
.card-desc{font-size:13px;line-height:1.8;min-height:70px;color:#aaa4b7}
.card-footer{font-size:11px;padding-top:18px;margin-top:20px;border-color:#ffffff14}
.space-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff25;border-inline-start:1px solid #ffffff20}
.space-card,.space-card.special{min-height:206px;padding:29px 25px;background:transparent;border:0;border-inline-end:1px solid #ffffff20;border-bottom:1px solid #ffffff20;border-radius:0;box-shadow:none;transition:background .2s}
.space-card:hover,.space-card.special:hover{background:#ffffff05;border-color:#ffffff20;transform:none}
.space-card>svg{color:#b9a0f0;width:29px;height:29px;margin-bottom:30px}.space-card.special>svg{color:#65edcf}
.space-card h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-bottom:9px}.space-card p,.space-card.special p{font-size:12px;color:#a6a0b3;line-height:1.7}
.space-card .arrow{top:29px;inset-inline-end:24px;width:16px;color:#a59aac;margin:0}
.panel,.metric,.queue-item{background:#111115;border-color:#ffffff20;border-radius:14px;box-shadow:none}
.panel{padding:32px}.panel h2{font-size:30px;font-weight:450;line-height:1.25;margin:12px 0 15px;letter-spacing:-.8px}.panel>p{font-size:14px;line-height:1.8}
.page[data-page=home]>.panel{padding:40px!important;margin:0 0 64px!important;background:radial-gradient(ellipse at 100% 50%,#41266835,transparent 70%),#101014}
.page[data-page=home]>.panel h2{font-size:clamp(30px,3.2vw,46px);font-weight:450;max-width:820px;letter-spacing:-1.5px}
.university-promo{padding:42px 0;margin:60px 0;border:0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;background:transparent;border-radius:0;gap:30px}
.university-promo-icon{background:#b998ff0c;border:1px solid #b998ff30;border-radius:50%;width:68px;height:68px}
.university-promo h2{font-size:32px;font-weight:450;letter-spacing:-1px}.university-promo p{font-size:14px;color:#a8a2b5}
.arabs-promo{padding:0;gap:48px;margin:72px 0;border:0;border-radius:0;background:transparent;grid-template-columns:1.4fr 1fr}
.arabs-promo-player{border-radius:18px;border-color:#ffffff20;box-shadow:none;background:#0b0b10}
.arabs-promo h2{font-size:clamp(30px,3.2vw,46px);color:#f5f3fa;font-weight:450;letter-spacing:-1.6px;line-height:1.1}
.arabs-promo p{font-size:14px;color:#b1a9bd;line-height:1.9}.arabs-promo-copy{gap:22px}
.arabs-promo-kicker{color:#b69bdc;font-weight:500;letter-spacing:1.8px}
.arabs-social{border-radius:30px;border-color:#ffffff35;color:#f5f0ff;padding:12px 18px}
.arabs-social:hover{border-color:#c7b3ff;background:#c7b3ff0d}.arabs-promo-more{color:#a998c1}
.ai-guide-section{margin:80px 0;padding:44px;background:radial-gradient(ellipse at 0 100%,#582e8426,transparent 70%),#0d0c12;border-color:#ffffff1c;border-radius:20px;box-shadow:none;gap:52px}
.ai-guide-intro h2{font-size:clamp(34px,3.4vw,50px);font-weight:450;line-height:1.14;letter-spacing:-1.9px}
.ai-guide-intro>p{font-size:14px;line-height:1.9}.ai-guide-intro>.eyebrow{color:#b69bdc}
.ai-widget{background:#121116;border-color:#ffffff25;box-shadow:none;border-radius:15px}
.ai-widget-heading{background:#ffffff03;border-color:#ffffff15}.ai-gate{background:#0b0a10;border-color:#ffffff1e}
.ai-message,.ai-suggestions button{background:#1b1723;border-color:#ffffff20}.ai-text-form{background:#08080c;border-color:#ffffff38}
.ai-guide-links a{font-size:13px;color:#cdb8ef;padding-block:14px}
.mission-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:80px 0;padding:48px 0;border:0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;background:transparent;border-radius:0;box-shadow:none;gap:48px}
.mission-teaser h2{font-size:clamp(30px,3.3vw,46px);font-weight:450;line-height:1.2;letter-spacing:-1.3px;margin:18px 0}
.mission-teaser p{font-size:14px;line-height:1.9;max-width:800px;color:#aaa4b6}
.mission-teaser p+p{margin-top:14px}
.member-launch-teaser{margin:76px 0;padding:48px;background:radial-gradient(ellipse at 90% 40%,#6930a82c,transparent 70%),#121015;border-color:#ffffff20;border-radius:18px;gap:40px}
.member-launch-teaser h2{font-size:38px;font-weight:450;letter-spacing:-1.2px;line-height:1.2}.member-launch-teaser p{font-size:14px;line-height:1.9}
.member-welcome-symbol{background:transparent;border-color:#cbb7ff3d;box-shadow:0 0 45px #8f5bdb16;border-radius:50%}
.member-welcome-symbol strong{font-weight:400;color:#ded0ff}.member-welcome-symbol span{color:#65edcf}
.callout{margin-top:80px;padding:48px;border:1px solid #a887d633;background:radial-gradient(ellipse at 100% 100%,#66349f36,transparent 70%),#121015;border-radius:18px;gap:35px}
.callout h3{font-size:34px;font-weight:450;letter-spacing:-1.2px;line-height:1.2;margin-bottom:16px;color:#fff}
.callout p{font-size:14px;line-height:1.9;color:#ada5bc;max-width:760px}
.callout>.btn{flex-shrink:0}
.footer{margin-top:90px;padding-top:35px;border-color:#ffffff25;font-size:11px;align-items:flex-start;gap:30px;color:#8e889e}
.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px 22px;max-width:760px}.footer button{font-size:11px}.footer a:hover,.footer button:hover{color:#fff}
.page-heading{margin:38px 0 40px}.page-heading h1{font-size:clamp(42px,5vw,70px);line-height:1.12;font-weight:450;letter-spacing:-2.6px;margin:18px 0 24px}
.page-heading p{font-size:16px;line-height:1.9;max-width:780px}.page-heading .eyebrow{color:#b69bdc}
.chips{margin:28px 0;gap:10px}.chip{padding:9px 16px;background:transparent;border-color:#ffffff25;font-size:12px}.chip.active{background:#e8ddfa;color:#15101b;border-color:#e8ddfa}
.notice{padding:17px 20px;background:#ffffff03;border-color:#ffffff20;border-radius:10px;font-size:12px;line-height:1.8}
.list-grid{gap:24px}.list-grid .card-art{height:210px}
.token-hero,.mission-heading,.arabic-hero{border-radius:0;background:radial-gradient(ellipse at 100% 0,#59278f38,transparent 70%),#08070c;border:0;border-bottom:1px solid #ffffff20;box-shadow:none;padding:55px 0 65px}
.mission-heading h1,.token-hero h1,.arabic-hero h1{font-size:clamp(42px,5vw,72px);font-weight:450;line-height:1.15;letter-spacing:-2.6px;color:#f4effb;max-width:1000px}
.mission-heading>p,.token-hero p,.arabic-hero p{font-size:16px;line-height:1.95;color:#b2aabd;max-width:900px}
.mission-principles{margin-top:30px;gap:12px}.mission-principles span{background:transparent;border-color:#ffffff28;color:#bfb2d5;padding:9px 14px;font-size:12px}
.mission-grid{gap:22px}.mission-pillar{border-radius:13px;background:#111015;border-color:#ffffff1c;padding:30px;box-shadow:none}
.mission-pillar h3{font-size:22px;font-weight:500;line-height:1.35}.mission-pillar>p{font-size:13px;line-height:1.9}.mission-pillar-top{margin-bottom:26px}
.mission-programmes{gap:24px}.mission-programme h3{font-size:26px;font-weight:450}.mission-programme>p{font-size:13px}
.mission-token{padding:42px;gap:40px;margin-top:70px;border-radius:16px;background:radial-gradient(ellipse at 100% 10%,#5f2d9233,transparent 70%),#111015;border-color:#ffffff24}
.mission-token h2{font-size:38px;font-weight:450;letter-spacing:-1px;line-height:1.18}.mission-token>div>p{font-size:14px;color:#b3a8c1}.mission-token aside{border-color:#ffffff25;background:#08070a44;border-radius:12px}
.mission-values{margin-top:75px}.mission-values h2{font-size:36px;font-weight:450;letter-spacing:-1px}.mission-values-grid{gap:35px}.mission-values-grid p{font-size:14px;line-height:1.9}
.mission-references{margin-top:65px;padding-top:30px;border-color:#ffffff20}.mission-references>p{font-size:12px}
.tourism-section{padding:0 0 38px;margin-top:65px;background:none;border:0;border-bottom:1px solid #ffffff20;border-radius:0}
.tourism-grid{gap:32px}.tourism-card h3{font-size:20px;font-weight:500;color:#e6e0ee}.tourism-card p{font-size:13px;line-height:1.9;color:#aba3b8}.tourism-status{font-size:12px;border-color:#ffffff20}
.arabic-paths article,.arabic-phrases{background:#111015;border-color:#ffffff20;border-radius:14px}
.arabic-learning{margin-top:65px}.arabic-learning h2,.arabic-practice-intro h2,.arabic-phrases h2{font-weight:450;font-size:36px;line-height:1.2;letter-spacing:-1px}
.arabic-paths h3{font-size:21px;font-weight:500}.arabic-paths p{font-size:13px}.arabic-practice{margin-top:70px;gap:48px}.arabic-phrases{padding:35px;margin-top:60px}
.arabic-phrase-grid article{background:#0b0a10;border-color:#ffffff20}.arabic-phrase-grid article:nth-child(2){background:#191122;border-color:#b89add30}
dialog{z-index:120;background:#111015;border:1px solid #ffffff30;border-radius:18px;color:#f3eff8;box-shadow:0 40px 100px #000a}
dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
input,select,textarea{background:#0b0a10;color:#ece6f5;border-color:#ffffff38}input::placeholder,textarea::placeholder{color:#96909f}
input:focus,select:focus,textarea:focus{border-color:#b9a0ee;box-shadow:0 0 0 3px #b9a0ee18}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70f4d3;outline-offset:5px}
#toast{z-index:150;background:#20172c;border:1px solid #bca3e54d;border-radius:10px}
.skip-link{z-index:160}
@keyframes arabs-aurora{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-1.4%,-1%,0) scale(1.035)}}
[dir=rtl] .hero-text{padding:68px var(--page-gutter) 76px;max-width:1100px}
[dir=rtl] .hero h1{font-size:clamp(51px,6.1vw,88px);line-height:1.5;letter-spacing:0;margin:20px 0 24px;max-width:860px}
[dir=rtl] .hero p{font-size:17px;line-height:2.05}
[dir=rtl] .hero-art{inset-inline-start:auto;inset-inline-end:14px;right:auto;left:14px}
[dir=rtl] .art-center.arabs-logo-orbit{transform:translate(50%,-50%)}[dir=rtl] .art-orbit{transform:translate(50%,-50%) rotate(22deg)}
[dir=rtl] .hero:before{scale:-1 1}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .hero-foot strong{letter-spacing:0}
[dir=rtl] .section-head h2,[dir=rtl] .mission-teaser h2,[dir=rtl] .arabs-promo h2,[dir=rtl] .page-heading h1,[dir=rtl] .mission-heading h1,[dir=rtl] .arabic-hero h1,[dir=rtl] .token-hero h1{line-height:1.5;letter-spacing:0}
[dir=rtl] .mission-heading h1{font-size:clamp(38px,4.8vw,64px)}
[dir=rtl] .arabs-promo p,[dir=rtl] .mission-teaser p{line-height:2}
@media(min-width:1600px){.hero-art{inset-inline-end:45px;width:440px}.hero h1{font-size:104px}.hero{min-height:810px}}
@media(max-width:1200px){:root{--page-gutter:40px}.topbar{gap:22px;padding-inline:30px}.primary-links{gap:18px}.primary-links>a{font-size:12px}.masthead-brand .masthead-ar{display:none}.hero-art{width:330px;inset-block-start:170px;inset-inline-end:0}.art-orbit{width:250px;height:250px}.art-center.arabs-logo-orbit{width:126px;height:126px}.orbit-node{font-size:9px;padding:9px 11px}.node-1{inset-inline-start:8px}.node-2{inset-inline-end:0}.node-3{inset-inline-start:0}.node-4{inset-inline-end:8px}.hero-text{max-width:930px}.hero h1{font-size:80px;max-width:820px;letter-spacing:-4px}.hero p{max-width:560px}.hero{min-height:720px}.arabs-promo{gap:32px}.member-launch-teaser h2{font-size:32px}.space-card{padding:25px 21px}.space-card h3{font-size:16px}}
@media(max-width:1000px){.primary-links{display:none}.top-actions{margin-inline-start:auto}.hero-art{width:275px;opacity:.55;inset-inline-end:0;inset-block-start:205px}.orbit-node{font-size:8px;padding:8px 10px}.art-center.arabs-logo-orbit{width:110px;height:110px}.art-orbit{width:220px;height:220px}.hero h1{font-size:75px;max-width:730px}.hero p{max-width:510px;font-size:16px}.sidebar .nav{grid-template-columns:repeat(3,minmax(0,1fr))}.space-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arabs-promo{grid-template-columns:1fr}.arabs-promo-copy{padding:0}.arabs-promo h2{font-size:42px;max-width:700px}.arabs-promo p{max-width:64ch}.ai-guide-section{grid-template-columns:1fr;padding:35px;gap:30px}.ai-guide-intro h2{font-size:42px}.mission-teaser{grid-template-columns:1fr;gap:25px}.mission-teaser>.btn{justify-self:start}.hero-foot{gap:20px}.hero-foot .mission{padding-inline-start:20px}.callout{align-items:flex-start;flex-direction:column}.university-promo-actions{grid-column:2}}
@media(max-width:760px){:root{--page-gutter:24px}.topbar{height:80px;padding-inline:24px;gap:14px}.masthead-brand>span{font-size:21px}.masthead-brand .arabs-logo{width:37px;height:37px}.top-actions{gap:7px}.topbar .search-wrap{display:none}.topbar .search-wrap:focus-within{display:flex}.menu-button{padding:9px 12px}.page-wayfinding{padding-top:24px}.page{padding-top:26px}.intro-line{align-items:flex-start;padding-top:23px;gap:14px}.intro-line p{font-size:10px;max-width:170px}.preview-note{font-size:9px;max-width:180px;text-align:end}.hero{min-height:0}.hero-text,[dir=rtl] .hero-text{padding:50px var(--page-gutter) 35px;max-width:none}.hero h1{font-size:clamp(48px,9.7vw,72px);letter-spacing:-3px;max-width:none;line-height:1.06;margin:22px 0 25px}.hero p{font-size:15px;max-width:560px;line-height:1.85}.hero .button-row{margin-top:27px;gap:10px}.hero-art{position:relative;inset:auto!important;width:min(100%,430px);height:260px;min-height:260px;margin:0 auto 25px;opacity:.9}.art-orbit{width:220px;height:220px}.art-center.arabs-logo-orbit{width:115px;height:115px}.orbit-node{font-size:10px;padding:9px 13px}.node-1{top:4px;inset-inline-start:20px}.node-2{top:56px;inset-inline-end:12px}.node-3{bottom:50px;inset-inline-start:4px}.node-4{bottom:6px;inset-inline-end:22px}.art-spark{top:0}.hero:before{inset:0 -40% -20% -45%;background-position:center bottom;background-size:auto 85%;opacity:.85}.hero-foot{grid-template-columns:repeat(3,1fr);gap:25px 16px;margin-bottom:45px;padding-block:28px}.hero-foot strong{font-size:34px}.hero-foot>span{font-size:11px}.hero-foot .mission{grid-column:1/-1;max-width:none;border:0;padding:0;font-size:12px}.sidebar{inset:90px 15px auto;padding:24px;max-height:calc(100dvh - 105px);border-radius:16px}.sidebar .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar .nav a{font-size:12px;padding:10px;gap:8px}.sidebar .nav a svg{width:16px}.sidebar-bottom{grid-template-columns:1fr;gap:12px;padding-top:15px}.mobile-shade{inset-block-start:80px}.sidebar .brand{padding-bottom:20px}.section-head{margin-top:55px;gap:20px;align-items:start}.section-head h2{font-size:34px;letter-spacing:-1.2px}.section-head p{font-size:13px}.text-link{font-size:12px}.featured-grid{grid-template-columns:1fr}.featured-grid .card{display:grid;grid-template-columns:38% 1fr}.featured-grid .card-art{height:100%;min-height:230px;border:0;border-inline-end:1px solid #ffffff15}.card-body{padding:24px}.card h3{font-size:22px}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-card{min-height:195px;padding:24px 20px}.space-card h3{font-size:17px}.space-card p{font-size:12px}.panel{padding:25px}.page[data-page=home]>.panel{padding:28px!important;margin-bottom:45px!important}.page[data-page=home]>.panel h2{font-size:32px;letter-spacing:-1px}.university-promo{grid-template-columns:auto 1fr;padding:32px 0;margin:45px 0;gap:24px}.university-promo h2{font-size:29px}.university-promo p{font-size:13px}.university-promo-actions{grid-column:1/-1}.university-promo-icon{width:52px;height:52px}.arabs-promo{margin:55px 0;gap:28px}.arabs-promo h2{font-size:36px}.arabs-cover{margin:50px 0}.ai-guide-section{margin:55px 0;padding:28px 20px;gap:28px}.ai-guide-intro h2{font-size:36px}.ai-guide-intro>p{font-size:13px}.mission-teaser{margin:55px 0;padding:35px 0;gap:25px}.mission-teaser h2{font-size:34px}.mission-teaser p{font-size:13px}.member-launch-teaser{margin:55px 0;padding:30px;gap:28px}.member-launch-teaser h2{font-size:31px}.member-launch-teaser p{font-size:13px}.callout{margin-top:55px;padding:30px;gap:25px}.callout h3{font-size:31px}.callout p{font-size:13px}.footer{flex-direction:column;margin-top:60px;padding-top:28px;gap:24px}.footer-links{justify-content:flex-start;gap:16px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin:26px 0 32px}.page-heading h1{font-size:46px}.page-heading p{font-size:14px}.list-grid{grid-template-columns:1fr}.mission-heading,.token-hero,.arabic-hero{padding:35px 0 45px}.mission-heading h1,.token-hero h1,.arabic-hero h1{font-size:44px;letter-spacing:-1.4px}.mission-heading>p,.token-hero p,.arabic-hero p{font-size:14px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-pillar{padding:24px}.mission-pillar h3{font-size:21px}.mission-programmes{grid-template-columns:1fr}.mission-token{padding:28px;grid-template-columns:1fr;gap:28px;margin-top:50px}.mission-token h2{font-size:32px}.mission-values h2{font-size:32px}.mission-values-grid{grid-template-columns:1fr;gap:22px}.tourism-section{margin-top:45px;padding-bottom:28px}.tourism-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.arabic-paths{grid-template-columns:1fr}.arabic-practice{grid-template-columns:1fr;gap:25px;margin-top:50px}.arabic-phrases{padding:25px;margin-top:45px}.arabic-phrase-grid{grid-template-columns:1fr}[dir=rtl] .hero h1{font-size:clamp(40px,8.5vw,64px);line-height:1.5;letter-spacing:0}[dir=rtl] .hero p{font-size:15px}[dir=rtl] .hero .button-row{margin-top:25px}}
@media(max-width:480px){:root{--page-gutter:20px}.topbar{padding-inline:16px;height:76px;gap:10px}.masthead-brand .arabs-logo{width:33px;height:33px}.masthead-brand>span{font-size:19px}.top-actions{gap:3px}.lang{font-size:12px;padding:9px 7px;min-width:auto}.menu-button{padding:9px 11px;min-height:39px;font-size:11px}.menu-button svg{width:15px;height:15px}.intro-line{padding-top:21px}.intro-line p{max-width:135px;font-size:10px}.preview-note{font-size:8px;max-width:170px}.hero-text,[dir=rtl] .hero-text{padding-top:42px;padding-bottom:26px}.hero-text>.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:clamp(42px,11.5vw,56px);letter-spacing:-2px}.hero p{font-size:14px}.btn{padding:12px 18px;font-size:12px;min-height:44px}.hero-art{height:245px;min-height:245px;width:calc(100% - 30px);margin-bottom:24px}.orbit-node{font-size:9px;padding:9px 10px}.node-1{inset-inline-start:9px}.node-2{inset-inline-end:0}.node-3{inset-inline-start:0}.node-4{inset-inline-end:12px}.hero-foot{gap:23px 10px}.hero-foot strong{font-size:31px}.hero-foot>span{font-size:10px}.sidebar{top:86px;padding:20px 14px;max-height:calc(100dvh - 100px)}.sidebar .nav{grid-template-columns:1fr 1fr;gap:3px}.sidebar .nav a{font-size:11px;padding:11px 8px;min-height:44px;gap:7px}.sidebar .nav a svg{width:15px;height:15px}.mobile-shade{inset-block-start:76px}.featured-grid .card{display:block}.featured-grid .card-art{height:180px;min-height:0;border-inline-end:0;border-bottom:1px solid #ffffff15}.card-body{padding:23px}.section-head{flex-wrap:wrap;gap:17px}.section-head h2{font-size:31px}.space-card{padding:24px 16px;min-height:190px}.space-card h3{font-size:16px}.space-card p{font-size:11px}.space-card .arrow{inset-inline-end:14px;top:26px}.university-promo{grid-template-columns:1fr;gap:20px}.university-promo h2{font-size:29px}.university-promo-actions{grid-column:1}.arabs-promo h2{font-size:33px}.arabs-promo-player{border-radius:12px}.arabs-promo p{font-size:13px}.arabs-cover{border-radius:10px}.ai-guide-section{padding:25px 15px;border-radius:14px}.ai-guide-intro h2{font-size:33px}.mission-teaser h2{font-size:31px}.member-launch-teaser{padding:27px 23px;gap:24px}.member-launch-teaser h2{font-size:29px}.callout{padding:27px 23px}.callout h3{font-size:29px}.page-heading h1{font-size:39px;letter-spacing:-1.4px}.mission-heading h1,.token-hero h1,.arabic-hero h1{font-size:38px;line-height:1.18}.mission-grid,.tourism-grid{grid-template-columns:1fr}.mission-pillar{padding:25px}.mission-token{padding:26px 22px}.mission-token h2{font-size:30px}.mission-token>div>p{font-size:13px}.mission-values h2{font-size:30px}.mission-values-grid p{font-size:13px}.arabic-learning h2,.arabic-practice-intro h2,.arabic-phrases h2{font-size:30px}.arabic-phrases{padding:25px 20px}[dir=rtl] .hero h1{font-size:clamp(35px,9.4vw,44px);line-height:1.5}[dir=rtl] .mission-heading h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before{animation:none}.btn,.card,.space-card,.topbar .search-wrap{transition:none}.card:hover,.btn:hover{transform:none}}
/* Search stays available in the compact header at every breakpoint. */
@media(max-width:760px){.topbar .search-wrap{display:flex;width:35px;height:39px;padding:8px;flex-shrink:0}.topbar .search-wrap:focus-within{position:absolute;top:88px;inset-inline:20px;width:calc(100% - 40px);height:50px;padding:12px 16px;background:#15121e;border-color:#b9a0ee;box-shadow:0 15px 40px #0008}.topbar .search-wrap:focus-within input{width:100%;min-width:0}.topbar .search-wrap:not(:focus-within):hover{width:35px}}
@media(max-width:360px){.masthead-brand{gap:6px}.masthead-brand>span{font-size:17px}.masthead-brand .arabs-logo{width:29px;height:29px}.topbar{padding-inline:12px;gap:6px}.menu-button{padding:9px}.menu-button>span{font-size:10px}.lang{padding-inline:5px}.top-actions{gap:2px}}

/* ARABS Connect platform wordmark. */
.masthead-brand>strong{display:flex;flex-direction:column;font-size:20px;line-height:1.05;letter-spacing:1.8px;color:#fff}
.masthead-brand>strong>span{font-size:9px;letter-spacing:2.8px;color:#b9a0ff;margin-top:5px}
.masthead-brand .masthead-ar{font-size:14px}
.sidebar .brand-name{font-size:18px;letter-spacing:.03em}
.sidebar .brand-ar{font-size:13px}
@media(max-width:480px){.masthead-brand{gap:8px}.masthead-brand>strong{font-size:17px}.masthead-brand>strong>span{font-size:8px;letter-spacing:2px}}

.sidebar .brand-name{display:flex;flex-direction:column;line-height:1.05}
.sidebar .brand-name>span{font-size:9px;letter-spacing:2px;color:#b9a0ff;margin-top:5px}