@font-face{font-family:Ginger;src:url('assets/ginger-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Ginger;src:url('assets/ginger-semibold.ttf') format('truetype');font-weight:600 900;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Zain;src:url('assets/zain.ttf') format('truetype');font-display:swap}
:root{--orange:#d64729;--purple:#452991;--paper:#f5f5f5;--ink:#282131;--muted:#77717a;--line:#e5e1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:42px 4.4vw 0;background:var(--paper);color:var(--ink);font:400 14px/1.9 Ginger,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ce835b;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.4}[lang=en],.section-no{font-family:Montserrat,Arial,sans-serif}.skip{position:fixed;top:8px;right:8px;z-index:1000;background:white;color:#241e20;padding:12px 25px;transform:translateY(-150%)}.skip:focus{transform:none}.logo-crop{display:block;position:relative;overflow:hidden;width:270px;height:174px;flex-shrink:0}.logo-crop img{position:absolute;width:222.43%;max-width:none;height:auto;left:-58.68%;top:-187.83%}.hero{position:relative;overflow:hidden;background:#050505;color:#fff;border-radius:58px;aspect-ratio:1.69;max-width:1500px;margin:auto;display:flex;flex-direction:column;min-height:490px}.header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:55px 5%;color:#fff}.brand{display:block}.header nav{display:flex;align-items:center;gap:26px;padding-top:15px}.header nav a{font-size:11px;color:#c3c1c5;transition:color .25s}.header nav a:hover{color:#fff}.header nav a:last-child{border:1px solid #ffffff40;border-radius:99px;padding:6px 14px}.header nav a:last-child span{padding-inline-start:12px}.menu-toggle{display:none}.hero-media{position:absolute;inset:0;pointer-events:none}.hero-media video{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.hero-body{position:relative;margin-top:auto;padding:0 5% 5%}.hero h1{font:600 clamp(40px,5.6vw,84px)/1.3 Zain,Ginger,sans-serif;letter-spacing:-1px;color:#f4eee5}.draft-note{font-size:10px;opacity:.7;display:block;margin-top:15px}.motion-toggle{position:absolute;bottom:22px;left:5%;background:none;border:0;color:#b6b3b8;font-size:9px;padding:8px;z-index:3}.work{max-width:1120px;margin:80px auto 0;padding:0 35px}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 -25px 60px}.work-heading h2{font:600 clamp(30px,3.5vw,50px)/1.5 Zain,Ginger;color:var(--orange);white-space:nowrap}.work-heading p{font-size:10px;line-height:2;color:#837d85;max-width:440px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 7px}.project-open{display:block;border:0;background:none;padding:0;width:100%;text-align:inherit}.project-visual{position:relative;overflow:hidden;background:#0e1012;aspect-ratio:1.37;border-radius:9px}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-open:hover .project-visual>img{transform:scale(1.045)}.campaign-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b6b2bc;position:relative;background:#111214;font-size:12px;transition:background .3s}.project:nth-child(3n+2) .campaign-placeholder{background:#15131a}.project:nth-child(3n+3) .campaign-placeholder{background:#10191a}.campaign-placeholder small{font:10px Montserrat;margin-top:8px;color:#686771}.media-icon{font:35px Arial;margin-bottom:15px;color:#807889}.project-open:hover .campaign-placeholder{background:#282033}.frame-corner{position:absolute;inset:24%;border:1px solid #ffffff09;border-radius:4px}.project-category{position:absolute;top:8px;left:8px;background:var(--purple);color:white;border-radius:9px;padding:2px 7px;font-size:7px}.project:nth-child(even) .project-category{background:var(--orange)}.project-visual .client-logo{position:absolute;bottom:15px;right:15px;width:70px;height:45px;object-fit:contain}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 7px 0}.project-caption h3{font-size:9px;font-weight:400;color:#6d6770}.project-caption>span{font:12px Arial;color:#999}.clients{max-width:1250px;margin:65px auto 0}.clients-heading{display:flex;align-items:center;gap:32px;margin:0 16px 25px}.clients-heading h2{font-size:18px;font-weight:400;color:var(--purple)}.clients-heading h2>span{display:inline-grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;width:24px;height:24px;font:18px Arial;margin-left:8px}.clients-heading p{font-size:9px;color:#929096}.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.client-cell{background:#fff;border-radius:6px;min-height:83px;display:grid;place-items:center;padding:15px}.client-cell img{max-width:110px;max-height:55px;object-fit:contain}.client-placeholder{display:flex;align-items:center;gap:8px;font-size:9px;color:#bab5bf}.client-placeholder i{font-style:normal;font-size:25px;color:#bbb3c5}.about{max-width:1230px;margin:100px auto 35px}.about-copy{text-align:right}.about-copy>span{font-size:23px;color:#ded1e5;display:block;margin-bottom:12px}.about h2{font-size:15px;margin-bottom:10px}.about p{font-size:10px;color:#928994}.about a{display:inline-block;background:var(--purple);color:white;padding:4px 18px;border-radius:30px;margin-top:16px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{text-align:center;padding:25px 15px}.stat strong{display:block;font:400 52px/1.5 Montserrat;color:var(--purple)}.stat>span{font-size:10px;color:var(--muted)}.services{max-width:1230px;margin:45px auto 80px}.services-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.services-heading h2{font-size:18px;color:var(--purple)}.services-heading p{font-size:10px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.service-card{position:relative;min-height:170px;padding:14px 12px;background:white;border:1px solid #ede8ef;border-radius:9px;display:flex;flex-direction:column;transition:background .25s,transform .25s;color:var(--purple)}.service-card:hover{background:#eee8f6;transform:translateY(-4px)}.service-top{display:flex;justify-content:space-between;align-items:center;font:8px Montserrat;color:#aaa1b3}.service-top>span:last-child{font:14px Arial}.service-art{height:88px;display:grid;place-items:center;overflow:hidden}.service-art>span{font:46px/1 Arial;transition:transform .4s}.service-card:hover .service-art>span{transform:rotate(-12deg)}.service-art img{height:100%;width:100%;object-fit:cover;border-radius:4px}.service-label h3{font-size:12px}.service-label>span{font-size:6px;letter-spacing:.4px;opacity:.55;display:block;margin-top:5px}.contact{background:#34204e;color:#fff;border-radius:12px;max-width:1500px;margin:0 auto;padding:70px 10% 80px;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;opacity:.11;background-image:repeating-linear-gradient(35deg,transparent 0 3px,#ac91ce 3px 3.5px);pointer-events:none}.contact-layout{position:relative;display:grid;grid-template-columns:1.2fr .85fr;gap:12%;align-items:center}.contact-copy h2{font-size:clamp(65px,7vw,105px);line-height:1.38;font-weight:400;letter-spacing:-3px}.contact-copy>p{font-size:16px;color:#c4b6d1;margin-top:25px}.contact-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;border-top:1px solid #fff2;margin-top:32px;padding-top:25px}.contact-notes h3{font-size:11px;font-weight:400}.contact-notes p{font-size:8px;color:#baabca;margin-top:7px}.contact-notes>div{position:relative}.contact-notes>div>span{position:absolute;left:0;top:-5px;color:#cab8da}.contact-form{background:#fff;color:#2c2234;border-radius:9px;padding:24px;min-height:520px;display:flex;flex-direction:column}.form-brand{color:var(--purple);font-size:10px;font-weight:700}.contact-form h3{font-size:21px;font-weight:400;margin:8px 0 22px;line-height:1.5}.contact-form label{font-size:10px;display:block;margin-bottom:12px}.contact-form input,.contact-form textarea{font:11px Ginger,Arial;width:100%;border:1px solid transparent;background:#f5f5f5;border-radius:3px;padding:11px 10px;color:#33273e;display:block;margin-top:4px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a8a3a9;font-size:9px}.contact-form button{border:0;border-radius:30px;background:var(--orange);color:#fff;width:100%;padding:9px 15px;font-size:11px;margin-top:4px}.contact-form button:disabled{opacity:.65}.form-status{font-size:8px;text-align:center;color:#857b8b;margin-top:15px;line-height:1.8}.site-footer{max-width:1180px;margin:150px auto 70px;padding:0 40px;color:var(--purple)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:65px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px}.footer-nav>span{color:#99909f;font-size:9px;margin-bottom:8px}.footer-logo{margin-top:22px}.footer-logo .logo-crop{width:125px;height:81px;filter:brightness(0) saturate(100%) invert(19%) sepia(34%) saturate(2545%) hue-rotate(237deg) brightness(94%) contrast(101%)}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;gap:5px}.footer-contact>a{font-family:Montserrat;font-size:12px}.contact-pending{color:#948b9b;font-size:9px}.footer-location{font-size:10px;margin-top:18px}.socials{display:flex;gap:15px;flex-wrap:wrap;font-size:10px}.map-placeholder{width:100%;max-width:260px;height:160px;border:1px solid #ded9e2;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eae7ed;color:#b1a9b8;margin-top:8px}.map-placeholder>span{font:42px Arial}.map-placeholder small{font-size:9px;margin-top:10px}.copyright{background:var(--orange);color:#fff;margin:0 -4.4vw;display:flex;justify-content:space-between;padding:12px 8vw;font-size:8px}.copyright>span:first-child{font-family:Montserrat;font-size:8px}.section-pad{padding:70px 5vw}.service-header{background:#090909;border-radius:25px}.service-header .header{padding:25px 4%}.service-header .logo-crop{width:110px;height:71px}.service-header .header nav{padding-top:10px}.back-link{display:inline-block;font-size:12px;color:var(--purple);margin-bottom:40px}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.eyebrow{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:1px}.section-no{border:1px solid var(--orange);color:var(--orange);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.service-hero h1{font-size:clamp(40px,5vw,72px);margin:22px 0;color:var(--purple)}.service-hero p{font-size:15px;line-height:2.2}.pill{display:block;width:fit-content;background:var(--purple);color:#fff;border-radius:30px;padding:11px 24px;margin-top:30px;font-size:12px}.service-showcase{aspect-ratio:1.15;background:#151119;color:#aaa0b5;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.large-symbol{font:200px/1 Arial}.service-showcase small{position:absolute;bottom:25px;font-size:10px}.service-showcase img{width:100%;height:100%;object-fit:cover}.service-details{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;border-top:1px solid var(--line)}.service-details h2{font-size:40px;color:var(--purple)}.service-details h2 span{color:var(--orange)}.detail-row{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:25px;font-size:13px}.detail-row>span{color:var(--orange);font-family:Montserrat}.service-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-gallery img{width:100%;border-radius:8px}.next-service{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw;margin-bottom:60px;border-block:1px solid var(--line);gap:20px;color:var(--purple)}.next-service>span{font-size:11px}.next-service strong{font-size:30px}.next-service>span:last-child{font:36px Arial}dialog{border:0;background:var(--paper);color:var(--ink);width:min(850px,92vw);max-height:88svh;padding:65px 40px 35px;border-radius:12px}dialog::backdrop{background:#1e172cc9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:15px;left:20px;border:1px solid var(--line);border-radius:50%;background:none;width:40px;height:40px}#dialog-body h2{font-size:30px;margin:25px 0}#dialog-body p{font-size:14px;margin-bottom:25px}#dialog-body img{width:100%;margin:20px 0}.dialog-empty{display:grid;place-items:center;min-height:220px;background:#e7e2ec;color:var(--muted);font-size:13px}.dialog-active{overflow:hidden}.motion-paused{scroll-behavior:auto}.motion-paused *{animation-play-state:paused!important}
@media(max-width:1050px){.header nav{gap:14px}.logo-crop{width:210px;height:135px}.hero{min-height:400px}.header{padding:40px 5%}.work-heading{gap:25px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card:last-child{grid-column:span 2}.contact{padding:55px 7%}.contact-layout{gap:8%}.contact-form{padding:20px}.footer-grid{gap:40px}}@media(max-width:700px){body{padding:20px 4.4vw 0}.hero{aspect-ratio:1.45;min-height:300px;border-radius:28px}.header{padding:28px 5%}.logo-crop{width:145px;height:94px}.menu-toggle{display:flex;align-items:center;gap:8px;background:transparent;color:#fff;border:1px solid #fff4;border-radius:30px;padding:5px 10px;font-size:9px}.menu-icon{font:12px Arial}.header nav{display:none;position:absolute;top:78px;left:5%;right:auto;min-width:155px;background:#211927;padding:20px;border:1px solid #fff2;border-radius:12px;box-shadow:0 15px 25px #0005}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.header nav a{font-size:11px}.header nav a:last-child{padding:0;border:0}.hero h1{font-size:clamp(30px,7vw,48px);letter-spacing:0}.hero-body{padding-bottom:34px}.motion-toggle{font-size:7px;bottom:4px;padding:5px;left:4%}.work{margin-top:38px;padding:0 5%}.work-heading{display:block;margin:0 -3% 30px}.work-heading h2{font-size:31px}.work-heading p{font-size:8px;max-width:310px;margin-top:12px}.projects{grid-template-columns:repeat(2,1fr);gap:16px 7px}.project-visual{aspect-ratio:1.3;border-radius:6px}.project-category{font-size:6px;top:5px;left:5px;padding:1px 5px}.campaign-placeholder{font-size:9px}.media-icon{font-size:25px;margin-bottom:8px}.campaign-placeholder small{font-size:8px;margin-top:5px}.project-caption h3{font-size:8px}.project-caption{padding:6px 3px 0}.clients{margin-top:36px}.clients-heading{gap:12px;align-items:flex-start;flex-direction:column;margin:0 5px 16px}.clients-heading h2{font-size:14px}.clients-heading h2>span{width:19px;height:19px;font-size:14px}.clients-heading p{font-size:8px}.clients-grid{grid-template-columns:repeat(3,1fr)}.client-cell{min-height:61px;padding:10px}.client-cell img{max-width:70px;max-height:40px}.client-placeholder{font-size:7px;gap:5px}.client-placeholder i{font-size:18px}.about{margin:55px 8px 28px}.about h2{font-size:12px}.about p{font-size:8px}.about-copy>span{font-size:18px;margin-bottom:8px}.about a{font-size:8px;padding:3px 15px;margin-top:10px}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:38px}.stat>span{font-size:9px}.services{margin:35px 0 45px}.services-heading{margin-bottom:16px;gap:15px}.services-heading h2{font-size:15px}.services-heading p{font-size:8px}.service-grid{grid-template-columns:repeat(2,1fr);gap:7px}.service-card{min-height:137px;padding:12px}.service-card:last-child{grid-column:span 2;min-height:90px}.service-card:last-child .service-art{position:absolute;left:20%;top:18px}.service-card:last-child .service-label{margin-top:auto}.service-art{height:60px}.service-art>span{font-size:34px}.service-label h3{font-size:11px}.service-label>span{font-size:6px}.service-top{font-size:7px}.contact{padding:35px 7%;border-radius:9px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:56px;line-height:1.2;letter-spacing:-1px}.contact-copy>p{font-size:12px;margin-top:16px}.contact-notes{margin-top:22px;padding-top:18px;gap:20px}.contact-notes h3{font-size:10px}.contact-notes p{font-size:8px}.contact-form{min-height:450px;padding:22px;max-width:370px;width:100%;justify-self:center}.contact-form h3{font-size:20px}.contact-form label{font-size:10px}.site-footer{margin:65px auto 35px;padding:0 5%}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-contact{grid-column:span 2;grid-row:2}.footer-nav{font-size:10px;gap:7px}.footer-nav>span{font-size:8px}.footer-logo .logo-crop{width:100px;height:65px}.map-placeholder{height:120px;max-width:230px}.copyright{padding:11px 6vw;font-size:7px}.copyright>span:first-child{font-size:7px}.section-pad{padding:40px 4vw}.service-header{border-radius:18px}.service-header .logo-crop{width:92px;height:59px}.service-header .header{align-items:center;padding:20px 6%}.service-header .header nav{top:80px;padding:20px}.service-hero-grid{grid-template-columns:1fr;gap:30px}.service-hero h1{font-size:42px}.service-hero p{font-size:13px}.large-symbol{font-size:155px}.back-link{margin-bottom:30px;font-size:11px}.service-details{grid-template-columns:1fr;gap:28px}.service-details h2{font-size:30px}.detail-row{font-size:12px}.next-service{margin-bottom:40px;flex-wrap:wrap}.next-service>span:first-child{width:100%}.next-service strong{font-size:25px}.service-gallery{grid-template-columns:1fr}dialog{padding:60px 22px 30px}#dialog-body h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Reference alignment: full-height media, slim top navigation, image-only projects. */
body{padding:0 6px;background:#f5f5f5}.top-navigation{height:60px}.top-navigation .header{padding:6px 28px;height:60px;align-items:center;direction:ltr;color:var(--purple);background:#f5f5f5}.top-navigation .logo-crop{width:68px;height:44px;filter:brightness(0) saturate(100%) invert(19%) sepia(34%) saturate(2545%) hue-rotate(237deg) brightness(94%) contrast(101%)}.top-navigation .header nav{flex:1;margin-left:48px;gap:45px;padding:0;direction:ltr}.top-navigation .header nav a{font-size:13px;color:var(--purple);direction:rtl}.top-navigation .header nav a:last-child{margin-left:auto;border:0;border-bottom:1px solid var(--purple);border-radius:0;padding:0;font-size:17px}.hero{min-height:590px;height:calc(100svh - 66px);aspect-ratio:auto;max-width:none;border-radius:28px}.hero-brand{position:absolute;right:4.5%;top:10%;z-index:2}.hero-brand .logo-crop{width:235px;height:152px}.hero-body{padding:0 3% 6%}.hero h1{font-size:clamp(32px,4.5vw,67px)}.work{max-width:none;margin:110px 28px 0;padding:0}.work-heading{margin:0 0 65px;gap:50px}.work-heading h2{font-size:clamp(40px,6vw,85px)}.work-heading p{max-width:49%;font-size:14px;line-height:1.7}.projects{gap:10px}.project-visual{border:3px solid #fff;border-radius:19px;aspect-ratio:1.39}.project-category{top:11px;left:11px;font-size:10px}.clients{max-width:none;margin:95px 28px 0}.clients-heading{margin:0 0 45px;justify-content:space-between;align-items:center}.clients-heading h2{font-size:34px}.clients-heading h2>span{width:37px;height:37px;font-size:25px;margin-left:15px}.clients-toggle{border:1px solid #dcd5e4;color:var(--purple);background:transparent;padding:7px 14px;border-radius:30px;font-size:10px}.clients-marquee{overflow:hidden;direction:ltr;border-radius:14px;position:relative;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.clients-track{display:flex;width:max-content;animation:client-scroll 70s linear infinite;will-change:transform}.clients-group{display:flex;flex-shrink:0;gap:6px;padding-right:6px}.clients-group .client-cell{width:205px;height:128px;min-height:0;border-radius:14px;background:#fff;flex-shrink:0;padding:14px}.clients-group .client-cell img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.clients-marquee:hover .clients-track,.clients-marquee:focus-within .clients-track,.clients-marquee.is-paused .clients-track{animation-play-state:paused}.motion-paused .clients-track{animation-play-state:paused!important}@keyframes client-scroll{to{transform:translateX(-50%)}}.services{max-width:none;background:#34204e;color:#fff;border-radius:14px;margin:100px 0 0;padding:65px 30px}.services-heading{margin-bottom:45px;align-items:center}.services-heading h2{font-size:40px;color:#fff;font-weight:400}.services-heading p{font-size:17px;color:#d2c4e0}.service-accordions{border-top:1px solid #ffffff22}.service-accordion{border-bottom:1px solid #ffffff22}.service-accordion summary{display:grid;grid-template-columns:20% 1fr 45px;gap:25px;align-items:center;list-style:none;cursor:pointer;padding:27px 0}.service-accordion summary::-webkit-details-marker{display:none}.service-index{color:#b6a4c7;font:14px Montserrat}.service-accordion h3{font-size:27px;font-weight:400}.accordion-arrow{color:#eaa48c;font:26px Arial;transition:transform .25s}.service-accordion[open] .accordion-arrow{transform:rotate(-90deg)}.service-panel{margin-right:calc(20% + 25px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:0 0 35px}.service-panel p{font-size:14px;color:#c9b9d8;line-height:2}.service-panel .service-page-link{display:inline-flex;min-height:0;padding:9px 22px;background:#ffffff18;border:0;border-radius:25px;font-size:13px;color:white;margin-top:24px;flex-direction:row;transform:none}.service-panel .service-page-link:hover{background:#ffffff30}.service-panel-art{height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#cbb7df;overflow:hidden}.service-panel-art>span{font:110px/1 Arial}.service-panel-art small{font-size:9px;margin-top:15px;color:#bba6cf}.service-panel-art img{height:100%;width:100%;object-fit:contain}.about{max-width:none;margin:90px 35px}.about h2{font-size:35px;color:var(--purple)}.about p{font-size:14px}.contact{max-width:none;padding:75px 10%;border-radius:14px}.site-footer{margin-top:140px}.copyright{margin:0 -6px}.service-header{margin-top:12px}.motion-toggle{bottom:15px}
@media(max-width:900px){.top-navigation .header nav{gap:23px;margin-left:28px}.work-heading{gap:25px}.work-heading h2{font-size:48px}.work-heading p{font-size:12px}.service-panel{margin-right:0}.service-accordion summary{grid-template-columns:60px 1fr 35px}.services-heading h2{font-size:30px}}
@media(max-width:700px){.top-navigation .header{padding:8px 15px;direction:rtl}.top-navigation .header nav{direction:rtl;margin:0;right:15px;left:auto;top:54px;z-index:10;background:#fff;box-shadow:0 12px 30px #0002}.top-navigation .header nav a{font-size:12px}.top-navigation .header nav a:last-child{margin:0;font-size:12px}.top-navigation .menu-toggle{color:var(--purple);border-color:#ddd}.hero{height:calc(85svh - 60px);min-height:460px;border-radius:23px}.hero-brand{top:9%;right:6%}.hero-brand .logo-crop{width:160px;height:103px}.hero-body{padding:0 6% 17%}.hero h1{font-size:36px}.work{margin:60px 12px 0}.work-heading{display:block;margin-bottom:30px}.work-heading h2{font-size:37px}.work-heading p{max-width:100%;font-size:10px;margin-top:15px}.projects{gap:7px}.project-visual{border-radius:11px;border-width:2px}.project-category{font-size:7px;top:7px;left:7px}.clients{margin:55px 12px 0}.clients-heading{margin-bottom:24px;flex-direction:row;gap:15px}.clients-heading h2{font-size:20px}.clients-heading h2>span{width:24px;height:24px;font-size:18px;margin-left:5px}.clients-toggle{font-size:8px;padding:5px 9px;white-space:nowrap}.clients-group .client-cell{width:150px;height:100px;padding:10px;border-radius:10px}.clients-track{animation-duration:65s}.services{margin-top:60px;padding:35px 18px}.services-heading{gap:20px;margin-bottom:28px}.services-heading h2{font-size:24px}.services-heading p{font-size:10px;white-space:nowrap}.service-accordion summary{padding:21px 0;grid-template-columns:38px 1fr 24px;gap:12px}.service-index{font-size:9px}.service-accordion h3{font-size:20px}.accordion-arrow{font-size:22px}.service-panel{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.service-panel p{font-size:11px}.service-panel .service-page-link{font-size:11px;margin-top:16px}.service-panel-art{height:100px}.service-panel-art>span{font-size:60px}.about{margin:55px 22px}.about h2{font-size:25px}.about p{font-size:11px}.contact{padding:40px 7%}.site-footer{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none!important;transform:none!important}.clients-marquee{overflow-x:auto;mask-image:none}.clients-group[aria-hidden=true]{display:none}}
/* Annotated revisions: seven service tiles, statistics, two client rows, filterable portfolios. */
.hero h1{font-size:clamp(42px,5.8vw,86px)}.work-heading h2{font-size:clamp(47px,7vw,98px)}.work-heading{flex-wrap:wrap}.work-heading p{flex:1;min-width:220px}.statistics-section{margin:65px 28px 0}.statistics-section .stats{margin-top:0;border-color:#ddd8e4}.statistics-section .stat{padding:35px 15px;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.statistics-section .stat.is-visible{opacity:1;transform:none}.statistics-section .stat strong{font-size:clamp(45px,5.4vw,78px)}.statistics-section .stat>span{font-size:18px;color:var(--purple)}.work{margin-top:65px}.service-card-link{display:block}.service-tile .tile-symbol{font:65px/1 Arial;color:#b6a4c7;margin-bottom:18px}.service-tile h3{font-size:22px;color:#f4eef9;font-weight:400}.service-tile small{font:9px Ginger;margin-top:12px;color:#8c8495}.tile-link-arrow{position:absolute;bottom:15px;left:17px;font:21px Arial;color:#d7cce2}.service-card-link:focus-visible{outline-offset:2px;border-radius:20px}.projects>.project:last-child{grid-column:2}.clients-rows{display:grid;gap:8px}.clients-row-2 .clients-track{animation-direction:reverse;animation-duration:58s}.portfolio-service{max-width:1500px;margin:auto}.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin:10px 0 55px}.portfolio-intro h1{font-size:clamp(45px,5.5vw,82px);color:var(--purple);margin-top:25px}.portfolio-intro>p{font-size:13px;line-height:2.2;max-width:480px;color:var(--muted);padding-bottom:12px}.portfolio-filters{display:flex;gap:14px;flex-wrap:wrap}.portfolio-filter{min-width:150px;min-height:90px;border:1px solid #e1dbe8;border-radius:18px;background:#fff;color:var(--purple);padding:20px 25px;font-size:14px;transition:background .2s,color .2s,transform .2s}.portfolio-filter:hover{background:#eae3f2;transform:translateY(-2px)}.portfolio-filter.is-active{background:var(--purple);border-color:var(--purple);color:white}.filter-status{font-size:11px;color:var(--muted);margin:28px 0 18px}.portfolio-category{margin-bottom:55px}.portfolio-category>h2{font-size:23px;font-weight:400;color:var(--purple);margin-bottom:23px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-empty{aspect-ratio:1.1;background:#eae6ee;border:1px solid #e0d8e7;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#9a8fa5}.portfolio-empty>span{font:40px Arial;opacity:.6;margin-bottom:16px}.portfolio-empty p{font-size:12px}.portfolio-empty small{font:10px Montserrat;margin-top:14px}.portfolio-item{margin:0}.portfolio-item img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:20px}.portfolio-item figcaption{font-size:12px;margin-top:12px;color:var(--muted)}
@media(max-width:900px){.hero h1{font-size:58px}.work-heading h2{font-size:60px}.portfolio-intro{gap:30px}.portfolio-filter{min-width:135px;min-height:85px}.portfolio-grid{gap:12px}}
@media(max-width:700px){.hero h1{font-size:clamp(38px,9vw,57px)}.work-heading h2{font-size:clamp(39px,9.5vw,56px)}.work-heading p{min-width:0}.statistics-section{margin:38px 12px 0}.statistics-section .stats{grid-template-columns:repeat(2,1fr)}.statistics-section .stat{padding:22px 10px}.statistics-section .stat strong{font-size:47px}.statistics-section .stat>span{font-size:14px}.work{margin-top:45px}.service-tile .tile-symbol{font-size:40px;margin-bottom:9px}.service-tile h3{font-size:15px}.service-tile small{font-size:7px;margin-top:8px}.tile-link-arrow{font-size:15px;bottom:10px;left:12px}.projects>.project:last-child{grid-column:auto}.clients-rows{gap:6px}.portfolio-intro{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.portfolio-intro h1{font-size:42px;margin-top:18px}.portfolio-intro>p{font-size:12px;max-width:none}.portfolio-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.portfolio-filter{min-width:0;min-height:77px;border-radius:14px;font-size:12px;padding:15px 10px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:10px}.portfolio-category>h2{font-size:20px}.portfolio-empty{padding:12px;border-radius:14px;aspect-ratio:.95}.portfolio-empty p{font-size:9px}.portfolio-empty>span{font-size:29px}.portfolio-item img{border-radius:14px}.portfolio-item figcaption{font-size:10px}.filter-status{margin-top:22px}.portfolio-category{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.statistics-section .stat{opacity:1;transform:none;transition:none}.clients-row-2 .clients-track{animation:none!important}}
/* Latest comments: reference statistics, larger interactive contact form, type balance. */
.hero h1{font-size:clamp(48px,6.6vw,98px)}.work-heading h2{font-size:clamp(44px,6.3vw,88px)}.statistics-section{background:#030303;color:white;margin:0;position:relative;padding:35px 4% 40px}.statistics-section .stats{border:0;margin:0;grid-template-columns:repeat(4,1fr);gap:12px}.statistics-section .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 15px 22px;transition:opacity .65s,transform .65s,background .25s;border-radius:12px}.statistics-section .stat:hover{background:#111;transform:translateY(-4px)}.stat-icon{width:28px;height:40px;fill:white;margin-bottom:13px;transition:transform .25s}.stat:hover .stat-icon{transform:translateY(-4px)}.statistics-section .stat strong{color:white;font:400 clamp(38px,3.8vw,56px)/1.4 Montserrat;min-width:3ch;font-variant-numeric:tabular-nums}.statistics-section .stat>span{color:#929292;font-size:20px;margin-top:7px}.stat-scroll{position:absolute;bottom:25px;left:calc(50% - 15px);width:30px;height:47px;border:2px solid #666;border-radius:25px;display:flex;justify-content:center;padding-top:10px}.stat-scroll span{width:4px;height:8px;background:#ddd;border-radius:4px;animation:scroll-hint 1.8s ease-in-out infinite}@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(10px);opacity:.3}}.contact{padding:65px 5.5%}.contact-layout{grid-template-columns:1fr 1.16fr;gap:7%;align-items:center}.contact-form{padding:35px;min-height:680px;border-radius:16px;box-shadow:0 16px 50px #130a2026}.contact-form .form-brand{font-size:13px}.contact-form h3{font-size:28px;margin:12px 0 28px;line-height:1.5}.contact-form label{font-size:13px;margin-bottom:17px}.contact-form label>span{color:var(--orange)}.contact-form input,.contact-form textarea,.contact-form select{font:14px Ginger,Arial;padding:14px 13px;border:1px solid #e7e3eb;border-radius:8px;background:#f8f7f9;color:#33273e;width:100%;display:block;margin-top:7px;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:11px;color:#9c939f}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:0;background:#fff;border-color:var(--purple);box-shadow:0 0 0 3px #45299115}.contact-form label:focus-within{color:var(--purple)}.contact-form textarea{resize:vertical;min-height:112px}.message-count{display:block;text-align:left;font:10px Montserrat;color:#9a909f;margin-top:-8px;margin-bottom:18px}.contact-form .review-message{font-size:14px;padding:13px 20px;transition:transform .2s,background .2s}.review-message:hover{background:#bb3e24;transform:translateY(-2px)}.form-status{font-size:10px;margin-top:14px;line-height:1.8}.message-review{margin-top:22px;padding-top:22px;border-top:1px solid #e4ddeb}.message-review[hidden]{display:none}.message-review h4{margin:0 0 14px;font-size:17px;color:var(--purple)}.message-review textarea{font-size:12px;line-height:1.8;min-height:190px}.review-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.review-actions button,.review-actions .email-message{background:var(--purple);color:white;font:12px Ginger;padding:10px 17px;border-radius:25px;width:auto;margin:0}.review-notice{font-size:10px;color:#8b8095;margin-top:12px}.contact-copy h2{font-size:clamp(62px,7vw,100px)}
@media(max-width:900px){.hero h1{font-size:66px}.work-heading h2{font-size:54px}.contact-layout{gap:5%;grid-template-columns:1fr 1.2fr}.contact-form{padding:27px}.contact-form h3{font-size:25px}.contact-copy h2{font-size:65px}}
@media(max-width:700px){.hero h1{font-size:clamp(43px,10.2vw,64px)}.work-heading h2{font-size:clamp(35px,8.5vw,50px)}.statistics-section{padding:27px 10px 25px}.statistics-section .stats{grid-template-columns:repeat(2,1fr);gap:24px 12px}.statistics-section .stat{padding:6px 8px}.statistics-section .stat strong{font-size:40px}.statistics-section .stat>span{font-size:16px}.stat-icon{width:22px;height:32px;margin-bottom:8px}.stat-scroll{width:23px;height:36px;left:calc(50% - 11.5px);bottom:calc(50% - 18px);padding-top:7px}.stat-scroll span{height:6px;width:3px}.contact{padding:38px 5%}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-form{max-width:none;width:100%;padding:27px 22px;min-height:0}.contact-form h3{font-size:26px}.contact-form label{font-size:13px}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px;padding:13px 12px}.contact-copy h2{font-size:60px}.contact-form .review-message{font-size:14px}.review-actions{gap:8px}}

/* Final spacing and image-only tiles. Keep logos original; white-key their light background at render time. */
.service-image-slot{width:100%;height:100%;background:#111214}
.service-card-link .project-visual>img{transform:scale(1);filter:blur(0);transition:transform .65s ease,filter .65s ease}
@media(hover:hover){.service-card-link:hover .project-visual>img{transform:scale(1.12);filter:blur(7px)}}
.service-card-link:focus-visible .project-visual>img{transform:scale(1.12);filter:blur(7px)}
.statistics-section{margin-top:60px;margin-bottom:30px;padding-top:42px;padding-bottom:42px}
.statistics-section .stat,.statistics-section .stat.is-visible,.statistics-section .stat:hover{opacity:1;transform:none;background:transparent;border:0;box-shadow:none;transition:none;cursor:default}
.stat-icon,.stat:hover .stat-icon{transform:none;transition:none;animation:none}
.clients{margin-top:105px;margin-bottom:65px;padding:40px 20px 45px;background:#fff;border-radius:16px}
.clients-heading{margin-bottom:38px;padding:0 10px}
.clients-heading h2{font-size:40px}
.clients-rows{gap:14px}
.clients-group .client-cell{width:250px;height:155px;padding:5px;background:#fff;border:0;border-radius:0}
.clients-group .client-cell img{filter:url(#client-white-background)}
.client-filter-defs{position:absolute;pointer-events:none}
.clients-marquee{border-radius:0;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
@media(max-width:700px){.statistics-section{margin-top:38px;margin-bottom:25px;padding:30px 12px}.clients{margin:65px 12px 45px;padding:28px 8px 32px}.clients-heading{margin-bottom:25px;padding:0 5px}.clients-heading h2{font-size:27px}.clients-heading h2>span{width:29px;height:29px;font-size:21px}.clients-rows{gap:10px}.clients-group .client-cell{width:200px;height:130px;padding:3px}}
@media(prefers-reduced-motion:reduce){.service-card-link .project-visual>img{transition:none}}

/* Requested interaction refinements; existing page composition retained. */
html{scroll-padding-top:100px}.hero h1{color:#fff}
.statistics-section{background:#fff;color:var(--purple)}
.statistics-section .stat strong,.statistics-section .stat>span{color:var(--purple)}
.statistics-section .stat-icon{fill:var(--purple)}
.top-navigation,.service-header{position:sticky;top:0;z-index:40;transition:box-shadow .25s}
.top-navigation.is-scrolled,.service-header.is-scrolled{box-shadow:0 6px 24px #24133116}
.top-navigation .header{background:#f5f5f5f2;backdrop-filter:blur(12px)}
.header nav a{position:relative;transition:color .2s,background .2s,transform .2s}
.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:3px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.header nav a:hover:after,.header nav a:focus-visible:after,.header nav a.nav-active:after{transform:scaleX(1)}
.top-navigation .header nav a:hover,.top-navigation .header nav a.nav-active{color:var(--orange)}
.top-navigation .header nav a:last-child{border-bottom:0;border:1px solid #45299125;border-radius:26px;padding:7px 18px;font-size:14px}
.top-navigation .header nav a:last-child:hover,.top-navigation .header nav a:last-child.nav-active{background:var(--purple);color:#fff}
.header nav a:last-child:after{display:none}
.menu-toggle{transition:background .2s,border-color .2s}.menu-toggle[aria-expanded=true]{background:var(--purple);color:white!important;border-color:var(--purple)!important}
.service-name-badge{position:absolute;top:16px;left:16px;right:auto;display:flex;align-items:center;justify-content:center;text-align:center;width:auto;height:auto;max-width:calc(100% - 32px);min-height:36px;padding:7px 14px;border-radius:16px;background:var(--purple);color:#fff;font-size:13px;line-height:1.65;border:0;z-index:2;transition:transform .3s,background .3s;pointer-events:none}
.project:nth-child(even) .service-name-badge{background:var(--orange)}
.service-card-link:hover .service-name-badge,.service-card-link:focus-visible .service-name-badge{transform:translateY(-3px);background:var(--orange)}
.back-to-top{position:fixed;bottom:24px;left:24px;z-index:35;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:white;border:1px solid #fff6;box-shadow:0 4px 18px #25133125;font:25px Arial;transition:transform .2s,background .2s}
.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--orange);transform:translateY(-3px)}
.portfolio-category{animation:gallery-enter .3s ease-out}@keyframes gallery-enter{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:none}}
.footer-nav a,.socials a{transition:color .2s}.footer-nav a:hover,.socials a:hover{color:var(--orange)}
@media(max-width:700px){html{scroll-padding-top:82px}.service-name-badge{width:auto;height:auto;min-height:30px;max-width:calc(100% - 20px);font-size:11px;top:10px;left:10px;right:auto;padding:5px 11px;border-radius:12px}.back-to-top{width:40px;height:40px;left:16px;bottom:16px;font-size:22px}.top-navigation .header nav a:last-child{font-size:12px;padding:7px 12px}.top-navigation .header nav{border:1px solid #45299112}.service-header{border-radius:0;margin-top:0}}
@media(prefers-reduced-motion:reduce){.portfolio-category{animation:none}.header nav a,.header nav a:after,.service-name-badge,.back-to-top{transition:none}}

/* Contact media, location and focused interaction refinements. */
.statistics-section{background:var(--paper)}
.contact{position:relative;isolation:isolate;background:#17141c;overflow:hidden}
.contact-media{position:absolute;inset:0;z-index:0;pointer-events:none}
.contact-media video,.contact-media img{width:100%;height:100%;object-fit:cover;display:block}
.contact:before{inset:0;z-index:1;opacity:1;background:linear-gradient(110deg,#16121dcc,#16121d80);pointer-events:none}
.contact-layout{position:relative;z-index:2}
.form-status:empty{display:none}
.about .about-services-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:12px 28px;margin-top:16px;border:1px solid currentColor;border-radius:40px;background:var(--purple);color:#fff;font-size:16px;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}
.about-services-button span{display:inline-block;transition:transform .2s}
.about .about-services-button:hover,.about .about-services-button:focus-visible{background:var(--orange);transform:translateY(-3px);box-shadow:0 8px 20px #45299120}
.about-services-button:hover span{transform:translate(-3px,3px)}
.footer-nav a:not(.footer-logo),.footer-contact>a,.socials a{position:relative;width:fit-content;min-height:36px;display:inline-flex;align-items:center;transition:color .2s,transform .2s}
.footer-nav a:not(.footer-logo):after,.socials a:after{content:'';position:absolute;bottom:3px;right:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}
.footer-nav a:not(.footer-logo):hover,.footer-nav a:not(.footer-logo):focus-visible,.socials a:hover,.socials a:focus-visible{color:var(--orange);transform:translateX(-4px)}
.footer-nav a:hover:after,.footer-nav a:focus-visible:after,.socials a:hover:after,.socials a:focus-visible:after{transform:scaleX(1)}
.office-map{width:100%;max-width:440px;margin-top:20px;overflow:hidden;border:1px solid #45299122;border-radius:16px;background:#fff}
.office-map iframe{width:100%;height:220px;display:block;border:0}
.office-map>a{display:block;padding:14px 16px;font-size:13px;color:var(--purple);transition:background .2s,color .2s}
.office-map>a:hover,.office-map>a:focus-visible{background:var(--purple);color:#fff}
@media(max-width:700px){.office-map{max-width:none}.office-map iframe{height:200px}.about .about-services-button{min-height:48px;padding:12px 24px}}
@media(prefers-reduced-motion:reduce){.about .about-services-button,.about-services-button span,.footer-nav a,.socials a,.footer-nav a:after,.socials a:after{transition:none;transform:none!important}}

/* Supplied Zain font and reference-shaped service category controls. */
@font-face{font-family:ZainService;src:url('assets/zain-service-titles.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.portfolio-intro h1{font-family:ZainService,Zain,sans-serif;font-weight:400;font-synthesis:none;font-variation-settings:"long" 0;line-height:1.5}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:12px}
.portfolio-filter{min-width:130px;min-height:54px;padding:12px 24px;border:2px solid transparent;border-radius:22px;background:var(--orange);color:#fff;font-size:15px;line-height:1.6;transition:background .22s,transform .22s,box-shadow .22s}
.portfolio-filter:hover,.portfolio-filter:focus-visible,.portfolio-filter.is-active{background:var(--purple);color:#fff;border-color:transparent}
.portfolio-filter:hover{transform:translateY(-3px);box-shadow:0 7px 18px #45299120}
.portfolio-filter:active{transform:translateY(0) scale(.98)}
.portfolio-filter:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.portfolio-filter.is-active{box-shadow:inset 0 -3px 0 #ffffff55}
.portfolio-item{overflow:hidden;border-radius:20px}
.portfolio-item img{transition:transform .4s,filter .4s}
.portfolio-item:hover img{transform:scale(1.035);filter:brightness(1.04)}
.portfolio-service .back-link{display:inline-flex;min-height:44px;align-items:center;padding:8px 14px;border-radius:14px;transition:background .2s,color .2s,transform .2s}
.portfolio-service .back-link:hover,.portfolio-service .back-link:focus-visible{background:var(--purple);color:#fff;transform:translateX(3px)}
.next-service{transition:background .25s,color .25s}.next-service:hover,.next-service:focus-visible{background:var(--purple);color:#fff}
@media(max-width:700px){.portfolio-filter{min-width:0;min-height:48px;padding:10px 18px;font-size:13px;border-radius:19px}.portfolio-filters{gap:10px}.portfolio-intro h1{line-height:1.5;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.portfolio-filter,.portfolio-item img,.portfolio-service .back-link,.next-service{transition:none;transform:none!important}}

/* Keep longer approved Arabic copy readable at every width. */
.hero h1{max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
.contact-copy h2{font-size:clamp(36px,4.2vw,62px);line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}
.contact-form h3{line-height:1.65;text-wrap:balance}
.work-heading p{line-height:1.9}
@media(max-width:700px){.contact-copy h2{font-size:clamp(30px,6.8vw,44px)}.contact-form h3{font-size:clamp(19px,4.4vw,26px)}}

/* Apply the supplied Zain font to the requested brand headings. */
.about-copy h2,.contact-copy h2{font-family:ZainService,Zain,sans-serif;font-weight:400;font-synthesis:none;font-variation-settings:"long" 0;line-height:1.5;letter-spacing:0}

/* Larger contact hook in the supplied brand font. */
.contact-copy{min-width:0}.contact-copy h2{font-size:clamp(48px,6vw,86px);line-height:1.35;text-wrap:balance;margin-bottom:20px}
@media(max-width:700px){.contact-copy h2{font-size:clamp(40px,10vw,64px);line-height:1.4}}

/* Readable title over the supplied creative-content image on interaction. */
.service-hover-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:ZainService,Zain,sans-serif;font-weight:400;font-size:clamp(23px,3vw,42px);line-height:1.4;color:#fff;background:#160e286b;text-shadow:0 2px 14px #0008;opacity:0;transition:opacity .35s;pointer-events:none;z-index:1}
.service-card-link:hover .service-hover-title,.service-card-link:focus-visible .service-hover-title,.service-card-link:active .service-hover-title{opacity:1}
.service-card-link:active .project-visual>img{filter:blur(7px);transform:scale(1.12)}
@media(max-width:700px){.service-hover-title{font-size:clamp(20px,4.4vw,30px);padding:12px}}
@media(prefers-reduced-motion:reduce){.service-hover-title{transition:none}}

/* One responsive shared video for the creative-content service. */
.service-video-showcase{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#15121b;border:1px solid #45299122}
.service-showcase-player{display:block;width:100%;height:100%;object-fit:contain;background:#15121b}
.service-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:#fff;background:linear-gradient(140deg,#241a3b,#121016)}
.service-video-placeholder>span{font:56px Arial;color:#c9b8f1}.service-video-placeholder p{margin:0;font-size:clamp(14px,2vw,22px)}.service-video-placeholder small{color:#c5bfce;font-size:12px}
@media(max-width:700px){.service-video-showcase{border-radius:16px}.service-video-placeholder{gap:7px;padding:12px}.service-video-placeholder>span{font-size:36px}}

.video-category-heading{font-size:23px;font-weight:400;color:var(--purple);margin:28px 0 22px;line-height:1.6}
@media(max-width:700px){.video-category-heading{font-size:20px}}

.hero-sound{position:absolute;z-index:3;left:24px;top:24px;min-height:44px;padding:10px 20px;border:1px solid #ffffff88;border-radius:24px;background:#161020aa;color:#fff;backdrop-filter:blur(8px);transition:background .2s,transform .2s}.hero-sound:hover{background:#452991;transform:translateY(-2px)}

/* Three columns for visual identities. */
.portfolio-grid.portfolio-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-grid-three>*{min-width:0}
@media(max-width:700px){.portfolio-grid-three .portfolio-empty{padding:8px 4px;aspect-ratio:1.1}.portfolio-grid-three .portfolio-empty p{overflow-wrap:anywhere}}

/* Preserve complete artwork within the existing social gallery slots. */
.portfolio-item-contain{background:#eae6ee;aspect-ratio:1.1}
.portfolio-item-contain img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
.portfolio-item-contain:hover img{transform:none;filter:none}
@media(max-width:700px){.portfolio-item-contain{aspect-ratio:.95}}

/* Fill social artwork slots without stretching the source image. */
.portfolio-item-cover{aspect-ratio:1.1}
.portfolio-item-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.portfolio-item-cover:hover img{transform:none;filter:none}
@media(max-width:700px){.portfolio-item-cover{aspect-ratio:.95}}

/* Show complete artwork at card width, allowing its original height. */
.portfolio-item-natural{align-self:start;aspect-ratio:auto}
.portfolio-item-natural img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.portfolio-item-natural:hover img{transform:none;filter:none}

.portfolio-item-top img{object-position:center top}

/* Digital marketing: one shared set of six result cards for every filter. */
.marketing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.marketing-metric{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 14px;background:#452991;color:#fff;border-radius:20px;text-align:center;min-width:0}
.marketing-metric h2{margin:0;font-family:inherit;font-size:clamp(16px,1.65vw,24px);line-height:1.6;font-weight:600}
.marketing-metric strong{display:block;font-family:Arial,sans-serif;font-size:clamp(26px,3vw,48px);line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.marketing-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketing-metric{border-radius:14px;gap:14px;padding:18px 10px}.marketing-metric h2{font-size:clamp(13px,3vw,18px)}.marketing-metric strong{font-size:clamp(21px,4.4vw,30px)}}

.marketing-metric{container-type:inline-size}
.marketing-metric h2{font-size:clamp(18px,8cqw,32px);font-weight:700;transition:color .25s ease}
.marketing-metric strong{font-size:clamp(24px,14cqw,64px);font-weight:700;transition:color .25s ease}
.marketing-metric strong:hover{color:#D64729}
@media(prefers-reduced-motion:reduce){.marketing-metric h2,.marketing-metric strong{transition:none}}

/* Two-tone marketing cards; preserve the existing outer geometry. */
.marketing-metric{position:relative;overflow:hidden;background:linear-gradient(to bottom,#D64729 0 35%,#452991 35% 100%)}
.marketing-metric h2{position:absolute;inset:0 0 auto;height:35%;display:flex;align-items:center;justify-content:center;padding:8px 14px;color:#fff;line-height:1.35}
.marketing-metric h2:hover{color:#fff}
.marketing-metric strong{position:absolute;top:67.5%;left:50%;transform:translate(-50%,-50%);width:max-content;color:#fff}
.marketing-metric strong:hover{color:#D64729}

.marketing-metric{transition:transform .28s ease,box-shadow .28s ease}
.marketing-metric strong{font-size:clamp(36px,24cqw,100px)}
@media(hover:hover){.marketing-metric:hover{transform:translateY(-6px);box-shadow:0 16px 30px #45299130}.marketing-metric:active{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.marketing-metric{transition:none}.marketing-metric:hover{transform:none}}

/* Photography: preserve the supervision video's native portrait ratio. */
.service-video-showcase.service-video-portrait{width:min(100%,360px);aspect-ratio:9/16;margin-inline:auto}
/* Fill the second moodboard frame past the source image's outer margins. */
.portfolio-item-bleed{overflow:hidden}
.portfolio-item-bleed img,.portfolio-item-bleed:hover img{transform:scale(1.13)}

#statistics .stat strong{font-weight:700}
.client-cell img[src$="partner-new-02.png"]{filter:brightness(0)}

/* Match the four newly supplied partner logos to the existing logo scale. */
#clients .client-cell img[src*="partner-new-"]{width:70%;height:70%;object-fit:contain}
#clients .client-cell img[src$="partner-new-02.png"]{filter:brightness(0)}

/* Trim thin scan-edge lines from the original partner logo images only. */
#clients .client-cell img[src*="/client-"]{width:auto;height:auto;max-width:100%;max-height:100%;clip-path:inset(1% 0 1% 0)}
#contact-form select,#contact-form select option{font-family:Ginger,Arial,sans-serif;font-weight:400;font-synthesis:none}

/* New social portfolio: same 3:4 frames as advertising designs. */
#portfolio-results img[src*="social-set-"]{aspect-ratio:3/4;height:auto;object-fit:cover}

/* Purple treatment for the four updated homepage service covers. */
#services .service-card-purple .project-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(69,41,145,.08),rgba(69,41,145,.16));pointer-events:none;z-index:1}
#services .service-card-purple .service-hover-title{z-index:2;background:rgba(36,14,65,.18)}

/* Keep the musician and instrument in frame; crop excess lower area. */
#services .project-visual>img[src$="events-trumpet.png"]{object-position:center top}

/* Cohesive, restrained cinema grade on homepage service covers only. */
#services .service-card-link .project-visual>img{filter:contrast(1.06) saturate(1.06) brightness(1.02);transform:scale(1)}
#services .service-card-purple .project-visual::after{background:linear-gradient(160deg,rgba(232,170,90,.055),rgba(69,41,145,.07)),radial-gradient(ellipse at center,transparent 45%,rgba(20,13,30,.12) 100%)}
@media(hover:hover){#services .service-card-link:hover .project-visual>img{filter:contrast(1.06) saturate(1.06) brightness(1.02) blur(7px);transform:scale(1.12)}}
#services .service-card-link:focus-visible .project-visual>img,#services .service-card-link:active .project-visual>img{filter:contrast(1.06) saturate(1.06) brightness(1.02) blur(7px);transform:scale(1.12)}

@font-face{font-family:ZainTagline;src:url('assets/zain-service-taglines.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
#services .service-tagline{position:absolute;inset:auto 0 0;z-index:3;display:block;padding:28px 14px 13px;color:rgba(255,255,255,.85);text-align:center;font-family:ZainTagline,Zain,sans-serif;font-size:clamp(20px,2.1vw,28px);font-weight:400;font-synthesis:none;font-variation-settings:"long" 0;line-height:1.5;background:linear-gradient(transparent,rgba(18,12,27,.55));text-shadow:0 1px 7px #0009;pointer-events:none}
@media(max-width:700px){#services .service-tagline{font-size:clamp(18px,3.8vw,25px);padding:24px 8px 10px}}
/* Taglines follow the cover interaction while the service title stays sharp. */
#services .service-tagline{z-index:1;filter:blur(0);transform:scale(1);transform-origin:center bottom;transition:filter .65s ease,transform .65s ease}
@media(hover:hover){#services .service-card-link:hover .service-tagline{filter:blur(7px);transform:scale(1.12)}}
#services .service-card-link:focus-visible .service-tagline,#services .service-card-link:active .service-tagline{filter:blur(7px);transform:scale(1.12)}
@media(prefers-reduced-motion:reduce){#services .service-tagline{transition:none}}