:root{--bg:#0b0b0f;--surface:#15151a;--ink:#f7f7f5;--muted:#a1a1aa;--red:#e51c3e;--light:#f2f0ea;--light-ink:#19191d;--line:rgba(255,255,255,.13);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Manrope',Arial,sans-serif;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:'Noto Kufi Arabic',sans-serif}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{color:white;background:var(--red)}.shell{max-width:1536px;padding-inline:clamp(24px,5.2vw,88px);margin-inline:auto}.mono,.section-kicker,.hero-scroll,.hero-top,.service-num,.project-index,.project-category,.project-visual,.process-n,.mini-heading,.form-group label,.footer-base,.footer-col h3,.interior-bottom,.contact-direct>span,.contact-region,.deliver-list,.mock-nova,.mock-dashboard,.mock-form,.detail-art{font-family:'DM Mono',monospace}html[lang=ar] .mono,html[lang=ar] .section-kicker,html[lang=ar] .hero-scroll,html[lang=ar] .service-num,html[lang=ar] .project-category,html[lang=ar] .process-n,html[lang=ar] .form-group label,html[lang=ar] .footer-col h3,html[lang=ar] .contact-direct>span,html[lang=ar] .mini-heading{font-family:'Noto Kufi Arabic',sans-serif}.skip-link{position:fixed;inset-inline-start:20px;top:-80px;z-index:1000;background:white;color:black;padding:12px 20px}.skip-link:focus{top:20px}.site-header{height:95px;position:absolute;inset-inline:0;top:0;z-index:100;background:rgba(9,9,12,.06);transition:background .3s,box-shadow .3s}.site-header.is-scrolled{position:fixed;background:rgba(11,11,15,.9);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(22px)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo-link{position:relative;display:flex;align-items:center;flex-shrink:0;width:163px}.logo-link img{width:100%;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,41px)}.desktop-nav a{font-size:13px;font-weight:700;color:#b9b9c0;transition:color .25s;white-space:nowrap;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:white}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;height:3px;width:3px;border-radius:50%;background:var(--red);bottom:-9px;left:calc(50% - 1px)}.nav-actions{display:flex;align-items:center;gap:24px}.lang-switch{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em}.lang-switch svg{width:16px}.nav-contact{height:43px;display:flex;align-items:center;gap:24px;padding:0 17px 0 20px;border:1px solid rgba(255,255,255,.25);border-radius:40px;font-size:12px;font-weight:800;transition:.25s}.nav-contact:hover{background:white;color:black;border-color:white}.nav-contact span{font-size:18px;color:var(--red)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:white;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:17px;height:1px;background:currentColor;transition:.3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{display:none}.pointer-glow{position:fixed;width:360px;height:360px;pointer-events:none;z-index:4;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(229,28,62,.065),transparent 67%);opacity:0;transition:opacity .4s}
.display-xl,.display-lg,.hero-type,.detail-title,.footer-huge,.form-title{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;letter-spacing:-.077em;line-height:.94}html[lang=ar] .display-xl,html[lang=ar] .display-lg,html[lang=ar] .hero-type,html[lang=ar] .detail-title{font-family:'Noto Kufi Arabic',sans-serif;letter-spacing:-.052em;line-height:1.28}.display-lg{font-size:clamp(51px,6.1vw,102px)}.display-xl{font-size:clamp(67px,8.3vw,142px)}h2 em,h1 em{font-style:normal;color:var(--red)}h2 i{font-style:normal;color:var(--red)}.section-pad{padding-block:clamp(100px,12vw,184px)}.section-kicker{display:inline-flex;gap:12px;align-items:center;font-size:11px;font-weight:500;letter-spacing:.09em;line-height:1.5;white-space:normal}.kicker-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--red);border-radius:50%}.section-heading{display:grid;grid-template-columns:25% 1fr;gap:30px;margin-bottom:74px}.section-heading-main{display:flex;align-items:end;justify-content:space-between;gap:44px}.section-sub{max-width:310px;color:#9f9fa8;font-size:15px;line-height:1.85}.reveal{opacity:0;transform:translateY(44px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in-view{opacity:1;transform:none}.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid currentColor;border-radius:100px;min-height:58px;padding:7px 8px 7px 24px;background:transparent;color:inherit;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.035em;transition:background .25s,color .25s,border-color .25s,transform .4s var(--ease);line-height:1.2}.pill-button:hover{transform:translateY(-3px)}.btn-icon{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red);color:white;transition:transform .35s var(--ease),background .25s}.pill-button:hover .btn-icon{transform:rotate(45deg)}.button-light{background:var(--light);color:#0c0c0f;border-color:var(--light)}.button-light .btn-icon{background:var(--red);color:white}.button-outline{border-color:#67676d}.button-outline:hover{border-color:white;background:white;color:#111}.button-red{background:var(--red);color:white;border-color:var(--red)}.button-red .btn-icon{background:white;color:var(--red)}.text-link{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:11px;letter-spacing:.02em}.text-link span{display:flex;transition:transform .3s}.text-link:hover span{transform:translateX(5px)}html[dir=rtl] .text-link:hover span{transform:translateX(-5px)}.section-end{display:flex;justify-content:flex-end;margin-top:60px}.light-section{color:var(--light-ink);background:var(--light)}
/* Hero */
.hero{min-height:820px;min-height:min(920px,100svh);position:relative;background:radial-gradient(ellipse at 69% 62%,rgba(134,9,36,.19),transparent 37%),radial-gradient(ellipse at 94% 16%,rgba(97,7,31,.12),transparent 27%),#0b0b0f;overflow:hidden}.hero:before,.interior-hero:before{content:'';position:absolute;inset:0;opacity:.19;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='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.035) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.035) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.035) 75%,transparent calc(75% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),rgba(255,255,255,.024) 50%,transparent calc(50% + 1px));mask-image:linear-gradient(0deg,transparent,black 38%);pointer-events:none}.hero-inner{position:relative;min-height:820px;min-height:min(920px,100svh);padding-top:144px;padding-bottom:45px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;align-items:center;gap:15px;color:#b0b0b8;font-size:10px;letter-spacing:.09em;z-index:2}.hero-star{color:var(--red);font-size:20px}.hero-number{margin-inline-start:auto}.hero-type{position:relative;z-index:3;font-size:clamp(74px,10.9vw,186px);line-height:.84;letter-spacing:-.097em;margin-top:45px;margin-bottom:0;pointer-events:none}.hero-line{overflow:hidden;padding-bottom:.06em;margin-bottom:.01em}.hero-line>span{display:block;animation:heroIn 1.25s var(--ease) both}.hero-line-two>span{animation-delay:.12s}.hero-line-three>span{animation-delay:.24s}.hero-line-four>span{animation-delay:.36s}.hero-line-two{margin-inline-start:clamp(24px,8vw,150px)}.hero-line-three{color:var(--red)}.hero-line-four{margin-inline-start:clamp(45px,13vw,210px)}@keyframes heroIn{0%{opacity:0;transform:translateY(120%)}100%{opacity:1;transform:translateY(0)}}.hero-bottom{z-index:3;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:25px}.hero-bottom p{font-size:15px;line-height:1.85;max-width:310px;color:#b6b6bc}.hero-actions{display:flex;align-items:center;gap:25px}.hero-scroll{display:flex;align-items:center;gap:14px;align-self:flex-start;color:#85858d;margin-top:35px;font-size:10px;letter-spacing:.16em}.scroll-line{height:1px;width:54px;background:rgba(255,255,255,.24);position:relative}.scroll-line:after{content:'';position:absolute;top:0;left:0;width:16px;height:1px;background:var(--red);animation:scrollLine 2s infinite ease-in-out}@keyframes scrollLine{to{transform:translateX(42px)}}.orb-art{position:absolute;z-index:2;width:clamp(240px,33vw,510px);height:clamp(240px,33vw,510px);right:3%;top:19%;pointer-events:none;transform:rotate(-13deg);animation:float 8s ease-in-out infinite}.orb-main,.orb-secondary{position:absolute;border-radius:50%;box-shadow:inset -26px -31px 50px rgba(72,0,22,.68),inset 14px 12px 29px rgba(255,159,170,.28),30px 40px 90px rgba(86,1,26,.34),0 0 90px rgba(229,28,62,.13);background:radial-gradient(ellipse at 27% 24%,#ffadb7 0%,#ff526a 14%,#ef2148 31%,#c40732 60%,#79001c 83%,#36000d 100%)}.orb-main{width:70%;height:70%;top:24%;left:10%}.orb-secondary{width:44%;height:44%;top:34%;left:60%;filter:brightness(.82)}.orb-sheen{position:absolute;width:24%;height:10%;border-radius:50%;top:14%;left:18%;transform:rotate(-40deg);background:rgba(255,255,255,.75);filter:blur(7px)}.orb-halo{position:absolute;border:1px solid rgba(249,103,126,.22);border-radius:50%;width:103%;height:60%;left:-1%;top:42%;transform:rotate(-28deg)}.orb-halo-two{transform:rotate(54deg);width:80%;height:108%;top:0;left:21%;opacity:.52}.orb-stem{position:absolute;background:#9b2032;border-radius:50% 50% 30% 30%;z-index:1;transform-origin:bottom}.orb-stem-one{height:42%;width:4px;left:51%;top:-3%;transform:rotate(30deg)}.orb-stem-two{height:28%;width:3px;left:74%;top:10%;transform:rotate(-33deg)}.orb-leaf{position:absolute;z-index:3;width:27%;height:13%;background:linear-gradient(130deg,#eb3b57,#9b0029);border-radius:0 100% 0 100%;transform:rotate(-17deg);top:1%;left:49%;box-shadow:0 15px 18px rgba(0,0,0,.25)}.orb-tag{position:absolute;bottom:-13%;right:3%;color:rgba(255,255,255,.35);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em}@keyframes float{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-20px) rotate(-10deg)}}html[dir=rtl] .hero-type{font-size:clamp(77px,11vw,164px)}html[dir=rtl] .hero-line-two{margin-inline-start:10%}html[dir=rtl] .hero-line-four{margin-inline-start:14%}html[dir=rtl] .orb-art{right:auto;left:1%;top:20%}
/* ticker */
.ticker{overflow:hidden;background:var(--red);color:white;padding:18px 0;transform:rotate(-1.2deg) scale(1.03);position:relative;z-index:5}.ticker-track{font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:.04em;font-size:14px;white-space:nowrap;animation:ticker 34s linear infinite;display:inline-block}@keyframes ticker{to{transform:translateX(-50%)}}
/* intro */
.intro{min-height:770px;position:relative;padding:170px 0 175px;overflow:hidden}.intro-layout{display:grid;grid-template-columns:25% 1fr;gap:30px}.intro-main{position:relative;z-index:2}.intro-main h2{max-width:1050px}.intro-main h2 em,.process-left h2 em,.about-story h2 em{color:var(--red)}.intro-lower{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:65px}.intro-lower p{font-size:17px;line-height:2;max-width:580px}.intro-lower .mono{max-width:160px;font-size:10px;line-height:1.7;color:#666}.intro-squiggle{position:absolute;bottom:-220px;left:-125px;color:#e2dfd7;font-size:660px;line-height:1;pointer-events:none;transform:rotate(-14deg)}
/* services */
.services-section{background:#0b0b0f}.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:12% 1fr 60px;gap:20px;align-items:center;padding:38px 16px 39px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:padding .3s,background .3s}.service-row:before{content:'';position:absolute;background:linear-gradient(90deg,rgba(229,28,62,.13),transparent);inset:0;opacity:0;transition:opacity .3s}.service-row:hover{padding-inline-start:20px;background:#141318}.service-row:hover:before{opacity:1}.service-num{font-size:11px;color:var(--red);position:relative;z-index:1}.service-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;z-index:1}.service-copy h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,3.6vw,58px);letter-spacing:-.05em;font-weight:600;line-height:1.1;transition:color .3s}.service-row:hover h3{color:white}.service-copy p{color:#8c8c97;font-size:12px;line-height:1.75;max-width:280px}.service-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid #45454e;position:relative;z-index:1;transition:.35s}.service-row:hover .service-icon{background:var(--red);border-color:var(--red);transform:rotate(45deg)}.service-row:hover .service-num{color:white}html[lang=ar] .service-copy h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:clamp(28px,3.4vw,49px)}
/* work */
.work-section{background:#141418}.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:60px}.project-card-featured{grid-column:1 / -1}.project-visual{display:block;position:relative;aspect-ratio:1.3;overflow:hidden;border-radius:3px;isolation:isolate}.project-card-featured .project-visual{aspect-ratio:2.03}.project-style-1{background:#f0b282}.project-style-2{background:#a4bbb9}.project-style-3{background:#e6decd}.project-visual:after{content:'';inset:0;position:absolute;border:1px solid rgba(0,0,0,.03);z-index:5;pointer-events:none}.project-open{position:absolute;right:22px;top:20px;z-index:8;background:#fff;color:#111;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(8px);transition:.35s}.project-visual:hover .project-open{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.project-category{font-size:10px;letter-spacing:.06em;color:#c3c2c9}.project-meta h3{font-size:25px;letter-spacing:-.04em;font-weight:700;margin-top:10px}.project-meta p{font-size:12px;color:#92929c;margin-top:7px;line-height:1.7}.project-index{font-size:11px;color:#92929c;white-space:nowrap}/* original project mockups */
.mock-nova{position:absolute;inset:7% 8%;background:#ffca91;box-shadow:0 24px 60px rgba(75,28,13,.13);color:#381b1e;overflow:hidden;transition:transform .9s var(--ease)}.project-visual:hover .mock-nova{transform:scale(1.035)}.mock-nova-top,.mock-nova-bottom{position:absolute;z-index:3;display:flex;align-items:center;justify-content:space-between;left:6%;right:6%;font-size:clamp(8px,1vw,14px);font-weight:800}.mock-nova-top{top:7%}.mock-nova-top>span:first-child{font-family:'Space Grotesk',sans-serif;font-size:clamp(17px,2.7vw,37px);font-weight:800;letter-spacing:-.08em}.nova-dot{color:#e2544b;padding-left:4px}.mock-nova-top b{background:#301819;color:#fff;border-radius:100px;padding:8px 12px;margin-left:10px}.mock-nova-head{position:absolute;left:6%;top:28%;font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,7vw,114px);letter-spacing:-.08em;font-weight:700;line-height:.91;z-index:2}.mock-nova-head em{font-style:normal;color:#fff2d9}.mock-nova-sphere{position:absolute;width:41%;aspect-ratio:1;border-radius:50%;right:-7%;bottom:-28%;background:radial-gradient(circle at 26% 20%,#efac87,#b64d46 36%,#6e1229 76%);box-shadow:0 10px 80px #ba635590}.mock-nova-bottom{bottom:7%;font-size:clamp(7px,.8vw,12px)}.mock-nova-bottom span{border-bottom:1px solid #381b1e;padding-bottom:5px}.mock-dashboard{position:absolute;inset:8% 11%;display:flex;box-shadow:0 30px 60px #314d4c34;background:#f4f9f6;color:#1b3032;transform:rotate(-4deg);transition:transform .8s var(--ease);overflow:hidden}.project-visual:hover .mock-dashboard{transform:rotate(0) scale(1.025)}.dash-sidebar{width:15%;background:#253e40;padding:8% 4%;display:flex;align-items:center;flex-direction:column;gap:12px}.dash-brand{font:700 42px 'Space Grotesk';color:white;line-height:.8;margin-bottom:18px}.dash-brand span{color:#b7e6b0}.dash-ico{height:10px;width:10px;border-radius:4px;background:#789195}.dash-ico.selected{background:#b6e5a9;box-shadow:0 0 0 5px #b6e5a922}.dash-body{flex:1;padding:6% 7%;overflow:hidden}.dash-top{display:flex;justify-content:space-between;color:#95a5a2;font-size:clamp(6px,.65vw,10px)}.dash-body h4{display:flex;justify-content:space-between;font:700 clamp(18px,2.7vw,42px) 'Space Grotesk';letter-spacing:-.05em;margin:10% 0 0}.dash-label{color:#869a97;font-size:clamp(6px,.65vw,10px);margin:0 0 6%}.dash-stats{display:flex;gap:3%}.dash-stats>div{width:50%;padding:7%;background:#e8efeb;border-radius:5px}.dash-stats small{display:block;font-size:clamp(5px,.5vw,9px);color:#899995}.dash-stats b{display:block;font:700 clamp(22px,3.5vw,51px) 'Space Grotesk';letter-spacing:-.07em;margin:8% 0 1%}.dash-stats b span{font-size:.5em}.dash-stats i{font-style:normal;color:#2c9d72;font-size:clamp(5px,.65vw,10px)}.dash-chart{margin-top:5%;height:25%;background:#e8efeb;border-radius:5px;padding:5% 7% 0}.dash-chart-bars{display:flex;align-items:end;justify-content:space-between;height:100%;gap:3%}.dash-chart-bars span{background:#77a19c;width:8%;border-radius:2px 2px 0 0}.dash-chart-bars span:nth-child(3n){background:#2e6661}.mock-form{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:9%;background:#e6dfd1;color:#302b23;overflow:hidden;transition:transform .7s var(--ease)}.project-visual:hover .mock-form{transform:scale(1.025)}.form-small,.form-index{font-size:clamp(8px,.8vw,13px);font-weight:700;letter-spacing:.12em}.form-symbol{position:absolute;width:70%;aspect-ratio:1;top:10%;left:18%;transform:rotate(-28deg)}.form-arc{position:absolute;border-radius:50%;width:58%;height:58%;top:12%;border:32px solid #e14c2e}.form-arc-left{left:5%;border-color:#e14c2e}.form-arc-right{right:1%;top:26%;border-color:#f1b542}.form-dot{position:absolute;left:33%;top:27%;background:#392c26;width:15%;aspect-ratio:1;border-radius:50%}.form-title{position:relative;z-index:2;font-size:clamp(40px,5.8vw,93px);line-height:.9}.form-title span{display:block;color:#d94c30}.form-index{z-index:2;text-align:end}
/* process */
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.process-left h2{margin-top:36px}.process-left .section-sub{color:#686872;margin-top:32px}.process-orbit{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:80px;height:160px;color:var(--red)}.process-orbit span{font-size:140px;line-height:1;animation:float 8s ease-in-out infinite}.process-orbit span:last-child{font-size:75px;align-self:flex-start;opacity:.4;animation-delay:.4s}.process-list{border-top:1px solid #cecac2;align-self:start}.process-step{display:grid;grid-template-columns:42px 1fr 22px;gap:14px;padding:31px 0 34px;border-bottom:1px solid #cecac2}.process-n{font-size:12px;color:var(--red);padding-top:12px}.process-step h3{font:700 clamp(23px,2.3vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-.05em}.process-step p{font-size:13px;color:#55545b;max-width:360px;line-height:1.85;margin-top:15px}.process-plus{color:var(--red);padding-top:10px}
/* why */
.why-section{position:relative;overflow:hidden;background:#0e0e12}.why-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;position:relative;z-index:2}.why-layout h2{margin-top:40px}.why-layout h2 em{color:var(--red)}.why-right{padding-top:100px}.why-right>p{font-size:clamp(17px,1.55vw,24px);line-height:1.8;color:#b9b9c1;max-width:545px}.why-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.why-point{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;line-height:1.4}.why-point span{color:var(--red);display:flex;flex-shrink:0}.why-point svg{width:15px}.why-glow{position:absolute;inset:auto auto -330px -180px;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(189,15,57,.21),transparent 60%);pointer-events:none}
/* CTA */
.big-cta{min-height:740px;position:relative;background:var(--red);overflow:hidden;padding:clamp(110px,12vw,160px) 0 100px;color:#fff}.big-cta:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(95,0,23,.12),transparent 54%)}.big-cta-inner{position:relative;z-index:2}.big-cta .kicker-dot{background:white}.big-cta h2{margin-top:55px;max-width:1100px}.big-cta h2 em{color:#530718}.cta-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:90px}.cta-bottom p{font-size:18px;line-height:1.8;max-width:450px}.cta-halo{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:700px;height:700px;right:-160px;top:-320px}.cta-halo-b{right:-280px;top:-290px;width:850px;height:850px;opacity:.5}
/* footer */
.site-footer{background:#0b0b0f;padding:100px 0 25px;overflow:hidden}.footer-top{display:grid;grid-template-columns:2.5fr 1fr 1fr;gap:60px}.footer-brand img{width:200px;height:auto}.footer-brand p{color:#92929c;max-width:340px;font-size:14px;line-height:1.9;margin-top:16px}.footer-col{display:flex;flex-direction:column;align-items:start;gap:15px}.footer-col h3{color:#777780;letter-spacing:.1em;font-size:11px;font-weight:500;margin-bottom:12px}.footer-col a,.footer-col span{font-size:13px;transition:color .2s}.footer-col a:hover{color:var(--red)}.footer-huge{font-size:clamp(145px,25vw,430px);white-space:nowrap;letter-spacing:-.13em;line-height:.8;margin-top:100px;margin-bottom:38px;color:#1c1c22;text-align:center;transform:translateX(-3%);user-select:none}.footer-huge span{color:var(--red);font-size:.5em;vertical-align:top;line-height:1.2;margin-left:-.05em}.footer-base{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line);font-size:9px;color:#85858e;letter-spacing:.03em}.footer-base a{color:#fff}.footer-base a:hover{color:var(--red)}
/* Interior pages */
.interior-hero{background:#111115;position:relative;overflow:hidden;padding-top:200px;padding-bottom:74px;min-height:590px}.interior-hero .shell{position:relative;z-index:2}.interior-hero h1{max-width:1300px;margin-top:50px}.interior-lead{font-size:clamp(17px,1.7vw,22px);line-height:1.8;color:#a9a9b3;max-width:630px;margin:48px 0 95px}.interior-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:#83838d;letter-spacing:.06em;font-size:10px}.interior-grain{position:absolute;width:500px;height:500px;top:-200px;right:-60px;background:radial-gradient(circle,rgba(229,28,62,.21),transparent 65%)}.service-detail{padding:150px 0;border-bottom:1px solid var(--line)}.service-detail:nth-child(even){background:#131318}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.service-detail:nth-child(odd) .detail-art{order:2}.service-detail:nth-child(odd) .detail-copy{order:1}.detail-art{aspect-ratio:1.1;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1c1c22}.detail-copy .section-kicker{color:var(--red)}.detail-title{font-size:clamp(43px,5vw,85px);margin-top:26px}.detail-desc{font-size:18px;line-height:1.9;color:#aaaab2;max-width:510px;margin-top:25px}.mini-heading{font-size:11px;letter-spacing:.12em;color:#85858e;margin-top:42px}.deliver-list{margin:20px 0 40px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;list-style:none}.deliver-list li{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.6}.deliver-list li svg{width:16px;flex-shrink:0;color:var(--red)}.detail-link{display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid var(--red);padding-bottom:10px;font-weight:800;font-size:13px}.detail-link span{display:inline-flex;color:var(--red)}.detail-link:hover span{transform:rotate(45deg);transition:transform .25s}.detail-art-web{background:#eb775e}.art-browser{width:82%;height:70%;background:#edd5bf;color:#302321;box-shadow:0 25px 45px #a6322960;overflow:hidden;position:relative;transform:rotate(-6deg)}.art-browser-top{height:12%;border-bottom:1px solid #c6a99a;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px}.art-web-title{position:relative;z-index:2;font:700 clamp(40px,6vw,97px)/.9 'Space Grotesk';letter-spacing:-.08em;margin:12% 0 0 7%}.art-web-title em{font-style:normal;color:#d63a3e}.art-web-button{margin:9% 0 0 7%;font:700 10px 'DM Mono';position:relative;z-index:2}.art-web-circle{position:absolute;border-radius:50%;width:65%;aspect-ratio:1;right:-23%;bottom:-39%;background:radial-gradient(circle at 24% 20%,#e9a4a1,#8d2339 65%,#421422)}.detail-art-system{background:#d5e4df}.art-system{width:77%;height:70%;background:#192b2e;transform:rotate(6deg);padding:6%;box-shadow:0 35px 80px #153b3655;color:#e9fcf6}.system-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8db8af}.system-header span:first-child{font-size:40px}.system-cards{display:flex;justify-content:space-between;align-items:center;padding:11%;border:1px solid #46625b;margin-top:12%;font-size:19px}.system-cards>span{font-size:35px;color:#9ccbc0}.system-cards b{font-size:30px;color:white}.system-graph{height:30%;display:flex;align-items:end;gap:6%;margin-top:4%}.system-graph i{width:9%;height:60%;background:#67958d}.system-graph i:nth-child(2n){height:88%;background:#adceaa}.system-graph i:nth-child(3n){height:35%}.detail-art-seo{background:#ead9be}.art-seo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#3c2d21}.seo-top{position:absolute;top:9%;font-size:11px;letter-spacing:.1em}.seo-ring{border:35px solid var(--red);width:52%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:rotate(-25deg);box-shadow:22px 30px 0 #c3ad94}.seo-ring span{font-size:100px;font-weight:700}.seo-label{position:absolute;bottom:9%;left:10%;font-weight:800;font-size:clamp(15px,2vw,30px);letter-spacing:-.05em}.detail-art-graphics{background:#fa7e66}.art-graphics{position:absolute;inset:0}.graphics-sticker{position:absolute;font:800 clamp(25px,4.8vw,75px)/.9 'Space Grotesk';letter-spacing:-.07em;padding:12%;box-shadow:0 15px 40px #8a241f55}.graphics-sticker.g1{top:11%;left:6%;background:#151515;color:#fff;transform:rotate(-12deg)}.graphics-sticker.g2{top:12%;right:4%;background:#fff1ce;color:#e64d37;font-size:130px;padding:1% 9%;transform:rotate(18deg)}.graphics-sticker.g3{bottom:9%;right:7%;background:#e4d3ef;color:#25232c;transform:rotate(8deg)}.detail-art-brand{background:#e0d0c4}.art-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#301c19}.brand-monogram{font:700 clamp(190px,21vw,360px)/1 'Space Grotesk';letter-spacing:-.18em}.brand-monogram span{color:var(--red);font-size:.55em}.brand-bottom{position:absolute;bottom:8%;font-size:11px;letter-spacing:.15em}.work-full{background:#151519}.concept-disclaimer{border-top:1px solid var(--line);margin-top:70px;padding-top:22px;color:#888892;font-size:12px;line-height:1.8;max-width:800px}.about-story-grid{display:grid;grid-template-columns:26% 1fr;gap:20px;position:relative}.about-story-text{font-size:clamp(19px,2.1vw,31px);line-height:1.7;max-width:820px;margin-top:70px}.about-mark{position:absolute;bottom:-180px;left:-90px;color:#dedbd3;font-size:400px;line-height:.7;z-index:0;pointer-events:none}.about-story-grid>div:nth-child(2){position:relative;z-index:2}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:70px}.value-card{border:1px solid var(--line);padding:33px 25px 40px;min-height:300px;background:#17171c}.value-card>span{color:var(--red);font:11px 'DM Mono'}.value-card h3{font:700 clamp(25px,2.9vw,44px) 'Space Grotesk';letter-spacing:-.06em;margin-top:83px}.value-card p{color:#9999a4;font-size:13px;line-height:1.8;margin-top:14px}
/* contact */
.contact-main{background:#111115}.contact-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:8vw}.contact-sidebar>.section-kicker{margin-bottom:30px}.contact-direct{display:grid;grid-template-columns:1fr 22px;gap:12px;border-top:1px solid var(--line);padding:25px 0;align-items:center}.contact-direct>span{grid-column:1/-1;color:#878791;font-size:11px}.contact-direct>strong{font-size:clamp(19px,2.1vw,30px);font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere}.contact-direct svg{color:var(--red)}.contact-region{font-size:12px;color:#a5a5ad;margin-top:20px}.contact-region span{color:var(--red);padding-inline-start:15px}.sidebar-orb{position:relative;overflow:hidden;max-width:310px;aspect-ratio:1;margin-top:80px}.sidebar-orb:before{content:'';position:absolute;inset:17% 17%;border-radius:50%;background:radial-gradient(circle at 22% 20%,#ffb0b9,#fa385d 32%,#81001d 85%);box-shadow:25px 25px 90px #84002188}.sidebar-orb:after{content:'';position:absolute;inset:0;border:1px solid #5f2336;border-radius:50%;transform:scaleY(.6) rotate(-30deg)}.form-panel{background:#19191f;padding:clamp(26px,4vw,64px)}.form-panel>h2{font:700 clamp(28px,3.2vw,46px) 'Space Grotesk';letter-spacing:-.06em;margin-bottom:37px}.contact-form{display:flex;flex-direction:column;gap:23px}.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:10px;letter-spacing:.07em;color:#b3b3bd}.form-group input,.form-group textarea,.form-group select{appearance:none;width:100%;border:1px solid #40404b;background:#121218;border-radius:3px;padding:16px;color:#f7f7f7;outline:0;font-size:13px;transition:border-color .25s}.form-group textarea{resize:vertical;min-height:150px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--red)}.form-group input::placeholder,.form-group textarea::placeholder{color:#757581}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}html[dir=rtl] .form-group select{background-position:left 14px center;padding-right:16px;padding-left:40px}.form-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.form-actions .pill-button{border:0}.form-response{color:#feb3be;font-size:12px;line-height:1.6;flex:1}.form-response.success{color:#a5e9bf}.form-privacy{font-size:11px;color:#9999a3;line-height:1.6}.form-privacy a{text-decoration:underline;text-decoration-color:var(--red)}/* Hide the contact honeypot without shifting RTL document layout. */
.hidden-field{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}.whatsapp-banner{border-top:1px solid var(--line);padding-block:60px 0;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:120px}.whatsapp-banner h2{font-size:clamp(24px,3vw,43px);max-width:800px;line-height:1.3;margin-top:20px}.privacy-content{max-width:1000px;padding-block:110px 140px}.privacy-content section{border-bottom:1px solid var(--line);padding:38px 0}.privacy-content h2{font-size:27px;margin-bottom:14px}.privacy-content p{font-size:15px;line-height:1.9;color:#aaaab2;max-width:740px}
/* rtl */
html[dir=rtl] .hero-type{letter-spacing:-.035em}html[dir=rtl] .mock-nova,html[dir=rtl] .mock-dashboard,html[dir=rtl] .mock-form,html[dir=rtl] .detail-art{direction:ltr}html[dir=rtl] .intro-squiggle{left:auto;right:-120px}html[dir=rtl] .footer-huge{letter-spacing:-.12em;direction:ltr}html[dir=rtl] .site-footer .footer-base a{direction:ltr}html[dir=rtl] .service-row{padding:38px 0 39px 16px}html[dir=rtl] .service-row:hover{padding-inline-start:20px}html[lang=ar] .section-sub{line-height:2.1}html[lang=ar] .service-copy p{line-height:2}html[lang=ar] .process-step h3,html[lang=ar] .value-card h3{font-family:'Noto Kufi Arabic',sans-serif}html[dir=rtl] .footer-col{align-items:start}html[dir=rtl] .process-step p{line-height:2}html[dir=rtl] .hero-scroll{align-self:flex-start}html[dir=rtl] .cta-halo{right:auto;left:-160px}html[lang=ar] .big-cta h2{font-size:clamp(62px,8vw,124px)}html[lang=ar] .mock-nova,html[lang=ar] .mock-dashboard{font-family:'DM Mono',monospace}
/* mobile */
@media(max-width:1180px){.desktop-nav{gap:20px}.service-copy{align-items:flex-start;flex-direction:column;gap:12px}.hero-type{font-size:clamp(74px,10.7vw,140px)}.hero-number{display:none}.orb-art{top:23%;right:0}.why-layout{gap:3vw}}
@media(max-width:900px){.site-header{height:80px}.logo-link{width:142px}.desktop-nav,.nav-contact{display:none}.menu-toggle{display:flex}.nav-actions{gap:15px}.mobile-menu{display:flex;position:fixed;inset:80px 0 auto;background:#131318;padding:20px 6vw 35px;flex-direction:column;gap:0;box-shadow:0 30px 40px #0008;transform:translateY(-20px);opacity:0;visibility:hidden;pointer-events:none;transition:.3s var(--ease);max-height:calc(100svh - 80px);overflow-y:auto}.mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile-menu a{font-size:28px;font-weight:700;letter-spacing:-.04em;border-bottom:1px solid var(--line);padding:16px 0}.mobile-menu .mobile-lang{font-size:15px;color:var(--red)}.hero,.hero-inner{min-height:830px;min-height:100svh}.hero-inner{padding-top:130px}.orb-art{width:43vw;height:43vw;top:31%;right:4%;opacity:.9}.hero-type{font-size:clamp(72px,11.5vw,116px);margin-top:8vh}.hero-bottom{gap:10px}.hero-bottom p{font-size:13px;max-width:245px}.hero-actions{flex-direction:column;align-items:flex-end;gap:15px}.intro-layout,.section-heading{grid-template-columns:1fr;gap:28px}.intro{min-height:unset;padding-block:110px}.intro-lower{margin-top:40px}.section-heading-main{align-items:flex-start}.process-layout,.why-layout{grid-template-columns:1fr}.process-list{margin-top:30px}.process-orbit{display:none}.why-right{padding-top:0}.values-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:2fr 1fr;gap:30px}.footer-col:last-child{grid-column:1 / -1}.service-detail-grid{gap:5vw}.contact-grid{gap:4vw}.detail-title{font-size:clamp(40px,4.6vw,65px)}.deliver-list{grid-template-columns:1fr}}
@media(max-width:650px){.shell{padding-inline:22px}.section-pad{padding-block:90px}.section-heading{margin-bottom:45px}.section-heading-main{display:block}.section-heading .section-sub{margin-top:25px}.display-lg{font-size:clamp(47px,11vw,72px)}.display-xl{font-size:clamp(58px,12.4vw,93px)}html[lang=ar] .display-lg{font-size:clamp(44px,9.5vw,68px)}html[lang=ar] .display-xl{font-size:clamp(57px,11vw,93px)}.hero,.hero-inner{min-height:790px;min-height:100svh}.hero-inner{padding-top:122px;padding-bottom:28px}.hero-type{font-size:clamp(62px,13.5vw,88px);margin-top:7vh;letter-spacing:-.09em}.hero-line-two{margin-inline-start:10px}.hero-line-four{margin-inline-start:15px}.hero-top{font-size:8px;max-width:250px;line-height:1.6}.hero-top .hero-star{font-size:14px}.orb-art{width:65vw;height:65vw;top:28%;right:-6%;opacity:.72}.hero-bottom{display:block;margin-top:30px}.hero-bottom p{font-size:13px;max-width:310px}.hero-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:23px}.hero-actions .pill-button{min-height:51px;font-size:10px;padding-left:17px;gap:10px}.hero-actions .btn-icon{height:36px;width:36px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-scroll{font-size:8px;margin-top:24px}.ticker{padding:13px 0}.ticker-track{font-size:11px}.intro{padding-block:100px}.intro-layout{gap:35px}.intro-lower{display:block}.intro-lower p{font-size:16px}.intro-lower .mono{margin-top:40px}.intro-squiggle{font-size:400px;left:-110px;bottom:-140px}.service-row{grid-template-columns:33px 1fr 38px;gap:8px;padding:27px 2px 29px 0}.service-copy h3{font-size:25px;line-height:1.22}.service-copy p{font-size:11px}.service-icon{width:35px;height:35px}.service-icon svg{width:16px}.work-grid{display:flex;flex-direction:column;gap:42px}.project-visual,.project-card-featured .project-visual{aspect-ratio:1.18}.project-meta h3{font-size:21px}.mock-nova{inset:8%}.mock-nova-head{font-size:clamp(33px,9vw,60px)}.mock-nova-top>span:first-child{font-size:25px}.mock-nova-bottom{font-size:7px}.mock-dashboard{inset:8%}.dash-brand{font-size:35px}.dash-body h4{font-size:30px}.dash-stats b{font-size:30px}.mock-form .form-title{font-size:clamp(54px,12vw,85px)}.process-layout{gap:28px}.process-step{padding:23px 0}.process-step p{font-size:12px}.why-right>p{font-size:17px}.why-points{grid-template-columns:1fr;gap:19px}.big-cta{min-height:630px;padding:100px 0 75px}.big-cta h2{margin-top:40px}.cta-bottom{display:block;margin-top:60px}.cta-bottom p{font-size:16px;margin-bottom:28px}.site-footer{padding-top:65px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-col a{font-size:12px}.footer-huge{font-size:28vw;margin-top:70px;margin-bottom:30px}.footer-base{flex-wrap:wrap;font-size:8px;line-height:1.6}.footer-base span:nth-child(2){display:none}.interior-hero{padding-top:152px;padding-bottom:40px;min-height:500px}.interior-hero h1{margin-top:39px}.interior-lead{font-size:15px;margin:33px 0 90px}.service-detail{padding:85px 0}.service-detail-grid{grid-template-columns:1fr;gap:35px}.service-detail:nth-child(odd) .detail-art{order:0}.service-detail:nth-child(odd) .detail-copy{order:1}.detail-art{aspect-ratio:1.3}.detail-title{font-size:clamp(41px,10vw,66px)}.detail-desc{font-size:15px;margin-top:18px}.deliver-list{grid-template-columns:1fr 1fr}.deliver-list li{font-size:11px}.about-story-grid{display:block}.about-story-grid .display-lg{margin-top:40px}.about-story-text{font-size:19px;margin-top:33px}.values-grid{grid-template-columns:1fr;gap:11px;margin-top:43px}.value-card{min-height:190px;padding:25px}.value-card h3{margin-top:35px}.value-card p{margin-top:10px}.contact-grid{grid-template-columns:1fr;gap:55px}.contact-sidebar .sidebar-orb{display:none}.form-panel{padding:28px 20px;margin-inline:-22px}.form-panel>h2{font-size:27px}.form-duo{grid-template-columns:1fr;gap:21px}.form-actions{align-items:flex-start;flex-direction:column}.whatsapp-banner{margin-top:80px;display:block}.whatsapp-banner .pill-button{margin-top:30px}.privacy-content{padding-block:60px 90px}.privacy-content h2{font-size:23px}html[lang=ar] .hero-type{font-size:clamp(67px,13.3vw,91px)}html[dir=rtl] .orb-art{left:-6%;right:auto;top:28%}html[dir=rtl] .hero-actions .pill-button{padding:7px 15px 7px 8px}html[dir=rtl] .service-row{padding:27px 0 29px 2px}}
@media(max-width:390px){.hero-type{font-size:13.15vw}.hero-bottom .text-link{font-size:9px}.pill-button{gap:13px}.nav-actions{gap:10px}.service-copy h3{font-size:22px}.deliver-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.pointer-glow{display:none}}


/* KARAZ V2 — Noto Kufi Arabic + Team & data-driven Portfolio */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] .display-xl,
html[lang="ar"] .display-lg,
html[lang="ar"] .hero-type,
html[lang="ar"] .detail-title,
html[lang="ar"] .mono,
html[lang="ar"] .section-kicker,
html[lang="ar"] .hero-scroll,
html[lang="ar"] .hero-top,
html[lang="ar"] .service-num,
html[lang="ar"] .project-index,
html[lang="ar"] .project-category,
html[lang="ar"] .process-n,
html[lang="ar"] .mini-heading,
html[lang="ar"] .form-group label,
html[lang="ar"] .footer-col h3,
html[lang="ar"] .interior-bottom,
html[lang="ar"] .contact-direct>span,
html[lang="ar"] .contact-region,
html[lang="ar"] .deliver-list {
  font-family: 'Noto Kufi Arabic', 'Tahoma', sans-serif;
}
html[lang="ar"] .display-lg,
html[lang="ar"] .display-xl,
html[lang="ar"] .hero-type,
html[lang="ar"] .detail-title {letter-spacing: -.038em; line-height: 1.35;}
html[lang="ar"] .desktop-nav a,
html[lang="ar"] .nav-contact,
html[lang="ar"] .pill-button {letter-spacing:0;}
html[lang="ar"] .service-copy h3,
html[lang="ar"] .project-meta h3,
html[lang="ar"] .team-name {line-height:1.65;}

/* Team section, honest empty-state + populated cards */
.team-section{background:#101015;position:relative;overflow:hidden}
.team-section:before{content:'';position:absolute;pointer-events:none;width:620px;height:620px;right:-340px;top:-230px;background:radial-gradient(circle,rgba(229,28,62,.095),transparent 66%)}
.team-heading{position:relative;z-index:1}
.team-directory{position:relative;z-index:1}
.team-empty{border:1px solid rgba(255,255,255,.13);min-height:320px;display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;overflow:hidden;background:linear-gradient(125deg,#17171f,#111116)}
.team-empty-art{min-height:320px;position:relative;background:radial-gradient(circle at 45% 55%,rgba(229,28,62,.15),transparent 57%)}
.team-illustration{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden}
.team-illustration-ring{position:absolute;border:1px solid rgba(229,28,62,.4);border-radius:50%;aspect-ratio:1}
.team-ring-one{width:235px;transform:rotateX(40deg) rotate(-27deg);animation:teamOrbit 13s linear infinite}
.team-ring-two{width:180px;transform:rotateY(52deg) rotate(30deg);border-color:rgba(255,255,255,.19);animation:teamOrbitReverse 18s linear infinite}
.team-illustration-core{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 29% 23%,#ff6b83,#dc143a 45%,#69071d 91%);box-shadow:0 25px 80px #e51c3e3b,inset -15px -18px 24px #60071e66;transform:rotate(-17deg)}
.team-illustration-core span{font-size:45px;color:#fff9;transform:rotate(17deg)}
.team-illustration-label{position:absolute;left:26px;bottom:23px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.12em;color:#b4b4c0}
.team-empty-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:clamp(32px,6vw,85px);border-inline-start:1px solid var(--line)}
.team-empty-copy .mono{color:var(--red);font-size:12px;letter-spacing:.06em}
.team-empty-copy p{font-size:clamp(24px,3.1vw,48px);font-weight:700;line-height:1.45;letter-spacing:-.04em;max-width:560px}
html[lang=ar] .team-empty-copy p{letter-spacing:-.02em;line-height:1.8}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.team-card{background:#17171d;border:1px solid #ffffff1c;min-width:0;overflow:hidden;transition:transform .4s var(--ease),border-color .4s}
.team-card:hover{transform:translateY(-6px);border-color:#e51c3e80}
.team-photo{aspect-ratio:1/1.06;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 0%,#602134,#24232d 60%,#15151b)}
.team-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .8s var(--ease),filter .4s}
.team-card:hover .team-photo img{transform:scale(1.055);filter:saturate(1.05)}
.team-photo .team-initials{color:#f7f7f5;opacity:.8;font-size:clamp(75px,8vw,150px);font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.1em}
.team-info{padding:29px 27px 32px}
.team-number{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--red)}
.team-name{font-size:clamp(23px,2vw,32px);letter-spacing:-.035em;margin:13px 0 5px;line-height:1.32}
.team-role{font-size:12px;color:var(--red);font-weight:800}
.team-bio{font-size:13px;color:#aaaab2;line-height:1.9;margin-top:16px}
.team-social{font-size:12px;display:inline-flex;gap:12px;margin-top:20px;border-bottom:1px solid #aaaab2;padding-bottom:4px}
.project-visual.project-style-upload{background:#1b1b21;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease);display:block}
.project-card:hover .project-photo{transform:scale(1.05)}
.project-photo-fallback{width:75%;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(28px,3.4vw,58px);font-weight:700;letter-spacing:-.06em;color:white;border:1px solid #ffffff20;padding:35px;background:radial-gradient(circle at 70% 10%,#e51c3e3d,transparent 52%),#232329}
.project-visual.project-style-upload::after{content:'';pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 75px #0002}
.project-category{line-height:1.7}
@keyframes teamOrbit{0%{transform:rotateX(40deg) rotate(-27deg)}100%{transform:rotateX(40deg) rotate(333deg)}}
@keyframes teamOrbitReverse{0%{transform:rotateY(52deg) rotate(30deg)}100%{transform:rotateY(52deg) rotate(-330deg)}}
@media(max-width:950px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-empty{grid-template-columns:1fr}.team-empty-art{min-height:250px}.team-empty-copy{border-inline-start:0;border-top:1px solid var(--line);padding:28px 26px 37px}.team-empty-copy p{font-size:28px}.team-grid{grid-template-columns:1fr;gap:18px}.team-photo{aspect-ratio:1/.91}.team-info{padding:24px}}
@media(prefers-reduced-motion:reduce){.team-illustration-ring{animation:none}.team-card:hover{transform:none}}
/* Prevent marquee/transforms from creating a tiny horizontal mobile scroll. */
html,body{overflow-x:clip}