@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--yellow:#ffd329;--ink:#151515;--paper:#fff;--muted:#656565;--line:#dcdcdc;--font:'IBM Plex Sans Arabic',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a34800;outline-offset:6px}::selection{background:var(--ink);color:var(--yellow)}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid var(--ink);background:white;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand img{transition:transform .5s}.brand:hover img{transform:rotate(36deg)}.brand-type{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:2rem;font-weight:700}.brand small{font-size:.875rem;margin-top:4px}.header nav{display:flex;gap:36px;font-size:1rem}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;height:2px;bottom:-4px;inset-inline-start:0;width:0;background:var(--ink);transition:width .25s}.header nav a:hover:after{width:100%}.language{border:1px solid var(--ink);border-radius:100px;background:white;min-height:44px;padding:6px 19px;display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',var(--font);font-size:.9375rem}.language:hover{background:var(--yellow)}.hero{background:var(--yellow);padding:30px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:1rem;font-weight:500}.issue{font-family:'Space Grotesk',sans-serif;font-size:.875rem;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center;min-height:570px;padding:38px 0 50px}.hero h1{font-size:clamp(3.4rem,6.6vw,6.4rem);line-height:1.35;letter-spacing:-.045em;margin:0 0 26px;font-weight:700}.outline{-webkit-text-stroke:1.4px var(--ink);color:transparent}.hero-copy p{font-size:1.125rem;max-width:480px;line-height:1.9;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;padding:12px 24px;font-weight:500}.dark{background:var(--ink);color:white}.button:hover{background:#343434}.arrow{font:1.6rem 'Space Grotesk',sans-serif}.hero-bottom{border-top:1px solid #15151566;padding:22px 0;font-size:.9375rem}.hero-bottom a:hover{text-decoration:underline}.brand-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;width:100%;min-height:440px;border:0;background:none;border-radius:50%;touch-action:pan-y}.orbit{position:absolute;width:92%;aspect-ratio:1;border:1px solid #15151533;border-radius:50%;z-index:-1}.orbit-two{width:73%}.star-disc{display:flex;border:1px solid var(--ink);border-radius:50%;width:180px;height:180px;align-items:center;justify-content:center;background:var(--yellow);box-shadow:10px 12px 0 var(--ink);transform:rotate(-12deg);transition:transform .6s cubic-bezier(.2,.9,.25,1.3),box-shadow .6s}.star-disc img{width:100%;height:100%;border-radius:50%}.stage-name{font-size:6.4rem;font-weight:700;line-height:1.25;margin-top:22px;letter-spacing:-.05em;transition:transform .45s}.stage-caption{font-size:1.1rem;letter-spacing:.02em}.stage-note{font-size:.875rem;margin-top:24px;color:#514300}.brand-stage:hover .star-disc,.brand-stage:focus-visible .star-disc{transform:rotate(12deg) scale(1.06);box-shadow:4px 8px 0 var(--ink)}.brand-stage:hover .stage-name{transform:translateY(-4px) scale(1.06)}.brand-stage.pop .star-disc{animation:star-pop .85s cubic-bezier(.25,.8,.25,1)}.brand-stage.pop .stage-name{animation:name-pop .85s ease}.brand-stage.pop .stage-caption{animation:name-pop .85s .06s ease}.section{display:grid;grid-template-columns:1fr 3fr;gap:6%;padding:100px 7%}.section-label{display:flex;gap:14px;align-items:baseline;font-size:1rem;white-space:nowrap}.section h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.5;letter-spacing:-.035em;font-weight:500;margin:0 0 38px;max-width:850px}.about-columns{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start}.about-columns p{margin:0;font-size:1.125rem;color:#505050}.mini-word{font-family:'Space Grotesk',sans-serif;font-size:1.55rem;line-height:1.15;letter-spacing:-.045em;border-inline-start:3px solid var(--yellow);padding-inline-start:18px;font-weight:600}.expertise{border-top:1px solid var(--line);padding-top:80px}.service{border-top:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:24px;padding:30px 0}.service:last-child{border-bottom:1px solid var(--ink)}.service h3{font-size:1.75rem;font-weight:500;margin:0 0 8px;line-height:1.5}.service p{color:#555;max-width:600px;margin:0}.service-symbol{font-family:Arial,sans-serif;font-size:2.6rem;align-self:center;text-align:center;transition:transform .4s}.service:hover .service-symbol{transform:rotate(25deg);color:#926700}.contact{background:var(--ink);color:white}.contact .eyebrow{color:var(--yellow);margin:0 0 15px}.contact h2{max-width:650px;margin-bottom:32px}.email{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.7rem,3.3vw,3.3rem);display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #666;padding-bottom:12px;max-width:100%;word-break:break-word}.email span{color:var(--yellow)}.email:hover{color:var(--yellow)}.contact-details{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:42px}.contact-details>div{display:flex;flex-direction:column;gap:7px}.contact-label{font-size:.875rem;color:#aaa;margin-bottom:6px}.contact-details a[dir=ltr]{font-family:'Space Grotesk',sans-serif;font-size:1.125rem}.contact-details a:hover{text-decoration:underline}.social{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;max-width:100%;padding:12px 20px;background:#0866ff;color:#fff;border-radius:4px;font-size:1rem;font-weight:500;transition:background .2s}.contact-details .social:hover{background:#0756d6;text-decoration:none}.social:focus-visible{outline-color:#fff}.facebook-icon{flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 5%;font-size:.875rem}footer>span{color:#555}.footer-brand strong{font-size:1.7rem}html[lang=en]{--font:'Space Grotesk',Arial,sans-serif}html[lang=en] .hero h1{font-size:clamp(3.5rem,6.3vw,6rem);line-height:1.12;letter-spacing:-.06em}html[lang=en] .stage-name{font-size:5.2rem}html[lang=en] .brand strong{font-size:1.6rem}html[lang=en] .section h2{line-height:1.2}html[lang=en] .hero-copy p{line-height:1.7}html[lang=en] .stage-note{font-size:.8125rem}
@keyframes star-pop{0%,100%{transform:rotate(-12deg) scale(1)}45%{transform:rotate(60deg) scale(1.13)}75%{transform:rotate(-20deg) scale(.98)}}@keyframes name-pop{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.1)}75%{transform:translateY(2px) scale(.98)}}
@media(min-width:1600px){.hero-grid{min-height:660px}.hero,.header,footer{padding-inline:max(5%,calc((100vw - 1440px)/2))}.section{padding-inline:max(7%,calc((100vw - 1380px)/2))}}
@media(max-width:900px){.header{padding:0 5%;height:90px}.header nav{gap:18px}.hero-grid{gap:2%;min-height:530px}.hero h1{font-size:3.5rem}.brand-stage{min-height:350px}.star-disc{width:140px;height:140px}.stage-name{font-size:5rem}.section{grid-template-columns:1fr;gap:30px;padding:65px 6%}.section h2{max-width:760px}.about-columns{grid-template-columns:1fr 3fr}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{height:auto;min-height:86px;flex-wrap:wrap;gap:16px;padding-block:16px}.header .brand{gap:8px}.brand strong{font-size:1.65rem}.brand small{font-size:.8125rem}.brand img{width:38px;height:38px}.header nav{order:3;width:100%;border-top:1px solid #eee;padding-top:12px;justify-content:space-between;font-size:.9375rem}.language{padding:6px 13px;font-size:.875rem}.hero{padding-top:22px}.issue{display:none}.hero-grid{grid-template-columns:1fr;gap:15px;padding:28px 0 32px}.hero h1{font-size:clamp(2.7rem,10.5vw,4rem);line-height:1.4;margin-bottom:18px;letter-spacing:-.04em}.hero-copy p{font-size:1rem;max-width:100%;margin-bottom:24px}.button{min-height:54px;font-size:.9375rem}.brand-stage{min-height:340px;max-width:350px;justify-self:center;margin-top:14px}.star-disc{width:130px;height:130px;box-shadow:7px 8px 0 var(--ink)}.stage-name{font-size:4.8rem;margin-top:17px}.stage-caption{font-size:1rem}.stage-note{margin-top:18px;font-size:.8125rem}.orbit-one{width:94%}.hero-bottom{align-items:start;font-size:.8125rem;gap:14px;padding:18px 0}.hero-bottom>span{max-width:62%}.hero-bottom a{white-space:nowrap}.section{padding:52px 6%;gap:26px}.section h2{font-size:2rem;margin-bottom:26px}.about-columns{grid-template-columns:1fr;gap:24px}.mini-word{font-size:1.3rem}.mini-word br{display:none}.about-columns p{font-size:1rem}.service{grid-template-columns:minmax(0,1fr) 30px;gap:12px;padding:24px 0}.service h3{font-size:1.5rem}.service p{font-size:1rem}.service-symbol{font-size:2rem}.email{gap:14px;font-size:clamp(1.35rem,6.8vw,2rem)}.contact-details{align-items:start;flex-direction:column;gap:28px;margin-top:30px}footer{flex-wrap:wrap;padding:24px 6%;gap:20px}footer>span{order:3;width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:.8125rem}html[lang=en] .hero h1{font-size:clamp(2.7rem,11vw,4rem)}html[lang=en] .stage-name{font-size:4.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-stage:hover .star-disc,.brand-stage:hover .stage-name{transform:none}}