.home-content{background:#080c14;color:#f4f5f8;overflow:hidden}.section-shell{padding:100px max(5.5%,calc((100vw - 1320px)/2));scroll-margin-top:100px}#story-summary{background:radial-gradient(ellipse at 100% 0,#172339 0,transparent 48%),#080c14;color:#f4f5f8;padding:100px max(5.5%,calc((100vw - 1320px)/2))}.section-heading{margin-bottom:44px}.heading-split{display:flex;justify-content:space-between;align-items:end;gap:48px}.home-content h2{font-size:clamp(34px,4vw,60px);font-weight:600;letter-spacing:-2px;margin:0;line-height:1.08}.home-content h2 span{color:#929cac}.heading-split>p{max-width:350px;font-size:16px;line-height:1.7;color:#b5bdca;margin:0}.home-content .eyebrow{font-size:11px;letter-spacing:2.5px}.solutions-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solutions-section>.section-heading,.solutions-section>.asset-note{grid-column:1/-1}.solution-row{background:linear-gradient(145deg,#192231,#10151f);border:1px solid #ffffff12;position:relative;overflow:hidden;border-radius:4px;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.solution-row:after{content:'';position:absolute;top:0;left:0;width:48px;height:3px;background:#f12945}.solution-row:hover,.solution-row:focus-within{border-color:#c72542;transform:translateY(-5px)}.editorial-photo{position:relative;aspect-ratio:1.5;overflow:hidden;background:#141c2a}.editorial-photo img{position:absolute;width:200%;height:200%;max-width:none;transition:transform .7s;filter:saturate(.72) contrast(1.04)}.event-photo img{left:-100%;top:0}.project-photo img{left:0;top:-100%}.legal-photo img{left:-100%;top:-100%}.editorial-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#11192390)}.solution-row:hover img{transform:scale(1.025)}.photo-label{position:absolute;z-index:1;bottom:12px;left:16px;font-size:8px;letter-spacing:1.2px;color:#fff9}.solution-copy{padding:30px 26px;display:flex;flex-direction:column;flex:1}.section-index{font-size:10px;color:#fc4961;letter-spacing:2px}.solution-copy h3{font-size:clamp(23px,2vw,30px);line-height:1.16;letter-spacing:-.7px;margin:20px 0}.solution-copy p{font-size:15px;line-height:1.75;color:#b8c1cf;margin:0 0 26px}.service-tags{display:none}.text-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;color:#f3f5f9;background:none;border:0;border-bottom:1px solid #ffffff25;padding:12px 0;font-size:13px;text-align:left;min-height:44px;cursor:pointer}.text-action>span:last-child{color:#ff425d;font-size:22px;transition:transform .25s}.text-action:hover>span:last-child{transform:translate(3px,-3px)}.solution-copy .text-action{margin-top:auto;width:100%}.asset-note{font-size:11px;line-height:1.5;color:#758197;margin:22px 0 0}.clients-section{border-block:1px solid #ffffff0f;background:radial-gradient(ellipse at 15% 70%,#182339,transparent 60%),#0d131e}.clients-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px}.clients-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.clients-intro>p:last-child{align-self:end;color:#aeb8c9;line-height:1.7}.client-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:45px}.client-grid>span{background:#f4f5f7;border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:110px;padding:18px;color:#15223b}.client-grid img{width:100%;height:66px;object-fit:contain;transition:transform .3s}.client-grid>span:hover img{transform:scale(1.06)}.insights-section{background:#080c14}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.insight-card>a{display:block;height:100%}.article-art{aspect-ratio:1.5;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#28334b,#121825 70%);border:1px solid #ffffff0c}.art-word{position:absolute;left:24px;bottom:24px;font-size:32px;letter-spacing:-1px;color:#fff;z-index:2}.art-number{position:absolute;top:16px;left:20px;font-size:11px;letter-spacing:2px;color:#b3bdcc}.orbit{position:absolute;border:1px solid #ff254d80;border-radius:50%;width:170px;height:170px;right:20%;top:5%;transform:rotateX(40deg) rotate(-30deg);transition:transform .6s}.orbit-two{width:220px;height:220px;right:13%;top:-7%}.orbit-three{width:270px;height:270px;right:6%;top:-19%;border-color:#f3244d33}.campaign-art:after{content:'';position:absolute;right:30%;top:27%;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ff7087,#d01336 70%);box-shadow:0 0 70px #ed163c40}.insight-card:hover .orbit{transform:rotateX(20deg) rotate(15deg)}.feasibility-art{display:flex;align-items:end;justify-content:center;gap:14px;padding:25px 35px 50px;perspective:500px}.feasibility-art>i{width:35px;height:30%;background:linear-gradient(90deg,#82243d,#ef254d);transform:skewY(-10deg);box-shadow:8px -5px 0 #b92140;transition:transform .4s}.feasibility-art>i:nth-child(2){height:48%}.feasibility-art>i:nth-child(3){height:68%}.feasibility-art>i:nth-child(4){height:85%}.insight-card:hover .feasibility-art>i{transform:skewY(-10deg) translateY(-8px)}.paper{position:absolute;width:125px;height:158px;right:23%;top:10%;background:linear-gradient(135deg,#e3e7ee,#a4afc2);transform:rotate(-13deg);box-shadow:15px 15px 0 #e2214330;display:flex;flex-direction:column;padding:30px 20px;gap:12px;transition:transform .5s}.paper i{height:3px;background:#344661;width:100%}.paper i:first-child{background:#d71b3d;height:7px;width:60%}.paper i:last-child{width:60%}.insight-card:hover .paper{transform:rotate(-6deg) translateY(-5px)}.article-meta{display:flex;justify-content:space-between;gap:8px;color:#f44761;font-size:9px;letter-spacing:1px;margin:24px 0 15px}.article-meta span{color:#8490a3}.insight-card h3{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:0 0 14px}.insight-card p{font-size:14px;line-height:1.7;color:#a3aec0}.insight-card .text-action{width:100%;margin-top:10px}.contact-section{position:relative;background:linear-gradient(120deg,#b7092b,#e11a38 60%,#a5082a);display:flex;justify-content:space-between;align-items:end;gap:40px;overflow:hidden}.contact-copy{position:relative;z-index:1}.contact-section .eyebrow{color:#ffdae0}.contact-section h2{font-size:clamp(45px,6vw,84px);letter-spacing:-3px}.contact-section h2 em{font-style:normal;color:#ffbdc9}.contact-copy>p:not(.eyebrow){line-height:1.7;color:#ffe0e6;font-size:16px}.contact-cta{display:inline-flex;gap:50px;align-items:center;background:#101724;color:white;padding:19px 25px;border-radius:4px;margin-top:20px;font-size:14px}.contact-cta span{font-size:24px}.contact-details{position:relative;display:flex;flex-direction:column;gap:16px;font-size:15px;z-index:1}.contact-details>span{font-size:9px;letter-spacing:2px;color:#ffcad6}.contact-orbit{position:absolute;width:650px;height:650px;border:1px solid #ffffff19;border-radius:50%;right:-160px;top:-140px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04}.site-footer{background:#060a11;padding-top:65px;padding-bottom:25px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1fr;gap:40px}.footer-brand img{width:160px;height:auto;filter:url(#dark-logo)}.footer-main h3{font-size:12px;color:#f2f4f8;margin:5px 0 20px}.footer-main p,.footer-main a:not(.footer-brand a),.footer-main button{font-size:13px;line-height:1.9;color:#99a5b8}.footer-main a,.footer-main button{display:block}.footer-main button{background:none;border:0;padding:0;text-align:left;min-height:30px}.footer-main a:hover,.footer-main button:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff14;margin-top:45px;padding-top:24px;font-size:11px;color:#7f8b9f}.preview-label{font-size:9px;letter-spacing:1px}header.scrolled{background:#080e19ed;border-bottom:1px solid #ffffff15;backdrop-filter:blur(12px)}header{transition:background .3s,border-color .3s}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.in-view{opacity:1;transform:none}.home-content dialog p{color:#bec8d8}
#solutions{scroll-margin-top:125px}.editorial-photo img{transform:scale(1.02)}.solution-row:hover img{transform:scale(1.04)}.client-grid img[alt="Unilever"],.client-grid img[alt="Etisalat"]{height:85px;max-width:100%;object-fit:cover;object-position:center}.client-grid>span{overflow:hidden}.client-grid>span:has(img[alt="Cargills"]){background:#28364b;border:1px solid #ffffff20}
@media(max-width:1050px){.section-shell,#story-summary{padding:75px 5%}.solutions-section{gap:16px}.solution-copy{padding:24px 19px}.client-grid{grid-template-columns:repeat(4,1fr)}.article-grid{gap:20px}.contact-section{align-items:start;flex-direction:column}.footer-main{grid-template-columns:1.4fr 1fr;gap:35px}.heading-split{gap:30px}.heading-split>p{max-width:280px}}
@media(max-width:700px){.section-shell,#story-summary{padding:60px 6%}.solutions-section,.article-grid{grid-template-columns:1fr;gap:24px}.section-heading{margin-bottom:12px}.heading-split{display:block}.heading-split>p{max-width:none;margin-top:22px;font-size:15px}.home-content h2{font-size:35px;letter-spacing:-1.2px}.solution-copy{padding:25px}.solution-copy h3{font-size:29px}.solution-copy p{font-size:15px}.clients-intro{display:block}.clients-intro h2{margin-top:20px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.client-grid>span{min-height:96px;padding:18px}.client-grid>span:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}.client-grid img{height:55px}.article-grid{gap:36px}.insights-section .heading-split .text-action{margin-top:15px}.article-art{aspect-ratio:1.7}.contact-section h2{font-size:48px;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:15px}.contact-details{font-size:14px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.6}.preview-label{order:3;width:100%}header.scrolled{background:#080e19f5}.home-content .eyebrow{font-size:9px;letter-spacing:2px}}
/* Quiet depth: architectural lines, low-contrast light and deliberate motion. */
.solutions-section,.clients-section,.insights-section{position:relative;isolation:isolate}
.solutions-section:before,.insights-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#9baec90a 25%);mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
.solutions-section:after{content:'';position:absolute;z-index:-1;right:-180px;top:60px;width:650px;height:650px;border:1px solid #df28411b;border-radius:50%;box-shadow:0 0 0 85px #db294008,0 0 0 170px #db294005;pointer-events:none}
.solution-row:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff0d 45%,transparent 65%);transform:translateX(-130%)}
.solution-row.in-view:before{animation:card-sheen 1.5s ease .25s both}
.solution-row:nth-of-type(2){transition-delay:.08s}.solution-row:nth-of-type(3){transition-delay:.16s}
.solution-row:after{transition:width .5s ease}.solution-row:hover:after,.solution-row:focus-within:after{width:100%}
.solution-row.in-view:hover,.solution-row.in-view:focus-within{transform:translateY(-6px);box-shadow:0 22px 50px #0004}
@keyframes card-sheen{to{transform:translateX(130%)}}
.clients-section{background:radial-gradient(ellipse at 50% 85%,#25344d88,transparent 65%),linear-gradient(135deg,#111a29,#0a101a)}
.client-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:12px 0}
.client-grid>span{border:1px solid #ffffff30;box-shadow:0 12px 30px #0002;transition:transform .7s ease,box-shadow .7s ease,border-color .7s ease}
.client-grid>span.logo-featured{transform:translateY(-7px) scale(1.055);border-color:#f34a64;box-shadow:0 16px 35px #0005,0 0 22px #ef25451f}
.client-grid>span.logo-featured img{transform:scale(1.08)}
.client-grid img[alt="Unilever"],.client-grid img[alt="Etisalat"]{object-fit:contain}
.client-motion{display:block;margin:14px 0 0 auto;background:none;border:1px solid #ffffff24;color:#aebacd;border-radius:4px;padding:9px 13px;min-height:40px;font-size:11px}
.insights-section{background:radial-gradient(ellipse at 0 100%,#17263b77,transparent 60%),#080c14}
.contact-section{background:radial-gradient(ellipse at 80% 30%,#26374c 0,transparent 55%),radial-gradient(ellipse at 0 100%,#4c182645,transparent 55%),#0b111d;border-block:1px solid #ffffff16}
.contact-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0,transparent 100px,#b6c9e506 101px,transparent 102px)}
.contact-section .eyebrow{color:#fa546c}.contact-section h2 em{color:#a5b7cd}.contact-copy>p:not(.eyebrow){color:#b8c5d6}.contact-details>span{color:#899db7}
.contact-cta{background:#cf1735;border:1px solid #eb3b56;box-shadow:0 10px 35px #0004;transition:background .25s,transform .25s}.contact-cta:hover{background:#e32443;transform:translateY(-3px)}
.contact-orbit{border-color:#7892b130;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02}
.contact-orbit:after{content:'';position:absolute;left:66px;top:114px;width:8px;height:8px;border-radius:50%;background:#ec3855;box-shadow:0 0 25px #ed234766}
.site-footer{background:radial-gradient(ellipse at 0 0,#14203766,transparent 60%),#060a11}
@media(max-width:1050px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.client-grid>span:last-child{grid-column:auto;max-width:none;justify-self:stretch}.client-grid>span.logo-featured{transform:translateY(-3px) scale(1.035)}.contact-orbit{opacity:.5;right:-380px}.solutions-section:after{opacity:.5}.solution-row:nth-of-type(n){transition-delay:0s}}
.clients-section:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0,transparent 79px,#ffffff04 80px),radial-gradient(ellipse at 50% 100%,#a0193540,transparent 65%);pointer-events:none}
.client-grid{position:relative;gap:22px;padding:28px 0 18px;perspective:1000px}
.client-grid:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#dd304980,transparent);z-index:-1}
.client-grid>span{min-height:132px;position:relative;transform:rotateY(-5deg);border-radius:8px;box-shadow:0 18px 0 -10px #36445a,0 25px 30px #0004}
.client-grid>span:after{content:'';position:absolute;bottom:0;left:15%;width:70%;height:3px;background:#f13c5a;transform:scaleX(0);transition:transform .4s}
.client-grid>span.logo-featured{transform:translateY(-12px) rotateY(0deg) scale(1.09);box-shadow:0 18px 0 -10px #7e263c,0 30px 50px #0006,0 0 45px #ec23472e}
.client-grid>span.logo-featured:after{transform:scaleX(1)}
.contact-section{display:grid;grid-template-columns:1.1fr 1fr;gap:30px 45px;align-items:center;min-height:700px}.contact-copy{grid-column:1;grid-row:1}.contact-section h2{font-size:clamp(45px,5vw,72px)}.contact-details{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1b;padding-top:25px;margin-top:30px}
.contact-cta{background:#e9eef6;color:#132139;font-size:16px;font-weight:600;padding:12px 14px 12px 22px;gap:28px;border:1px solid #ffffff70;border-radius:40px;min-height:52px}.contact-cta span{background:#d82140;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:20px;transition:transform .3s}.contact-cta:hover{background:white;box-shadow:0 0 25px #dde8ff18}.contact-cta:hover span{transform:rotate(45deg)}
.planning-scene{grid-column:2;grid-row:1;position:relative;min-width:0;height:390px;perspective:1000px;isolation:isolate}
.planning-halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(ellipse,#e5274820,transparent 65%);z-index:-1}
.planning-board{position:absolute;left:9%;right:0;top:30px;background:linear-gradient(130deg,#23364d,#111c2e 75%);border:1px solid #6880a64d;border-radius:14px;padding:24px;box-shadow:0 25px 0 -15px #0c1524,0 40px 70px #0006;transform:rotateY(-12deg) rotateX(7deg) rotateZ(3deg);animation:planning-float 7s ease-in-out infinite;animation-play-state:paused}
.board-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#9aacbf}.board-dot{width:6px;height:6px;border-radius:50%;background:#ff405e;box-shadow:0 0 14px #fa3455}.board-title{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin-top:20px;color:#e9eff8}.planning-board svg{width:100%;display:block;margin-top:6px}.plan-route{stroke-dasharray:1;animation:plan-draw 5s ease-in-out infinite;animation-play-state:paused}.board-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#859ab6;border-top:1px solid #ffffff12;padding-top:16px}.board-footer>span:last-child{font-size:18px;color:#f74864}
.floating-brief{position:absolute;left:0;top:165px;width:135px;padding:18px;background:linear-gradient(130deg,#f4f6fa,#b9c7db);color:#15233c;border-radius:8px;box-shadow:0 15px 45px #0005;transform:rotate(-8deg);animation:brief-float 7s ease-in-out infinite;animation-play-state:paused}.brief-mark{font-size:7px;letter-spacing:1px;color:#a62a40}.floating-brief strong{display:block;font-size:20px;margin:15px 0}.floating-brief i{display:block;width:90%;height:3px;background:#8b9aaf;margin:8px 0}.floating-brief i:nth-last-child(2){width:65%}.brief-check{display:block;margin-top:18px;font-size:10px}.scene-motion{position:absolute;right:0;bottom:-10px;border:0;border-bottom:1px solid #ffffff30;background:none;color:#8ea3bf;padding:10px;font-size:10px;min-height:40px}.scene-running .planning-board,.scene-running .floating-brief,.scene-running .plan-route{animation-play-state:running}
@keyframes planning-float{50%{transform:translateY(-10px) rotateY(-6deg) rotateX(4deg) rotateZ(1deg)}}
@keyframes brief-float{50%{transform:translateY(10px) rotate(-4deg)}}
@keyframes plan-draw{0%,10%{stroke-dashoffset:1}70%,100%{stroke-dashoffset:0}}
.site-footer{position:relative;isolation:isolate;border-top:1px solid #ffffff16;overflow:hidden}.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 55%,#8022381c 55.1%,transparent 56%),repeating-linear-gradient(90deg,transparent 0,transparent 139px,#ffffff04 140px)}.site-footer:after{content:'';position:absolute;left:-80px;bottom:-190px;width:600px;height:350px;border:1px solid #61799726;border-radius:50%;transform:rotate(-20deg);z-index:-1;pointer-events:none}
.footer-main [data-social]{display:flex;align-items:center;gap:9px;min-height:44px}.footer-main [data-social] img{width:32px;height:28px;object-fit:contain;background:#e8edf4;border-radius:5px}
.cursor-light{position:fixed;left:0;top:0;width:220px;height:220px;border-radius:50%;pointer-events:none;z-index:25;background:radial-gradient(circle,#ff264411 0,#f52c4708 25%,transparent 65%);opacity:0;transition:opacity .4s}.cursor-light.visible{opacity:1}
@media(max-width:1050px){.planning-board{padding:20px;left:8%}.board-title{font-size:22px}.contact-details{flex-wrap:wrap;gap:20px}}
@media(max-width:700px){.client-grid{gap:20px}.client-grid>span{min-height:115px;transform:none}.client-grid>span.logo-featured{transform:translateY(-5px) scale(1.045)}.contact-section{grid-template-columns:1fr;gap:25px;min-height:0}.contact-copy{grid-column:1;grid-row:1}.planning-scene{grid-column:1;grid-row:2;height:340px;margin-top:10px}.planning-board{left:8%;right:0;padding:20px}.board-title{font-size:23px}.floating-brief{width:112px;top:175px;padding:14px}.floating-brief strong{font-size:18px}.contact-details{grid-column:1;flex-direction:column;align-items:start;margin-top:15px;gap:15px}.scene-motion{bottom:-15px}.contact-cta{font-size:15px;padding-left:20px}.cursor-light{display:none}}
.planning-scene{height:435px}.floating-brief{left:-20px;width:100px;padding:13px;top:165px}.floating-brief strong{font-size:18px}.brief-mark{font-size:6px}.brief-check{font-size:8px}.scene-motion{bottom:-10px}
@media(max-width:700px){.floating-brief{left:-12px;width:84px;padding:10px;top:162px}.floating-brief strong{font-size:15px}.brief-check{font-size:7px}.planning-scene{height:360px}.scene-motion{bottom:-10px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.home-content *{transition:none!important;animation:none!important}.solution-row:hover,.solution-row.in-view:hover,.client-grid>span.logo-featured{transform:none}.client-motion,.scene-motion,.cursor-light{display:none}.plan-route{stroke-dashoffset:0}}