:root{--ink:#1b1d21;--ink-soft:#33363c;--paper:#f7f4ee;--paper-deep:#edeae3;--panel:#fff;--red:#a92f3a;--red-bright:#c13d49;--gold:#b78532;--muted:#74767b;--line:rgba(27,29,33,.12);--font:"Cairo",Tahoma,Arial,sans-serif;--latin:"Manrope","Segoe UI",Arial,sans-serif;--radius:26px;--container:min(1180px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);line-height:1.72;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:var(--container);margin-inline:auto}.hidden{position:absolute;opacity:0;pointer-events:none}.skip-link{position:fixed;top:-90px;right:24px;z-index:999;background:#fff;padding:12px 20px;border-radius:9px}.skip-link:focus{top:18px}.page-noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;inset-inline:0;z-index:100;color:var(--ink);border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{background:rgba(247,244,238,.92);backdrop-filter:blur(18px);border-color:var(--line);box-shadow:0 8px 35px rgba(27,29,33,.06)}.nav-shell{height:92px;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto}.brand-mark{width:46px;height:43px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:50px;height:50px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:17px}.brand-copy small{color:var(--red);font:700 7px/1.8 var(--latin);letter-spacing:1.8px}.nav-links{display:flex;align-items:center;gap:24px;margin-inline:auto}.nav-links a{position:relative;color:rgba(27,29,33,.66);font-size:13px;transition:.2s}.nav-links a::after{content:"";position:absolute;inset-inline-start:0;bottom:-10px;width:0;height:2px;background:var(--red);transition:.25s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a:hover::after,.nav-links a.active::after{width:18px}.lang-toggle{height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.45);color:var(--ink);font:700 10px var(--latin);transition:.25s}.lang-toggle:hover{background:#fff;border-color:rgba(27,29,33,.25)}.nav-cta{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:99px;background:var(--ink);color:#fff;font-size:12px;transition:.25s}.nav-cta i{color:#e77a83}.nav-cta:hover{transform:translateY(-2px);background:var(--red)}.menu-toggle{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:50%;padding:13px 10px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0;transition:.25s}
.hero{min-height:950px;position:relative;overflow:hidden;padding:170px 0 55px;background:var(--paper)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(27,29,33,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(27,29,33,.03) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-glow{position:absolute;border-radius:50%}.glow-one{width:760px;height:760px;left:-450px;top:0;background:radial-gradient(circle,rgba(169,47,58,.16),transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:78px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:12px;font-weight:600}.eyebrow i{display:block;width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(48px,5vw,75px);line-height:1.2;letter-spacing:-2.5px;margin:25px 0 22px}.hero h1 span{position:relative;color:var(--ink-soft)}.hero h1 span::after{content:"";position:absolute;right:0;bottom:4px;width:100%;height:7px;border-radius:99px;background:var(--red);z-index:-1;transform:rotate(-1deg)}.hero-copy>p{max-width:600px;color:#62656b;font-size:17px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 23px;border:1px solid transparent;border-radius:999px;font-weight:600;font-size:13px;transition:.25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--red);color:#fff;box-shadow:0 14px 40px rgba(169,47,58,.23)}.button-primary:hover{background:var(--red-bright)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.3)}.button-ghost:hover{background:#fff;border-color:rgba(27,29,33,.24)}.hero-signature{display:flex;align-items:center;gap:16px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.hero-signature>span{color:var(--red);font:700 8px var(--latin);letter-spacing:2px}.hero-signature p{margin:0;color:#7a7c80;font-size:11px}.hero-feature{position:relative;display:block;padding:10px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:0 35px 90px rgba(27,29,33,.14);transform:rotate(-1.4deg);transition:.45s}.hero-feature:hover{transform:rotate(0) translateY(-8px);box-shadow:0 42px 105px rgba(27,29,33,.2)}.feature-image{height:495px;overflow:hidden;border-radius:23px;background:#0b2250}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.8s}.hero-feature:hover .feature-image img{transform:scale(1.035)}.feature-rank{position:absolute;z-index:3;top:25px;right:25px;display:flex;flex-direction:column;padding:10px 13px;border-radius:12px;background:rgba(8,25,61,.84);backdrop-filter:blur(12px);color:#fff}.feature-rank span{font:700 7px var(--latin);letter-spacing:1.5px;color:#f6c23d}.feature-rank b{font-size:10px}.feature-caption{position:absolute;z-index:3;bottom:25px;right:25px;left:25px;display:flex;align-items:end;justify-content:space-between;padding:45px 20px 17px;border-radius:15px;background:linear-gradient(transparent,rgba(6,22,53,.92));color:#fff}.feature-caption div{display:flex;flex-direction:column}.feature-caption small{color:#ffd55a;font-size:9px}.feature-caption strong{font-size:24px}.feature-caption i{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#ffc83d;color:#14254a}.feature-stamp{position:absolute;z-index:4;left:-20px;top:43%;width:74px;height:74px;display:grid;place-items:center;align-content:center;border:5px solid var(--paper);border-radius:50%;background:var(--red);color:#fff;box-shadow:0 15px 35px rgba(169,47,58,.25)}.feature-stamp b{font:700 17px var(--latin)}.feature-stamp span{font-size:8px}.metrics{position:relative;margin-top:75px;padding-top:27px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.metrics>div{display:flex;align-items:center;gap:12px;padding-inline:25px;border-inline-end:1px solid var(--line)}.metrics>div:first-child{padding-inline-start:0}.metrics>div:last-child{border:0}.metrics strong{font:700 27px var(--latin)}.metrics span{max-width:120px;color:#777a80;font-size:10px;line-height:1.4}
.signature-strip{position:relative;z-index:3;overflow:hidden;background:var(--red);color:#fff}.strip-track{min-width:max-content;display:flex;align-items:center;gap:32px;padding:14px 0;animation:strip 30s linear infinite;font-weight:600}.strip-track span{font-size:13px}.strip-track i{color:#efbd6d;font-style:normal}@keyframes strip{to{transform:translateX(28%)}}
.section{padding:112px 0}.section h2{font-size:clamp(39px,4.3vw,61px);line-height:1.23;letter-spacing:-2px;margin:22px 0 0}.section h2 span{color:var(--red)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.about-lead p{font-size:17px;color:#55575c;margin:0 0 25px}.text-link{display:inline-flex;align-items:center;gap:16px;padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:13px;font-weight:700}.text-link i{color:var(--red)}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px}.philosophy-card{min-height:305px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.3s}.philosophy-card:hover{transform:translateY(-6px);border-color:rgba(169,47,58,.28)}.philosophy-card.featured{box-shadow:inset 0 3px 0 var(--red)}.card-index{font:600 9px var(--latin);color:#898b90}.mini-icon{width:51px;height:51px;display:grid;place-items:center;margin:40px 0 26px;border-radius:14px;background:rgba(169,47,58,.08);color:var(--red);font-size:24px}.philosophy-card h3{margin:0 0 9px;font-size:20px}.philosophy-card p{margin:0;color:#73757a;font-size:13px}
.services{background:var(--paper-deep)}.section-heading{display:grid;grid-template-columns:1fr 340px;align-items:end;gap:40px;margin-bottom:65px}.section-heading>p{margin:0;color:#66686d}.services-list{border-top:1px solid var(--line)}.service-row{min-height:130px;display:grid;grid-template-columns:50px 1.25fr 1fr 40px;align-items:center;gap:22px;border-bottom:1px solid var(--line);transition:.3s}.service-row:hover{padding-inline:16px;background:rgba(255,255,255,.38)}.service-number{font:600 9px var(--latin);color:#85878c}.service-title{display:flex;align-items:center;gap:16px}.service-title i{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--red);font-style:normal}.service-title h3{margin:0;font-size:20px}.service-row p{margin:0;color:#707278;font-size:12px}.row-arrow{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;transition:.3s}.service-row:hover .row-arrow{background:var(--red);transform:rotate(45deg)}
.games{position:relative;overflow:hidden;background:#101116;color:#f8f5ef}.games::before{content:"";position:absolute;width:800px;height:800px;top:-440px;right:-330px;border-radius:50%;background:radial-gradient(circle,rgba(169,47,58,.28),transparent 66%)}.games::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(#000,transparent 88%)}.games>.container{position:relative;z-index:2}.games .eyebrow{color:#df6974}.games .section-heading>p{color:rgba(255,255,255,.6)}.games h2 span{color:#db6570}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{--game-accent:#d95b67;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:rgba(255,255,255,.045);box-shadow:0 28px 75px rgba(0,0,0,.24);transition:.4s}.game-card:hover{transform:translateY(-8px);border-color:var(--game-accent);box-shadow:0 36px 95px rgba(0,0,0,.35)}.game-featured{grid-column:1/-1;display:grid;grid-template-columns:1.18fr .82fr;min-height:535px;border-color:rgba(255,200,61,.25);box-shadow:0 35px 95px rgba(0,0,0,.4)}.game-visual{position:relative;min-height:310px;overflow:hidden;background:#08090f}.game-featured .game-visual{min-height:535px}.game-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,8,14,.66),transparent 45%)}.game-visual img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.8s}.game-card:hover .game-visual img{transform:scale(1.035)}.game-status,.premium-badge{position:absolute;z-index:3;top:19px;right:19px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(8,9,15,.72);backdrop-filter:blur(10px);font-size:9px}.game-status>i{width:6px;height:6px;border-radius:50%;background:var(--game-accent);box-shadow:0 0 0 4px rgba(255,255,255,.1)}.premium-badge{right:auto;left:19px;color:#ffc83d}.game-copy{min-height:285px;display:flex;flex-direction:column;padding:29px 29px 24px}.game-featured .game-copy{min-height:535px;justify-content:center;padding:45px 40px 32px}.game-topline{display:flex;justify-content:space-between;gap:12px;color:var(--game-accent);font-size:9px}.game-topline b{color:rgba(255,255,255,.35);font:700 8px var(--latin);letter-spacing:1.7px}.game-copy h3{margin:17px 0 9px;color:#fff;font-size:31px;line-height:1.25}.game-featured .game-copy h3{font-size:50px}.game-copy p{margin:0;color:rgba(255,255,255,.62);font-size:13px}.game-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.game-tags span{padding:5px 9px;border:1px solid rgba(255,255,255,.11);border-radius:99px;color:rgba(255,255,255,.68);font-size:8px}.game-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;font-size:11px;font-weight:700}.game-action i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--game-accent);color:#fff;transition:.3s}.game-card:hover .game-action i{transform:rotate(-8deg) scale(1.06)}.game-fares{--game-accent:#ffc83d}.game-fares .game-action i{color:#10234d}.game-wesh{--game-accent:#d9ac28}.game-clean{--game-accent:#70b27a}
.games .reveal{opacity:1;transform:none}
.projects{background:var(--paper-deep)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.project-card{position:relative;min-width:0;display:block;overflow:hidden;padding:10px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(27,29,33,.055);transition:.35s}.project-card::after{content:attr(data-number);position:absolute;z-index:3;top:24px;left:24px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(27,29,33,.1);border-radius:50%;background:rgba(255,255,255,.93);font:700 8px var(--latin);box-shadow:0 8px 18px rgba(27,29,33,.1)}.project-card:hover{transform:translateY(-8px);border-color:rgba(169,47,58,.34);box-shadow:0 28px 65px rgba(27,29,33,.12)}.project-large{grid-column:1/-1;display:grid;grid-template-columns:.84fr 1.16fr;padding:12px}.project-shot{height:292px;overflow:hidden;position:relative;border:1px solid rgba(27,29,33,.08);border-radius:19px;background:#ecebe7}.project-large .project-shot{height:430px}.project-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.7s}.project-card:hover .project-shot img{transform:scale(1.035)}.project-meta{min-height:235px;display:flex;flex-direction:column;justify-content:space-between;padding:26px 20px 16px}.project-large .project-meta{order:-1;min-height:430px;padding:47px 40px 30px}.project-meta>div>span{display:inline-flex;width:max-content;max-width:100%;padding:5px 10px;border:1px solid rgba(169,47,58,.13);border-radius:99px;background:rgba(169,47,58,.06);color:var(--red);font-size:8px}.project-meta h3{margin:12px 0 7px;font-size:29px;letter-spacing:-.5px}.project-large .project-meta h3{margin-top:20px;font-size:43px}.project-meta h3 small{font:700 12px var(--latin);color:#7a7c82}.project-meta p{max-width:420px;margin:0;color:#696c72;font-size:12px}.project-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:11px}.project-link em{font-style:normal}.project-link i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;transition:.25s}.project-card:hover .project-link{color:var(--red)}.project-card:hover .project-link i{background:var(--red);transform:rotate(-8deg)}
.process{background:var(--paper-deep);border-block:1px solid var(--line);padding:100px 0}.process-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.process-copy p{max-width:370px;color:#6c6e73}.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.process-steps li{min-height:165px;display:flex;gap:20px;padding:22px 0 22px 25px;border-top:1px solid var(--line)}.process-steps li:nth-child(odd){border-inline-end:1px solid var(--line)}.process-steps>li>span{color:var(--red);font:700 9px var(--latin)}.process-steps h3{margin:0 0 7px;font-size:18px}.process-steps p{margin:0;color:#73757a;font-size:11px}.contact{background:var(--paper)}.contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.contact-copy>p{max-width:440px;color:#62656a}.contact-details{display:grid;margin-top:48px}.contact-details>*{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid var(--line)}.contact-details small{color:#85878d;font-size:9px}.contact-details b{font-size:14px}.contact-form{padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 25px 65px rgba(27,29,33,.09)}.field{display:flex;flex-direction:column;margin-bottom:21px}.field label{margin-bottom:6px;color:#737a80;font-size:10px}.field input,.field textarea,.field select{width:100%;padding:6px 0 11px;border:0;border-bottom:1px solid #d0d2d3;border-radius:0;outline:0;background:transparent;color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red)}.submit-button{width:100%;border:0;margin-top:8px}.submit-button:disabled{opacity:.65}.form-status{min-height:22px;margin:10px 0 0;text-align:center;color:var(--red);font-size:11px}.site-footer{padding:66px 0 22px;border-top:1px solid var(--line);background:#e8e5de}.footer-top{display:grid;grid-template-columns:.8fr 1fr auto;gap:45px;align-items:center;padding-bottom:48px;border-bottom:1px solid var(--line)}.footer-top>p{max-width:430px;margin:0;color:#6d6f75;font-size:12px}.footer-social-group{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.footer-social-group>span{color:#7c7f84;font-size:9px}.socials{display:flex;gap:7px;direction:ltr}.socials a{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:.22s}.socials a:hover{transform:translateY(-3px);border-color:var(--red);background:var(--red);color:#fff}.footer-bottom{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;color:#71737a;font-size:9px}.footer-bottom>div{display:flex;gap:22px}.back-top{justify-self:end;width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
/* Case studies */
.case-page{--case-bg:#f4f1eb;--case-ink:#17202b;--case-accent:#a92f3a;--case-accent2:#d19d45;--case-panel:#fff;background:var(--case-bg);color:var(--case-ink)}.case-page .site-header{color:var(--case-ink)}.case-page .site-header.scrolled{background:color-mix(in srgb,var(--case-bg) 90%,transparent);border-color:color-mix(in srgb,var(--case-ink) 13%,transparent)}.case-page .brand-copy small{color:var(--case-accent)}.case-page .nav-links a{color:color-mix(in srgb,var(--case-ink) 66%,transparent)}.case-page .nav-links a:hover{color:var(--case-ink)}.case-page .nav-cta{background:var(--case-ink)}.case-page .nav-cta:hover{background:var(--case-accent)}.case-page .lang-toggle{color:var(--case-ink);border-color:color-mix(in srgb,var(--case-ink) 14%,transparent)}.case-hero{position:relative;overflow:hidden;min-height:790px;padding:165px 0 95px;background:var(--case-hero,var(--case-bg))}.case-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--case-ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--case-ink) 4%,transparent) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(#000,transparent 88%)}.case-orb{position:absolute;width:720px;height:720px;left:-360px;top:20px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--case-accent) 22%,transparent),transparent 68%)}.case-hero-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.case-breadcrumb{display:flex;align-items:center;gap:9px;color:color-mix(in srgb,var(--case-ink) 56%,transparent);font-size:10px}.case-breadcrumb i{color:var(--case-accent);font-size:8px}.case-kicker{display:inline-flex;align-items:center;gap:9px;margin-top:35px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--case-accent) 28%,transparent);border-radius:99px;background:color-mix(in srgb,var(--case-accent) 7%,transparent);color:var(--case-accent);font-size:9px;font-weight:700}.case-title{margin:19px 0 18px;font-size:clamp(50px,6.7vw,94px);line-height:1.04;letter-spacing:-3px}.case-title small{display:block;margin-top:11px;color:color-mix(in srgb,var(--case-ink) 48%,transparent);font:700 13px var(--latin);letter-spacing:4px}.case-desc{max-width:540px;margin:0;color:color-mix(in srgb,var(--case-ink) 67%,transparent);font-size:16px}.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}.case-tags span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--case-ink) 14%,transparent);border-radius:99px;background:color-mix(in srgb,var(--case-panel) 60%,transparent);font-size:8px}.case-actions{display:flex;flex-wrap:wrap;gap:10px}.case-actions .button-primary{background:var(--case-accent);box-shadow:0 14px 40px color-mix(in srgb,var(--case-accent) 25%,transparent)}.case-actions .button-ghost{border-color:color-mix(in srgb,var(--case-ink) 15%,transparent)}.case-visual{position:relative;padding:10px;border:1px solid color-mix(in srgb,var(--case-ink) 13%,transparent);border-radius:28px;background:var(--case-panel);box-shadow:0 35px 90px color-mix(in srgb,var(--case-ink) 16%,transparent);transform:rotate(-1deg)}.case-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:19px}.case-visual-note{position:absolute;right:-25px;bottom:32px;max-width:190px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--case-ink) 12%,transparent);border-radius:14px;background:color-mix(in srgb,var(--case-panel) 90%,transparent);backdrop-filter:blur(10px);box-shadow:0 14px 35px color-mix(in srgb,var(--case-ink) 12%,transparent)}.case-visual-note small{display:block;color:var(--case-accent);font-size:8px}.case-visual-note b{font-size:11px}.case-summary{border-block:1px solid color-mix(in srgb,var(--case-ink) 12%,transparent);background:color-mix(in srgb,var(--case-panel) 45%,transparent)}.case-summary-grid{min-height:135px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.case-summary-grid>div{padding:8px 26px;border-inline-end:1px solid color-mix(in srgb,var(--case-ink) 12%,transparent)}.case-summary-grid>div:last-child{border:0}.case-summary small{display:block;color:color-mix(in srgb,var(--case-ink) 52%,transparent);font-size:8px}.case-summary b{font-size:15px}.case-section{padding:105px 0}.case-section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;margin-bottom:55px}.case-section-head h2{margin:0;font-size:clamp(38px,4.5vw,62px);line-height:1.18}.case-section-head h2 span{color:var(--case-accent)}.case-section-head p{margin:0;color:color-mix(in srgb,var(--case-ink) 62%,transparent);font-size:15px}.case-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.case-feature{grid-column:span 4;min-height:245px;padding:26px;border:1px solid color-mix(in srgb,var(--case-ink) 11%,transparent);border-radius:22px;background:var(--case-panel);box-shadow:0 12px 30px color-mix(in srgb,var(--case-ink) 5%,transparent)}.case-feature.wide{grid-column:span 8}.case-feature.tall{min-height:330px}.case-feature>span{color:var(--case-accent);font:700 9px var(--latin)}.case-feature h3{margin:32px 0 8px;font-size:20px}.case-feature p{margin:0;color:color-mix(in srgb,var(--case-ink) 60%,transparent);font-size:12px}.case-gallery-section{background:color-mix(in srgb,var(--case-ink) 5%,var(--case-bg))}.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.case-gallery figure{margin:0;padding:8px;border:1px solid color-mix(in srgb,var(--case-ink) 11%,transparent);border-radius:20px;background:var(--case-panel)}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:13px;cursor:zoom-in}.case-gallery figcaption{padding:10px 7px 4px;color:color-mix(in srgb,var(--case-ink) 60%,transparent);font-size:10px}.case-quote{padding:100px 0;text-align:center;background:var(--case-ink);color:#fff}.case-quote blockquote{max-width:850px;margin:0 auto 28px;font-size:clamp(31px,4vw,55px);line-height:1.35;font-weight:700}.case-quote blockquote span{color:var(--case-accent2)}.case-quote p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.62)}.case-cta{padding:105px 0;text-align:center}.case-cta h2{max-width:800px;margin:0 auto 17px;font-size:clamp(38px,4.6vw,62px);line-height:1.2}.case-cta p{max-width:600px;margin:0 auto 28px;color:color-mix(in srgb,var(--case-ink) 62%,transparent)}.case-cta .button{margin:auto}.case-page .site-footer{background:color-mix(in srgb,var(--case-ink) 6%,var(--case-bg));border-color:color-mix(in srgb,var(--case-ink) 12%,transparent)}.lightbox{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:28px;background:rgba(0,0,0,.92)}.lightbox.open{display:grid}.lightbox img{max-width:min(1250px,96vw);max-height:88vh;border-radius:13px}.lightbox button{position:absolute;top:20px;left:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#17191d;color:#fff;font-size:24px}
.case-fares{--case-bg:#f6f8fc;--case-ink:#102143;--case-accent:#1e65d6;--case-accent2:#ffc83d;--case-panel:#fff;--case-hero:linear-gradient(135deg,#071c42,#174fa7)}.case-fares .case-hero,.case-wesh .case-hero{color:#fff}.case-fares .case-hero{min-height:865px}.case-fares .case-hero .case-desc,.case-fares .case-breadcrumb,.case-fares .case-title small,.case-wesh .case-hero .case-desc,.case-wesh .case-breadcrumb,.case-wesh .case-title small{color:rgba(255,255,255,.66)}.case-fares .case-kicker{color:#ffd05a;border-color:rgba(255,208,90,.3);background:rgba(255,208,90,.08)}.case-fares .case-tags span,.case-wesh .case-tags span{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07)}.case-fares .case-actions .button-primary{background:#ffc83d;color:#102143}.case-fares .case-actions .button-ghost,.case-wesh .case-actions .button-ghost{color:#fff;border-color:rgba(255,255,255,.22)}.case-fares .case-visual{transform:rotate(1deg);box-shadow:0 45px 110px rgba(0,0,0,.3)}.case-fares .case-visual-note{background:#ffc83d;color:#102143}.case-fares .case-visual-note small{color:#1e65d6}.case-fares .case-feature:nth-child(2){background:#102143;color:#fff}.case-fares .case-feature:nth-child(2) p{color:rgba(255,255,255,.62)}
.case-wesh{--case-bg:#0b0c13;--case-ink:#f2f3f8;--case-accent:#d9ac28;--case-accent2:#e66498;--case-panel:#141621;--case-hero:radial-gradient(circle at 25% 25%,#171426,#07080f 62%);color:#f2f3f8}.case-wesh .site-header{color:#fff}.case-wesh .site-header.scrolled{background:rgba(7,8,15,.9)}.case-wesh .brand-copy small,.case-wesh .case-kicker{color:#d9ac28}.case-wesh .lang-toggle,.case-wesh .nav-links a{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.14)}.case-wesh .nav-cta{background:#d9ac28;color:#111}.case-wesh .case-visual{transform:rotate(-1.5deg);box-shadow:0 45px 120px rgba(0,0,0,.5)}.case-wesh .case-section-head p,.case-wesh .case-feature p,.case-wesh .case-cta p{color:rgba(255,255,255,.6)}.case-wesh .case-feature,.case-wesh .case-gallery figure{border-color:rgba(255,255,255,.1)}.case-wesh .case-gallery-section{background:#0f1119}.case-wesh .case-summary{background:#0f1119;border-color:rgba(255,255,255,.1)}.case-wesh .case-summary-grid>div{border-color:rgba(255,255,255,.1)}.case-wesh .case-summary small{color:rgba(255,255,255,.5)}.case-wesh .site-footer{background:#07080f;color:#fff;border-color:rgba(255,255,255,.1)}.case-wesh .footer-top>p,.case-wesh .footer-bottom{color:rgba(255,255,255,.55)}
.case-clean{--case-bg:#edf3ef;--case-ink:#183225;--case-accent:#327955;--case-accent2:#ed7b34;--case-panel:#fff;--case-hero:linear-gradient(145deg,#edf3ef,#dce9df)}.case-clean .case-hero-grid{grid-template-columns:.72fr 1.28fr}.case-clean .case-visual{border-radius:54px 14px 54px 14px;transform:none;box-shadow:0 40px 90px rgba(37,84,57,.18)}.case-clean .case-visual img{border-radius:44px 8px 44px 8px}.case-clean .case-feature:nth-child(3){background:#327955;color:#fff}.case-clean .case-feature:nth-child(3) p{color:rgba(255,255,255,.65)}
.case-injaz{--case-bg:#f2f0ea;--case-ink:#222a32;--case-accent:#a92f3a;--case-accent2:#c69747;--case-panel:#fff;--case-hero:linear-gradient(135deg,#f2f0ea,#e6e2da)}.case-injaz .case-visual{transform:none;border-radius:16px;box-shadow:22px 26px 0 rgba(169,47,58,.1),0 35px 80px rgba(34,42,50,.15)}.case-injaz .case-visual img{border-radius:9px}.case-injaz .case-feature{border-radius:10px}.case-injaz .case-feature.wide{background:#222a32;color:#fff}.case-injaz .case-feature.wide p{color:rgba(255,255,255,.6)}
.case-almham{--case-bg:#f2eff9;--case-ink:#272039;--case-accent:#7356b6;--case-accent2:#e0a84b;--case-panel:#fff;--case-hero:radial-gradient(circle at 20% 20%,#e3daf6,#f2eff9 64%)}.case-almham .case-visual{transform:rotate(1.2deg);border-radius:34px;box-shadow:0 42px 90px rgba(115,86,182,.2)}.case-almham .case-visual img{border-radius:25px}.case-almham .case-feature:nth-child(2),.case-almham .case-feature:nth-child(4){background:#7356b6;color:#fff}.case-almham .case-feature:nth-child(2) p,.case-almham .case-feature:nth-child(4) p{color:rgba(255,255,255,.65)}
.case-almhamweb{--case-bg:#edf6f8;--case-ink:#17313a;--case-accent:#227f96;--case-accent2:#e39a45;--case-panel:#fff;--case-hero:linear-gradient(145deg,#edf6f8,#d9edf1)}.case-almhamweb .case-visual{transform:none;border-radius:20px;box-shadow:0 36px 90px rgba(34,127,150,.18)}.case-almhamweb .case-feature.wide{background:#1a4e5b;color:#fff}.case-almhamweb .case-feature.wide p{color:rgba(255,255,255,.65)}
.case-labbaik{--case-bg:#eef7f2;--case-ink:#18382a;--case-accent:#17835a;--case-accent2:#d2a13e;--case-panel:#fff;--case-hero:linear-gradient(135deg,#eef7f2,#dcefe3)}.case-labbaik .case-visual{transform:rotate(-1deg);border-radius:40px 40px 12px 40px;box-shadow:0 40px 95px rgba(23,131,90,.18)}.case-labbaik .case-visual img{border-radius:31px 31px 7px 31px}.case-labbaik .case-feature:nth-child(1){background:#17835a;color:#fff}.case-labbaik .case-feature:nth-child(1) p{color:rgba(255,255,255,.65)}
.case-yafe{--case-bg:#fff8e9;--case-ink:#26324a;--case-accent:#e67727;--case-accent2:#3474ce;--case-panel:#fff;--case-hero:linear-gradient(150deg,#fff8e9,#ffedc4)}.case-yafe .case-visual{transform:rotate(1.3deg);border:7px solid #fff;border-radius:26px;box-shadow:-18px 22px 0 rgba(52,116,206,.12),0 40px 90px rgba(230,119,39,.16)}.case-yafe .case-feature:nth-child(3){background:#3474ce;color:#fff}.case-yafe .case-feature:nth-child(3) p{color:rgba(255,255,255,.67)}
@media(max-width:980px){:root{--container:min(100% - 32px,750px)}.nav-shell{height:78px}.nav-cta{display:none}.menu-toggle{display:block}.nav-links{position:fixed;inset:78px 0 auto;height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;gap:28px;background:rgba(247,244,238,.98);transform:translateX(105%);transition:.35s}.case-page .nav-links{background:color-mix(in srgb,var(--case-bg) 98%,transparent)}.case-wesh .nav-links{background:#0b0c13}.nav-links.open{transform:none}.nav-links a{font-size:21px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{padding-top:135px}.hero-grid,.about-grid,.contact-shell,.case-hero-grid,.case-clean .case-hero-grid,.case-section-head{grid-template-columns:1fr}.hero-grid{gap:55px}.feature-image{height:430px}.metrics{grid-template-columns:1fr 1fr;gap:25px 0}.metrics>div:nth-child(2){border:0}.section{padding:90px 0}.philosophy-grid{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr}.service-row{grid-template-columns:42px 1fr 32px}.service-row>p{display:none}.game-featured{grid-column:auto;display:flex;min-height:0}.games-grid,.projects-grid{grid-template-columns:1fr}.game-featured .game-visual{min-height:380px}.game-featured .game-copy{min-height:330px;padding:30px}.project-large{grid-column:auto;display:block}.project-large .project-shot{height:330px}.project-large .project-meta{min-height:250px;order:initial;padding:29px 22px 17px}.process-shell{grid-template-columns:1fr;gap:45px}.footer-top{grid-template-columns:1fr}.footer-social-group{align-items:flex-start}.case-hero{padding-top:135px}.case-hero-grid{gap:50px}.case-section-head{gap:25px}.case-feature,.case-feature.wide{grid-column:span 6}.case-summary-grid{grid-template-columns:1fr 1fr}.case-summary-grid>div:nth-child(2){border:0}}
@media(max-width:620px){:root{--container:calc(100% - 28px);--radius:19px}.brand-copy b{font-size:15px}.brand-copy small{font-size:6px}.lang-toggle{margin-inline-start:auto}.hero{min-height:auto;padding-bottom:45px}.hero h1{font-size:41px;letter-spacing:-1.4px}.hero-copy>p{font-size:15px}.hero-actions .button{width:100%}.hero-signature{align-items:flex-start;flex-direction:column}.hero-feature{border-radius:23px}.feature-image{height:330px;border-radius:16px}.feature-caption{right:18px;left:18px;bottom:18px}.feature-stamp{left:-5px}.metrics{margin-top:55px}.metrics>div{padding-inline:10px;flex-direction:column;align-items:flex-start;gap:1px}.section h2{font-size:37px;letter-spacing:-1.2px}.service-row{min-height:105px;grid-template-columns:28px 1fr 31px;gap:8px}.service-title{gap:9px}.service-title i{width:36px;height:36px}.service-title h3{font-size:15px}.game-card{border-radius:22px}.game-visual,.game-featured .game-visual{min-height:235px}.game-copy,.game-featured .game-copy{min-height:300px;padding:24px 20px 19px}.game-copy h3,.game-featured .game-copy h3{font-size:29px}.premium-badge{display:none}.project-shot,.project-large .project-shot{height:235px}.project-meta{padding:22px}.process-steps{grid-template-columns:1fr}.process-steps li:nth-child(odd){border-inline-end:0}.contact-shell{gap:50px}.contact-form{padding:27px 20px}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom>div{display:none}.case-hero{min-height:auto;padding-bottom:75px}.case-title{font-size:47px;letter-spacing:-1.5px}.case-desc{font-size:14px}.case-actions .button{width:100%}.case-visual{border-radius:22px!important;transform:none!important}.case-visual img{border-radius:14px!important}.case-visual-note{right:12px;bottom:-28px}.case-summary-grid{grid-template-columns:1fr;padding:17px 0}.case-summary-grid>div{padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--case-ink) 12%,transparent)!important}.case-summary-grid>div:last-child{border:0!important}.case-section{padding:80px 0}.case-section-head h2{font-size:37px}.case-feature,.case-feature.wide{grid-column:1/-1;min-height:220px}.case-gallery{grid-template-columns:1fr}.case-gallery figure:first-child{grid-column:auto}.case-quote{padding:75px 0}.case-quote blockquote{font-size:30px}.case-cta{padding:80px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.reveal{opacity:1;transform:none}}

/* Typography system: Cairo for Arabic, Manrope for English and Latin details */
body{font-size:15.5px;line-height:1.82;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.language-en{font-family:var(--latin);line-height:1.72}
body:not(.language-en) :is(h1,h2,h3,h4,h5,h6,.brand-copy b){font-family:var(--font)}

/* Clean, single-line brand lockup */
.brand-copy{display:inline-flex;align-items:center;line-height:1;white-space:nowrap}
.brand-copy b{font-size:19px;font-weight:700;letter-spacing:-.25px}

/* Navigation and primary reading sizes */
.nav-links a{font-size:14px;font-weight:500}
.nav-cta,.button{font-size:14px}
.lang-toggle{font-size:11px}
.eyebrow{font-size:13px}
.hero-copy>p,.about-lead p{font-size:18px;line-height:1.9}
.section-heading>p,.process-copy p,.contact-copy>p{font-size:15.5px;line-height:1.85}

/* Make supporting copy readable without overpowering headings */
.philosophy-card p,.service-row p,.game-copy p,.project-meta p,.process-steps p,.footer-top>p{font-size:13.5px;line-height:1.85}
.game-action,.project-link{font-size:12.5px}
.game-status,.premium-badge,.game-topline,.game-tags span,.project-meta>div>span{font-size:10px}
.feature-rank b,.feature-caption small,.metrics span,.contact-details small,.field label,.footer-social-group>span{font-size:11px}
.hero-signature p,.form-status{font-size:12.5px}
.footer-bottom{font-size:10.5px}

/* Project pages */
.case-breadcrumb{font-size:11.5px}
.case-kicker{font-size:10.5px}
.case-desc{font-size:17px;line-height:1.9}
.case-tags span{font-size:10px}
.case-visual-note small,.case-summary small{font-size:10px}
.case-visual-note b{font-size:12.5px}
.case-summary b{font-size:16px}
.case-section-head p{font-size:16px;line-height:1.9}
.case-feature>span{font-size:10px}
.case-feature p{font-size:13.5px;line-height:1.85}
.case-gallery figcaption{font-size:12px}
.case-quote p,.case-cta p{font-size:15.5px;line-height:1.85}

@media(max-width:620px){
  body{font-size:15px}
  .brand-copy b{font-size:17px}
  .nav-links a{font-size:20px}
  .hero-copy>p,.about-lead p{font-size:16px}
  .case-desc{font-size:15px}
}