/* Approved Rahhal identity. Custom reference lettering is approximated with
   bundled rounded fonts; the raster logo preserves the supplied logo style. */
@font-face{font-family:RahhalArabic;src:url('assets/baloo-arabic.ttf') format('truetype');font-weight:400 800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:RahhalRounded;src:url('assets/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{--navy:#321d19;--navy2:#432d28;--blue:#d46c45;--sky:#efd4a1;--ice:#fbf5e9;--paper:#fbf5e9;--sand:#efd4a1;--coral:#d46c45;--gold:#d6ad5f;--ink:#432d28;--muted:#806c5c;--line:#e8d7bf;--font:RahhalArabic,RahhalRounded,Tahoma,sans-serif}
body,button,input,select{font-family:RahhalArabic,RahhalRounded,Tahoma,sans-serif}body{background:#fbf5e9;color:#432d28}.ref-nav{position:sticky;top:0;background:#fbf5e9f2;border-color:#ead9c1;z-index:100;box-shadow:0 2px 20px #432d2804}.ref-nav .nav-inner{direction:ltr;min-height:95px;width:min(1450px,calc(100% - 70px));gap:24px}.ref-brand{display:block;flex-shrink:0}.ref-brand img{width:165px;height:74px;object-fit:contain}.ref-nav .nav-links{direction:rtl;gap:28px;font-size:15px;color:#432d28}.ref-nav .nav-links a{font-weight:650;text-align:center;line-height:1.4}.ref-nav .nav-links small{display:block;font:500 10px RahhalRounded,Arial;letter-spacing:.3px;margin-top:3px}.ref-nav .nav-actions{direction:rtl;gap:14px}.ref-language{border:1px solid #d9b58c;border-radius:30px;padding:9px 17px;font-size:12px;white-space:nowrap}.ref-nav .nav-cta,.reference-hero .button,.journey-panel .button{background:#d46c45;color:#fff;border:1px solid #c6653f;box-shadow:0 4px 0 #b45b38;padding:12px 22px;font-size:15px}.reference-hero{position:relative;isolation:isolate;height:690px;overflow:hidden;background:#fbf5e9}.reference-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.reference-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbf5e9 0%,#fbf5e9ee 17%,#fbf5e9bb 28%,#fbf5e914 43%,transparent 55%);z-index:-1}.reference-copy{position:relative;z-index:4;direction:rtl;text-align:start;margin-inline:0;margin-left:4%;padding-top:56px;width:34%;max-width:470px}.ref-eyebrow{font:700 10px RahhalRounded,Arial;letter-spacing:2px;color:#9e4a29;direction:ltr;display:inline-block}.reference-copy h1{font-size:clamp(37px,3.7vw,60px);font-weight:800;line-height:1.24;margin:23px 0 14px;letter-spacing:-.04em;color:#321d19}.reference-copy h2{font-size:22px;color:#8f4329;margin:0 0 18px;font-weight:600}.reference-copy>p{font-size:16px;line-height:1.85;color:#695144;max-width:430px}.ref-actions{display:flex;gap:12px;align-items:center;margin-top:24px;flex-wrap:wrap}.ref-actions .button{border-radius:40px;gap:18px;white-space:nowrap}.ref-outline{display:flex;align-items:center;gap:10px;border:1px solid #b98253;border-radius:40px;padding:10px 17px;font-size:13px;color:#884625;background:#fbf5e97a}.ref-outline span{font:18px Arial}.ref-facts{display:flex;gap:0;margin-top:30px;border:1px solid #fff8;background:#fbf5e9cf;backdrop-filter:blur(5px);border-radius:20px;padding:14px 8px;color:#7d583c;align-items:center;box-shadow:0 10px 30px #69432408}.ref-facts>span{padding:0 12px;font-size:11px;border-inline-end:1px solid #d6ad5f50;flex:1;text-align:center}.ref-facts>span:last-child{border:0}.ref-facts b{font:800 20px RahhalRounded;display:block;color:#a85b35}.journey-world{position:absolute;right:0;top:10px;bottom:20px;width:64%;direction:ltr;z-index:2}.world-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.world-route path{stroke:#fff6dc;stroke-width:4;stroke-dasharray:8 8;stroke-linecap:round;fill:none;filter:drop-shadow(0 2px 0 #dba97140);animation:routeFlow 25s linear infinite}.world-stop{position:absolute;left:var(--x);top:var(--y);translate:-50% -85%;width:145px;height:150px;padding:0;border:0;background:none;color:#432d28;cursor:pointer;isolation:isolate;transition:filter .25s,scale .3s;z-index:3}.world-stop>img{display:block;width:100%;height:130px;object-fit:contain;filter:drop-shadow(0 9px 7px #5d352629);transition:transform .35s}.world-stop:hover>img,.world-stop.selected>img{transform:translateY(-7px)}.world-country{display:inline-block;position:absolute;bottom:0;left:50%;translate:-50% 45%;background:#fbf5e9f2;border:1px solid #fff7;border-radius:13px;padding:5px 11px;min-width:78px;box-shadow:0 5px 13px #6d45281a;z-index:4;direction:rtl}.world-country b{display:block;font:650 12px RahhalArabic,RahhalRounded;white-space:nowrap}.world-country small{font-size:8px;color:#9b6a48;line-height:1.3}.world-stop i{position:absolute;bottom:-25px;left:42%;display:grid;place-items:center;width:20px;height:20px;border:3px solid #fff9ec;border-radius:50%;background:#d46c45;color:#fff;font:700 8px RahhalRounded;font-style:normal;z-index:5}.world-stop.selected .world-country{background:#432d28;color:#fff;border-color:#432d28}.world-stop.selected .world-country small{color:#efd4a1}.world-stop:focus-visible{outline:3px solid #a94f2f;outline-offset:7px;border-radius:15px}.reference-mascot{position:absolute;left:30.5%;bottom:14px;width:19%;height:420px;object-fit:contain;object-position:center bottom;z-index:4;pointer-events:none;animation:explorerSway 7s ease-in-out infinite;filter:drop-shadow(0 12px 9px #69432420)}.reference-bottom{position:absolute;bottom:-35px;left:-10%;width:120%;height:75px;background:#efd4a1;border-radius:50%;z-index:0}.level-dock{position:relative;z-index:8;margin-top:-12px;display:flex;direction:rtl;gap:25px;padding:22px 28px 25px;background:#fffaf1;border:1px solid #f1e0c6;border-radius:28px;box-shadow:0 17px 45px #6c442712;align-items:center;width:min(1380px,calc(100% - 65px))}.dock-heading{width:105px;flex-shrink:0}.dock-heading b{display:block;font-size:22px;color:#91472c}.dock-heading span{font:500 12px RahhalRounded}.dock-heading small{display:block;font-size:9px;color:#a27752;margin-top:12px}.level-strip{display:flex;gap:10px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 3px 12px}.level-stop{flex:1;min-width:105px;text-align:center;background:none;border:0;padding:0 2px;color:#432d28;cursor:pointer;position:relative;scroll-snap-align:center}.level-stop:after{content:'';position:absolute;top:80px;left:-13px;width:26px;border-top:1px dashed #bc9779;z-index:-1}.level-stop:last-child:after{display:none}.level-stop img{height:75px;width:100%;object-fit:contain;transition:transform .2s}.level-stop>span{display:block;font-size:9px;color:#a65d39;margin-top:9px}.level-stop>b{display:block;font-size:12px;white-space:nowrap;font-weight:650;margin:4px 0}.level-stop>small{font:500 9px RahhalRounded;display:block;white-space:nowrap}.level-stop[aria-selected=true] img{transform:translateY(-5px)}.level-stop[aria-selected=true]>b{color:#c05b34}.level-stop[aria-selected=true]:before{content:'';position:absolute;top:73px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#d46c45;box-shadow:0 0 0 4px #fffaf1}.reference-why{display:grid;grid-template-columns:.8fr repeat(4,1fr);gap:15px;align-items:center;margin-block:30px 0;width:min(1380px,calc(100% - 65px));direction:rtl}.reference-why>div h2{font-size:23px;margin:0;color:#713d29}.reference-why>div>span{font:11px RahhalRounded}.reference-why article{display:flex;align-items:center;gap:12px;padding:16px;background:#fffaf188;border:1px solid #eddec5;border-radius:20px;min-height:92px}.reference-why img{width:52px;height:52px;object-fit:contain}.reference-why article b{display:block;font-size:14px;color:#713d29}.reference-why article span{display:block;font:10px RahhalRounded;margin-top:4px}.reference-levels{padding-block:75px 85px;background:linear-gradient(#fbf5e9,#f5ead8)}.reference-levels .section-head h2{font-family:RahhalArabic,RahhalRounded;font-size:44px}.reference-levels .section-head h2 em{color:#c0663b}.journey-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;border:1px solid #e7d5b9;border-radius:32px;background:#fffaf2;overflow:hidden;box-shadow:0 24px 60px #6943240b}.journey-portrait{padding:28px;background:radial-gradient(ellipse,#f2dcb5,#fbf3e4 70%);text-align:center;display:flex;align-items:center;flex-direction:column}.journey-country{font-size:13px;border-radius:25px;background:#fff9ed;padding:8px 17px;color:#9d5737}.journey-portrait>img{height:430px;width:100%;object-fit:contain;margin:20px 0 10px}.journey-portrait>small{font-size:10px;color:#967b62}.journey-learning{padding:35px 10px 35px 35px;direction:rtl}.journey-learning h3{font-size:35px;line-height:1.4;margin:13px 0;color:#432d28}.journey-learning>p{font-size:14px;color:#806652;margin:0 0 18px}.journey-skills{display:flex;gap:7px;flex-wrap:wrap}.journey-skills>span{font-size:10px;padding:6px 11px;border-radius:20px;background:#f6e8d3;color:#96633c}.journey-example{font:750 19px RahhalRounded;padding:18px;background:#f4e9d8;border-radius:14px;margin:20px 0 15px;color:#7d432b;text-align:left}.journey-reason{font-size:11px;color:#996a48;line-height:1.8}.journey-reason summary{cursor:pointer}.journey-mini{border-top:1px solid #eadac3;margin-top:20px;padding-top:16px}.journey-mini>span{font-size:10px;color:#a67c55}.journey-mini h4{font-size:16px;margin:10px 0;color:#432d28;line-height:1.6}.journey-mini h4:lang(en){font-family:RahhalRounded}.journey-mini #journeyOptions{display:flex;gap:7px;flex-wrap:wrap}.journey-mini button{border:1px solid #dcc5a3;background:#fffaf1;border-radius:12px;font:600 12px RahhalArabic,RahhalRounded;padding:10px 15px;cursor:pointer}.journey-mini button.correct{background:#efd4a1;border-color:#b88848}.journey-mini button.wrong{background:#f7ddd1;border-color:#ce8d75}.journey-mini #journeyFeedback{min-height:22px;font-size:11px;color:#9a5738;margin:10px 0}.journey-panel-footer{display:flex;gap:20px;align-items:center;justify-content:space-between}.journey-panel-footer>span{font-size:10px;color:#9a6f48}.journey-learning .journey-disclosure{font-size:9px;color:#a28d78;line-height:1.8;margin:14px 0 0}.character-gallery{background:#432d28}.character-gallery .section-head h2,.character-card h3{color:#fff4dc!important}.character-explorer,.picture-practice{background:#fbf5e9}.character-panel{background:linear-gradient(130deg,#fffaf1,#f2e2c7);border-color:#ead7bc}.character-info h3,.character-sentence{color:#6f402c}.country-tab[aria-selected=true]{background:#a75534;border-color:#a75534;box-shadow:0 4px 0 #e2c199}.country-tab{border-color:#e8d5b8;background:#fffbf3}.picture-game{border-color:#eadac1;background:#fffaf1}.picture-option{background:#fbf0dd;border-color:#e6d3b3}.picture-option.correct{background:#efd4a1;border-color:#bd8a52}.picture-game .button{background:#d46c45;border-color:#c0643d;box-shadow:0 4px 0 #a45d3d}.proof-grid{border-radius:24px;overflow:hidden;gap:0}.proof{border-inline-end:1px solid #ead7bc}.badges span,.badges small,[lang=en],.character-sentence,.picture-question h3,.proof strong{font-family:RahhalRounded,RahhalArabic,Tahoma,sans-serif!important}.proof>span{font-size:12px}.footer{background:#f0dec0;color:#734c37}.footer .ref-brand img{width:150px}.route .destination{background:#fff5e2}.ref-brand img{display:block}.ref-nav .menu-toggle{border-color:#ddc5a1}
@keyframes routeFlow{to{stroke-dashoffset:-200}}@keyframes explorerSway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@media(min-width:1700px){.reference-hero{height:760px}.reference-copy{padding-top:90px}.reference-mascot{height:470px}.world-stop{width:170px;height:180px}.world-stop>img{height:160px}}
@media(max-width:1150px){.ref-nav .nav-links{gap:17px;font-size:13px}.ref-nav .nav-links small{font-size:8px}.ref-nav .nav-inner{gap:15px;width:calc(100% - 40px)}.ref-brand img{width:140px}.ref-language{display:none}.ref-nav .nav-cta{font-size:12px;padding:10px 17px}.reference-copy{width:34%;margin-left:3%;padding-top:60px}.reference-copy h1{font-size:42px}.reference-copy h2{font-size:18px}.reference-copy>p{font-size:13px}.reference-hero{height:650px}.world-stop{width:120px;height:140px}.world-stop>img{height:120px}.world-country b{font-size:11px}.reference-mascot{height:340px;width:20%;left:30%}.ref-actions{gap:9px}.ref-actions .button{font-size:12px;padding:10px 14px}.ref-outline{font-size:11px;padding:8px 12px}.ref-facts>span{padding:0 5px;font-size:9px}.reference-why{grid-template-columns:repeat(4,1fr)}.reference-why>div{grid-column:1/-1;display:flex;gap:15px;align-items:center}.reference-why article{padding:13px 10px;gap:8px}.reference-why img{width:42px;height:42px}.reference-why article b{font-size:12px}.reference-why article span{font-size:9px}.level-dock{gap:15px;padding-inline:20px}.dock-heading{width:85px}.dock-heading b{font-size:19px}.journey-portrait>img{height:380px}}
@media(max-width:900px){.ref-nav .nav-inner{min-height:76px;width:calc(100% - 30px)}.ref-brand img{width:125px;height:60px}.ref-nav .nav-links small{display:none}.ref-nav .nav-links.open{background:#fff8eb}.ref-nav .nav-cta{font-size:11px;padding:9px 14px}.ref-nav .menu-toggle{display:block}.reference-hero{height:auto;padding-bottom:440px;min-height:0}.reference-landscape{top:auto;height:490px;bottom:0;object-fit:cover;object-position:70% 50%}.reference-hero:before{background:linear-gradient(#fbf5e9 0%,#fbf5e9 27%,#fbf5e9ed 35%,transparent 56%)}.reference-copy{width:calc(100% - 40px);max-width:none;margin:0 20px;padding-top:28px;text-align:center}.reference-copy h1{font-size:42px;line-height:1.25;margin:17px 0 12px}.reference-copy h2{font-size:18px}.reference-copy>p{max-width:440px;margin:0 auto;font-size:13px;line-height:1.85}.ref-eyebrow{font-size:8px;letter-spacing:1.8px}.ref-actions{justify-content:center;margin-top:20px;gap:10px}.ref-actions .button{font-size:12px;padding:11px 15px}.ref-outline{font-size:11px}.ref-facts{max-width:430px;margin:20px auto 0;padding:10px 5px;border-radius:15px}.ref-facts b{font-size:17px}.ref-facts>span{font-size:9px}.journey-world{width:100%;height:420px;bottom:17px;top:auto;right:0}.world-stop{width:90px;height:105px}.world-stop>img{height:85px}.world-country{min-width:60px;border-radius:9px;padding:3px 6px;bottom:5px}.world-country b{font-size:9px}.world-country small{font-size:7px}.world-stop i{width:16px;height:16px;border-width:2px;font-size:7px;bottom:-13px;left:42%}.reference-mascot{height:185px;width:110px;left:-12px;bottom:0;z-index:5}.world-route path{stroke-width:5}.reference-bottom{height:45px;bottom:-25px}.level-dock{width:calc(100% - 28px);margin-top:0;border-radius:21px;padding:15px 13px;gap:12px;align-items:stretch}.dock-heading{width:68px;display:flex;flex-direction:column;justify-content:center}.dock-heading b{font-size:16px}.dock-heading span{font-size:10px}.dock-heading small{font-size:8px;margin-top:8px}.level-stop{min-width:95px}.level-stop img{height:67px}.level-stop:after{top:67px}.level-stop[aria-selected=true]:before{top:65px}.level-stop>span{font-size:8px}.level-stop>b{font-size:11px}.level-stop>small{font-size:8px}.level-strip{gap:8px;padding-bottom:7px}.reference-why{width:calc(100% - 30px);grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.reference-why article{min-height:82px;border-radius:15px;gap:9px}.reference-why article b{font-size:12px}.reference-why img{width:40px;height:40px}.reference-why>div h2{font-size:21px}.reference-levels{padding-block:50px}.reference-levels .section-head h2{font-size:33px}.journey-panel{grid-template-columns:1fr;gap:0;border-radius:24px}.journey-portrait{padding:20px}.journey-portrait>img{height:270px;margin:12px 0}.journey-country{font-size:11px}.journey-portrait>small{font-size:9px}.journey-learning{padding:24px 20px}.journey-learning h3{font-size:29px}.journey-learning>p{font-size:13px}.journey-example{font-size:17px}.journey-mini h4{font-size:15px}.journey-mini button{font-size:11px;padding:9px 11px}.journey-panel-footer{gap:10px}.journey-panel-footer .button{font-size:12px;padding:10px 15px}.journey-panel-footer>span{font-size:9px}.section-head h2{font-size:32px}.section-head p{font-size:13px}.ref-nav .nav-links{display:none}.ref-nav .nav-links.open{display:flex}}
@media(max-width:370px){.reference-copy h1{font-size:35px}.reference-copy h2{font-size:16px}.reference-copy>p{font-size:12px}.reference-hero{padding-bottom:390px}.journey-world{height:370px}.world-stop{width:77px;height:95px}.world-stop>img{height:77px}.world-country{min-width:52px;padding:3px 5px}.world-country b{font-size:8px}.reference-mascot{width:85px;height:160px}.ref-nav .nav-cta{padding:8px 10px;font-size:10px}.ref-brand img{width:111px}}
@media(prefers-reduced-motion:reduce){.world-route path,.reference-mascot{animation:none!important}.world-stop>img,.level-stop img{transition:none}}
.reference-copy{position:absolute;left:4%;top:0;margin:0}.ref-brand{box-shadow:none!important}.reference-hero .ref-actions{direction:rtl}
.reference-copy{width:30%;max-width:440px}.reference-mascot{left:34.5%;width:14%;height:350px}.world-country{translate:-50% 0;bottom:-5px;padding:4px 10px}.world-stop i{bottom:-24px}.ref-facts b{direction:ltr;unicode-bidi:isolate}
@media(min-width:1700px){.reference-mascot{height:410px}}
@media(min-width:761px) and (max-width:1150px){.reference-copy{width:31%;left:3%}.reference-copy h1{font-size:38px}.reference-mascot{left:34%;height:290px;width:15%}.reference-copy>p{font-size:12px}.ref-actions .button{font-size:11px}.ref-facts{margin-top:22px}}
@media(max-width:900px){.reference-copy{position:relative;left:auto;top:auto;margin:0 20px}}
@media(max-width:900px){.reference-copy{width:calc(100% - 40px);max-width:none}.reference-mascot{left:-12px;width:110px;height:185px}.world-country{bottom:0;padding:3px 6px}.world-stop i{bottom:-18px}}
@media(max-width:370px){.reference-mascot{width:85px;height:160px}}
@media(max-width:900px){.reference-hero{padding-bottom:500px}.journey-world{height:400px;bottom:90px}.reference-landscape{height:560px}.reference-mascot{height:125px;width:85px;left:13px;bottom:0}}
@media(max-width:370px){.reference-hero{padding-bottom:465px}.journey-world{height:370px;bottom:85px}.reference-mascot{height:115px;width:78px}}