:root{--bg:#08090c;--surface:#111319;--muted:#989aa5;--red:#f20d22;--line:#292b32;--white:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1440px;margin:auto;padding-left:5%;padding-right:5%}.site-header{height:84px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 5%;gap:35px;border-bottom:1px solid #ffffff1b}.brand img{display:block;width:208px;max-width:100%}.header-role{font-size:11px;letter-spacing:3px;white-space:nowrap;border-left:1px solid #ffffff55;padding-left:30px}.header-role i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--red);vertical-align:middle;margin:0 6px}.site-header nav{margin-left:auto;display:flex;gap:29px}.site-header nav a{font-size:13px;font-weight:600;transition:color .2s}.site-header nav a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:700px;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 22%,#452018 0%,transparent 32%),radial-gradient(ellipse at 62% 62%,#18263a 0%,transparent 45%),#08090d}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07080c 0%,#07080ce8 31%,#07080c22 75%),linear-gradient(0deg,#08090c,transparent 20%);z-index:2}.hero-content{position:absolute;left:5%;top:195px;z-index:4;max-width:630px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:4px;font-weight:600;display:flex;align-items:center;gap:17px}.red-line{width:33px;height:3px;background:var(--red);display:inline-block;flex:none}.hero h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.87;letter-spacing:-1px}.hero h1{font-size:clamp(86px,9vw,152px);margin:26px 0 22px}.hero h1 span,.services h2 span,.about h2 span,.contact h2 span{color:var(--red)}.hero-content>p{font-size:20px;color:#d2d2d5;max-width:360px;line-height:1.55}.actions{display:flex;gap:15px;margin-top:31px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:5px;padding:15px 25px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--red);color:#fff}.btn.outline{border:1px solid #ddd;background:#ffffff0b}.btn span{border:1px solid currentColor;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px}.hero-bottom{position:absolute;z-index:4;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#999}.edit-scene{position:absolute;left:46%;right:0;top:140px;height:430px;transform:perspective(1000px) rotateY(-10deg) rotateX(3deg);filter:drop-shadow(0 35px 70px #000)}.monitor{width:74%;height:385px;border:9px solid #15171c;border-radius:13px;background:#0a0d13;box-shadow:0 0 2px #fff,0 0 55px #0b4c9255;overflow:hidden}.monitor-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px;letter-spacing:2px;color:#b4b7c6;background:#171a22}.monitor-top span:first-child{color:#fa4953}.monitor-video{height:215px;padding:12px 30px;background:#0d111a}.landscape{height:100%;position:relative;overflow:hidden;background:linear-gradient(#252b59 0%,#ba6268 45%,#f2a96b 65%,#433c55 100%)}.sun{width:85px;height:85px;border-radius:50%;background:#ffbf78;position:absolute;top:43%;left:54%;box-shadow:0 0 60px #ffa04a}.hill{position:absolute;bottom:-45px;width:115%;height:110px;transform:rotate(-9deg);background:#25233d}.hill1{left:-20%;bottom:-40px}.hill2{right:-40%;bottom:-70px;background:#131929;transform:rotate(12deg)}.timeline{position:relative;height:132px;background:repeating-linear-gradient(90deg,#1a1d26 0 1px,transparent 1px 48px),#11131a;padding:17px 10px}.track{height:17px;margin-bottom:6px;border-radius:2px}.track1{width:92%;background:repeating-linear-gradient(90deg,#3860ac 0 44px,#1d376e 44px 47px)}.track2{width:84%;margin-left:10%;background:repeating-linear-gradient(90deg,#a84bd5 0 62px,#6e2f8b 62px 65px)}.track3{width:95%;background:repeating-linear-gradient(90deg,#368fa1 0 51px,#206170 51px 54px)}.track4{width:80%;margin-left:6%;background:repeating-linear-gradient(90deg,#27a879 0 40px,#13684b 40px 43px)}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--red);left:57%;box-shadow:0 0 10px var(--red)}.scope{position:absolute;left:77%;top:70px;width:29%;height:295px;background:#0e1118;border:8px solid #17191f;border-radius:10px;padding:15px}.scope-bars{height:48%;background:repeating-linear-gradient(90deg,transparent 0 9px,#14be7c 10px 13px,transparent 14px 19px),linear-gradient(#171c25,#0a101b);clip-path:polygon(0 65%,8% 20%,18% 55%,28% 10%,40% 80%,53% 35%,68% 65%,80% 14%,92% 50%,100% 30%,100% 100%,0 100%)}.scope-wheel{width:120px;height:120px;max-width:100%;margin:10px auto;border-radius:50%;background:conic-gradient(#f24c59,#f8c63e,#43cfb4,#346be5,#b34ee2,#f24c59);border:24px solid #10141e;box-shadow:0 0 0 2px #282d3a}.featured{padding-top:28px;padding-bottom:38px}.featured .section-kicker{margin-bottom:20px}.platforms{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:13px;background:#101218;padding:23px 0}.platform{min-height:73px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-right:1px solid #444;font-weight:800;font-size:21px;padding:0 8px}.platform:last-child{border:0}.platform small{font-size:10px;font-weight:400;margin-top:8px;color:#b9b9bd}.shahid{font-size:28px}.saudi,.thmanyah{font-size:17px}.shasha img{width:105px;max-height:43px;object-fit:contain}.rotana{color:#e9b95b;font-size:16px}.youtube b{color:#fff;font-size:19px}.youtube b:first-letter{color:red}.work{padding-top:72px;padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-top h2{font-size:clamp(52px,6vw,88px);margin:18px 0 0}.section-top h2 em{font:500 18px Inter,sans-serif;color:var(--muted);vertical-align:middle}.section-top>p{color:var(--muted);max-width:290px;font-size:13px;line-height:1.8}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 24px}.filters button{border:1px solid #31323a;background:#17191f;color:#d3d3d8;border-radius:50px;padding:10px 18px;font-size:12px;cursor:pointer}.filters button.active{background:var(--red);border-color:var(--red);color:white}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-card{border:1px solid #24262c;border-radius:9px;overflow:hidden;background:#111319;display:block;transition:transform .25s,border-color .25s}.project-card[href]:hover{transform:translateY(-5px);border-color:#e72c40}.project-art{height:184px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.project-art:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 25%,#ffffff3d,transparent 32%),linear-gradient(160deg,#122b51,#090b13 75%)}.project-art:after{content:"";position:absolute;inset:auto -20% -80px;height:140px;width:140%;transform:rotate(-12deg);background:#07080c77;filter:blur(15px)}.project-art.aviation:before{background:linear-gradient(145deg,#344c7d,#c57c69 56%,#1c253f)}.project-art.architecture:before{background:linear-gradient(135deg,#14263e,#7b4c3e 60%,#131b28)}.project-art.city:before{background:linear-gradient(150deg,#0e223c,#3a6b8a 45%,#ec895c)}.project-art.sunset:before{background:linear-gradient(140deg,#3a2152,#c25e68 65%,#ecaa6b)}.project-art.industry:before{background:linear-gradient(135deg,#102b38,#a05b34 65%,#25212b)}.project-art.neon:before{background:linear-gradient(135deg,#140d38,#602d8c 60%,#0b2d4b)}.project-art.desert:before{background:linear-gradient(135deg,#22253e,#c08c63 65%,#56403d)}.project-art.podcast:before{background:radial-gradient(circle at 48% 38%,#564234,#181417 50%,#07090e)}.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff0b 1px,transparent 1px),linear-gradient(#ffffff0a 1px,transparent 1px);background-size:37px 37px;transform:perspective(300px) rotateX(42deg) scale(1.3);opacity:.35}.art-word{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:2px;font-size:clamp(30px,3vw,52px);text-align:center;text-shadow:0 5px 25px #000b;position:relative;z-index:2;max-width:90%;overflow-wrap:anywhere}.mic{position:absolute;right:20px;bottom:10px;font-size:50px;opacity:.65}.project-info{padding:16px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.project-info h3{font-size:13px;line-height:1.5;margin:0;font-weight:600}.separator{color:var(--red);padding:0 3px}.project-info p{font-size:10px;color:var(--muted);margin:7px 0 0}.play{border:1px solid white;border-radius:50%;width:32px;height:32px;flex:none;display:grid;place-items:center;font-size:11px}.work-note{color:#777b85;font-size:11px;margin-top:22px;line-height:1.7}.services{background:linear-gradient(130deg,#15161c,#090a0e 70%);border-top:1px solid #292a31;border-bottom:1px solid #292a31;padding:92px 0 105px}.services-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.services h2{font-size:clamp(55px,6vw,90px);margin:23px 0 42px}.services-head p{color:var(--muted);max-width:360px;font-size:14px;line-height:1.8;margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-grid article{background:linear-gradient(160deg,#1d1f27,#111217);border:1px solid #32323a;border-radius:9px;padding:24px;min-height:190px;transition:border-color .2s}.service-grid article:hover{border-color:var(--red)}.service-grid article>span{color:#fa5665;font-size:22px}.service-grid h3{font-size:16px;margin:21px 0 10px}.service-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.about{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2{font-size:clamp(65px,7vw,106px);margin:25px 0}.about-copy{padding-top:20px}.about-copy p{color:#b2b3bc;font-size:16px;line-height:1.95}.about-copy strong{color:#fff}.stats{display:flex;gap:38px;margin-top:40px}.stats div{display:flex;flex-direction:column;gap:9px}.stats b{font-family:'Barlow Condensed';font-size:51px}.stats small{font-size:9px;color:var(--muted);letter-spacing:1px}.contact{background:radial-gradient(ellipse at 75% 100%,#542020 0%,transparent 48%),linear-gradient(120deg,#1b141a,#08090c 70%);border-top:1px solid var(--line);padding:100px 0 115px}.contact h2{font-size:clamp(65px,8vw,120px);margin:28px 0}.contact p{font-size:16px;color:#b5b5bb;max-width:520px;line-height:1.7}.contact .btn{margin-top:25px}.contact-inner>small{display:block;margin-top:18px;color:#8a8c95;font-size:10px}footer{background:#07080b;border-top:1px solid var(--line)}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:160px}footer span,footer a{font-size:10px;color:#8c8e98;letter-spacing:1px}
@media(max-width:1100px){.header-role{display:none}.project-grid{grid-template-columns:repeat(3,1fr)}.hero-content{top:200px}.edit-scene{left:40%;opacity:.75}.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.site-header{height:70px}.brand img{width:165px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:#111217;padding:24px 5%;flex-direction:column;gap:22px;border-bottom:1px solid #34343a}.site-header nav.open{display:flex}.hero{height:650px;min-height:0}.hero-content{top:185px;right:5%}.hero h1{font-size:clamp(75px,14vw,112px)}.hero-content>p{font-size:16px}.edit-scene{left:20%;right:-70%;top:210px;opacity:.28}.hero-shade{background:linear-gradient(90deg,#07080cf5,#07080c90),linear-gradient(0deg,#08090c,transparent 30%)}.hero-bottom{font-size:8px}.platforms{grid-template-columns:repeat(3,1fr);row-gap:22px}.platform:nth-child(3){border-right:0}.platform{font-size:16px}.section-top{display:block}.section-top>p{max-width:100%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-art{height:135px}.art-word{font-size:30px}.project-info{padding:12px}.project-info h3{font-size:11px}.project-info p{font-size:9px}.play{width:27px;height:27px}.services-head{display:block}.services-head p{margin-top:-10px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:0}.stats{gap:20px}.contact h2{font-size:clamp(57px,11vw,85px)}.footer-inner{flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.footer-inner span{order:3;width:100%}}@media(max-width:410px){.actions{flex-wrap:wrap}.hero h1{font-size:73px}.project-grid{grid-template-columns:1fr}.project-art{height:190px}.service-grid{grid-template-columns:1fr}.platforms{grid-template-columns:repeat(2,1fr)}.platform:nth-child(3){border-right:1px solid #444}.platform:nth-child(2),.platform:nth-child(4){border-right:0}.stats b{font-size:40px}}

/* Force Shahid logo to fit */
.platform.shahid img {
  width: 120px !important;
  max-width: 120px !important;
  height: 45px !important;
  max-height: 45px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.platform.shahid {
  overflow: hidden !important;
  min-width: 0 !important;
}

/* Fix Featured On logos */
.platform-logo {
  display: block;
  width: 100%;
  max-width: 130px;
  height: 48px;
  object-fit: contain;
  margin: 0 auto;
}

.platform {
  min-width: 0;
  overflow: hidden;
}

.platform-logo{display:block;width:100%;max-width:130px;height:48px;object-fit:contain;margin:0 auto}.platform{min-width:0;overflow:hidden}.platforms .platform img{max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid #ff5364;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Image-based portfolio covers */
.project-art .project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease,filter .4s ease;filter:saturate(.85)}
.project-card:hover .project-photo{transform:scale(1.07);filter:saturate(1.1)}
.project-art .photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(5,6,11,.78),rgba(5,6,11,.08) 75%),linear-gradient(90deg,rgba(5,6,11,.36),transparent)}
.project-art .art-word{z-index:2;font-size:clamp(24px,2.5vw,39px);text-shadow:0 3px 20px #000,0 2px 5px #000}
.project-art:after{display:none}
@media(prefers-reduced-motion:reduce){.project-art .project-photo{transition:none}}