/* High Vision — creative system v5 */
:root {
  --navy:#061e2e;
  --navy-2:#0a2b40;
  --navy-3:#103a52;
  --orange:#f47a1f;
  --orange-2:#ff9a47;
  --paper:#f6f4ef;
  --paper-2:#eceae4;
  --ink:#071d2c;
  --muted:#66737b;
  --line:rgba(6,30,46,.13);
  --white:#fff;
  --teal:#2eb8b0;
  --gold:#e7b44d;
  --red:#b63b2e;
  --max:1440px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --shadow:0 28px 80px rgba(4,21,33,.18);
  --header-h:78px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.75;overflow-x:hidden}
html[lang="en"] body{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
main{display:block;overflow:hidden}
.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.scroll-progress{position:fixed;z-index:9999;inset-block-start:0;inset-inline-start:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--orange);pointer-events:none}
[dir="rtl"] .scroll-progress{transform-origin:right}
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:var(--orange-2);font-size:.77rem;font-weight:700;letter-spacing:.05em}
.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.eyebrow--dark{color:#a84d17}
.section{position:relative;padding:clamp(88px,9vw,150px) 0}
.section--paper{background:var(--paper);color:var(--ink)}
.section--ink{background:var(--navy);color:#fff}
.section h2{font-size:clamp(2.35rem,5vw,5.4rem);line-height:1.04;letter-spacing:-.045em;margin:.7rem 0 1.3rem}
.section p{color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem 1.45rem;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,color .3s,border .3s;min-height:52px}
.button:hover{transform:translateY(-3px)}
.button span{font-size:1.1em;transition:transform .3s var(--ease)}
.button:hover span{transform:translate(3px,-3px)}
[dir="rtl"] .button:hover span{transform:translate(-3px,-3px)}
.button--orange{background:var(--orange);color:#fff;box-shadow:0 14px 34px rgba(244,122,31,.24)}
.button--orange:hover{background:#ff8426}
.button--dark{background:var(--navy);color:#fff}
.button--light{background:#fff;color:var(--navy)}
.button--ghost{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.04)}
.text-link{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;padding:.65rem 0;border-bottom:1px solid rgba(6,30,46,.24)}
.text-link--light{color:#fff;border-color:rgba(255,255,255,.28)}

/* Header */
.site-header{position:fixed;z-index:1000;inset-block-start:0;width:100%;height:var(--header-h);transition:background .35s,backdrop-filter .35s,border-color .35s}
.site-header.is-stuck{background:rgba(5,27,42,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}
.site-header__inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.site-brand{justify-self:start;display:block;width:180px}
.site-brand img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:2.1rem;color:#fff;font-size:.92rem;font-weight:500}
.site-nav a{position:relative;opacity:.88}
.site-nav a:after{content:"";position:absolute;inset-inline-start:0;bottom:-10px;width:0;height:1px;background:var(--orange);transition:width .3s var(--ease)}
.site-nav a:hover:after{width:100%}
.site-header__actions{justify-self:end;display:flex;align-items:center;gap:.8rem}
.lang-link{color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.5rem .8rem;font-size:.78rem}
.header-cta{background:var(--orange);color:#fff;border-radius:999px;padding:.62rem 1rem;font-size:.82rem;font-weight:700}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;padding:0;position:relative}
.menu-toggle span{position:absolute;width:17px;height:1px;background:#fff;left:14px;top:19px}.menu-toggle span:last-child{top:26px;width:12px}
.mobile-menu{position:fixed;z-index:1400;inset:0;background:#061e2ef5;color:#fff;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.45s var(--ease);overflow:auto}
.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}
.mobile-menu__glow{position:absolute;width:60vw;height:60vw;background:radial-gradient(circle,rgba(244,122,31,.22),transparent 65%);inset-inline-end:-20vw;inset-block-start:-20vw;pointer-events:none}
.mobile-menu__top{height:84px;display:flex;align-items:center;justify-content:space-between}
.menu-close{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:2rem;line-height:1}
.mobile-menu__body{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;padding-block:9vh}
.mobile-menu__nav{display:flex;flex-direction:column}.mobile-menu__nav a{font-size:clamp(2.5rem,6vw,6rem);font-weight:700;line-height:1.15;border-bottom:1px solid rgba(255,255,255,.12);padding:.15em 0}
.mobile-menu__services{display:flex;flex-direction:column;gap:1rem}.mobile-menu__services>span{color:var(--orange);font-size:.8rem}.mobile-menu__services a{display:flex;gap:1rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem 0}.mobile-menu__services b{font-size:.72rem;color:var(--orange)}
.mobile-menu__meta{margin-top:3rem;display:flex;flex-direction:column;gap:.5rem;opacity:.7}

/* Ambient surfaces */
.ambient-surface{isolation:isolate;overflow:hidden}
.ambient-surface:before{content:"";position:absolute;inset:-20%;z-index:-2;background-image:linear-gradient(rgba(6,30,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.035) 1px,transparent 1px);background-size:54px 54px;transform:rotate(-3deg);animation:gridDrift 24s linear infinite}
.ambient-surface:after{content:"";position:absolute;z-index:-1;width:46vw;height:46vw;border:1px solid rgba(244,122,31,.12);border-radius:50%;inset-inline-end:-26vw;inset-block-start:15%;box-shadow:0 0 0 80px rgba(244,122,31,.025),0 0 0 160px rgba(6,30,46,.018);animation:orbreathe 10s ease-in-out infinite alternate}
.ambient-surface__lines{position:absolute;z-index:-1;width:360px;height:360px;inset-inline-start:4%;top:10%;background:repeating-radial-gradient(circle at center,transparent 0 22px,rgba(6,30,46,.045) 23px 24px);opacity:.65;animation:slowSpin 50s linear infinite}
@keyframes gridDrift{to{transform:rotate(-3deg) translate3d(54px,54px,0)}}
@keyframes orbreathe{to{transform:scale(1.08) translate3d(-20px,20px,0)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}

/* Home hero */
.home-hero{min-height:100svh;background:var(--navy);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);padding-top:0;color:#fff;position:relative;overflow:hidden}
[dir="rtl"] .home-hero{direction:ltr}
[dir="rtl"] .home-hero>*{direction:rtl}
.hero-media{position:relative;min-height:100svh;overflow:hidden;background:#091722}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s var(--ease),visibility .85s}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,26,.15),rgba(4,17,26,.05) 52%,rgba(4,17,26,.68));pointer-events:none}
[dir="rtl"] .hero-slide:after{background:linear-gradient(270deg,rgba(4,17,26,.15),rgba(4,17,26,.05) 52%,rgba(4,17,26,.68))}
.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:heroKenBurns 10s ease-in-out infinite alternate;transition:transform .5s var(--ease)}
.hero-media:hover .hero-slide.is-active img{animation-play-state:paused}
@keyframes heroKenBurns{from{transform:scale(1.08) translate3d(-1.5%,0,0)}to{transform:scale(1.15) translate3d(1.5%,-1%,0)}}
.hero-slide__caption{position:absolute;z-index:4;inset-inline-start:clamp(24px,5vw,72px);bottom:clamp(88px,11vh,130px);display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:center;background:rgba(6,30,46,.7);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);padding:1rem 1.15rem;max-width:350px}
.hero-slide__caption span{grid-row:1/3;color:var(--orange);font-weight:700;font-size:.78rem}.hero-slide__caption strong{font-size:1rem}.hero-slide__caption small{color:rgba(255,255,255,.64);font-size:.78rem}
.hero-media__chrome{position:absolute;z-index:5;inset:26px;pointer-events:none;border:1px solid rgba(255,255,255,.08)}
.hero-media__chrome span{position:absolute;width:9px;height:9px;background:var(--orange)}.hero-media__chrome span:nth-child(1){top:-1px;left:-1px}.hero-media__chrome span:nth-child(2){right:-1px;top:-1px}.hero-media__chrome span:nth-child(3){bottom:-1px;right:-1px}
.hero-slider__controls{position:absolute;z-index:8;bottom:28px;inset-inline-start:clamp(24px,5vw,72px);display:flex;align-items:center;gap:.75rem}
.hero-slider__controls>button{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(6,30,46,.45);color:#fff;backdrop-filter:blur(12px);transition:.3s}.hero-slider__controls>button:hover{background:var(--orange);border-color:var(--orange)}
.hero-slider__dots{display:flex;gap:.45rem}.hero-slider__dots button{width:26px;height:3px;border:0;padding:0;background:rgba(255,255,255,.3);transition:.4s}.hero-slider__dots button.is-active{background:var(--orange);width:48px}
.home-hero__copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-h) + 5vh) clamp(42px,6vw,110px) 5vh;background:linear-gradient(150deg,#0a3147 0%,#061e2e 72%);overflow:hidden}
.home-hero__copy-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 72%,rgba(244,122,31,.2),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;animation:bgPulse 12s ease-in-out infinite alternate}
.home-hero__copy-bg:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset-inline-end:-100px;top:10%;box-shadow:0 0 0 60px rgba(255,255,255,.02),0 0 0 120px rgba(255,255,255,.015)}
@keyframes bgPulse{to{background-position:30px -20px,24px 24px,24px 24px}}
.home-hero__copy>*:not(.home-hero__copy-bg){position:relative;z-index:2}
.home-hero h1{font-size:clamp(3.3rem,6.6vw,8.2rem);line-height:.94;letter-spacing:-.06em;margin:1.1rem 0 1.5rem;max-width:9.2ch}
.home-hero h1 em{font-style:normal;color:var(--orange)}
.home-hero__copy>p{font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.9;color:rgba(255,255,255,.7);max-width:49ch;margin:0 0 2rem}
.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.home-hero .text-link{color:#fff;border-color:rgba(255,255,255,.25)}
.hero-proof{margin-top:clamp(2.5rem,5vh,5rem);padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:620px}
.hero-proof span{font-size:.76rem;color:rgba(255,255,255,.54);display:flex;flex-direction:column;gap:.1rem}.hero-proof b{font-size:1.45rem;color:#fff;letter-spacing:-.03em}

/* Home service intro */
.split-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.6fr);gap:clamp(3rem,8vw,10rem);align-items:end;margin-bottom:clamp(4rem,8vw,8rem)}
.split-heading h2{margin-bottom:0;max-width:10ch}.split-heading>p{font-size:1.08rem;max-width:52ch;margin:0}
.split-heading--light p{color:rgba(255,255,255,.58)}
.service-lines{border-top:1px solid var(--line)}
.service-line{position:relative;display:grid;grid-template-columns:70px minmax(220px,.7fr) minmax(260px,1fr) 260px 50px;gap:1.5rem;align-items:center;min-height:155px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s var(--ease);overflow:hidden}
.service-line:hover{background:#fff;padding-inline:1.25rem}.service-line__num{font-size:.76rem;color:#9b4f22}.service-line h3{font-size:clamp(1.55rem,2.5vw,2.5rem);margin:0;line-height:1.2;letter-spacing:-.035em}.service-line p{margin:0;font-size:.92rem;max-width:42ch}.service-line__arrow{font-size:1.4rem;justify-self:end;transition:transform .3s}.service-line:hover .service-line__arrow{transform:rotate(-45deg)}[dir="rtl"] .service-line:hover .service-line__arrow{transform:rotate(45deg)}
.service-line__scene{height:110px;position:relative;opacity:.8;transition:transform .45s var(--ease),opacity .35s}.service-line:hover .service-line__scene{transform:scale(1.08);opacity:1}
.service-scene--design{display:grid;place-items:center}.service-scene--design i{position:absolute;width:58px;height:58px;transform:rotate(45deg);border:1px solid rgba(6,30,46,.24)}.service-scene--design i:nth-child(1){background:var(--orange);transform:rotate(45deg) translate(-18px,18px)}.service-scene--design i:nth-child(2){background:var(--navy);transform:rotate(45deg) translate(22px,-12px)}.service-scene--design i:nth-child(3){background:var(--gold);width:30px;height:30px}.service-scene--design b{position:absolute;font-size:1.7rem;color:#fff;mix-blend-mode:difference}
.service-scene--print i{position:absolute;width:130px;height:78px;background:#fff;border:1px solid #c8c8c2;box-shadow:0 8px 20px rgba(6,30,46,.08);left:50%;top:50%}.service-scene--print i:nth-child(1){transform:translate(-58%,-58%) rotate(-8deg)}.service-scene--print i:nth-child(2){transform:translate(-50%,-50%) rotate(2deg);background:#f8e9dc}.service-scene--print i:nth-child(3){transform:translate(-42%,-42%) rotate(8deg);background:var(--navy)}.service-scene--print span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--orange);font-weight:700;font-size:.74rem}
.service-scene--digital svg{width:100%;height:100%;overflow:visible}.service-scene--digital path{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:260;animation:drawLine 4s ease-in-out infinite}.service-scene--digital i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal);top:30%;left:35%;box-shadow:70px 25px 0 var(--gold)}
@keyframes drawLine{0%,15%{stroke-dashoffset:260}65%,100%{stroke-dashoffset:0}}
.service-scene--motion{display:flex;align-items:center;justify-content:center;gap:8px}.service-scene--motion i{width:42px;height:58px;border:1px solid rgba(6,30,46,.2);background:#fff;animation:motionFrames 2.4s ease-in-out infinite}.service-scene--motion i:nth-child(2){animation-delay:.15s;background:#fbe1ce}.service-scene--motion i:nth-child(3){animation-delay:.3s;background:var(--orange)}.service-scene--motion i:nth-child(4){animation-delay:.45s;background:var(--navy)}
@keyframes motionFrames{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}

/* Featured work */
.featured-work{overflow:hidden}.featured-work:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 75%)}
.featured-work__orbit{position:absolute;width:680px;height:680px;border:1px solid rgba(244,122,31,.16);border-radius:50%;inset-inline-start:-420px;top:20%;box-shadow:0 0 0 70px rgba(244,122,31,.025),0 0 0 140px rgba(244,122,31,.016);animation:orbreathe 12s ease-in-out infinite alternate}
.project-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,34vw);gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:none;cursor:grab}.project-rail::-webkit-scrollbar{display:none}.project-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.project-card{scroll-snap-align:start;min-width:0}.project-card:nth-child(even){padding-top:70px}.project-card__media{position:relative;display:block;width:100%;border:0;background:#0c2c41;aspect-ratio:4/5;overflow:hidden;padding:0;color:#fff}.project-card:nth-child(3n) .project-card__media{aspect-ratio:1/1}.project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35));opacity:.8}.project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.project-card:hover img{transform:scale(1.055)}.project-card__index{position:absolute;z-index:2;top:18px;inset-inline-start:18px;font-size:.72rem;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);background:rgba(0,0,0,.16)}.project-card__meta{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.13);margin-top:.65rem}.project-card__meta span{color:var(--orange);font-size:.75rem}.project-card__meta h3{font-size:1.15rem;margin:0;text-align:end}.project-rail__footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;color:rgba(255,255,255,.5);font-size:.8rem}

/* Process */
.process-story__intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:5rem}.process-story__intro h2{max-width:11ch;margin-bottom:0}.process-story__intro p{font-size:1.05rem;max-width:48ch;margin:0}.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.process-track article{position:relative;background:rgba(246,244,239,.96);padding:2.2rem 1.7rem 2.6rem;min-height:260px;transition:transform .35s var(--ease),background .35s}.process-track article:hover{transform:translateY(-9px);background:#fff}.process-track article b{font-size:.75rem;color:var(--orange)}.process-track h3{font-size:1.7rem;margin:3rem 0 .7rem}.process-track p{margin:0;font-size:.9rem}.process-track__line{position:absolute;z-index:3;top:58px;inset-inline-start:6%;inset-inline-end:6%;height:1px;background:rgba(244,122,31,.35);pointer-events:none}.process-track__line span{position:absolute;width:11px;height:11px;background:var(--orange);border-radius:50%;top:-5px;inset-inline-start:0;box-shadow:0 0 0 7px rgba(244,122,31,.13);transition:inset-inline-start .2s linear}

/* Clients */
.clients-band{background:#09283a;color:#fff;padding:80px 0 100px;position:relative;overflow:hidden}.clients-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent),repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.035) 120px);animation:clientBg 20s linear infinite}.clients-band__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.clients-band__head h2{font-size:clamp(2rem,3.4vw,3.8rem);margin:0}.clients-cloud{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.1);border-inline-start:1px solid rgba(255,255,255,.1)}.client-logo{min-height:125px;display:grid;place-items:center;border-inline-end:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:1.3rem;transition:background .3s}.client-logo:hover{background:rgba(255,255,255,.055)}.client-logo img{max-width:120px;max-height:52px;filter:grayscale(1) brightness(0) invert(1);opacity:.55;transition:.3s}.client-logo:hover img{opacity:1;filter:grayscale(1) brightness(0) invert(1)}
@keyframes clientBg{to{background-position:180px 0,120px 0}}

/* Closing CTA */
.closing-cta{position:relative;background:#071b29;color:#fff;padding:clamp(90px,10vw,155px) 0;overflow:hidden}.closing-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:58px 58px}.closing-cta__shape{position:absolute;width:420px;height:420px;background:linear-gradient(135deg,var(--orange),#a83325);transform:rotate(45deg);inset-inline-start:-260px;top:-120px;opacity:.22;animation:floatShape 9s ease-in-out infinite alternate}.closing-cta__shape:after{content:"";position:absolute;inset:40px;border:1px solid rgba(255,255,255,.4)}@keyframes floatShape{to{transform:rotate(50deg) translate3d(24px,30px,0)}}
.closing-cta__inner{position:relative;z-index:2;max-width:1000px;text-align:center}.closing-cta h2{font-size:clamp(3rem,7vw,7rem);line-height:.98;letter-spacing:-.055em;margin:1rem auto 1.4rem;max-width:12ch}.closing-cta p{max-width:58ch;margin:0 auto 2rem;color:rgba(255,255,255,.62);font-size:1.05rem}

/* Generic page heroes */
.page-hero{position:relative;min-height:75svh;background:linear-gradient(145deg,#092c41,#061e2e 68%);color:#fff;padding:calc(var(--header-h) + 10vh) 0 10vh;overflow:hidden;display:flex;align-items:center}
.page-hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 18% 60%,rgba(244,122,31,.18),transparent 24%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,68px 68px,68px 68px;animation:bgPulse 15s ease-in-out infinite alternate}.page-hero__mesh:after{content:"";position:absolute;width:56vw;height:56vw;border-radius:50%;border:1px solid rgba(255,255,255,.07);inset-inline-end:-25vw;top:-18vw;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.page-hero__inner{position:relative;z-index:2;max-width:1200px}.page-hero__inner--wide{max-width:1300px}.page-hero h1{font-size:clamp(3.5rem,8vw,9rem);line-height:.92;letter-spacing:-.06em;margin:1.2rem 0 1.5rem;max-width:10ch}.page-hero h1 em{font-style:normal;color:var(--orange)}.page-hero p{max-width:60ch;color:rgba(255,255,255,.65);font-size:1.1rem;margin:0 0 2rem}
.page-hero--services{min-height:88svh}.page-hero--services .page-hero__inner{display:grid;grid-template-columns:1.2fr .7fr;gap:6vw;align-items:end}.page-hero--services h1{grid-row:1/4;max-width:8.5ch}.page-hero--services .eyebrow,.page-hero--services p,.page-hero--services a{grid-column:2}.page-hero--services .eyebrow{align-self:end}.page-hero--services p{align-self:start}

/* Services overview */
.service-chapter{position:relative;min-height:88svh;padding:clamp(80px,8vw,130px) 0;display:flex;align-items:center;overflow:hidden}.service-chapter__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:7vw;align-items:center}.service-chapter__copy{position:relative;z-index:4}.service-chapter__num{font-size:.74rem;font-weight:700;opacity:.5}.service-chapter h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.97;letter-spacing:-.055em;max-width:9ch;margin:1rem 0 1.3rem}.service-chapter p{max-width:50ch;font-size:1.03rem}.service-chapter ul{list-style:none;padding:0;margin:1.5rem 0 2rem;display:flex;flex-wrap:wrap;gap:.55rem}.service-chapter li{padding:.45rem .75rem;border-radius:999px;border:1px solid currentColor;font-size:.78rem;opacity:.7}
.service-chapter--design,.service-chapter--digital{background:var(--paper);color:var(--ink)}.service-chapter--print,.service-chapter--motion{background:#08283b;color:#fff}.service-chapter--print:before,.service-chapter--motion:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.03) 80px),radial-gradient(circle at 15% 70%,rgba(244,122,31,.16),transparent 25%)}.service-chapter--print p,.service-chapter--motion p{color:rgba(255,255,255,.62)}
.chapter-visual{position:relative;min-height:520px;display:grid;place-items:center;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}.chapter-visual:before{content:"";position:absolute;width:430px;height:430px;border:1px solid currentColor;opacity:.08;border-radius:50%;animation:slowSpin 34s linear infinite}.chapter-visual:after{content:"";position:absolute;width:300px;height:300px;border:1px dashed currentColor;opacity:.14;border-radius:50%;animation:slowSpin 21s linear infinite reverse}
.design-board{position:relative;width:360px;height:300px;background:#fff;box-shadow:var(--shadow);border:1px solid #ddd;transform:rotate(-5deg);overflow:hidden}.design-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(6,30,46,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.06) 1px,transparent 1px);background-size:30px 30px}.design-board__word{position:absolute;font-size:7rem;font-weight:700;right:32px;top:26px;color:var(--navy);letter-spacing:-.08em}.design-board i{position:absolute;width:58px;height:58px;bottom:34px;transform:rotate(45deg)}.design-board i:nth-of-type(1){background:var(--orange);right:40px}.design-board i:nth-of-type(2){background:var(--teal);right:112px}.design-board i:nth-of-type(3){background:var(--gold);right:184px}.design-board b{position:absolute;width:8px;height:8px;background:var(--navy);border-radius:50%;left:45px;top:55px;box-shadow:0 34px 0 var(--orange),0 68px 0 var(--teal)}
.paper-stack{position:relative;width:380px;height:360px}.paper-stack i{position:absolute;width:300px;height:190px;left:40px;top:80px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.4)}.paper-stack i:nth-child(1){transform:rotate(-9deg) translate(-20px,15px);background:#f2eee6}.paper-stack i:nth-child(2){transform:rotate(7deg) translate(22px,-12px);background:#f6dcc9}.paper-stack i:nth-child(3){transform:rotate(-1deg);background:#fff}.paper-stack span{position:absolute;z-index:3;bottom:42px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#061e2e}.paper-stack span:nth-of-type(1){left:70px;background:#00b9ef}.paper-stack span:nth-of-type(2){left:110px;background:#ec2a8c}.paper-stack span:nth-of-type(3){left:150px;background:#ffe12f}.paper-stack span:nth-of-type(4){left:190px;background:#111;color:#fff}
.metric-orbit{position:relative;width:440px;height:330px}.metric-orbit svg{position:absolute;inset:20px 0 0;width:100%;height:100%;overflow:visible}.metric-orbit path{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:600;animation:drawLine 4s ease-in-out infinite}.metric-orbit>span{position:absolute;right:50px;top:20px;font-size:4.5rem;color:var(--navy);font-weight:700}.metric-orbit i{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--teal);left:100px;bottom:115px;box-shadow:120px -20px 0 var(--gold),210px -95px 0 var(--orange)}
.motion-timeline{position:relative;width:420px;height:290px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.13);padding:35px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.motion-timeline i{height:150px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);animation:motionFrames 2.5s ease-in-out infinite}.motion-timeline i:nth-of-type(2){animation-delay:.16s}.motion-timeline i:nth-of-type(3){animation-delay:.32s;background:rgba(244,122,31,.4)}.motion-timeline i:nth-of-type(4){animation-delay:.48s}.motion-timeline .playhead{position:absolute;top:20px;bottom:20px;width:2px;background:var(--orange);left:22%;animation:playhead 3.6s ease-in-out infinite}.motion-timeline b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);z-index:4}@keyframes playhead{0%,100%{left:18%}50%{left:78%}}
.service-combo__inner{display:grid;grid-template-columns:1.1fr .9fr auto;gap:3rem;align-items:center}.service-combo h2{font-size:clamp(2.4rem,4vw,4.5rem);margin:1rem 0 0;max-width:13ch}.service-combo p{margin:0;max-width:45ch}

/* Service detail */
.service-detail-hero{position:relative;min-height:92svh;background:#061e2e;color:#fff;padding:calc(var(--header-h) + 8vh) 0 8vh;display:flex;align-items:center;overflow:hidden}.service-detail-hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 12% 65%,rgba(244,122,31,.18),transparent 26%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;animation:bgPulse 14s ease-in-out infinite alternate}.service-detail-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:6vw;align-items:center}.service-detail-hero__copy h1{font-size:clamp(3.2rem,6.8vw,7.8rem);line-height:.95;letter-spacing:-.06em;margin:1.2rem 0 1.5rem;max-width:9ch}.service-detail-hero__copy h1 em{font-style:normal;color:var(--orange)}.service-detail-hero__copy p{max-width:52ch;color:rgba(255,255,255,.65);font-size:1.05rem;margin-bottom:2rem}.service-back{display:inline-flex;gap:.55rem;align-items:center;color:rgba(255,255,255,.55);font-size:.75rem;margin-bottom:1rem}.service-detail-visual{position:relative;min-height:580px;display:grid;place-items:center;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out}.service-detail-visual:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);animation:orbreathe 10s ease-in-out infinite alternate}
.identity-lab{position:relative;width:420px;height:420px;background:#f2efe8;color:var(--navy);box-shadow:0 32px 80px rgba(0,0,0,.24);overflow:hidden;transform:rotate(-4deg)}.identity-lab__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(6,30,46,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.08) 1px,transparent 1px);background-size:42px 42px}.identity-lab strong{position:absolute;font-size:8rem;right:35px;top:35px;line-height:1}.identity-lab .sw{position:absolute;width:68px;height:68px;bottom:44px;transform:rotate(45deg)}.identity-lab .sw--1{right:48px;background:var(--orange)}.identity-lab .sw--2{right:132px;background:var(--teal)}.identity-lab .sw--3{right:216px;background:var(--gold)}.identity-lab .type-a{position:absolute;left:38px;top:44px;font-size:2rem;font-style:normal}.identity-lab .type-b{position:absolute;left:38px;top:92px;font-style:normal;font-size:.8rem;letter-spacing:.2em}
.print-lab{position:relative;width:470px;height:390px}.print-sheet{position:absolute;width:350px;height:220px;background:#fff;left:60px;top:90px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.sheet-a{transform:rotate(-12deg) translate(-25px,12px);background:#f0e9de}.sheet-b{transform:rotate(8deg) translate(28px,-10px);background:#f9d9bf}.sheet-c{transform:rotate(-2deg);background:#fff}.reg{position:absolute;z-index:5;font-size:2rem;color:var(--orange)}.reg--1{left:48px;top:68px}.reg--2{right:35px;bottom:42px}.foil-swipe{position:absolute;z-index:6;width:230px;height:60px;left:120px;top:170px;background:linear-gradient(110deg,#9b5b14,#ffd782,#9f6118);mix-blend-mode:multiply;transform:skewX(-12deg);animation:foil 4s ease-in-out infinite}.print-lab b{position:absolute;z-index:7;left:188px;top:185px;color:#061e2e;font-size:.9rem;letter-spacing:.25em}@keyframes foil{0%,100%{filter:brightness(.8)}50%{filter:brightness(1.5)}}
.digital-lab{position:relative;width:490px;height:390px}.digital-lab__ring{position:absolute;width:320px;height:320px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;left:85px;top:35px;animation:slowSpin 20s linear infinite}.digital-lab__chart{position:absolute;inset:40px}.digital-lab__chart svg{width:100%;height:100%;overflow:visible}.digital-lab__chart path{fill:none;stroke:var(--orange);stroke-width:6;stroke-linecap:round;stroke-dasharray:600;animation:drawLine 4s ease-in-out infinite}.metric{position:absolute;background:#fff;color:var(--navy);padding:.8rem 1rem;font-weight:700;box-shadow:var(--shadow)}.metric--a{top:55px;right:28px;font-size:2rem}.metric--b{bottom:38px;left:25px;font-size:1.5rem}.digital-lab>i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--teal);left:110px;bottom:105px;box-shadow:125px -45px 0 var(--gold),250px -150px 0 var(--orange)}
.motion-lab{position:relative;width:500px;height:380px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.15);padding:34px}.motion-lab__frame{height:235px;background:linear-gradient(135deg,#102f41,#071824);position:relative;overflow:hidden}.motion-lab__frame span{position:absolute;width:110px;height:110px;background:var(--orange);transform:rotate(45deg);left:calc(50% - 55px);top:calc(50% - 55px);animation:motionMark 3s var(--ease) infinite}.motion-lab__frame span:after{content:"";position:absolute;inset:26px;background:#071824}@keyframes motionMark{0%,100%{transform:rotate(45deg) scale(.8)}50%{transform:rotate(225deg) scale(1.05)}}.motion-lab__timeline{height:70px;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:relative}.motion-lab__timeline i{background:rgba(255,255,255,.12)}.motion-lab__timeline b{position:absolute;width:2px;background:var(--orange);top:0;bottom:0;left:10%;animation:playhead 3.6s ease-in-out infinite}.motion-lab__play{position:absolute;width:58px;height:58px;border-radius:50%;background:#fff;color:#061e2e;display:grid;place-items:center;left:calc(50% - 29px);top:calc(50% - 48px)}.motion-lab em{position:absolute;right:38px;bottom:17px;font-size:.72rem;color:rgba(255,255,255,.6);font-style:normal}
.service-detail-body .split-heading{margin-bottom:4rem}.capability-list{border-top:1px solid var(--line)}.capability-item{display:grid;grid-template-columns:70px minmax(220px,.7fr) 1fr 120px;gap:2rem;align-items:center;min-height:140px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.capability-item>span{font-size:.75rem;color:#a35020}.capability-item h3{font-size:clamp(1.4rem,2.2vw,2.2rem);margin:0}.capability-item p{margin:0;max-width:55ch}.capability-item__pulse{width:56px;height:56px;border:1px solid rgba(244,122,31,.34);border-radius:50%;justify-self:end;position:relative;transition:.35s}.capability-item__pulse:after{content:"";position:absolute;inset:17px;background:var(--orange);border-radius:50%}.capability-item:hover .capability-item__pulse{transform:scale(1.35);box-shadow:0 0 0 18px rgba(244,122,31,.06)}
.deliverables-section{position:relative;overflow:hidden}.deliverables-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(244,122,31,.15),transparent 28%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.025) 90px)}.deliverables-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.deliverables-intro h2{font-size:clamp(2.5rem,5vw,5.2rem);max-width:9ch}.deliverables-intro p{color:rgba(255,255,255,.58);max-width:45ch}.deliverables-list{border-top:1px solid rgba(255,255,255,.15)}.deliverable{display:grid;grid-template-columns:55px 1fr 30px;gap:1rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.deliverable b{font-size:.72rem;color:var(--orange)}.deliverable h3{margin:0 0 .3rem;font-size:1.45rem}.deliverable p{margin:0;color:rgba(255,255,255,.54);font-size:.9rem}.deliverable>span{font-size:1.2rem}
.section-heading-compact{margin-bottom:3.5rem}.section-heading-compact h2{max-width:12ch}.workflow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.workflow-cards article{min-height:280px;padding:1.6rem;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s}.workflow-cards article:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(6,30,46,.08)}.workflow-cards article:before{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(244,122,31,.12);border-radius:50%;right:-60px;top:-60px}.workflow-cards span{color:var(--orange);font-size:.75rem}.workflow-cards h3{font-size:1.65rem;margin:5rem 0 .7rem}.workflow-cards p{font-size:.9rem;margin:0}
.service-faq{background:#fff}.service-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.service-faq__grid>div:first-child h2{max-width:8ch}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0;font-weight:700;font-size:1.05rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--orange);color:#fff;border-color:var(--orange)}.faq-list details>div{padding:0 0 1.4rem}.faq-list p{max-width:65ch;margin:0;color:var(--muted)}

/* About */
.about-constellation{position:absolute;z-index:2;inset-inline-end:6vw;bottom:10vh;width:min(540px,40vw);display:flex;align-items:center;gap:.9rem;color:rgba(255,255,255,.6);font-size:.8rem}.about-constellation i{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15),var(--orange),rgba(255,255,255,.15));position:relative}.about-constellation i:after{content:"";position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;left:50%;top:-3px;animation:signalPulse 2.4s ease-in-out infinite}@keyframes signalPulse{50%{box-shadow:0 0 0 14px rgba(244,122,31,.09)}}
.about-story__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}.about-story__statement h2{max-width:12ch}.about-story__text{font-size:1.15rem;padding-top:3rem}.about-story__text p{margin:0 0 1.6rem}.about-principles{background:#08283b;color:#fff;padding:clamp(90px,9vw,150px) 0;position:relative;overflow:hidden}.about-principles:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 99px,rgba(255,255,255,.028) 100px),radial-gradient(circle at 12% 70%,rgba(244,122,31,.18),transparent 23%)}.about-principles__head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.about-principles__head h2{font-size:clamp(2.5rem,5vw,5rem);max-width:10ch;margin:0}.principle-stage{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.principle{position:relative;min-height:480px;border:1px solid rgba(255,255,255,.14);padding:1.6rem;overflow:hidden;background:rgba(255,255,255,.025);transition:.45s var(--ease)}.principle:hover,.principle.is-active{background:rgba(255,255,255,.07);transform:translateY(-8px)}.principle>span{font-size:.72rem;color:var(--orange)}.principle h3{font-size:clamp(1.7rem,2.6vw,2.8rem);line-height:1.15;margin:2rem 0 1rem;max-width:10ch}.principle p{color:rgba(255,255,255,.55);max-width:34ch}.principle__visual{position:absolute;height:170px;left:20px;right:20px;bottom:20px;border-top:1px solid rgba(255,255,255,.12)}.principle__visual--focus i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.2);width:110px;height:110px;left:50%;top:25px;transform:translateX(-50%)}.principle__visual--focus i:nth-child(2){width:70px;height:70px;top:45px}.principle__visual--focus b{position:absolute;width:14px;height:14px;background:var(--orange);border-radius:50%;left:calc(50% - 7px);top:73px;box-shadow:0 0 0 18px rgba(244,122,31,.1)}.principle__visual--layers i{position:absolute;width:160px;height:80px;border:1px solid rgba(255,255,255,.2);left:50%;top:45px;transform:translateX(-50%) rotate(-8deg)}.principle__visual--layers i:nth-child(2){transform:translateX(-50%) rotate(3deg);top:55px;background:rgba(244,122,31,.15)}.principle__visual--layers i:nth-child(3){transform:translateX(-50%) rotate(10deg);top:65px}.principle__visual--system{display:grid;grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);gap:8px;place-content:center}.principle__visual--system i{border:1px solid rgba(255,255,255,.22)}.principle__visual--system i:nth-child(2){background:var(--orange)}.about-numbers__grid{display:grid;grid-template-columns:1.4fr repeat(3,.45fr);gap:1rem;align-items:stretch}.about-numbers__grid>div:first-child{padding-right:3rem}.about-numbers h2{font-size:clamp(2.5rem,4vw,4.7rem);max-width:12ch}.about-number{border:1px solid var(--line);padding:2rem 1.2rem;display:flex;flex-direction:column;justify-content:end;min-height:270px;background:rgba(255,255,255,.5)}.about-number b{font-size:clamp(3rem,5vw,5.5rem);line-height:1;color:var(--orange)}.about-number span{font-size:.85rem;color:var(--muted);margin-top:.8rem}

/* Projects */
.portfolio-browser__top{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem}.portfolio-browser__top h2{margin-bottom:0}.portfolio-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.portfolio-filters button{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:.65rem 1rem;border-radius:999px;color:var(--ink);transition:.3s}.portfolio-filters button:hover,.portfolio-filters button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.portfolio-item{grid-column:span 6;margin-bottom:3rem}.portfolio-item:nth-child(4n+2){grid-column:span 5;margin-top:7rem}.portfolio-item:nth-child(4n+3){grid-column:span 7}.portfolio-item:nth-child(4n){grid-column:span 5;margin-inline-start:auto}.portfolio-item.is-hidden{display:none}.portfolio-item__media{position:relative;width:100%;border:0;padding:0;background:#ddd;overflow:hidden;aspect-ratio:4/3;text-align:inherit}.portfolio-item:nth-child(3n+2) .portfolio-item__media{aspect-ratio:4/5}.portfolio-item__media img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .4s}.portfolio-item__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38));opacity:.6;transition:.35s}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item:hover .portfolio-item__media:after{opacity:1}.portfolio-item__view{position:absolute;z-index:3;bottom:18px;inset-inline-end:18px;background:#fff;color:var(--navy);padding:.65rem .8rem;font-size:.72rem;transform:translateY(16px);opacity:0;transition:.35s var(--ease)}.portfolio-item:hover .portfolio-item__view{opacity:1;transform:none}.portfolio-item__meta{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-top:1rem}.portfolio-item__meta span{font-size:.74rem;color:#a55020}.portfolio-item__meta h3{margin:0;font-size:1.4rem;max-width:65%;text-align:end}.portfolio-empty{text-align:center;padding:4rem;border:1px dashed var(--line)}

/* Contact */
.contact-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.contact-hero__grid h1{font-size:clamp(3.5rem,7vw,8rem);line-height:.95;letter-spacing:-.06em;margin:1rem 0 1.5rem;max-width:9ch}.contact-hero__grid h1 em{font-style:normal;color:var(--orange)}.contact-hero__grid p{max-width:55ch;color:rgba(255,255,255,.62)}.contact-signal{position:relative;width:min(460px,35vw);aspect-ratio:1;margin-inline:auto}.contact-signal span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:signalOrbit 8s linear infinite}.contact-signal span:nth-child(2){inset:55px;animation-direction:reverse;animation-duration:5.5s}.contact-signal span:nth-child(3){inset:110px;animation-duration:3.8s}.contact-signal span:after{content:"";position:absolute;width:12px;height:12px;background:var(--orange);border-radius:50%;left:50%;top:-6px}.contact-signal b{position:absolute;inset:0;display:grid;place-items:center;font-size:5rem;letter-spacing:-.07em}@keyframes signalOrbit{to{transform:rotate(360deg)}}
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.contact-aside h2{font-size:clamp(2.5rem,4vw,4.7rem);max-width:9ch}.contact-aside>a{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.contact-aside>a small{color:var(--muted)}.contact-aside>a strong{font-size:1.05rem;grid-row:2}.contact-aside>a span{grid-row:1/3;align-self:center}.contact-aside>p{margin-top:2rem}.project-form{background:#fff;border:1px solid var(--line);padding:clamp(1.5rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;box-shadow:0 30px 80px rgba(6,30,46,.08)}.field{display:flex;flex-direction:column;gap:.5rem}.field--full{grid-column:1/-1}.field label{font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--line);background:#faf9f5;padding:.9rem 1rem;outline:none;color:var(--ink);transition:border .3s,background .3s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);background:#fff}.project-form__submit{width:100%}.honeypot{position:absolute!important;left:-9999px!important}

/* Footer */
.site-footer{position:relative;background:#041722;color:#fff;padding:80px 0 26px;overflow:hidden}.site-footer__mesh{position:absolute;inset:0;background:radial-gradient(circle at 18% 70%,rgba(244,122,31,.16),transparent 24%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;animation:bgPulse 14s ease-in-out infinite alternate}.site-footer__top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);gap:6vw;align-items:stretch}.footer-map-shell{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.13);overflow:hidden;background:#0d2938}.footer-map{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.65) contrast(1.04)}.footer-map-shell:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(4,23,34,.55);border:1px solid rgba(255,255,255,.08)}.footer-map-shell__hud{position:absolute;z-index:3;top:20px;inset-inline-start:20px;background:rgba(4,23,34,.9);backdrop-filter:blur(14px);padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.15);max-width:300px}.footer-map-shell__eyebrow{display:block;color:var(--orange);font-size:.72rem;margin-bottom:.25rem}.footer-map-shell__hud strong{display:block;font-size:.95rem;margin-bottom:.6rem}.footer-map-shell__hud a{font-size:.75rem;color:rgba(255,255,255,.65)}.site-footer__content{display:flex;flex-direction:column;justify-content:space-between}.footer-brand-block>img{width:210px;margin-bottom:2rem}.footer-brand-block h2{font-size:clamp(2.4rem,4.4vw,5.3rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 1rem;max-width:9ch}.footer-brand-block p{color:rgba(255,255,255,.52);max-width:50ch}.footer-socials{display:flex;gap:.5rem;margin-top:1.5rem}.footer-socials a{width:42px;height:42px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:grid;place-items:center;font-size:.7rem;transition:.3s}.footer-socials a:hover{background:var(--orange);border-color:var(--orange)}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.8rem;margin-top:3rem}.footer-links-grid>div{display:flex;flex-direction:column;gap:.55rem}.footer-links-grid h3{font-size:.78rem;color:var(--orange);margin:0 0 .4rem}.footer-links-grid a,.footer-links-grid span{font-size:.82rem;color:rgba(255,255,255,.6)}.site-footer__bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);margin-top:3.5rem;padding-top:1.3rem;display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.4);font-size:.72rem}.to-top{position:fixed;z-index:900;bottom:24px;inset-inline-end:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(6,30,46,.88);color:#fff;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}.to-top.is-on{opacity:1;visibility:visible;transform:none}

/* Lightbox / project modal */
.project-lightbox{position:fixed;z-index:2000;inset:0;background:rgba(3,15,23,.96);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);opacity:0;visibility:hidden;transition:.35s;overflow:auto}.project-lightbox.is-open{opacity:1;visibility:visible}.project-lightbox__media{min-height:100vh;display:grid;place-items:center;padding:5vw;position:relative}.project-lightbox__media img{max-height:82vh;max-width:100%;object-fit:contain;box-shadow:0 28px 80px rgba(0,0,0,.35)}.project-lightbox__panel{border-inline-start:1px solid rgba(255,255,255,.12);padding:7rem 2rem 2rem;position:relative}.project-lightbox__close{position:absolute;top:24px;inset-inline-end:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;font-size:1.7rem}.project-lightbox__category{color:var(--orange);font-size:.75rem}.project-lightbox h3{font-size:2rem;line-height:1.15}.project-lightbox__desc{color:rgba(255,255,255,.55);font-size:.9rem}.project-lightbox__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:2rem}.project-lightbox__thumbs button{padding:0;border:1px solid rgba(255,255,255,.15);background:transparent;aspect-ratio:1;overflow:hidden}.project-lightbox__thumbs img{width:100%;height:100%;object-fit:cover}.project-lightbox__thumbs button.is-active{border-color:var(--orange)}

/* Existing prose/privacy fallback */
.prose{max-width:850px;margin-inline:auto;padding:calc(var(--header-h) + 70px) 0 100px}.prose h1{font-size:clamp(2.5rem,5vw,5rem)}.prose h2{margin-top:2rem}.prose p,.prose li{color:var(--muted)}

/* Reveal motion */
.reveal-up{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal-up.is-in{opacity:1;transform:none}

@media (max-width:1180px){
  .site-nav{gap:1.2rem}.header-cta{display:none}.home-hero{grid-template-columns:1fr 1fr}.home-hero__copy{padding-inline:42px}.home-hero h1{font-size:clamp(3.2rem,6.2vw,6.2rem)}
  .service-line{grid-template-columns:55px minmax(180px,.65fr) 1fr 190px 40px}.service-chapter__grid,.service-detail-hero__grid{gap:4vw}.chapter-visual,.service-detail-visual{min-height:480px}.clients-cloud{grid-template-columns:repeat(4,1fr)}
  .service-combo__inner{grid-template-columns:1fr 1fr}.service-combo__inner>.button{grid-column:2;justify-self:start}.about-numbers__grid{grid-template-columns:1.2fr repeat(3,.5fr)}
}

@media (max-width:900px){
  :root{--header-h:70px}.wrap{width:min(calc(100% - 32px),var(--max))}.site-header__inner{grid-template-columns:1fr auto}.site-nav{display:none}.site-header__actions{grid-column:2}.lang-link{display:none}.menu-toggle{display:block}.site-brand{width:155px}.mobile-menu__body{grid-template-columns:1fr}.mobile-menu__services{margin-top:2rem}
  .home-hero{grid-template-columns:1fr;min-height:auto;padding-top:0}.hero-media{min-height:58svh;order:1}.home-hero__copy{order:2;min-height:auto;padding:70px 24px 58px}.home-hero h1{font-size:clamp(3.4rem,13vw,6.3rem);max-width:8.5ch}.hero-proof{margin-top:2.8rem}.hero-slide__caption{bottom:82px;max-width:310px}.hero-media__chrome{inset:14px}.hero-slider__controls{bottom:22px}.split-heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3.5rem}.split-heading h2{max-width:12ch}.service-line{grid-template-columns:46px 1fr 40px;min-height:150px;padding-block:1.3rem}.service-line p{grid-column:2}.service-line__scene{display:none}.service-line__arrow{grid-column:3;grid-row:1/3}.project-rail{grid-auto-columns:minmax(290px,76vw)}.process-story__intro{grid-template-columns:1fr;gap:1.4rem}.process-track{grid-template-columns:1fr 1fr}.process-track__line{display:none}.clients-cloud{grid-template-columns:repeat(3,1fr)}
  .page-hero{min-height:68svh;padding-top:calc(var(--header-h) + 7vh)}.page-hero h1{font-size:clamp(3.5rem,12vw,7rem)}.page-hero--services .page-hero__inner{display:block}.page-hero--services h1{margin-bottom:1.5rem}.page-hero--services p{margin-bottom:1.5rem}
  .service-chapter{min-height:auto}.service-chapter__grid{grid-template-columns:1fr}.service-chapter__copy{order:1}.chapter-visual{order:2;min-height:420px;margin-top:1rem}.service-chapter h2{max-width:10ch}.service-combo__inner{grid-template-columns:1fr}.service-combo__inner>.button{grid-column:auto}
  .service-detail-hero{min-height:auto;padding-bottom:70px}.service-detail-hero__grid{grid-template-columns:1fr}.service-detail-hero__copy h1{font-size:clamp(3.4rem,11vw,6.5rem)}.service-detail-visual{min-height:460px}.capability-item{grid-template-columns:45px 1fr 80px;gap:1rem;padding:1rem 0}.capability-item p{grid-column:2}.capability-item__pulse{grid-column:3;grid-row:1/3}.deliverables-grid{grid-template-columns:1fr;gap:3rem}.workflow-cards{grid-template-columns:1fr 1fr}.service-faq__grid{grid-template-columns:1fr;gap:2rem}
  .about-constellation{width:70vw;inset-inline-end:8vw}.about-story__grid{grid-template-columns:1fr}.about-story__text{padding-top:0}.principle-stage{grid-template-columns:1fr}.principle{min-height:420px}.about-numbers__grid{grid-template-columns:1fr 1fr}.about-numbers__grid>div:first-child{grid-column:1/-1;padding:0}.portfolio-item,.portfolio-item:nth-child(4n+2),.portfolio-item:nth-child(4n+3),.portfolio-item:nth-child(4n){grid-column:span 6;margin-top:0}.portfolio-browser__top{align-items:start;flex-direction:column}.contact-hero__grid{grid-template-columns:1fr}.contact-signal{width:min(420px,75vw)}.contact-grid{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.field--full{grid-column:auto}.site-footer__top{grid-template-columns:1fr}.footer-map-shell{min-height:380px}.site-footer__content{gap:2rem}.footer-brand-block h2{max-width:12ch}.project-lightbox{grid-template-columns:1fr}.project-lightbox__media{min-height:65vh;padding:80px 20px 20px}.project-lightbox__panel{border-inline-start:0;border-top:1px solid rgba(255,255,255,.12);padding:2rem}
}

@media (max-width:600px){
  .wrap{width:min(calc(100% - 24px),var(--max))}.section{padding:76px 0}.eyebrow{font-size:.7rem}.site-header__inner{gap:.6rem}.site-brand{width:142px}.menu-toggle{width:42px;height:42px}.menu-toggle span{left:13px;top:17px}.menu-toggle span:last-child{top:24px}.home-hero__copy{padding:60px 18px 46px}.home-hero h1{font-size:clamp(3rem,14vw,5rem)}.home-hero__copy>p{font-size:.96rem}.hero-media{min-height:52svh}.hero-slide__caption{inset-inline-start:18px;bottom:76px;max-width:calc(100% - 36px);padding:.8rem}.hero-slide__caption small{display:none}.hero-slider__controls{inset-inline-start:18px}.hero-proof{grid-template-columns:1fr 1fr;gap:1rem}.hero-proof span:last-child{grid-column:1/-1}.split-heading h2,.section h2{font-size:clamp(2.3rem,11vw,4rem)}.service-line{grid-template-columns:38px 1fr 32px;gap:.7rem}.service-line h3{font-size:1.55rem}.service-line p{font-size:.82rem}.project-rail{grid-auto-columns:86vw}.project-card:nth-child(even){padding-top:35px}.process-track{grid-template-columns:1fr}.process-track article{min-height:210px}.clients-band{padding:70px 0}.clients-band__head{align-items:start;flex-direction:column;gap:.5rem}.clients-cloud{grid-template-columns:repeat(2,1fr)}.client-logo{min-height:100px}.closing-cta h2{font-size:clamp(2.8rem,13vw,5rem)}
  .page-hero{min-height:72svh}.page-hero h1{font-size:clamp(3.1rem,14vw,5.6rem)}.service-chapter{padding:72px 0}.service-chapter h2{font-size:clamp(2.8rem,12vw,4.8rem)}.chapter-visual{min-height:340px;transform:scale(.82)}.service-detail-visual{min-height:370px;transform:scale(.76);margin:-30px -60px}.service-detail-hero__copy h1{font-size:clamp(3rem,13vw,5rem)}.capability-item{grid-template-columns:34px 1fr}.capability-item__pulse{display:none}.workflow-cards{grid-template-columns:1fr}.workflow-cards article{min-height:220px}.service-faq{padding-top:70px}.about-constellation{display:none}.about-principles__head{align-items:start;flex-direction:column;gap:.8rem}.about-numbers__grid{grid-template-columns:1fr}.about-numbers__grid>div:first-child{grid-column:auto}.about-number{min-height:180px}.portfolio-grid{display:block}.portfolio-item,.portfolio-item:nth-child(n){margin:0 0 3rem}.portfolio-item__meta h3{font-size:1.2rem}.portfolio-filters{justify-content:flex-start}.project-form{padding:1.2rem}.footer-map-shell{min-height:320px}.footer-links-grid{grid-template-columns:1fr 1fr}.footer-links-grid>div:last-child{grid-column:1/-1}.footer-brand-block h2{font-size:2.8rem}.site-footer__bottom{flex-direction:column}.contact-signal{width:82vw}.project-lightbox__thumbs{grid-template-columns:repeat(4,1fr)}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hero-slide img{transform:scale(1.03)}
}
/* Arabic type safety: keep diacritics and letterforms from colliding */
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0}
html[dir="rtl"] .home-hero h1,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .service-detail-hero__copy h1,html[dir="rtl"] .contact-hero__grid h1{line-height:1.12}
html[dir="rtl"] .service-chapter h2,html[dir="rtl"] .closing-cta h2{line-height:1.1}
.form-status{margin-bottom:1.2rem;padding:1rem 1.15rem;border-radius:8px;font-weight:600}.form-status.is-success{background:#e7f5ed;color:#186b40;border:1px solid #bfe3ce}.form-status.is-error{background:#fdecec;color:#9a2f2f;border:1px solid #efc7c7}
.policy-copy{max-width:820px;margin-inline:auto;font-size:1.04rem;line-height:1.9}.policy-copy h2{font-size:2rem;margin:2.2rem 0 .6rem;letter-spacing:0}.policy-copy p{color:var(--muted)}.policy-copy a{color:#a64c18;text-decoration:underline;text-underline-offset:4px}.policy-updated{font-size:.78rem;color:#9b4f22!important;text-transform:uppercase;letter-spacing:.04em}

/* =========================================================
   HIGH VISION V6 — motion-first homepage + compact footer
   ========================================================= */
.hv6-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(0,1.18fr);background:#041824;color:#fff;overflow:hidden}
[dir="rtl"] .hv6-hero{direction:rtl}
.hv6-hero__copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--header-h) + 8vh) clamp(34px,5vw,88px) 7vh;background:linear-gradient(135deg,#071f2d 0%,#0a2d40 60%,#071c29 100%);border-inline-end:1px solid rgba(255,255,255,.08)}
.hv6-hero__mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(244,122,31,.13),transparent 24%),linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;animation:hv6Mesh 18s linear infinite}
.hv6-hero__mesh:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(255,255,255,.06);border-radius:50%;inset-inline-start:-28vw;top:14%;box-shadow:0 0 0 80px rgba(255,255,255,.016),0 0 0 160px rgba(255,255,255,.01)}
@keyframes hv6Mesh{to{background-position:0,58px 58px,58px 58px}}
.hv6-hero__copy>*:not(.hv6-hero__mesh){position:relative;z-index:2}
.hv6-hero h1{font-size:clamp(3.35rem,5.7vw,7.2rem);line-height:1.08;letter-spacing:-.045em;margin:1rem 0 1.45rem;max-width:10.5ch;text-wrap:balance}
html[dir="rtl"] .hv6-hero h1{line-height:1.2;letter-spacing:0;max-width:9.5ch}
.hv6-hero h1 em{font-style:normal;color:var(--orange)}
.hv6-hero__copy>p{max-width:49ch;font-size:clamp(1.04rem,1.2vw,1.25rem);line-height:1.9;color:rgba(255,255,255,.7);margin:0 0 2.1rem}
.hv6-hero .text-link{color:#fff;border-color:rgba(255,255,255,.22)}
.hv6-hero__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2.8rem,5vh,4.4rem);padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);max-width:620px}
.hv6-hero__proof span{display:flex;flex-direction:column;gap:.15rem;color:rgba(255,255,255,.5);font-size:.78rem}.hv6-hero__proof b{color:#fff;font-size:1.5rem;line-height:1.2}
.hv6-hero__stage{position:relative;min-height:100svh;background:radial-gradient(circle at 46% 44%,#173d50 0%,#0a2737 34%,#051925 75%);overflow:hidden;isolation:isolate}
.hv6-hero__stage:before{content:"";position:absolute;z-index:0;inset:-20%;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:52px 52px;transform:perspective(800px) rotateX(62deg) translateY(35%);transform-origin:center bottom;opacity:.72;animation:hv6Floor 18s linear infinite}
@keyframes hv6Floor{to{background-position:0 52px,52px 0}}
.hv6-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .75s var(--ease),visibility .75s;overflow:hidden}.hv6-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hv6-art{--px:0px;--py:0px;position:absolute;inset:var(--header-h) 0 0;transform-style:preserve-3d;perspective:1100px;overflow:hidden}
.hv6-slide__label{position:absolute;z-index:8;inset-inline-start:clamp(22px,4vw,62px);bottom:clamp(86px,11vh,124px);display:flex;gap:1rem;align-items:center;max-width:360px;padding:1rem 1.1rem;background:rgba(4,24,36,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}
.hv6-slide__label>span{color:var(--orange);font-size:.72rem;font-weight:700}.hv6-slide__label div{display:flex;flex-direction:column;gap:.2rem}.hv6-slide__label b{font-size:1rem}.hv6-slide__label small{font-size:.8rem;color:rgba(255,255,255,.58)}
.hv6-stage__hint{position:absolute;z-index:8;inset-inline-end:28px;bottom:34px;color:rgba(255,255,255,.35);font-size:.7rem;letter-spacing:.04em}
.hv6-slider__controls{inset-inline-start:clamp(22px,4vw,62px);bottom:28px}

/* Hero identity scene */
.hv6-art--identity{background:radial-gradient(circle at 54% 44%,rgba(244,122,31,.12),transparent 34%)}
.hv6-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;animation:hv6Spin 26s linear infinite}.hv6-orbit--a{width:560px;height:560px;left:50%;top:50%;margin:-280px 0 0 -280px}.hv6-orbit--b{width:360px;height:360px;left:50%;top:50%;margin:-180px 0 0 -180px;animation-direction:reverse;animation-duration:18s;border-style:dashed}
@keyframes hv6Spin{to{transform:rotate(360deg)}}
.hv6-brand-card{position:absolute;background:rgba(246,244,239,.96);color:var(--navy);box-shadow:0 36px 90px rgba(0,0,0,.24);transition:transform .5s var(--ease);will-change:transform}
.hv6-brand-card--main{width:min(42vw,390px);aspect-ratio:1.35;left:18%;top:28%;padding:2rem;transform:translate3d(var(--px),var(--py),80px) rotate(-6deg);animation:hv6FloatA 7s ease-in-out infinite alternate}.hv6-brand-card--main span{font-size:clamp(2.2rem,4vw,4.6rem);line-height:.9;font-weight:700;letter-spacing:-.06em}.hv6-brand-card--main b{position:absolute;right:20px;bottom:16px;color:var(--orange)}
.hv6-brand-card--type{width:210px;height:170px;right:12%;top:18%;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;transform:translate3d(var(--nx),var(--ny),120px) rotate(7deg);animation:hv6FloatB 6.2s ease-in-out infinite alternate}.hv6-brand-card--type strong{font-size:4.7rem;line-height:1}.hv6-brand-card--type small{color:#6a7479}
.hv6-brand-card--palette{width:245px;height:78px;right:15%;bottom:20%;padding:12px;display:flex;gap:7px;transform:translate3d(var(--px),var(--ny),100px) rotate(-4deg);animation:hv6FloatC 6.8s ease-in-out infinite alternate}.hv6-brand-card--palette i{flex:1}.hv6-brand-card--palette i:nth-child(1){background:#071f2d}.hv6-brand-card--palette i:nth-child(2){background:#f47a1f}.hv6-brand-card--palette i:nth-child(3){background:#e7b44d}.hv6-brand-card--palette i:nth-child(4){background:#b63b2e}
.hv6-facet{position:absolute;width:110px;height:110px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.18)}.hv6-facet--one{left:8%;bottom:19%;background:linear-gradient(135deg,rgba(244,122,31,.95),rgba(182,59,46,.78));animation:hv6Facet 8s ease-in-out infinite alternate}.hv6-facet--two{right:5%;top:46%;width:70px;height:70px;background:rgba(46,184,176,.55);animation:hv6Facet 7s ease-in-out infinite alternate-reverse}
.hv6-art__word{position:absolute;left:8%;top:12%;font-size:clamp(4rem,10vw,10rem);font-weight:700;color:rgba(255,255,255,.035);letter-spacing:-.06em;pointer-events:none}
@keyframes hv6FloatA{to{transform:translate3d(calc(var(--px) + 14px),calc(var(--py) - 12px),80px) rotate(-3deg)}}@keyframes hv6FloatB{to{transform:translate3d(calc(var(--nx) - 10px),calc(var(--ny) + 14px),120px) rotate(4deg)}}@keyframes hv6FloatC{to{transform:translate3d(calc(var(--px) + 8px),calc(var(--ny) - 8px),100px) rotate(-1deg)}}@keyframes hv6Facet{to{transform:rotate(52deg) translate3d(18px,-10px,0)}}

/* Hero print scene */
.hv6-art--print{background:radial-gradient(circle at 52% 46%,rgba(255,255,255,.07),transparent 35%)}.hv6-print-grid{position:absolute;inset:8% 8% 12%;border:1px solid rgba(255,255,255,.09);background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;transform:perspective(900px) rotateX(10deg) rotateY(-6deg);animation:hv6GridPulse 8s ease-in-out infinite alternate}.hv6-sheet{position:absolute;width:min(48vw,470px);aspect-ratio:1.42;left:50%;top:48%;box-shadow:0 35px 100px rgba(0,0,0,.3);transform-style:preserve-3d}.hv6-sheet--back{background:#e8e5dc;transform:translate(-54%,-54%) rotate(-13deg);animation:sheetBack 7s ease-in-out infinite alternate}.hv6-sheet--mid{background:#cfcbc0;color:#152b38;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-3deg);animation:sheetMid 6.4s ease-in-out infinite alternate}.hv6-sheet--mid span{font-size:clamp(2rem,4vw,4rem);font-weight:700;opacity:.22}.hv6-sheet--front{background:#0b2737;color:#fff;padding:clamp(1.3rem,2vw,2rem);display:flex;flex-direction:column;justify-content:flex-end;transform:translate(-46%,-46%) rotate(7deg);overflow:hidden;animation:sheetFront 7.4s ease-in-out infinite alternate}.hv6-sheet--front b{font-size:clamp(3rem,6vw,6.4rem);line-height:.8;letter-spacing:-.06em}.hv6-sheet--front small{color:rgba(255,255,255,.45);margin-top:1rem}.hv6-foil{position:absolute;inset:-60% auto -60% -30%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),rgba(244,122,31,.45),transparent);transform:rotate(18deg);filter:blur(1px);animation:foilSweep 4.8s ease-in-out infinite}.hv6-cmyk{position:absolute;right:8%;bottom:15%;display:flex;gap:5px}.hv6-cmyk i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.68rem;color:#051925}.hv6-cmyk i:nth-child(1){background:#3ac6ef}.hv6-cmyk i:nth-child(2){background:#e84b91}.hv6-cmyk i:nth-child(3){background:#f8e342}.hv6-cmyk i:nth-child(4){background:#101010;color:#fff}.hv6-reg{position:absolute;font-size:2rem;color:rgba(255,255,255,.28);animation:regBlink 2.8s ease-in-out infinite}.hv6-reg--a{left:9%;top:16%}.hv6-reg--b{right:12%;top:22%;animation-delay:.8s}@keyframes sheetBack{to{transform:translate(-56%,-56%) rotate(-10deg)}}@keyframes sheetMid{to{transform:translate(-50%,-52%) rotate(0)}}@keyframes sheetFront{to{transform:translate(-44%,-48%) rotate(4deg)}}@keyframes foilSweep{0%,20%{left:-35%}70%,100%{left:120%}}@keyframes regBlink{50%{opacity:.35;transform:rotate(45deg)}}@keyframes hv6GridPulse{to{transform:perspective(900px) rotateX(7deg) rotateY(4deg) scale(1.02)}}

/* Hero motion scene */
.hv6-art--motion{background:radial-gradient(circle at 48% 43%,rgba(46,184,176,.14),transparent 32%)}.hv6-motion-screen{position:absolute;width:min(58vw,600px);aspect-ratio:1.5;left:50%;top:47%;transform:translate(-50%,-50%) perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#081722;border:1px solid rgba(255,255,255,.16);box-shadow:0 44px 120px rgba(0,0,0,.32);padding:18px;animation:motionScreen 7s ease-in-out infinite alternate}.hv6-motion-frame{height:68%;position:relative;overflow:hidden;background:linear-gradient(135deg,#122f41,#0c2130);border:1px solid rgba(255,255,255,.07)}.hv6-motion-frame:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#a9352b);left:18%;top:14%;animation:motionBall 5s var(--ease) infinite alternate}.hv6-motion-frame:after{content:"";position:absolute;width:150px;height:150px;background:#f0e9df;right:18%;bottom:9%;transform:rotate(45deg);animation:motionSquare 6s var(--ease) infinite alternate}.hv6-motion-frame i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;z-index:2;opacity:.7}.hv6-motion-frame i:nth-child(1){left:12%;top:18%}.hv6-motion-frame i:nth-child(2){right:10%;top:16%}.hv6-motion-frame i:nth-child(3){left:48%;bottom:13%}.hv6-motion-frame b{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);font-size:1.4rem;backdrop-filter:blur(10px)}.hv6-wave{height:13%;display:flex;gap:4px;align-items:center;padding:0 4px}.hv6-wave span{flex:1;background:var(--teal);height:20%;animation:wave 1.2s ease-in-out infinite alternate}.hv6-wave span:nth-child(2){height:55%;animation-delay:.1s}.hv6-wave span:nth-child(3){height:32%;animation-delay:.2s}.hv6-wave span:nth-child(4){height:78%;animation-delay:.3s}.hv6-wave span:nth-child(5){height:45%;animation-delay:.4s}.hv6-wave span:nth-child(6){height:65%;animation-delay:.5s}.hv6-wave span:nth-child(7){height:28%;animation-delay:.6s}.hv6-wave span:nth-child(8){height:50%;animation-delay:.7s}.hv6-timeline{height:19%;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;position:relative}.hv6-timeline i{height:16px;flex:1;background:rgba(255,255,255,.08)}.hv6-timeline i:nth-child(2){background:rgba(244,122,31,.35)}.hv6-timeline b{position:absolute;width:2px;height:100%;background:var(--orange);left:8%;animation:playhead 4.4s linear infinite}.hv6-metric{position:absolute;padding:.8rem 1rem;background:rgba(246,244,239,.95);color:#061e2e;box-shadow:0 18px 50px rgba(0,0,0,.22);min-width:125px;animation:metricFloat 5s ease-in-out infinite alternate}.hv6-metric small{display:block;color:#68747b}.hv6-metric strong{font-size:1.4rem}.hv6-metric--a{left:8%;top:22%}.hv6-metric--b{right:7%;bottom:19%;animation-delay:.8s}.hv6-growth{position:absolute;width:260px;height:auto;right:3%;top:13%;overflow:visible}.hv6-growth path{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:growthDraw 4.8s ease-in-out infinite alternate}@keyframes motionScreen{to{transform:translate(-50%,-52%) perspective(1000px) rotateX(2deg) rotateY(-2deg)}}@keyframes motionBall{to{transform:translate(180px,70px) scale(.7);border-radius:18%}}@keyframes motionSquare{to{transform:translate(-150px,-60px) rotate(90deg) scale(.72);border-radius:50%}}@keyframes wave{to{height:85%}}@keyframes playhead{to{left:92%}}@keyframes metricFloat{to{transform:translateY(-14px) rotate(2deg)}}@keyframes growthDraw{to{stroke-dashoffset:0}}

/* Homepage sections */
.hv6-services,.hv6-process{position:relative;padding:clamp(90px,8vw,135px) 0;background:#f5f2eb;color:var(--ink);overflow:hidden}
.hv6-section-head{max-width:780px;margin-inline-start:auto;margin-bottom:clamp(3rem,6vw,5.5rem);text-align:start}.hv6-section-head h2{font-size:clamp(2.7rem,5.4vw,5.6rem);line-height:1.08;margin:.65rem 0 1rem;letter-spacing:-.045em;text-wrap:balance}.hv6-section-head p{font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.9;max-width:58ch;margin:0;color:#66737b}html[dir="rtl"] .hv6-section-head h2{line-height:1.2;letter-spacing:0}
.hv6-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(6,30,46,.12);border:1px solid rgba(6,30,46,.12)}
.hv6-service-tile{min-height:420px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.88fr);align-items:stretch;background:rgba(248,246,240,.94);overflow:hidden;transition:background .45s var(--ease),color .45s var(--ease)}.hv6-service-tile:hover{background:#fff}.hv6-service-tile__copy{position:relative;z-index:3;padding:clamp(2rem,3vw,3.4rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.hv6-service-tile__copy>span{font-size:.75rem;color:#a84d17;margin-bottom:auto}.hv6-service-tile h3{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.18;margin:0 0 1rem;letter-spacing:-.035em}.hv6-service-tile p{font-size:clamp(1rem,1.05vw,1.12rem);line-height:1.85;color:#65737b;margin:0 0 1.4rem;max-width:37ch}.hv6-service-tile__copy>b{font-size:.85rem;color:#8f4317;font-weight:700}.hv6-service-visual{position:relative;transform-style:preserve-3d;perspective:900px;overflow:hidden;min-height:100%;transition:transform .45s var(--ease)}.hv6-service-tile:hover .hv6-service-visual{transform:scale(1.03)}
.hv6-service-visual--design{background:linear-gradient(145deg,#0b2b3d,#061e2e)}.hv6-service-visual--design i{position:absolute;width:115px;height:115px;transform:rotate(45deg);left:50%;top:50%;margin:-58px}.hv6-service-visual--design .d1{background:var(--orange);transform:translate(-55px,-30px) rotate(45deg);animation:designTileA 5s ease-in-out infinite alternate}.hv6-service-visual--design .d2{background:#334b5a;transform:translate(25px,20px) rotate(45deg);animation:designTileB 6s ease-in-out infinite alternate}.hv6-service-visual--design .d3{width:62px;height:62px;background:var(--gold);transform:translate(-5px,-8px) rotate(45deg);animation:hv6Spin 12s linear infinite}.hv6-service-visual--design strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:3.4rem;color:#fff;z-index:3}.hv6-service-visual--design span{position:absolute;bottom:28px;right:28px;color:rgba(255,255,255,.45);font-size:.72rem}@keyframes designTileA{to{transform:translate(-75px,-48px) rotate(57deg)}}@keyframes designTileB{to{transform:translate(42px,36px) rotate(35deg)}}
.hv6-service-visual--print{background:linear-gradient(160deg,#efe9dd,#d8d2c6)}.hv6-service-visual--print i{position:absolute;width:190px;height:120px;left:50%;top:50%;margin:-60px -95px;background:#fff;box-shadow:0 20px 45px rgba(6,30,46,.14);border:1px solid #c9c4ba}.hv6-service-visual--print i:nth-child(1){transform:translate(-16px,-18px) rotate(-11deg);animation:printTileA 6s ease-in-out infinite alternate}.hv6-service-visual--print i:nth-child(2){background:#f4ddcd;transform:rotate(-2deg)}.hv6-service-visual--print i:nth-child(3){background:#0b293a;transform:translate(17px,18px) rotate(7deg);animation:printTileB 6s ease-in-out infinite alternate}.hv6-service-visual--print strong{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--orange);font-size:1rem}.hv6-service-visual--print span{position:absolute;right:18px;top:20px;color:#8a542f;font-size:.72rem;border:1px solid #bda895;padding:.25rem .45rem}@keyframes printTileA{to{transform:translate(-26px,-28px) rotate(-6deg)}}@keyframes printTileB{to{transform:translate(28px,26px) rotate(3deg)}}
.hv6-service-visual--digital{background:#09293b}.hv6-service-visual--digital svg{position:absolute;width:82%;left:9%;top:28%;overflow:visible}.hv6-service-visual--digital path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-dasharray:420;animation:growthDraw 4.5s ease-in-out infinite alternate}.hv6-service-visual--digital i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--teal);animation:metricFloat 4s ease-in-out infinite alternate}.hv6-service-visual--digital i:nth-of-type(1){left:21%;top:58%}.hv6-service-visual--digital i:nth-of-type(2){right:20%;top:27%;background:var(--gold);animation-delay:.8s}.hv6-service-visual--digital strong{position:absolute;right:20px;bottom:22px;font-size:2rem;color:#fff}
.hv6-service-visual--motion{background:linear-gradient(145deg,#111b27,#081722)}.hv6-service-visual--motion .play{position:absolute;width:92px;height:92px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;left:50%;top:41%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;animation:playPulse 2.6s ease-in-out infinite}.hv6-service-visual--motion .track{position:absolute;left:9%;right:9%;bottom:26%;height:60px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:8px;align-items:center}.hv6-service-visual--motion .track i{height:15px;flex:1;background:rgba(255,255,255,.08)}.hv6-service-visual--motion .track i:nth-child(2){background:rgba(244,122,31,.38)}.hv6-service-visual--motion .track b{position:absolute;top:0;height:100%;width:2px;background:var(--orange);left:8%;animation:playhead 3.8s linear infinite}.hv6-service-visual--motion>span{position:absolute;right:18px;top:18px;color:rgba(255,255,255,.42);font-size:.72rem}@keyframes playPulse{50%{box-shadow:0 0 0 18px rgba(244,122,31,.08);transform:translate(-50%,-50%) scale(1.08)}}

.hv6-work{position:relative;background:#051d2b;color:#fff;padding:clamp(90px,8vw,140px) 0;overflow:hidden}.hv6-work__grid-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 70%,rgba(244,122,31,.11),transparent 26%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;animation:bgPulse 14s ease-in-out infinite alternate}.hv6-work__head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.52fr) auto;gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:clamp(3rem,5vw,5rem)}.hv6-work__head h2{font-size:clamp(2.8rem,5.5vw,5.8rem);line-height:1.08;margin:.5rem 0 0;letter-spacing:-.045em}.hv6-work__head p{margin:0;color:rgba(255,255,255,.56);font-size:1.05rem;line-height:1.8}.hv6-work__head .button{align-self:end}html[dir="rtl"] .hv6-work__head h2{line-height:1.2;letter-spacing:0}
.project-showcase{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);min-height:620px}.project-showcase__visual{background:#071722;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0}.project-showcase__media{position:relative;width:100%;height:100%;min-height:520px;padding:0;border:0;background:#0b293a;overflow:hidden;color:#fff}.project-showcase__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(3,16,24,.48));pointer-events:none}.project-showcase__media img{width:100%;height:100%;object-fit:cover;transition:opacity .28s,transform .8s var(--ease);will-change:transform}.project-showcase__media:hover img{transform:scale(1.035)}.project-showcase__counter{position:absolute;z-index:3;top:22px;inset-inline-start:22px;border:1px solid rgba(255,255,255,.35);background:rgba(4,24,36,.35);backdrop-filter:blur(10px);padding:.48rem .65rem;font-size:.73rem}.project-showcase__caption{padding:1.25rem 1.5rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.project-showcase__caption span{color:var(--orange);font-size:.78rem}.project-showcase__caption h3{font-size:clamp(1.4rem,2vw,2rem);margin:0;text-align:end}.project-showcase__list{display:flex;flex-direction:column;background:#092738}.project-showcase__tab{flex:1;min-height:0;display:grid;grid-template-columns:42px 1fr 28px;gap:1rem;align-items:center;text-align:start;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:1.35rem 1.2rem;color:#fff;background:transparent;transition:background .35s var(--ease),padding .35s var(--ease)}.project-showcase__tab:last-child{border-bottom:0}.project-showcase__tab:hover,.project-showcase__tab.is-active{background:rgba(255,255,255,.07);padding-inline-start:1.55rem}.project-showcase__tab>span{font-size:.72rem;color:var(--orange)}.project-showcase__tab div{display:flex;flex-direction:column;gap:.25rem}.project-showcase__tab small{font-size:.7rem;color:rgba(255,255,255,.45)}.project-showcase__tab strong{font-size:1rem}.project-showcase__tab>b{font-size:1rem;color:rgba(255,255,255,.45);font-weight:400}

.hv6-section-head--compact{max-width:660px;margin-bottom:3.5rem}.hv6-section-head--compact h2{font-size:clamp(2.7rem,4.8vw,5rem)}.hv6-process-track article{min-height:230px}.hv6-process-track h3{font-size:1.9rem}.hv6-process-track p{font-size:1rem;line-height:1.75;color:#68757d}
.hv6-clients{position:relative;background:#0a2a3c;color:#fff;padding:clamp(70px,7vw,105px) 0;overflow:hidden}.hv6-clients:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 45%,rgba(244,122,31,.1),transparent 28%),linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);animation:bgPulse 14s ease-in-out infinite alternate}.hv6-clients__head{position:relative;z-index:2;text-align:start;margin-bottom:2rem}.hv6-clients__head h2{font-size:clamp(2.3rem,4vw,4.5rem);margin:.45rem 0 0;line-height:1.15}.hv6-logo-window{position:relative;z-index:2;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.hv6-logo-track{display:flex;width:max-content;align-items:center;gap:clamp(3.5rem,6vw,7rem);padding:2.25rem clamp(2rem,4vw,5rem);animation:hv6LogoDrift 45s linear infinite}.hv6-logo-window:hover .hv6-logo-track{animation-play-state:paused}.hv6-logo{width:150px;display:grid;place-items:center;flex:none}.hv6-logo img{max-width:135px;max-height:58px;filter:grayscale(1) brightness(0) invert(1);opacity:.62;transition:.3s}.hv6-logo:hover img{opacity:1}@keyframes hv6LogoDrift{to{transform:translateX(-50%)}}[dir="rtl"] .hv6-logo-track{animation-name:hv6LogoDriftRtl}@keyframes hv6LogoDriftRtl{to{transform:translateX(50%)}}
.hv6-cta{position:relative;background:#061a27;color:#fff;padding:clamp(70px,7vw,110px) 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.07)}.hv6-cta__beam{position:absolute;width:38vw;height:120%;right:-8vw;top:-10%;background:linear-gradient(135deg,rgba(244,122,31,.5),transparent 60%);clip-path:polygon(52% 0,100% 0,48% 100%,0 100%);opacity:.35;animation:beamMove 8s ease-in-out infinite alternate}@keyframes beamMove{to{transform:translateX(-30px);opacity:.5}}.hv6-cta__inner{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:3rem}.hv6-cta h2{font-size:clamp(3rem,5vw,5.6rem);line-height:1.1;margin:.45rem 0 .8rem}.hv6-cta p{color:rgba(255,255,255,.58);font-size:1.05rem;max-width:52ch;margin:0}

/* Arabic alignment + legibility */
html[dir="rtl"] .hv6-service-tile__copy,html[dir="rtl"] .hv6-work__head,html[dir="rtl"] .project-showcase__tab,html[dir="rtl"] .hv6-clients__head,html[dir="rtl"] .hv6-cta__inner{text-align:right}
html[dir="rtl"] .hv6-service-tile h3{line-height:1.3;letter-spacing:0}
html[dir="rtl"] .service-chapter__copy p,html[dir="rtl"] .service-detail-hero__copy p,html[dir="rtl"] .capability-item p,html[dir="rtl"] .deliverable p{font-size:max(1rem,16px);line-height:1.9}
html[dir="rtl"] .service-chapter__copy{font-size:1rem}

/* V6 responsive */
@media (max-width:1180px){
  .hv6-hero{grid-template-columns:minmax(380px,.9fr) 1.1fr}.hv6-hero__copy{padding-inline:38px}.hv6-hero h1{font-size:clamp(3.2rem,5.8vw,5.8rem)}
  .hv6-service-tile{grid-template-columns:1fr;min-height:520px}.hv6-service-visual{min-height:230px;order:-1}.hv6-service-tile__copy{min-height:270px}
  .hv6-work__head{grid-template-columns:1fr .65fr}.hv6-work__head .button{grid-column:2;justify-self:start}.project-showcase{grid-template-columns:1.3fr .7fr}
}
@media (max-width:900px){
  .hv6-hero{grid-template-columns:1fr;min-height:auto}.hv6-hero__copy{order:2;padding:64px 24px 58px}.hv6-hero__stage{order:1;min-height:64svh}.hv6-art{inset:var(--header-h) 0 0}.hv6-hero h1{font-size:clamp(3.4rem,11vw,6rem);max-width:11ch}.hv6-hero__proof{margin-top:2.8rem}.hv6-stage__hint{display:none}.hv6-brand-card--main{width:min(58vw,390px);left:12%}.hv6-brand-card--type{right:8%}.hv6-sheet{width:min(64vw,470px)}.hv6-motion-screen{width:min(76vw,600px)}
  .hv6-section-head{margin-inline:0;max-width:680px}.hv6-service-grid{grid-template-columns:1fr}.hv6-service-tile{grid-template-columns:1fr 1fr;min-height:390px}.hv6-service-visual{order:0;min-height:100%}.hv6-service-tile__copy{min-height:390px}
  .hv6-work__head{grid-template-columns:1fr;gap:1.2rem}.hv6-work__head .button{grid-column:auto;justify-self:start}.project-showcase{grid-template-columns:1fr;min-height:auto}.project-showcase__media{min-height:56svh}.project-showcase__list{display:grid;grid-template-columns:1fr 1fr}.project-showcase__tab{min-height:110px;border-bottom:1px solid rgba(255,255,255,.1);border-inline-end:1px solid rgba(255,255,255,.1)}
  .hv6-cta__inner{align-items:flex-start;flex-direction:column}
}
@media (max-width:600px){
  .hv6-hero__stage{min-height:57svh}.hv6-hero__copy{padding:54px 18px 46px}.hv6-hero h1{font-size:clamp(3rem,14vw,4.8rem);line-height:1.08}.hv6-hero__copy>p{font-size:1rem;line-height:1.8}.hv6-hero__proof{grid-template-columns:1fr 1fr}.hv6-hero__proof span:last-child{grid-column:1/-1}.hv6-slide__label{inset-inline-start:14px;bottom:76px;max-width:calc(100% - 28px);padding:.8rem}.hv6-slide__label small{display:none}.hv6-slider__controls{inset-inline-start:14px;bottom:18px}.hv6-brand-card--main{width:67vw;left:5%;top:30%;padding:1.2rem}.hv6-brand-card--main span{font-size:2.2rem}.hv6-brand-card--type{width:145px;height:120px;right:3%;top:18%}.hv6-brand-card--type strong{font-size:3.2rem}.hv6-brand-card--palette{width:165px;height:60px;right:7%;bottom:21%}.hv6-art__word{font-size:18vw}.hv6-sheet{width:72vw}.hv6-cmyk i{width:32px;height:32px}.hv6-motion-screen{width:84vw}.hv6-metric{min-width:100px;padding:.6rem .7rem}.hv6-growth{width:170px}
  .hv6-services,.hv6-process{padding:76px 0}.hv6-section-head h2{font-size:clamp(2.5rem,11vw,4rem)}.hv6-section-head p{font-size:1rem}.hv6-service-grid{display:block;border:0;background:none}.hv6-service-tile{grid-template-columns:1fr;min-height:auto;margin-bottom:16px;border:1px solid rgba(6,30,46,.12)}.hv6-service-visual{min-height:250px;order:-1}.hv6-service-tile__copy{min-height:auto;padding:1.6rem}.hv6-service-tile h3{font-size:2rem}.hv6-service-tile p{font-size:1rem}
  .hv6-work{padding:78px 0}.hv6-work__head h2{font-size:clamp(2.7rem,11vw,4.2rem)}.project-showcase__media{min-height:62vw}.project-showcase__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.project-showcase__tab{min-width:82vw;min-height:105px;scroll-snap-align:start;border-inline-end:1px solid rgba(255,255,255,.1)}.project-showcase__caption{padding:1rem;align-items:flex-start;flex-direction:column}.project-showcase__caption h3{text-align:start}
  .hv6-process-track{grid-template-columns:1fr}.hv6-logo-track{gap:3rem;padding-block:1.7rem}.hv6-logo{width:118px}.hv6-logo img{max-width:112px;max-height:46px}.hv6-cta h2{font-size:3.4rem}
}

/* V6 footer */
.hv6-footer.site-footer{position:relative;background:#03151f;color:#fff;padding:clamp(70px,7vw,105px) 0 24px;overflow:hidden}.hv6-footer__mesh{position:absolute;inset:0;background:radial-gradient(circle at 20% 35%,rgba(244,122,31,.11),transparent 23%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;animation:bgPulse 16s ease-in-out infinite alternate}.hv6-footer__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .72fr .95fr;gap:clamp(2.2rem,4vw,5rem);align-items:start}.hv6-footer__brand>img{width:205px;margin-bottom:2rem}.hv6-footer__brand h2{font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 1rem;max-width:10ch}.hv6-footer__brand p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,.56);max-width:48ch;margin:0}html[dir="rtl"] .hv6-footer__brand h2{line-height:1.24;letter-spacing:0}.hv6-footer__nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-top:.3rem}.hv6-footer__nav>div{display:flex;flex-direction:column;gap:.65rem}.hv6-footer__nav h3{font-size:.76rem;color:var(--orange);margin:0 0 .55rem}.hv6-footer__nav a{font-size:.9rem;color:rgba(255,255,255,.63);transition:.25s}.hv6-footer__nav a:hover{color:#fff;transform:translateX(3px)}[dir="rtl"] .hv6-footer__nav a:hover{transform:translateX(-3px)}.hv6-footer__location{min-width:0}.hv6-footer__map-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.hv6-footer__map-head>div{display:flex;flex-direction:column;gap:.2rem}.hv6-footer__map-head span{color:var(--orange);font-size:.72rem}.hv6-footer__map-head strong{font-size:.9rem}.hv6-footer__map-head>a{font-size:.72rem;color:rgba(255,255,255,.55);white-space:nowrap}.hv6-footer__map{position:relative;aspect-ratio:16/9;min-height:0;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0c2938}.hv6-footer__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.72) contrast(1.02)}.hv6-footer__map:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 48px rgba(3,21,31,.42)}.hv6-footer__contact{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem}.hv6-footer__contact a{font-size:.78rem;color:rgba(255,255,255,.55)}.hv6-footer__bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;margin-top:clamp(3rem,5vw,5rem);font-size:.72rem;color:rgba(255,255,255,.38)}
@media(max-width:1050px){.hv6-footer__grid{grid-template-columns:1fr 1fr}.hv6-footer__brand{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:0 2rem}.hv6-footer__brand>img{grid-row:1/4}.hv6-footer__brand .footer-socials{grid-column:2}.hv6-footer__nav{align-self:start}}
@media(max-width:700px){.hv6-footer__grid{grid-template-columns:1fr}.hv6-footer__brand{grid-column:auto;display:block}.hv6-footer__brand>img{margin-bottom:1.5rem}.hv6-footer__brand h2{font-size:2.8rem;max-width:12ch}.hv6-footer__nav{grid-template-columns:1fr 1fr}.hv6-footer__map{aspect-ratio:4/3}.hv6-footer__map-head{align-items:flex-start;flex-direction:column}.hv6-footer__bottom{flex-direction:column}}
.contact-signal b img{width:min(190px,48%);height:auto}.contact-signal b{font-size:0;letter-spacing:0}

/* V6 services landing */
.hv6-services-hero{position:relative;min-height:92svh;background:linear-gradient(135deg,#061b29,#0a3045 62%,#071f2d);color:#fff;display:flex;align-items:center;overflow:hidden;padding:calc(var(--header-h) + 7vh) 0 8vh}.hv6-services-hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 18% 68%,rgba(244,122,31,.16),transparent 24%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,62px 62px,62px 62px;animation:bgPulse 15s ease-in-out infinite alternate}.hv6-services-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:6vw;align-items:center}.hv6-services-hero__copy h1{font-size:clamp(3.4rem,6.6vw,7.7rem);line-height:1.03;letter-spacing:-.055em;max-width:10ch;margin:1rem 0 1.4rem}.hv6-services-hero__copy h1 em{font-style:normal;color:var(--orange)}.hv6-services-hero__copy p{font-size:1.08rem;line-height:1.9;color:rgba(255,255,255,.64);max-width:53ch;margin:0 0 2rem}html[dir="rtl"] .hv6-services-hero__copy h1{line-height:1.18;letter-spacing:0}.hv6-service-compass{--rx:0deg;--ry:0deg;position:relative;min-height:600px;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}.hv6-service-compass__orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.13);transform:translate(-50%,-50%);animation:hv6Spin 28s linear infinite}.hv6-service-compass__orbit.orbit-a{width:480px;height:480px}.hv6-service-compass__orbit.orbit-b{width:330px;height:330px;border-style:dashed;animation-direction:reverse;animation-duration:19s}.hv6-service-compass__core{position:absolute;left:50%;top:50%;width:170px;height:170px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 80px rgba(244,122,31,.08)}.hv6-service-compass__core img{width:105px;opacity:.9}.hv6-service-node{position:absolute;width:125px;height:125px;border:1px solid rgba(255,255,255,.15);background:rgba(5,28,42,.84);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;box-shadow:0 20px 55px rgba(0,0,0,.15);animation:metricFloat 5.2s ease-in-out infinite alternate}.hv6-service-node span{font-size:.68rem;color:var(--orange)}.hv6-service-node b{font-size:1rem}.hv6-service-node.node-1{left:7%;top:14%}.hv6-service-node.node-2{right:5%;top:17%;animation-delay:.5s}.hv6-service-node.node-3{left:11%;bottom:12%;animation-delay:1s}.hv6-service-node.node-4{right:8%;bottom:10%;animation-delay:1.5s}.services-flow .service-chapter__copy p{font-size:clamp(1rem,1.05vw,1.15rem);line-height:1.9}.services-flow .service-chapter h2{text-wrap:balance}.services-flow .service-chapter li{font-size:.86rem;padding:.5rem .8rem}
@media(max-width:900px){.hv6-services-hero{min-height:auto;padding-bottom:70px}.hv6-services-hero__grid{grid-template-columns:1fr}.hv6-service-compass{min-height:470px;order:-1}.hv6-service-compass__orbit.orbit-a{width:370px;height:370px}.hv6-service-compass__orbit.orbit-b{width:250px;height:250px}.hv6-service-compass__core{width:140px;height:140px}.hv6-service-node{width:104px;height:104px}.hv6-services-hero__copy h1{font-size:clamp(3.4rem,11vw,6rem)}}
@media(max-width:600px){.hv6-service-compass{min-height:390px}.hv6-service-compass__orbit.orbit-a{width:290px;height:290px}.hv6-service-compass__orbit.orbit-b{width:195px;height:195px}.hv6-service-compass__core{width:110px;height:110px}.hv6-service-compass__core img{width:76px}.hv6-service-node{width:86px;height:86px}.hv6-service-node b{font-size:.82rem}.hv6-services-hero__copy h1{font-size:clamp(3rem,13vw,4.8rem)}.services-flow .service-chapter__copy p{font-size:1rem}}


/* =========================================================
   HIGH VISION V7 — RTL polish, richer about/projects,
   service-detail motion, stable project hover, contact dock
   ========================================================= */

/* Directional alignment: Arabic starts on the right, English on the left */
.hv6-section-head{margin-inline-start:0;margin-inline-end:auto;text-align:start}
.hv6-work__head,.hv6-clients__head,.portfolio-browser__top,.about-principles__head,
.about-story__statement,.about-story__text,.about-numbers__intro,.split-heading,
.section-heading-compact,.deliverables-intro,.service-faq__intro,.service-combo__inner,
.hv6-footer__brand,.hv6-footer__nav,.hv6-footer__location{text-align:start}
html[dir="rtl"] .hv6-section-head,
html[dir="rtl"] .hv6-work__head,
html[dir="rtl"] .hv6-clients__head,
html[dir="rtl"] .portfolio-browser__top,
html[dir="rtl"] .about-principles__head,
html[dir="rtl"] .about-story__statement,
html[dir="rtl"] .about-story__text,
html[dir="rtl"] .about-numbers__intro,
html[dir="rtl"] .split-heading,
html[dir="rtl"] .section-heading-compact,
html[dir="rtl"] .deliverables-intro,
html[dir="rtl"] .service-faq__intro,
html[dir="rtl"] .service-combo__inner,
html[dir="rtl"] .hv6-footer__brand,
html[dir="rtl"] .hv6-footer__nav,
html[dir="rtl"] .hv6-footer__location{direction:rtl;text-align:right}
html[dir="ltr"] .hv6-section-head,
html[dir="ltr"] .hv6-work__head,
html[dir="ltr"] .hv6-clients__head,
html[dir="ltr"] .portfolio-browser__top,
html[dir="ltr"] .about-principles__head,
html[dir="ltr"] .about-story__statement,
html[dir="ltr"] .about-story__text,
html[dir="ltr"] .about-numbers__intro,
html[dir="ltr"] .split-heading,
html[dir="ltr"] .section-heading-compact,
html[dir="ltr"] .deliverables-intro,
html[dir="ltr"] .service-faq__intro,
html[dir="ltr"] .service-combo__inner{direction:ltr;text-align:left}
.project-showcase__caption h3,.portfolio-item__meta h3,.project-card__meta h3{text-align:start}
html[dir="rtl"] .project-showcase__caption,html[dir="rtl"] .portfolio-item__meta{direction:rtl;text-align:right}
html[dir="rtl"] .project-showcase__caption h3,html[dir="rtl"] .portfolio-item__meta h3{text-align:right}
html[dir="ltr"] .project-showcase__caption h3,html[dir="ltr"] .portfolio-item__meta h3{text-align:left}

/* Hero navigation: no directional ambiguity or layout shift */
.hv6-slider__controls button{font-family:inherit;font-size:1.05rem}
.project-showcase__tab:hover,.project-showcase__tab.is-active{padding-inline-start:1.2rem}
.project-showcase__media img.is-switching{opacity:.08!important;transform:scale(1.015)}
.project-showcase__media img{transition:opacity .22s ease,transform .8s var(--ease)}

/* Home section spacing/alignment */
.hv6-services .hv6-section-head,.hv6-process .hv6-section-head{max-width:760px}
html[dir="rtl"] .hv6-services .hv6-section-head,
html[dir="rtl"] .hv6-process .hv6-section-head{margin-right:0;margin-left:auto}
html[dir="ltr"] .hv6-services .hv6-section-head,
html[dir="ltr"] .hv6-process .hv6-section-head{margin-left:0;margin-right:auto}
.hv6-work__head p{max-width:52ch}
html[dir="rtl"] .hv6-work__head p{justify-self:start;text-align:right}
html[dir="rtl"] .hv6-work__head .button{justify-self:start}
html[dir="ltr"] .hv6-work__head p{text-align:left}
.hv6-clients__head{display:block}
html[dir="rtl"] .hv6-clients__head{margin-right:auto;margin-left:auto}
.hv6-cta__inner .button{width:clamp(280px,30vw,430px);min-height:62px;justify-content:space-between;padding-inline:1.6rem}
html[dir="rtl"] .hv6-cta__inner>div{text-align:right}
html[dir="ltr"] .hv6-cta__inner>div{text-align:left}

/* About — split hero with an interactive service engine */
.about-hero-v7{min-height:88svh}
.about-hero-v7__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(3rem,7vw,8rem);align-items:center;width:100%}
.about-hero-v7__copy h1{font-size:clamp(3.6rem,6.8vw,7.4rem);line-height:1.02;letter-spacing:-.05em;margin:1rem 0 1.4rem;max-width:10ch}
html[dir="rtl"] .about-hero-v7__copy h1{line-height:1.17;letter-spacing:0}
.about-hero-v7__copy h1 em{font-style:normal;color:var(--orange)}
.about-hero-v7__copy p{font-size:clamp(1.02rem,1.25vw,1.22rem);line-height:1.9;color:rgba(255,255,255,.66);max-width:54ch;margin:0}
.about-engine{--rx:0deg;--ry:0deg;position:relative;min-height:560px;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}
.about-engine:before{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at center,rgba(244,122,31,.11),transparent 48%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;clip-path:polygon(10% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}
.about-engine__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:translate(-50%,-50%);animation:aboutSpin 22s linear infinite}
.about-engine__ring--outer{width:420px;height:420px}
.about-engine__ring--inner{width:260px;height:260px;border-style:dashed;animation-direction:reverse;animation-duration:16s}
.about-engine__core{position:absolute;left:50%;top:50%;width:150px;height:150px;border:1px solid rgba(255,255,255,.16);background:rgba(5,29,43,.82);display:grid;place-items:center;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.about-engine__core img{width:112px;transform:rotate(-45deg)}
.about-engine__node{position:absolute;min-width:116px;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.14);background:rgba(5,29,43,.82);backdrop-filter:blur(12px);display:flex;align-items:center;gap:.75rem;animation:aboutNode 6s ease-in-out infinite alternate}
.about-engine__node b{font-size:.68rem;color:var(--orange)}.about-engine__node span{font-size:.9rem}
.about-engine__node.node-design{top:9%;left:13%}.about-engine__node.node-print{top:18%;right:5%;animation-delay:-1.5s}.about-engine__node.node-digital{bottom:12%;right:13%;animation-delay:-3s}.about-engine__node.node-motion{bottom:6%;left:8%;animation-delay:-4.5s}
.about-engine__pulse{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 0 0 rgba(244,122,31,.35);animation:aboutPulse 2.6s ease-out infinite}
@keyframes aboutSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes aboutNode{to{transform:translateY(-12px)}}@keyframes aboutPulse{70%{box-shadow:0 0 0 70px rgba(244,122,31,0)}100%{box-shadow:0 0 0 0 rgba(244,122,31,0)}}

/* About story: copy + animated visual + supporting copy */
.about-story__grid--v7{grid-template-columns:minmax(300px,.9fr) minmax(340px,.82fr) minmax(280px,.7fr);gap:clamp(2rem,4vw,4.5rem);align-items:center}
.about-story__statement h2{font-size:clamp(2.5rem,4.2vw,4.8rem);line-height:1.12;max-width:11ch;margin:.7rem 0 1.2rem}
html[dir="rtl"] .about-story__statement h2{line-height:1.28}
.about-story__lead{font-size:1.04rem!important;line-height:1.9;color:#66737b;max-width:46ch}
.about-story__text{padding-top:0;font-size:1.02rem}
.about-story__visual{--rx:0deg;--ry:0deg;position:relative;min-height:430px;border:1px solid rgba(6,30,46,.12);background:rgba(255,255,255,.48);overflow:hidden;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}
.about-story__visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(244,122,31,.08),transparent 30%),linear-gradient(rgba(6,30,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.035) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}
.story-flow__core{position:absolute;left:50%;top:50%;width:100px;height:100px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;transform:translate(-50%,-50%);font-weight:700;box-shadow:0 20px 50px rgba(6,30,46,.18);z-index:3}
.story-flow__line{position:absolute;left:50%;top:50%;height:1px;width:34%;background:linear-gradient(90deg,var(--orange),rgba(244,122,31,.1));transform-origin:left center}
.story-flow__line.line-a{transform:rotate(25deg)}.story-flow__line.line-b{transform:rotate(155deg)}.story-flow__line.line-c{transform:rotate(205deg)}.story-flow__line.line-d{transform:rotate(335deg)}
.story-flow__node{position:absolute;padding:.62rem .8rem;border:1px solid rgba(6,30,46,.14);background:#fff;color:var(--navy);font-size:.78rem;font-weight:600;box-shadow:0 10px 30px rgba(6,30,46,.08);animation:storyNode 5s ease-in-out infinite alternate}
.story-flow__node.n1{top:13%;right:11%}.story-flow__node.n2{top:18%;left:10%;animation-delay:-1.2s}.story-flow__node.n3{bottom:12%;left:15%;animation-delay:-2.4s}.story-flow__node.n4{bottom:17%;right:8%;animation-delay:-3.6s}
.story-flow__dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);z-index:2;animation:flowDot 4s linear infinite}
.story-flow__dot.d1{left:50%;top:50%;--tx:130px;--ty:-90px}.story-flow__dot.d2{left:50%;top:50%;--tx:-130px;--ty:-80px;animation-delay:-1s}.story-flow__dot.d3{left:50%;top:50%;--tx:-130px;--ty:100px;animation-delay:-2s}.story-flow__dot.d4{left:50%;top:50%;--tx:130px;--ty:90px;animation-delay:-3s}
@keyframes storyNode{to{transform:translateY(-9px)}}@keyframes flowDot{0%{transform:translate(0,0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(var(--tx),var(--ty));opacity:0}}

/* About principles: prevent Arabic collisions */
.about-principles__head{justify-content:flex-start}
.about-principles__head h2{max-width:13ch}
.principle h3{max-width:13ch;line-height:1.25}
html[dir="rtl"] .principle h3{line-height:1.45;max-width:none;font-size:clamp(1.55rem,2.15vw,2.3rem)}
html[dir="rtl"] .principle p{line-height:1.9;font-size:1rem}

/* About stats: motion instead of dead boxes */
.about-numbers__grid--v7{grid-template-columns:minmax(360px,1.25fr) repeat(3,minmax(190px,.48fr));gap:1rem}
.about-numbers__intro{position:relative;padding:1rem 2rem 1rem 0;min-height:300px}
html[dir="rtl"] .about-numbers__intro{padding:1rem 0 1rem 2rem}
.about-numbers__intro h2{font-size:clamp(2.4rem,3.8vw,4.4rem);max-width:12ch;margin:.7rem 0 1rem}
.about-numbers__intro p{max-width:52ch;font-size:1.02rem;line-height:1.85;color:#68757d}
.about-numbers__signal{position:absolute;inset-inline-end:1rem;bottom:1rem;width:210px;height:70px;display:flex;align-items:flex-end;gap:8px;opacity:.75}
.about-numbers__signal i{flex:1;background:rgba(6,30,46,.11);animation:signalBars 2.5s ease-in-out infinite alternate}.about-numbers__signal i:nth-child(1){height:34%;animation-delay:-.5s}.about-numbers__signal i:nth-child(2){height:80%;animation-delay:-1s}.about-numbers__signal i:nth-child(3){height:56%;animation-delay:-1.5s}.about-numbers__signal span{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:signalSweep 3.5s linear infinite}
.about-number{position:relative;overflow:hidden;min-height:300px;transition:transform .35s var(--ease),box-shadow .35s}.about-number:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(6,30,46,.08)}.about-number__motion{position:absolute;inset:auto 18px 18px 18px;height:85px;border-top:1px solid var(--line)}
.about-number--disciplines .about-number__motion{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:end;padding-top:18px}.about-number--disciplines .about-number__motion i{height:34px;border:1px solid rgba(6,30,46,.16);animation:statTile 2.8s ease-in-out infinite alternate}.about-number--disciplines .about-number__motion i:nth-child(2){background:rgba(244,122,31,.16);animation-delay:-.7s}.about-number--disciplines .about-number__motion i:nth-child(3){animation-delay:-1.4s}.about-number--disciplines .about-number__motion i:nth-child(4){animation-delay:-2.1s}
.about-number--brands .about-number__motion{display:flex;gap:8px;align-items:center}.about-number--brands .about-number__motion i{width:20px;height:20px;border-radius:50%;background:var(--orange);animation:statOrbit 2.7s ease-in-out infinite alternate}.about-number--brands .about-number__motion i:nth-child(2){opacity:.55;animation-delay:-.8s}.about-number--brands .about-number__motion i:nth-child(3){opacity:.25;animation-delay:-1.6s}
.about-number--team .about-number__motion{display:grid;place-items:center}.about-number--team .about-number__motion i{width:52px;height:52px;border:1px solid rgba(6,30,46,.2);border-radius:50%;animation:statSpin 5s linear infinite}.about-number--team .about-number__motion span{position:absolute;width:10px;height:10px;background:var(--orange);border-radius:50%;animation:statPulse 2s ease-out infinite}
@keyframes signalBars{to{height:92%}}@keyframes signalSweep{to{transform:translateX(80%)}}@keyframes statTile{to{transform:translateY(-12px) rotate(3deg)}}@keyframes statOrbit{to{transform:translateX(38px)}}@keyframes statSpin{to{transform:rotate(360deg)}}@keyframes statPulse{70%{box-shadow:0 0 0 34px rgba(244,122,31,0)}}

/* Projects hero: occupy the "empty" side with animated work previews */
.projects-hero-v7{min-height:88svh}
.projects-hero-v7__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(3rem,7vw,8rem);align-items:center;width:100%}
.projects-hero-v7__copy h1{font-size:clamp(3.5rem,6.6vw,7.2rem);line-height:1.03;letter-spacing:-.05em;margin:1rem 0 1.4rem;max-width:10ch}.projects-hero-v7__copy h1 em{font-style:normal;color:var(--orange)}
html[dir="rtl"] .projects-hero-v7__copy h1{line-height:1.18;letter-spacing:0}
.projects-hero-v7__copy p{font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.9;color:rgba(255,255,255,.66);max-width:54ch;margin:0}
.projects-hero-stack{--rx:0deg;--ry:0deg;position:relative;min-height:570px;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}
.projects-hero-stack:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px}
.projects-hero-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 70px rgba(0,0,0,.28);background:#0a2a3c}
.projects-hero-card img{width:100%;height:100%;object-fit:cover;display:block}.projects-hero-card span{position:absolute;top:12px;inset-inline-start:12px;padding:.35rem .48rem;background:rgba(4,23,34,.72);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.7rem}
.projects-hero-card.card-a{width:46%;aspect-ratio:4/5;right:7%;top:9%;transform:rotate(5deg);animation:projectCardA 7s ease-in-out infinite alternate}
.projects-hero-card.card-b{width:44%;aspect-ratio:4/3;left:3%;top:25%;transform:rotate(-6deg);animation:projectCardB 6.2s ease-in-out infinite alternate}
.projects-hero-card.card-c{width:39%;aspect-ratio:1;left:27%;bottom:4%;transform:rotate(3deg);animation:projectCardC 7.8s ease-in-out infinite alternate}
.projects-hero-stack__orbit{position:absolute;width:430px;height:430px;border:1px solid rgba(244,122,31,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px rgba(244,122,31,.025);animation:aboutSpin 24s linear infinite}
@keyframes projectCardA{to{transform:translateY(-14px) rotate(2deg)}}@keyframes projectCardB{to{transform:translate(10px,12px) rotate(-3deg)}}@keyframes projectCardC{to{transform:translateY(-10px) rotate(6deg)}}

/* Service details: denser sections with continuous visual motion */
.service-detail-body,.workflow-section,.service-faq{padding-top:clamp(78px,7vw,110px);padding-bottom:clamp(78px,7vw,110px)}
.service-detail-body .split-heading{margin-bottom:2.3rem}
.split-heading{gap:clamp(2rem,5vw,6rem)}
html[dir="rtl"] .split-heading>p{line-height:1.95;font-size:1.04rem}
.service-motion-band{position:relative;height:115px;border:1px solid var(--line);margin-bottom:1.2rem;overflow:hidden;background:rgba(255,255,255,.52);display:grid;grid-template-columns:repeat(4,1fr)}
.service-motion-band>span{border-inline-end:1px solid var(--line);position:relative}.service-motion-band>span:before{content:"";position:absolute;width:14px;height:14px;border:1px solid rgba(6,30,46,.2);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);animation:serviceBandShape 3s ease-in-out infinite alternate}.service-motion-band>span:nth-child(2):before{animation-delay:-.7s}.service-motion-band>span:nth-child(3):before{animation-delay:-1.4s}.service-motion-band>span:nth-child(4):before{animation-delay:-2.1s}
.service-motion-band>i{position:absolute;left:0;top:0;width:22%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,122,31,.1),transparent);animation:serviceBandSweep 4.8s linear infinite}
.service-motion-band--printing>span:before{border-radius:0;background:rgba(244,122,31,.08)}.service-motion-band--digital>span:before{border-radius:50%}.service-motion-band--motion>span:before{width:28px;height:8px;border-radius:99px}
@keyframes serviceBandShape{to{transform:translate(-50%,-50%) rotate(135deg) scale(1.6);border-color:var(--orange)}}@keyframes serviceBandSweep{to{left:100%}}
.capability-item{min-height:122px}.capability-item p{font-size:.98rem;line-height:1.8}
.deliverables-section{padding-top:clamp(82px,7vw,115px);padding-bottom:clamp(82px,7vw,115px)}
.deliverables-grid{gap:clamp(3rem,6vw,7rem);align-items:center}.deliverables-intro h2{max-width:11ch}
.deliverables-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.06);border-radius:50%;inset-inline-start:-230px;top:50%;transform:translateY(-50%);pointer-events:none}.deliverables-orbit i{position:absolute;border:1px solid rgba(244,122,31,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:deliverableOrbit 14s linear infinite}.deliverables-orbit i:nth-child(1){width:72%;height:72%}.deliverables-orbit i:nth-child(2){width:48%;height:48%;animation-direction:reverse;animation-duration:10s}.deliverables-orbit i:nth-child(3){width:16px;height:16px;background:var(--orange);border:0;box-shadow:0 0 0 30px rgba(244,122,31,.05)}
@keyframes deliverableOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.workflow-section .section-heading-compact{margin-bottom:2rem}.workflow-signal{height:78px;border:1px solid var(--line);margin-bottom:1rem;position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:rgba(255,255,255,.5)}.workflow-signal:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:rgba(244,122,31,.28)}.workflow-signal i{position:relative;z-index:2;width:12px;height:12px;background:#fff;border:2px solid var(--orange);border-radius:50%;justify-self:center}.workflow-signal span{position:absolute;z-index:3;left:5%;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(244,122,31,.1);animation:workflowRunner 6s ease-in-out infinite}
@keyframes workflowRunner{50%{left:calc(95% - 12px)}100%{left:5%}}
.workflow-cards article{min-height:245px}.workflow-cards h3{margin-top:4rem}
.service-faq__grid{grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,6vw,7rem);align-items:start}.service-faq__intro{position:sticky;top:calc(var(--header-h) + 28px)}.service-faq__intro h2{max-width:10ch}.faq-visual{position:relative;height:180px;margin-top:2rem;border:1px solid var(--line);overflow:hidden;background:rgba(246,244,239,.7)}.faq-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,30,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.035) 1px,transparent 1px);background-size:28px 28px}.faq-visual i{position:absolute;width:56px;height:56px;border:1px solid rgba(6,30,46,.16);top:50%;transform:translateY(-50%) rotate(45deg);animation:faqBlocks 5s ease-in-out infinite alternate}.faq-visual i:nth-child(1){left:12%}.faq-visual i:nth-child(2){left:40%;animation-delay:-1.5s}.faq-visual i:nth-child(3){left:68%;animation-delay:-3s}.faq-visual b{position:absolute;width:9px;height:9px;background:var(--orange);border-radius:50%;top:50%;left:10%;animation:faqDot 5s linear infinite}
@keyframes faqBlocks{to{transform:translateY(-50%) rotate(135deg) scale(.8)}}@keyframes faqDot{to{left:88%}}

/* Footer: real icons, compact map and tighter balance */
.footer-socials a svg,.floating-contact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.footer-socials a:nth-child(2) svg{fill:currentColor;stroke:none}
.hv6-footer__grid{grid-template-columns:1fr .72fr 1.08fr}
.hv6-footer__brand h2{font-size:clamp(2.2rem,3.4vw,3.9rem);max-width:13ch;line-height:1.18}
html[dir="rtl"] .hv6-footer__brand h2{line-height:1.34}
.hv6-footer__map{aspect-ratio:1.9/1;max-height:245px}
.hv6-footer__contact{justify-content:flex-start;gap:1.4rem;margin-top:.85rem}
html[dir="rtl"] .hv6-footer__contact{justify-content:flex-start}
.hv6-footer__contact a{font-size:.86rem}
.hv6-footer__nav a{font-size:.92rem}

/* Floating WhatsApp/contact dock */
.floating-contact{position:fixed;z-index:980;right:22px;bottom:22px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.floating-contact__button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#1ca85a;color:#fff;display:grid;place-items:center;box-shadow:0 16px 40px rgba(0,0,0,.25);transition:transform .25s var(--ease),box-shadow .25s;cursor:pointer}
.floating-contact__button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 45px rgba(0,0,0,.32)}.floating-contact__button svg{width:28px;height:28px}
.floating-contact__panel{position:absolute;right:0;bottom:72px;width:min(340px,calc(100vw - 32px));padding:1rem;background:rgba(4,23,34,.97);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:.25s var(--ease)}
.floating-contact.is-open .floating-contact__panel{opacity:1;visibility:visible;transform:none}.floating-contact__panel>strong{display:block;font-size:1rem;margin:.2rem .25rem .8rem}
.floating-contact__panel>a{display:grid;grid-template-columns:44px 1fr;gap:.8rem;align-items:center;padding:.8rem .7rem;border-top:1px solid rgba(255,255,255,.09);color:#fff;transition:.25s}.floating-contact__panel>a:hover{background:rgba(255,255,255,.06)}.floating-contact__icon{width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;color:var(--orange)}.floating-contact__panel>a:first-of-type .floating-contact__icon{color:#44d17b}.floating-contact__panel b{display:block;font-size:.9rem}.floating-contact__panel small{display:block;color:rgba(255,255,255,.52);font-size:.72rem;margin-top:.2rem}
html[dir="rtl"] .floating-contact__panel{text-align:right;direction:rtl}.to-top{left:22px!important;right:auto!important;inset-inline-end:auto!important}

/* Compact service CTA alignment and Arabic text safety */
html[dir="rtl"] .service-detail-body h2,html[dir="rtl"] .service-detail-body h3,
html[dir="rtl"] .deliverables-section h2,html[dir="rtl"] .deliverables-section h3,
html[dir="rtl"] .workflow-section h2,html[dir="rtl"] .workflow-section h3,
html[dir="rtl"] .service-faq h2,html[dir="rtl"] .service-faq summary,
html[dir="rtl"] .service-faq p,html[dir="rtl"] .service-combo h2,html[dir="rtl"] .service-combo p{text-align:right}
html[dir="rtl"] .capability-item h3{line-height:1.45}
html[dir="rtl"] .deliverable h3,html[dir="rtl"] .workflow-cards h3{line-height:1.45}

/* Responsive V7 */
@media(max-width:1100px){
  .about-hero-v7__grid,.projects-hero-v7__grid{grid-template-columns:1fr 1fr;gap:2rem}.about-engine,.projects-hero-stack{min-height:500px}
  .about-story__grid--v7{grid-template-columns:1fr 1fr}.about-story__text{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
  .about-numbers__grid--v7{grid-template-columns:1fr 1fr}.about-numbers__intro{grid-column:1/-1}.hv6-footer__grid{grid-template-columns:1fr 1fr}.hv6-footer__brand{grid-column:1/-1}.hv6-footer__location{grid-column:1}.hv6-footer__nav{grid-column:2}
}
@media(max-width:900px){
  .about-hero-v7,.projects-hero-v7{padding-bottom:70px}.about-hero-v7__grid,.projects-hero-v7__grid{grid-template-columns:1fr;padding-top:calc(var(--header-h) + 50px)}.about-hero-v7__copy,.projects-hero-v7__copy{order:1}.about-engine,.projects-hero-stack{order:2;min-height:470px}
  .about-story__grid--v7{grid-template-columns:1fr}.about-story__text{grid-column:auto;display:block}.about-story__visual{min-height:390px}
  .service-faq__intro{position:relative;top:auto}.service-faq__grid{grid-template-columns:1fr}.faq-visual{max-width:520px}
  .hv6-cta__inner .button{width:min(100%,430px)}
  .hv6-footer__grid{grid-template-columns:1fr}.hv6-footer__brand,.hv6-footer__location,.hv6-footer__nav{grid-column:auto}.hv6-footer__brand{display:block}.hv6-footer__map{max-width:620px}
}
@media(max-width:700px){
  .about-hero-v7__copy h1,.projects-hero-v7__copy h1{font-size:clamp(3rem,13vw,4.8rem);max-width:11ch}
  .about-engine,.projects-hero-stack{min-height:390px}.about-engine__ring--outer{width:310px;height:310px}.about-engine__ring--inner{width:190px;height:190px}.about-engine__core{width:110px;height:110px}.about-engine__core img{width:84px}.about-engine__node{min-width:96px;padding:.55rem .65rem}.about-engine__node.node-design{left:2%}.about-engine__node.node-print{right:0}.about-engine__node.node-digital{right:2%}.about-engine__node.node-motion{left:0}
  .about-story__visual{min-height:330px}.story-flow__node{font-size:.68rem}.story-flow__dot.d1{--tx:100px;--ty:-70px}.story-flow__dot.d2{--tx:-100px;--ty:-65px}.story-flow__dot.d3{--tx:-100px;--ty:80px}.story-flow__dot.d4{--tx:100px;--ty:75px}
  .principle{min-height:390px}.about-numbers__grid--v7{grid-template-columns:1fr}.about-numbers__intro{grid-column:auto;min-height:330px}.about-number{min-height:220px}
  .projects-hero-card.card-a{width:48%;right:2%}.projects-hero-card.card-b{width:50%;left:0}.projects-hero-card.card-c{width:45%;left:28%}.projects-hero-stack__orbit{width:300px;height:300px}
  .service-motion-band{height:88px}.capability-item{min-height:110px}.workflow-signal{height:62px}.workflow-cards article{min-height:210px}.deliverables-orbit{width:350px;height:350px}
  .hv6-cta__inner .button{width:100%}.hv6-footer__map{aspect-ratio:1.55/1;max-height:none}.floating-contact{right:14px;bottom:14px}.floating-contact__button{width:54px;height:54px}.to-top{left:14px!important;bottom:14px!important}
}

.hv6-work__head--v7{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.hv6-work__heading p{margin:.9rem 0 0;max-width:54ch;color:rgba(255,255,255,.56);font-size:1.05rem;line-height:1.8}
html[dir="rtl"] .hv6-work__head--v7 .button{justify-self:start}
html[dir="ltr"] .hv6-work__head--v7 .button{justify-self:end}
@media(max-width:900px){.hv6-work__head--v7{grid-template-columns:1fr}.hv6-work__head--v7 .button{justify-self:start!important}}

/* V8 fixes — selected works stability, CTA centering, about spacing, service density, contact dock */
.project-showcase{grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr)}
.project-showcase__list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch}
.project-showcase__tab{min-height:132px;padding:1.35rem 1.25rem;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);will-change:auto}
.project-showcase__tab:hover,.project-showcase__tab.is-active{padding:1.35rem 1.25rem;transform:none}
.project-showcase__tab *{pointer-events:none}

.hv6-cta__inner{display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);align-items:center}
.hv6-cta__inner .button{align-self:center}
html[dir="rtl"] .hv6-cta__inner>div{grid-column:2}
html[dir="rtl"] .hv6-cta__inner .button{grid-column:1;justify-self:center}
html[dir="ltr"] .hv6-cta__inner>div{grid-column:1}
html[dir="ltr"] .hv6-cta__inner .button{grid-column:2;justify-self:center}

.about-numbers__grid--v7{align-items:start}
.about-numbers__intro,.about-number{align-self:start}
.about-numbers__intro{min-height:260px;padding-top:0}
.about-number{min-height:260px}
.about-number__motion{inset:auto 18px 18px 18px}

.service-detail-body .split-heading{grid-template-columns:minmax(0,.95fr) minmax(320px,.9fr);align-items:start;margin-bottom:2.5rem}
.service-detail-body .split-heading h2{max-width:12ch}
html[dir="rtl"] .service-detail-hero__copy h1{line-height:1.2;max-width:8.2ch}
html[dir="rtl"] .split-heading>p,html[dir="rtl"] .deliverables-intro p,html[dir="rtl"] .service-faq__intro p{font-size:1.06rem;line-height:2}
html[dir="rtl"] .deliverables-intro h2,html[dir="rtl"] .section-heading-compact h2,html[dir="rtl"] .service-faq__intro h2{line-height:1.24;max-width:11ch}

.contact-aside>a{align-items:center}
.contact-aside>a small{grid-area:label}
.contact-aside>a strong{grid-area:value}
.contact-aside>a span{grid-area:arrow}
html[dir="rtl"] .contact-aside>a{grid-template-columns:auto 1fr;grid-template-areas:"arrow label" "arrow value";text-align:right}
html[dir="rtl"] .contact-aside>a strong{justify-self:end;text-align:right}
html[dir="rtl"] .contact-aside>a small{justify-self:end}
html[dir="rtl"] .contact-aside>a span{justify-self:start}
html[dir="ltr"] .contact-aside>a{grid-template-columns:1fr auto;grid-template-areas:"label arrow" "value arrow";text-align:left}

.footer-socials a.is-whatsapp,.floating-contact__button{background:#25D366;border-color:transparent;color:#fff}
.footer-socials a.is-whatsapp svg,.floating-contact__button svg{fill:currentColor;stroke:none}
.floating-contact{right:22px;bottom:22px;z-index:1000}
button.to-top,.to-top{left:22px!important;right:auto!important;inset-inline-start:22px!important;inset-inline-end:auto!important;bottom:22px!important;z-index:990}
@media(max-width:900px){
  .hv6-cta__inner{grid-template-columns:1fr;gap:1.6rem}
  html[dir="rtl"] .hv6-cta__inner>div,html[dir="ltr"] .hv6-cta__inner>div,html[dir="rtl"] .hv6-cta__inner .button,html[dir="ltr"] .hv6-cta__inner .button{grid-column:auto;justify-self:start}
  .service-detail-body .split-heading{grid-template-columns:1fr}
}
@media(max-width:700px){
  .project-showcase__list{grid-template-rows:none}
  .project-showcase__tab{min-height:118px}
  .about-numbers__intro,.about-number{min-height:220px}
  .floating-contact{right:14px;bottom:14px}
  button.to-top,.to-top{left:14px!important;bottom:14px!important}
}

/* =========================================================
   HIGH VISION V9 — targeted fixes from final review
   ========================================================= */

/* 2) Home CTA: one centered composition, not split into two distant columns */
.hv6-cta__inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:1.35rem!important;max-width:850px;margin-inline:auto}
.hv6-cta__inner>div{display:flex;flex-direction:column;align-items:center;text-align:center!important}
.hv6-cta__inner h2,.hv6-cta__inner p,.hv6-cta__inner .eyebrow{text-align:center!important;margin-inline:auto}
.hv6-cta__inner .button{width:min(360px,100%)!important;justify-self:auto!important;align-self:center!important;justify-content:center!important;gap:.8rem}

/* 3) Featured work: absolutely no geometry change on hover/active */
@media(min-width:901px){
  .project-showcase{height:640px;min-height:640px;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr)}
  .project-showcase__visual,.project-showcase__list{height:100%;min-height:0}
  .project-showcase__list{display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden}
  .project-showcase__tab{box-sizing:border-box!important;height:100%!important;min-height:0!important;overflow:hidden!important;contain:layout paint;flex:none!important;padding:1.35rem 1.25rem!important;transform:none!important;transition:background-color .22s ease,border-color .22s ease,color .22s ease!important}
  .project-showcase__tab:hover,.project-showcase__tab.is-active{padding:1.35rem 1.25rem!important;transform:none!important}
  .project-showcase__tab small,.project-showcase__tab strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .project-showcase__tab div{min-width:0}
}

/* 4) English design hero: HIGH VISION must be fully visible */
html[dir="ltr"] .service-detail-visual--design .identity-lab strong{left:34px!important;right:auto!important;top:70px!important;width:calc(100% - 68px);font-size:5.15rem!important;line-height:.9!important;letter-spacing:-.055em;white-space:normal;word-break:keep-all;overflow:visible}

/* 5) About numbers: remove the awkward empty upper half of the cards */
.about-numbers__grid--v7{align-items:stretch!important}
.about-numbers__intro{min-height:250px!important}
.about-number{min-height:250px!important;justify-content:flex-start!important;padding:1.55rem 1.25rem 7.4rem!important}
.about-number b{margin-top:.1rem}
.about-number span{margin-top:.65rem}
.about-number__motion{height:68px!important;bottom:16px!important}
@media(max-width:700px){.about-number{min-height:210px!important;padding-bottom:6.5rem!important}.about-numbers__intro{min-height:260px!important}}

/* 6) Service detail white sections: intentional visual balance on every service */
.service-detail-body .service-intro-grid{display:grid!important;grid-template-columns:minmax(360px,.92fr) minmax(360px,1.08fr)!important;gap:clamp(3rem,6vw,7rem)!important;align-items:center!important;margin-bottom:2.6rem!important}
html[dir="rtl"] .service-intro-copy{grid-column:2;text-align:right}
html[dir="rtl"] .service-context-visual{grid-column:1;grid-row:1}
html[dir="ltr"] .service-intro-copy{grid-column:1;text-align:left}
html[dir="ltr"] .service-context-visual{grid-column:2;grid-row:1}
.service-intro-copy h2{max-width:11ch;margin-bottom:1rem}
.service-intro-copy p{max-width:48ch;margin:0;color:#66737b;font-size:1.04rem;line-height:1.9}
.service-context-visual{position:relative;height:300px;border:1px solid var(--line);background:rgba(255,255,255,.48);overflow:hidden;isolation:isolate}
.service-context-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,30,46,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.035) 1px,transparent 1px);background-size:34px 34px;z-index:-2}
.service-context-visual:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(244,122,31,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px rgba(244,122,31,.025);z-index:-1;animation:contextBreath 5s ease-in-out infinite alternate}
@keyframes contextBreath{to{transform:translate(-50%,-50%) scale(1.06);opacity:.68}}

/* design visual */
.service-context-visual--design .context-design__type{position:absolute;left:12%;top:17%;font-size:5rem;font-weight:800;color:var(--navy);animation:contextFloat 4.8s ease-in-out infinite alternate}
.service-context-visual--design .context-design__line{position:absolute;left:12%;right:12%;top:58%;height:1px;background:rgba(6,30,46,.18)}
.service-context-visual--design>i{position:absolute;width:48px;height:48px;bottom:18%;transform:rotate(45deg);animation:contextTile 4.5s ease-in-out infinite alternate}
.service-context-visual--design>i:nth-of-type(1){right:18%;background:var(--orange)}
.service-context-visual--design>i:nth-of-type(2){right:34%;background:var(--teal);animation-delay:-1s}
.service-context-visual--design>i:nth-of-type(3){right:50%;background:var(--gold);animation-delay:-2s}
.service-context-visual--design>b,.service-context-visual--design>em{position:absolute;border:1px solid rgba(6,30,46,.2);width:88px;height:54px;right:13%;top:17%;font-style:normal;animation:contextFloat 5.6s ease-in-out infinite alternate}
.service-context-visual--design>em{right:29%;top:29%;animation-delay:-2s}

/* print visual */
.context-print__sheet{position:absolute;width:190px;height:120px;left:50%;top:50%;border:1px solid rgba(6,30,46,.15);background:#fff;transform-origin:center;box-shadow:0 14px 30px rgba(6,30,46,.08)}
.context-print__sheet.sheet-a{transform:translate(-56%,-56%) rotate(-8deg)}.context-print__sheet.sheet-b{transform:translate(-49%,-50%) rotate(1deg);background:#f5eadf}.context-print__sheet.sheet-c{transform:translate(-43%,-43%) rotate(7deg);background:#173343}
.context-print__foil{position:absolute;width:250px;height:28px;left:-30%;top:46%;background:linear-gradient(90deg,transparent,rgba(244,122,31,.58),transparent);transform:rotate(-10deg);animation:printSweep 4.6s linear infinite}
.context-print__dots{position:absolute;right:10%;bottom:12%;display:flex;gap:8px}.context-print__dots i{width:16px;height:16px;border-radius:50%}.context-print__dots i:nth-child(1){background:#00aeef}.context-print__dots i:nth-child(2){background:#ec008c}.context-print__dots i:nth-child(3){background:#fff200}.context-print__dots i:nth-child(4){background:#231f20}
@keyframes printSweep{to{left:110%}}

/* digital visual */
.context-digital__bars{position:absolute;left:10%;right:10%;bottom:17%;height:105px;display:flex;align-items:end;gap:10px;border-bottom:1px solid rgba(6,30,46,.16)}.context-digital__bars i{flex:1;background:rgba(6,30,46,.1);animation:digitalBars 3s ease-in-out infinite alternate}.context-digital__bars i:nth-child(1){height:28%}.context-digital__bars i:nth-child(2){height:52%;animation-delay:-.5s}.context-digital__bars i:nth-child(3){height:38%;animation-delay:-1s}.context-digital__bars i:nth-child(4){height:75%;animation-delay:-1.5s}.context-digital__bars i:nth-child(5){height:92%;background:rgba(244,122,31,.22);animation-delay:-2s}.service-context-visual--digital>b{position:absolute;right:12%;top:15%;font-size:3rem;color:var(--navy)}.service-context-visual--digital>span{position:absolute;left:10%;top:16%;font-size:.74rem;letter-spacing:.18em;color:#7b858b}.context-digital__curve{position:absolute;left:11%;right:11%;top:45%;height:4px;transform:rotate(-8deg);background:linear-gradient(90deg,var(--orange),#e6b84b,var(--teal));border-radius:99px;animation:digitalCurve 4s ease-in-out infinite alternate}.context-digital__curve i{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--orange);top:50%;transform:translateY(-50%)}.context-digital__curve i:nth-child(1){left:16%}.context-digital__curve i:nth-child(2){left:52%}.context-digital__curve i:nth-child(3){left:84%}
@keyframes digitalBars{to{height:calc(var(--h,60%) + 10%)}}@keyframes digitalCurve{to{transform:rotate(-4deg) translateY(-8px)}}

/* motion visual */
.context-motion__frames{position:absolute;left:12%;right:12%;top:20%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.context-motion__frames i{height:92px;border:1px solid rgba(6,30,46,.16);background:rgba(6,30,46,.04);animation:motionFrames 3.6s ease-in-out infinite alternate}.context-motion__frames i:nth-child(2){background:rgba(244,122,31,.14);animation-delay:-.6s}.context-motion__frames i:nth-child(3){animation-delay:-1.2s}.context-motion__frames i:nth-child(4){animation-delay:-1.8s}.context-motion__play{position:absolute;left:50%;top:37%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:var(--navy);color:#fff;z-index:2}.context-motion__track{position:absolute;left:12%;right:12%;bottom:17%;height:3px;background:rgba(6,30,46,.13)}.context-motion__track span{position:absolute;left:0;top:-4px;width:11px;height:11px;border-radius:50%;background:var(--orange);animation:motionRunner 4s linear infinite}.service-context-visual--motion>b{position:absolute;right:12%;bottom:9%;font-size:.72rem;color:#7c858a}.context-motion__frames i:nth-child(odd){transform:translateY(8px)}
@keyframes motionFrames{to{transform:translateY(-8px);border-color:rgba(244,122,31,.5)}}@keyframes motionRunner{to{left:calc(100% - 11px)}}
@keyframes contextFloat{to{transform:translateY(-12px) rotate(1deg)}}@keyframes contextTile{to{transform:translateY(-10px) rotate(135deg)}}

/* 7) Workflow section: fill the dead space with a meaningful route visual on every service */
.workflow-heading-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(360px,1.1fr);gap:clamp(3rem,6vw,7rem);align-items:center;margin-bottom:2.4rem}
html[dir="rtl"] .workflow-heading-grid .section-heading-compact{grid-column:2;text-align:right;margin:0}
html[dir="rtl"] .workflow-map{grid-column:1;grid-row:1}
html[dir="ltr"] .workflow-heading-grid .section-heading-compact{grid-column:1;text-align:left;margin:0}
html[dir="ltr"] .workflow-map{grid-column:2;grid-row:1}
.workflow-heading-grid .section-heading-compact h2{max-width:11ch;margin-bottom:0}
.workflow-map{position:relative;height:220px;border:1px solid var(--line);background:rgba(255,255,255,.5);overflow:hidden}
.workflow-map:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,30,46,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,46,.03) 1px,transparent 1px);background-size:30px 30px}
.workflow-map__line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:linear-gradient(90deg,rgba(244,122,31,.18),var(--orange),rgba(244,122,31,.18));transform:translateY(-50%)}
.workflow-map>i{position:absolute;top:50%;width:28px;height:28px;border-radius:50%;border:1px solid rgba(6,30,46,.22);background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(255,255,255,.62)}
.workflow-map>i:after{content:attr(data-step);position:absolute;left:50%;top:42px;transform:translateX(-50%);font-size:.68rem;color:#68757d}
.workflow-map>i:nth-of-type(1){left:12%}.workflow-map>i:nth-of-type(2){left:37%}.workflow-map>i:nth-of-type(3){left:63%}.workflow-map>i:nth-of-type(4){left:88%}
.workflow-map__runner{position:absolute;top:50%;left:12%;width:14px;height:14px;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 0 9px rgba(244,122,31,.12);animation:workflowMapRun 7s ease-in-out infinite}
.workflow-map--printing .workflow-map__runner{border-radius:2px}.workflow-map--digital .workflow-map__runner{background:var(--teal)}.workflow-map--motion .workflow-map__runner{width:20px;height:9px;border-radius:99px}
@keyframes workflowMapRun{0%,5%{left:12%}28%{left:37%}52%{left:63%}76%,100%{left:88%}}

@media(max-width:900px){
  .service-detail-body .service-intro-grid,.workflow-heading-grid{grid-template-columns:1fr!important;gap:1.6rem!important}
  html[dir="rtl"] .service-intro-copy,html[dir="ltr"] .service-intro-copy,html[dir="rtl"] .service-context-visual,html[dir="ltr"] .service-context-visual,html[dir="rtl"] .workflow-heading-grid .section-heading-compact,html[dir="ltr"] .workflow-heading-grid .section-heading-compact,html[dir="rtl"] .workflow-map,html[dir="ltr"] .workflow-map{grid-column:1!important;grid-row:auto!important}
  .service-context-visual{height:250px}.workflow-map{height:180px}
}

/* 8) Contact page: Arabic phone/email values visually align to the right */
html[dir="rtl"] .contact-aside>a{grid-template-columns:36px minmax(0,1fr)!important;grid-template-areas:"arrow label" "arrow value"!important}
html[dir="rtl"] .contact-aside>a small,html[dir="rtl"] .contact-aside>a strong{justify-self:stretch!important;text-align:right!important;width:100%}
html[dir="rtl"] .contact-aside>a strong[dir="ltr"]{direction:ltr;text-align:right!important}
html[dir="rtl"] .contact-aside>a span{justify-self:center!important}


/* V9.6 — physical floating controls, independent of document direction.
   WhatsApp = RIGHT in Arabic and English. Back-to-top = LEFT in Arabic and English. */
html .floating-contact,
html[dir="rtl"] .floating-contact,
html[dir="ltr"] .floating-contact{
  position:fixed!important;
  right:max(18px,env(safe-area-inset-right))!important;
  left:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:1000!important;
}
html #toTop.to-top,
html[dir="rtl"] #toTop.to-top,
html[dir="ltr"] #toTop.to-top{
  position:fixed!important;
  left:max(18px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:990!important;
}
@media(max-width:700px){
  html .floating-contact,
  html[dir="rtl"] .floating-contact,
  html[dir="ltr"] .floating-contact{
    right:max(14px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
  html #toTop.to-top,
  html[dir="rtl"] #toTop.to-top,
  html[dir="ltr"] #toTop.to-top{
    left:max(14px,env(safe-area-inset-left))!important;
    right:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
  }
}


/* V9.7 — viewport-locked floating controls, deliberately independent from RTL/LTR */
.global-floating-controls{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:12000!important;
  pointer-events:none!important;
  direction:ltr!important;
  transform:none!important;
}
.global-floating-controls .floating-contact{
  position:absolute!important;
  inset:auto 18px 18px auto!important;
  top:auto!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  margin:0!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.global-floating-controls #toTop.to-top{
  position:absolute!important;
  inset:auto auto 18px 18px!important;
  top:auto!important;
  right:auto!important;
  bottom:18px!important;
  left:18px!important;
  margin:0!important;
  pointer-events:auto!important;
  z-index:1!important;
}
html[dir="rtl"] .global-floating-controls .floating-contact,
html[dir="ltr"] .global-floating-controls .floating-contact{
  inset:auto 18px 18px auto!important;
  right:18px!important;
  left:auto!important;
}
html[dir="rtl"] .global-floating-controls #toTop.to-top,
html[dir="ltr"] .global-floating-controls #toTop.to-top{
  inset:auto auto 18px 18px!important;
  left:18px!important;
  right:auto!important;
}
@media(max-width:700px){
  .global-floating-controls .floating-contact,
  html[dir="rtl"] .global-floating-controls .floating-contact,
  html[dir="ltr"] .global-floating-controls .floating-contact{
    inset:auto 12px max(12px,env(safe-area-inset-bottom)) auto!important;
    right:12px!important;
    left:auto!important;
  }
  .global-floating-controls #toTop.to-top,
  html[dir="rtl"] .global-floating-controls #toTop.to-top,
  html[dir="ltr"] .global-floating-controls #toTop.to-top{
    inset:auto auto max(12px,env(safe-area-inset-bottom)) 12px!important;
    left:12px!important;
    right:auto!important;
  }
}

/* =========================================================
   HIGH VISION V10 — MOBILE-ONLY STABILIZATION
   Desktop/tablet >= 901px is intentionally untouched.
   ========================================================= */
@media (max-width:900px){
  /* generic grid safety */
  .wrap,.hv6-hero>* ,.hv6-service-tile>* ,.project-showcase>* ,.about-hero-v7__grid>* ,.projects-hero-v7__grid>* ,.service-detail-hero__grid>* ,.service-intro-grid>* ,.workflow-heading-grid>* ,.deliverables-grid>* ,.service-faq__grid>* ,.contact-grid>*{min-width:0!important;max-width:100%}

  /* selected work must stack on touch layouts — late desktop rules were overriding this */
  .project-showcase{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;display:grid!important}
  .project-showcase__visual{height:auto!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto!important}
  .project-showcase__media{height:auto!important;min-height:0!important;aspect-ratio:16/11!important}
  .project-showcase__media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
  .project-showcase__list{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;overflow:visible!important}
  .project-showcase__tab{height:auto!important;min-height:108px!important;width:auto!important;min-width:0!important;padding:1rem!important;transform:none!important;contain:layout paint!important}
  .project-showcase__tab:hover,.project-showcase__tab.is-active{padding:1rem!important;transform:none!important}
  .project-showcase__tab strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}

  /* service overview page */
  .hv6-services-hero__grid{grid-template-columns:1fr!important;gap:1.5rem!important}
  .hv6-services-hero__copy{order:1!important}
  .hv6-service-compass{order:2!important;width:100%!important;margin:0!important;transform:none!important}
  .service-chapter__grid{grid-template-columns:1fr!important;gap:1.25rem!important}
  .service-chapter__copy,.chapter-visual{width:100%!important;max-width:100%!important}
  .chapter-visual{transform:none!important;margin:0!important}

  /* service detail pages */
  .service-detail-hero__grid{grid-template-columns:1fr!important;gap:1.4rem!important}
  .service-detail-hero__copy{width:100%!important}
  .service-detail-visual{width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;overflow:hidden!important}
  .service-detail-body .service-intro-grid,.workflow-heading-grid,.deliverables-grid,.service-faq__grid{grid-template-columns:1fr!important}
  html[dir="rtl"] .service-intro-copy,html[dir="ltr"] .service-intro-copy,
  html[dir="rtl"] .service-context-visual,html[dir="ltr"] .service-context-visual,
  html[dir="rtl"] .workflow-heading-grid .section-heading-compact,html[dir="ltr"] .workflow-heading-grid .section-heading-compact,
  html[dir="rtl"] .workflow-map,html[dir="ltr"] .workflow-map{grid-column:1!important;grid-row:auto!important}

  /* about / projects */
  .about-hero-v7__grid,.projects-hero-v7__grid{grid-template-columns:1fr!important;gap:1.25rem!important}
  .about-engine,.projects-hero-stack{width:100%!important;max-width:100%!important;transform:none!important;margin:0!important}
  .about-story__grid--v7{grid-template-columns:1fr!important}
  .about-story__visual{width:100%!important;transform:none!important}
  .about-numbers__grid--v7{grid-template-columns:1fr 1fr!important}
  .about-numbers__intro{grid-column:1/-1!important}

  /* projects grid */
  .portfolio-grid{grid-template-columns:1fr 1fr!important}
  .portfolio-item,.portfolio-item:nth-child(4n+2),.portfolio-item:nth-child(4n+3),.portfolio-item:nth-child(4n){grid-column:auto!important;margin:0 0 1.8rem!important}
}

@media (max-width:600px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .wrap{width:calc(100% - 28px)!important;max-width:none!important}
  main{overflow:hidden}

  /* global typography safety */
  h1,h2,h3,p,strong,small,a,button{overflow-wrap:break-word}
  .button{max-width:100%}
  .eyebrow{font-size:.72rem!important}

  /* header/mobile menu */
  .site-header__inner{padding-inline:14px!important}
  .site-brand{width:145px!important}
  .mobile-menu__body{padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .mobile-menu__nav a{font-size:clamp(1.55rem,8vw,2.4rem)!important;line-height:1.2!important}

  /* homepage hero */
  .hv6-hero{display:flex!important;flex-direction:column!important;min-height:0!important}
  .hv6-hero__stage{order:1!important;width:100%!important;min-height:54svh!important}
  .hv6-hero__copy{order:2!important;width:100%!important;padding:50px 20px 44px!important}
  .hv6-hero h1{font-size:clamp(2.75rem,13.2vw,4rem)!important;line-height:1.16!important;max-width:9.5ch!important;margin:.8rem 0 1rem!important}
  .hv6-hero__copy>p{font-size:.98rem!important;line-height:1.8!important}
  .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:.8rem!important}
  .hv6-slide__label{max-width:calc(100% - 28px)!important;inset-inline:14px auto!important}
  .hv6-brand-card--main{width:66vw!important}
  .hv6-sheet{width:70vw!important}
  .hv6-motion-screen{width:82vw!important}

  /* homepage service tiles */
  .hv6-service-grid{display:block!important}
  .hv6-service-tile{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;margin-bottom:14px!important}
  .hv6-service-visual{order:-1!important;min-height:220px!important;height:220px!important;transform:none!important}
  .hv6-service-tile__copy{min-height:0!important;padding:1.35rem!important}
  .hv6-service-tile h3{font-size:1.8rem!important;line-height:1.35!important}

  /* selected work: image first, readable tabs below */
  .hv6-work{padding:64px 0!important}
  .hv6-work__head--v7{display:block!important}
  .hv6-work__head--v7 .button{margin-top:1rem!important}
  .project-showcase{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .project-showcase__visual{width:100%!important;height:auto!important}
  .project-showcase__media{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important}
  .project-showcase__caption{display:block!important;padding:1rem!important}
  .project-showcase__caption h3{font-size:1.35rem!important;margin-top:.3rem!important;max-width:100%!important}
  .project-showcase__list{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;width:100%!important}
  .project-showcase__tab{display:grid!important;grid-template-columns:34px minmax(0,1fr) 22px!important;width:100%!important;min-width:0!important;min-height:86px!important;height:auto!important;padding:.9rem 1rem!important;scroll-snap-align:none!important;border-inline-end:0!important}
  .project-showcase__tab:hover,.project-showcase__tab.is-active{padding:.9rem 1rem!important}
  .project-showcase__tab strong{font-size:.95rem!important;white-space:normal!important;line-height:1.35!important}

  /* process / clients / CTA */
  .hv6-process-track{grid-template-columns:1fr!important}
  .hv6-process-track article{min-height:180px!important}
  .hv6-cta__inner{display:flex!important;align-items:center!important;text-align:center!important;padding-inline:0!important}
  .hv6-cta__inner>div{align-items:center!important}
  .hv6-cta h2{font-size:clamp(2.5rem,12vw,3.4rem)!important}

  /* services landing */
  .hv6-services-hero{padding:calc(var(--header-h) + 34px) 0 50px!important}
  .hv6-services-hero__copy h1{font-size:clamp(2.75rem,12.5vw,4rem)!important;line-height:1.2!important;max-width:9ch!important}
  .hv6-service-compass{min-height:335px!important;overflow:hidden!important}
  .hv6-service-compass__orbit.orbit-a{width:260px!important;height:260px!important}
  .hv6-service-compass__orbit.orbit-b{width:175px!important;height:175px!important}
  .hv6-service-compass__core{width:100px!important;height:100px!important}
  .hv6-service-node{width:76px!important;height:76px!important}
  .hv6-service-node.node-1{left:2%!important;top:9%!important}.hv6-service-node.node-2{right:2%!important;top:12%!important}.hv6-service-node.node-3{left:4%!important;bottom:8%!important}.hv6-service-node.node-4{right:4%!important;bottom:7%!important}
  .service-chapter{padding:58px 0!important}
  .service-chapter h2{font-size:clamp(2.45rem,11vw,3.7rem)!important;line-height:1.22!important;max-width:10ch!important}
  .service-chapter__copy p{font-size:1rem!important;line-height:1.8!important}
  .chapter-visual{min-height:265px!important;height:265px!important;transform:none!important;margin:1.25rem 0 0!important}

  /* service detail */
  .service-detail-hero{padding:calc(var(--header-h) + 34px) 0 44px!important}
  .service-detail-hero__copy h1{font-size:clamp(2.65rem,12vw,4rem)!important;line-height:1.22!important;max-width:9.5ch!important;margin:.9rem 0 1.1rem!important}
  html[dir="ltr"] .service-detail-hero__copy h1{max-width:10ch!important;line-height:1.05!important}
  .service-detail-hero__copy p{font-size:.98rem!important;line-height:1.8!important}
  .service-detail-visual{min-height:315px!important;height:315px!important;transform:none!important;margin:0!important}
  .service-detail-visual:before{width:240px!important;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012)!important}
  .identity-lab,.print-lab,.digital-lab,.motion-lab{max-width:92%!important;max-height:92%!important}
  .service-detail-body,.workflow-section,.service-faq,.deliverables-section{padding-top:62px!important;padding-bottom:62px!important}
  .service-intro-copy h2,.deliverables-intro h2,.section-heading-compact h2,.service-faq__intro h2{font-size:clamp(2.15rem,10vw,3.2rem)!important;line-height:1.28!important;max-width:11ch!important}
  .service-context-visual{height:220px!important}
  .capability-item{grid-template-columns:30px minmax(0,1fr)!important;gap:.8rem!important;min-height:0!important;padding:1.2rem 0!important}
  .capability-item h3{font-size:1.35rem!important;line-height:1.35!important}
  .capability-item p{grid-column:2!important;font-size:.95rem!important;line-height:1.75!important}
  .capability-item__pulse{display:none!important}
  .deliverable{grid-template-columns:28px minmax(0,1fr) 22px!important;gap:.65rem!important;padding:1.2rem 0!important}
  .deliverable h3{font-size:1.25rem!important;line-height:1.35!important}
  .deliverable p{font-size:.92rem!important;line-height:1.7!important}
  .workflow-map{height:155px!important}
  .workflow-cards{grid-template-columns:1fr!important}
  .workflow-cards article{min-height:180px!important;padding:1.3rem!important}
  .workflow-cards h3{margin:3.1rem 0 .6rem!important}
  .faq-visual{height:145px!important}
  .faq-list summary{font-size:1rem!important;line-height:1.5!important}

  /* about */
  .about-hero-v7{min-height:0!important;padding-bottom:44px!important}
  .about-hero-v7__grid{padding-top:calc(var(--header-h) + 34px)!important}
  .about-hero-v7__copy h1{font-size:clamp(2.75rem,12vw,4rem)!important;line-height:1.22!important;max-width:10ch!important}
  .about-engine{min-height:330px!important;height:330px!important;overflow:hidden!important}
  .about-engine__ring--outer{width:270px!important;height:270px!important}.about-engine__ring--inner{width:170px!important;height:170px!important}
  .about-engine__node{min-width:80px!important;padding:.48rem .55rem!important}
  .about-story__visual{min-height:280px!important;height:280px!important}
  .principle{min-height:350px!important;padding:1.35rem!important}
  .about-numbers__grid--v7{grid-template-columns:1fr!important}
  .about-numbers__intro,.about-number{grid-column:auto!important;min-height:200px!important}

  /* projects page */
  .projects-hero-v7{min-height:0!important;padding-bottom:44px!important}
  .projects-hero-v7__grid{padding-top:calc(var(--header-h) + 34px)!important}
  .projects-hero-v7__copy h1{font-size:clamp(2.75rem,12vw,4rem)!important;line-height:1.22!important;max-width:10ch!important}
  .projects-hero-stack{min-height:330px!important;height:330px!important;overflow:hidden!important}
  .projects-hero-stack__orbit{width:250px!important;height:250px!important}
  .portfolio-grid{display:block!important}
  .portfolio-item,.portfolio-item:nth-child(n){width:100%!important;margin:0 0 2rem!important}
  .portfolio-item__meta{display:block!important}
  .portfolio-item__meta h3{max-width:100%!important;margin-top:.35rem!important}
  .portfolio-item__view{opacity:1!important;transform:none!important}

  /* contact */
  .contact-hero__grid{grid-template-columns:1fr!important}
  .contact-hero__grid h1{font-size:clamp(2.75rem,12vw,4rem)!important;line-height:1.2!important;max-width:10ch!important}
  .contact-signal{width:min(310px,82vw)!important}
  .contact-grid{grid-template-columns:1fr!important;gap:2rem!important}
  .project-form{grid-template-columns:1fr!important;padding:1.2rem!important}
  .field--full{grid-column:1!important}

  /* footer */
  .hv6-footer__grid{grid-template-columns:1fr!important;gap:2rem!important}
  .hv6-footer__brand,.hv6-footer__location,.hv6-footer__nav{grid-column:1!important}
  .hv6-footer__nav{grid-template-columns:1fr 1fr!important;gap:1.4rem!important}
  .hv6-footer__brand h2{font-size:2.45rem!important;max-width:12ch!important}
  .hv6-footer__map{aspect-ratio:4/3!important;max-height:none!important}
  .hv6-footer__contact{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}
  .hv6-footer__contact a{overflow-wrap:anywhere}

  /* floating controls remain physically fixed: WhatsApp right, top button left */
  .global-floating-controls .floating-contact{right:12px!important;left:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
  .global-floating-controls #toTop.to-top{left:12px!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
}

/* =========================================================
   HIGH VISION V11 — final mobile composition polish
   Only affects <= 600px; desktop/tablet remains unchanged.
   ========================================================= */
@media (max-width:600px){
  /* Home hero — printing slide: keep artwork, CMYK chips, label and controls from colliding. */
  .hv6-slide--print .hv6-sheet{
    width:min(66vw,265px)!important;
    top:39%!important;
    left:48%!important;
  }
  .hv6-slide--print .hv6-sheet--front{padding:1rem!important}
  .hv6-slide--print .hv6-sheet--front b{font-size:clamp(2.2rem,11vw,3.7rem)!important;line-height:.9!important}
  .hv6-slide--print .hv6-sheet--front small{font-size:.62rem!important;margin-top:.55rem!important}
  .hv6-slide--print .hv6-cmyk{
    left:14px!important;
    right:auto!important;
    bottom:88px!important;
    transform:none!important;
    gap:4px!important;
  }
  .hv6-slide--print .hv6-cmyk i{width:29px!important;height:29px!important;font-size:.58rem!important}
  .hv6-slide--print .hv6-slide__label{
    left:auto!important;
    right:14px!important;
    bottom:86px!important;
    width:min(48vw,190px)!important;
    max-width:min(48vw,190px)!important;
    padding:.7rem .75rem!important;
    gap:.65rem!important;
  }
  .hv6-slide--print .hv6-slide__label b{font-size:.9rem!important;line-height:1.35!important}
  .hv6-slide--print .hv6-slide__label>span{font-size:.65rem!important}
  .hv6-slide--print .hv6-reg--a{left:7%!important;top:16%!important}
  .hv6-slide--print .hv6-reg--b{right:8%!important;top:22%!important}

  /* About + Projects: remove double hero top-padding that created a large dead area on mobile. */
  .page-hero.about-hero-v7,
  .page-hero.projects-hero-v7{
    display:block!important;
    align-items:initial!important;
    min-height:0!important;
    padding:calc(var(--header-h) + 18px) 0 38px!important;
  }
  .about-hero-v7__grid,
  .projects-hero-v7__grid{
    padding-top:0!important;
    gap:1rem!important;
    align-items:start!important;
  }
  .about-hero-v7__copy,
  .projects-hero-v7__copy{
    padding-top:0!important;
    margin-top:0!important;
  }
  .about-hero-v7__copy .eyebrow,
  .projects-hero-v7__copy .eyebrow{margin-top:0!important}
  .about-hero-v7__copy h1,
  .projects-hero-v7__copy h1{margin-top:.75rem!important}
  .about-engine,
  .projects-hero-stack{margin-top:.6rem!important}
}
.footer-socials a[aria-label="Facebook"] svg,
.footer-socials a[aria-label="LinkedIn"] svg{fill:currentColor;stroke:none}
.footer-socials a[aria-label="Instagram"] svg{fill:none;stroke:currentColor;stroke-width:1.7}

/* =========================================================
   HIGH VISION V12 — MOBILE HERO COMPOSITION
   Strictly mobile-only. Desktop/tablet >= 601px is untouched.
   Reserve a dedicated lower caption/control zone so artwork,
   labels and arrows never cover one another.
   ========================================================= */
@media (max-width:600px){
  .hv6-hero__stage{
    min-height:480px!important;
    height:480px!important;
  }
  .hv6-art{
    inset:var(--header-h) 0 130px!important;
    overflow:hidden!important;
  }
  .hv6-slide__label,
  .hv6-slide--print .hv6-slide__label{
    left:auto!important;
    right:14px!important;
    inset-inline:auto 14px!important;
    bottom:68px!important;
    width:auto!important;
    max-width:220px!important;
    padding:.68rem .78rem!important;
    gap:.7rem!important;
  }
  .hv6-slide__label b,
  .hv6-slide--print .hv6-slide__label b{
    font-size:.9rem!important;
    line-height:1.35!important;
  }
  .hv6-slide__label>span,
  .hv6-slide--print .hv6-slide__label>span{font-size:.66rem!important}
  .hv6-slide__label small{display:none!important}
  .hv6-slider__controls{
    left:50%!important;
    right:auto!important;
    inset-inline:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
  }

  /* identity scene — contained entirely in the artwork zone */
  .hv6-slide--identity .hv6-brand-card--main{
    width:min(54vw,220px)!important;
    left:6%!important;
    top:28%!important;
    padding:1rem!important;
  }
  .hv6-slide--identity .hv6-brand-card--main span{font-size:clamp(1.75rem,9vw,2.45rem)!important}
  .hv6-slide--identity .hv6-brand-card--type{
    width:112px!important;height:92px!important;
    right:5%!important;top:11%!important;padding:.75rem!important;
  }
  .hv6-slide--identity .hv6-brand-card--type strong{font-size:2.65rem!important}
  .hv6-slide--identity .hv6-brand-card--palette{
    width:142px!important;height:48px!important;
    right:7%!important;bottom:14px!important;padding:8px!important;
  }
  .hv6-slide--identity .hv6-facet--one{width:74px!important;height:74px!important;left:7%!important;bottom:18px!important}
  .hv6-slide--identity .hv6-facet--two{width:48px!important;height:48px!important;right:5%!important;top:48%!important}
  .hv6-slide--identity .hv6-orbit--a{width:330px!important;height:330px!important;margin:-165px 0 0 -165px!important}
  .hv6-slide--identity .hv6-orbit--b{width:220px!important;height:220px!important;margin:-110px 0 0 -110px!important}

  /* print scene */
  .hv6-slide--print .hv6-sheet{
    width:min(58vw,232px)!important;
    top:44%!important;
    left:50%!important;
  }
  .hv6-slide--print .hv6-sheet--front{padding:.8rem!important}
  .hv6-slide--print .hv6-sheet--front b{font-size:clamp(1.9rem,9vw,3rem)!important;line-height:.9!important}
  .hv6-slide--print .hv6-sheet--front small{font-size:.56rem!important;margin-top:.4rem!important}
  .hv6-slide--print .hv6-cmyk{
    left:12px!important;right:auto!important;
    bottom:12px!important;
    transform:none!important;
    gap:4px!important;
  }
  .hv6-slide--print .hv6-cmyk i{width:27px!important;height:27px!important;font-size:.55rem!important}
  .hv6-slide--print .hv6-reg--a{left:7%!important;top:14%!important}
  .hv6-slide--print .hv6-reg--b{right:7%!important;top:18%!important}

  /* motion / digital scene */
  .hv6-slide--motion .hv6-motion-screen{
    width:min(70vw,280px)!important;
    top:45%!important;
    padding:10px!important;
  }
  .hv6-slide--motion .hv6-motion-frame b{width:48px!important;height:48px!important;font-size:1rem!important}
  .hv6-slide--motion .hv6-metric{min-width:78px!important;padding:.45rem .55rem!important}
  .hv6-slide--motion .hv6-metric strong{font-size:1.05rem!important}
  .hv6-slide--motion .hv6-metric small{font-size:.65rem!important}
  .hv6-slide--motion .hv6-metric--a{left:7%!important;top:18%!important}
  .hv6-slide--motion .hv6-metric--b{right:6%!important;bottom:10%!important}
  .hv6-slide--motion .hv6-growth{width:145px!important;right:2%!important;top:9%!important}
}