html[data-cms-pending] body{visibility:hidden}.hero-video[hidden],.hero-image[hidden]{display:none!important}
@font-face{font-family:ArflonArabic;src:url('assets/arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:ArflonArabic;src:url('assets/arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#111116;--paper:#f3f0e9;--violet:#6d41ff;--blue:#2256ff;--line:rgba(17,17,22,.15);--muted:#74717a;--radius:1.2rem;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ArflonArabic,Arial,sans-serif;overflow-x:hidden}img,video{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:99;background:#fff;padding:.7rem 1rem;transform:translateY(-160%)}.skip:focus{transform:none}.nav{min-height:6rem;padding:1rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-block-end:1px solid var(--line);position:relative;z-index:10}.logo{display:flex;align-items:center;gap:.8rem;justify-self:start;direction:ltr}.logo-box{display:grid;place-items:center;width:2.8rem;aspect-ratio:1;border-radius:.7rem;background:linear-gradient(135deg,var(--violet),var(--blue));padding:.62rem}.logo span:last-child{display:grid;line-height:1}.logo b{font:700 1rem/1 Arial;letter-spacing:.15em}.logo small{font:400 .55rem/1 Arial;letter-spacing:.42em;margin-top:.35rem}.nav nav{display:flex;gap:clamp(1.25rem,4vw,4rem);font-size:.9rem}.nav nav a,.plain-link,.whatsapp{position:relative}.nav nav a:after,.plain-link:after,.whatsapp:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.4rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.nav nav a:hover:after,.nav nav a:focus-visible:after,.plain-link:hover:after,.whatsapp:hover:after{transform:scaleX(1)}.nav-cta{justify-self:end;border:1px solid var(--ink);border-radius:99rem;background:transparent;padding:.8rem 1.1rem;cursor:pointer}.hero{min-height:calc(100svh - 6rem);display:grid;grid-template-columns:minmax(0,.92fr) minmax(28rem,1.08fr);gap:3vw;padding:clamp(2rem,5vw,5rem) clamp(1rem,4vw,4.5rem) 4rem;position:relative}.hero-copy{align-self:center}.kicker{display:flex;align-items:center;gap:1.2rem;color:var(--muted);font-size:.8rem}.kicker b{font:600 .62rem/1 Arial;letter-spacing:.2em}.kicker:before{content:"";width:2.6rem;height:2px;background:var(--violet)}h1,h2,h3,p{margin-block-start:0}.hero h1,.section-head h2,.services h2,.method h2,.contact h2,.modal-head h2{font-size:clamp(4rem,8.2vw,8.2rem);line-height:.86;letter-spacing:-.055em;margin:clamp(2rem,5vw,4.8rem) 0 2rem;font-weight:400}.hero h1 em,h2 em{font-style:normal;color:var(--violet)}.hero-copy>p{max-width:34rem;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.9;color:#56545c}.hero-actions{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem}.pill{border:0;border-radius:99rem;padding:1rem 1.3rem;display:inline-flex;align-items:center;gap:2rem;cursor:pointer;font-weight:600}.pill span{font-size:1.2rem}.pill-dark{background:var(--ink);color:#fff}.pill-light{background:#fff;color:var(--ink)}.hero-collage{min-height:34rem;position:relative;isolation:isolate}.shot{position:absolute;margin:0;overflow:hidden;border-radius:var(--radius);box-shadow:0 1.4rem 4rem rgba(17,17,22,.14)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,7,10,.75))}.shot figcaption{position:absolute;z-index:2;inset-inline:1.2rem;inset-block-end:1rem;color:#fff;font:600 .64rem/1 Arial;letter-spacing:.16em;display:flex;justify-content:space-between}.shot-a{inset:0 16% 8% 0;transform:rotate(2.5deg)}.shot-b{width:40%;height:46%;inset-inline-start:0;inset-block-start:3%;transform:rotate(-4deg)}.floating-mark{position:absolute;z-index:3;inset-inline-end:2%;inset-block-start:6%;width:10rem;aspect-ratio:1;background:linear-gradient(135deg,var(--violet),var(--blue));border-radius:50%;display:grid;place-items:center;color:#fff;transform:rotate(8deg);box-shadow:0 1.2rem 3rem rgba(67,54,190,.25)}.floating-mark img{width:35%;height:auto}.floating-mark span{font:700 .65rem/1.25 Arial;letter-spacing:.12em;position:absolute;inset-inline-start:1.1rem;inset-block-end:1.2rem}.timecode{position:absolute;z-index:4;inset-inline-start:4%;inset-block-end:1%;background:#fff;padding:.75rem 1rem;border-radius:99rem;font:700 .61rem/1 Arial;letter-spacing:.12em;direction:ltr}.timecode i{display:inline-block;width:.48rem;aspect-ratio:1;border-radius:50%;background:#ff3636;margin-right:.5rem;animation:blink 1.2s infinite}.scroll-ticket{position:absolute;inset-inline-end:4.5rem;inset-block-end:1rem;display:flex;gap:1rem;align-items:center;font-size:.78rem}.scroll-ticket b{display:grid;place-items:center;width:2.2rem;aspect-ratio:1;border:1px solid var(--line);border-radius:50%}.reel{background:var(--ink);color:#fff;overflow:hidden;padding:1rem 0;direction:ltr}.reel-track{display:flex;align-items:center;gap:2rem;width:max-content;animation:reel 26s linear infinite;font-size:1rem}.reel i{color:var(--violet);font-style:normal}.statement{min-height:100svh;background:var(--ink);color:#fff;padding:clamp(5rem,10vw,10rem) clamp(1rem,6vw,7rem);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.section-label{font:600 .65rem/1 Arial;letter-spacing:.18em;color:var(--muted);direction:ltr;text-align:right}.statement-lines{position:relative;z-index:2}.statement-lines p{font-size:clamp(2.2rem,5.6vw,6.6rem);line-height:1.16;margin:.4rem 0;color:#5b5962;transition:color .5s}.statement-lines strong{color:#fff;font-weight:600}.statement-lines em{color:var(--violet);font-style:normal}.statement-orbit{position:absolute;inset-inline-start:-8vw;inset-block-start:10%;width:min(42vw,38rem);aspect-ratio:1;border:1px solid #34323b;border-radius:50%;display:grid;place-items:center;opacity:.28}.statement-orbit:before,.statement-orbit:after{content:"";position:absolute;border:1px solid #34323b;border-radius:50%;inset:12%}.statement-orbit:after{inset:26%}.statement-orbit img{width:28%;height:auto;opacity:.3}.work,.services,.method{padding:clamp(5rem,10vw,10rem) clamp(1rem,4vw,4.5rem)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;margin-bottom:4rem}.section-head h2,.services h2,.method h2,.contact h2{font-size:clamp(3.4rem,7vw,7rem);margin:1.2rem 0 0}.section-head>p{max-width:31rem;line-height:1.9;color:var(--muted);justify-self:end}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.work-card{min-height:30rem;border-radius:var(--radius);overflow:hidden;position:relative;color:#fff;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.work-card img,.card-wash{position:absolute;inset:0;z-index:-2}.card-wash{z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(8,8,12,.88))}.work-card:nth-child(3),.work-card:nth-child(4){min-height:25rem}.card-number{position:absolute;inset-inline-start:1.5rem;inset-block-start:1.4rem;font:700 1rem/1 Arial}.work-card small{font:600 .62rem/1 Arial;letter-spacing:.15em}.work-card h3{font-size:clamp(1.7rem,3vw,3.2rem);margin:.7rem 0 .3rem}.work-card p{margin:0;color:#d2d0d7}.card-arrow{position:absolute;inset-inline-end:1.5rem;inset-block-end:1.5rem;font-size:1.6rem}.work-card img{transition:transform .8s var(--ease)}.work-card:hover img,.work-card:focus img{transform:scale(1.055)}.services{background:#ded9cf;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw}.services-title{position:sticky;top:3rem;align-self:start}.services-list article{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;padding:2.2rem 0;border-block-start:1px solid rgba(17,17,22,.3);align-items:start}.services-list article:last-child{border-block-end:1px solid rgba(17,17,22,.3)}.services-list span{font:700 .72rem/1 Arial}.services-list h3{font-size:clamp(1.8rem,3vw,3.4rem);margin:0 0 .6rem}.services-list p{max-width:35rem;line-height:1.8;color:#5e5a60}.services-list b{font:600 .6rem/1 Arial;letter-spacing:.12em;color:var(--muted);direction:ltr}.method{background:#fff}.method-strip{display:flex;gap:.75rem;margin-top:4rem;min-height:31rem}.method-strip article{flex:1;background:#eeebe5;border-radius:var(--radius);padding:1.4rem;position:relative;overflow:hidden;cursor:pointer;transition:flex .55s var(--ease),background .4s}.method-strip article.is-active{flex:2.3;background:linear-gradient(145deg,var(--violet),var(--blue));color:#fff}.method-strip span{font:700 1rem/1 Arial}.method-strip small{position:absolute;inset-inline-start:1.4rem;inset-block-start:1.5rem;font:600 .55rem/1 Arial;letter-spacing:.15em}.method-strip h3{font-size:clamp(1.8rem,3.4vw,4rem);margin-top:10rem}.method-strip p{line-height:1.8;max-width:30rem;opacity:0;transform:translateY(1rem);transition:.35s var(--ease)}.method-strip .is-active p{opacity:.85;transform:none}.method-strip i{position:absolute;width:15rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;inset-inline-end:-6rem;inset-block-end:-7rem;opacity:.22}.method-strip i:before,.method-strip i:after{content:"";position:absolute;inset:18%;border:1px solid currentColor;border-radius:50%}.method-strip i:after{inset:36%}.contact{background:linear-gradient(135deg,#15121d,#0d0d12);color:#fff;padding:clamp(5rem,10vw,10rem) clamp(1rem,6vw,7rem);display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end}.contact-panel{border-inline-start:1px solid #38343f;padding-inline-start:3rem}.contact-panel p{font-size:1.2rem;line-height:1.9;color:#aaa5b2;max-width:30rem}.contact-panel .pill{margin:1rem 0 2rem}.whatsapp{display:block;width:max-content;color:#cbc6d1}.contact h2{margin-bottom:0}footer{padding:2rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-block-start:1px solid var(--line);font-size:.8rem;color:var(--muted)}footer .logo{justify-self:start;color:var(--ink)}footer p:last-child{justify-self:end;direction:rtl}dialog{width:min(56rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);border:0;border-radius:1.5rem;padding:0;background:#f3f0e9!important;color:var(--ink);box-shadow:0 2rem 7rem rgba(0,0,0,.35);isolation:isolate;overflow:auto}dialog::backdrop{background:rgba(8,8,12,.84)}dialog[open]{animation:dialog-in .35s var(--ease)}.modal-close{position:absolute;inset-inline-start:1.2rem;inset-block-start:1.2rem;width:2.6rem;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:#f3f0e9;font-size:1.5rem;cursor:pointer}.modal-head{padding:3rem 3rem 1rem}.modal-head h2{font-size:clamp(3rem,7vw,6rem);margin:1rem 0}.modal-head>p:last-child{color:var(--muted)}form{padding:1rem 3rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:grid;gap:.45rem;font-size:.82rem}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:.8rem;padding:.9rem;color:var(--ink)}textarea{resize:vertical}.wide,.form-note{grid-column:1/-1}.form-note{font-size:.75rem;color:var(--muted);text-align:center;margin:0}.pill:focus-visible,.nav-cta:focus-visible,a:focus-visible,.work-card:focus-visible,.method-strip article:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9d89ff;outline-offset:3px}@keyframes reel{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:.25}}@keyframes dialog-in{from{opacity:0;transform:translateY(1rem) scale(.98)}}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:3rem}.hero-collage{min-height:35rem;order:2}.scroll-ticket{display:none}.section-head,.services,.contact{grid-template-columns:1fr}.section-head>p{justify-self:start}.services-title{position:static}.method-strip{min-height:auto;flex-direction:column}.method-strip article,.method-strip article.is-active{flex:none;min-height:10rem}.method-strip h3{margin-top:4rem}.contact-panel{border-inline-start:0;border-block-start:1px solid #38343f;padding-inline-start:0;padding-top:2rem}footer{grid-template-columns:1fr 1fr}footer p:nth-child(2){display:none}}
@media(max-width:600px){.nav{min-height:5rem;padding:.8rem 1rem}.nav-cta{font-size:.75rem}.logo small{display:none}.hero{min-height:auto;padding-inline:1rem}.hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-collage{min-height:29rem}.shot-a{inset:0 7% 9% 0}.shot-b{width:47%;height:38%}.floating-mark{width:7rem}.statement{padding-inline:1.3rem}.statement-lines p{font-size:clamp(2rem,10vw,3.1rem)}.work,.services,.method{padding-inline:1rem}.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(3),.work-card:nth-child(4){min-height:25rem}.services-list article{grid-template-columns:auto 1fr}.services-list b{display:none}.contact{padding-inline:1rem}.modal-head,form{padding-inline:1.2rem}form{grid-template-columns:1fr}.wide{grid-column:auto}footer{padding-inline:1rem}.reel-track{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reel-track,.timecode i{animation:none}.work-card img,.method-strip article{transition:none}dialog[open]{animation:none}}

/* Scroll-driven manifesto */
.statement{height:220svh;min-height:0;padding:0;display:block;overflow:clip}
.statement-sticky{position:sticky;inset-block-start:0;height:100svh;padding:clamp(5rem,10vw,10rem) clamp(1rem,6vw,7rem);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.statement-lines{max-width:74rem}
.statement-lines p{color:#5b5962}
.statement-lines strong{color:#fff}
.statement-lines em{color:#7550ff}
.statement.js-reveal-ready .statement-lines p{color:transparent}
.statement.js-reveal-ready .statement-lines strong,.statement.js-reveal-ready .statement-lines em{color:inherit}
.reveal-word{--word-progress:0;--word-color:#5b5962;display:inline-block;color:transparent;background:linear-gradient(90deg,var(--word-color) 0 calc(var(--word-progress)*100%),rgba(91,89,98,.12) calc(var(--word-progress)*100%) 100%);-webkit-background-clip:text;background-clip:text;opacity:calc(.08 + var(--word-progress)*.92);filter:blur(calc((1 - var(--word-progress))*10px));transform:translateY(calc((1 - var(--word-progress))*1.2rem)) scale(calc(.96 + var(--word-progress)*.04));transform-origin:center bottom;will-change:opacity,filter,transform}
.statement-lines strong .reveal-word{--word-color:#fff}
.statement-lines em .reveal-word{--word-color:#7550ff}
.statement-progress{position:absolute;inset-inline-end:clamp(1rem,6vw,7rem);inset-block-end:2rem;display:flex;align-items:center;gap:.8rem;color:#77737f;font:600 .54rem/1 Arial;letter-spacing:.15em;direction:ltr}
.statement-progress i{width:6rem;height:1px;background:linear-gradient(90deg,#7550ff 0 calc(var(--scene-progress)*100%),#34313a calc(var(--scene-progress)*100%));transition:background .05s linear}
.statement-orbit{transform:rotate(calc(var(--scene-progress)*48deg)) scale(calc(.88 + var(--scene-progress)*.12));opacity:calc(.08 + var(--scene-progress)*.2)}
@media(max-width:600px){.statement{height:190svh}.statement-sticky{padding-inline:1.3rem}.statement-progress{inset-inline-end:1.3rem}.statement-lines p{font-size:clamp(2rem,10vw,3.1rem)}}
@media(prefers-reduced-motion:reduce){.statement{height:100svh}.reveal-word{filter:none;transform:none;will-change:auto}.statement-orbit{transform:none}}

/* Hero collage refinement */
.hero h1{line-height:.94}
.hero h1 em{display:inline-block;margin-block-start:.12em;font-weight:600;letter-spacing:0;white-space:nowrap}
.shot-a{inset:7% 22% 14% 7%;transform:rotate(2deg)}
.shot-b{width:36%;height:40%;inset-inline-start:3%;inset-block-start:1%;transform:rotate(-3deg)}
.timecode{inset-inline-start:10%;inset-block-end:7%}
@media(max-width:600px){.hero h1{font-size:clamp(3.15rem,16.5vw,5rem);line-height:.98}.hero h1 em{margin-block-start:.14em}.shot-a{inset:6% 13% 16% 5%}.shot-b{width:43%;height:34%;inset-inline-start:1%;inset-block-start:1%}.timecode{inset-inline-start:8%;inset-block-end:9%}}

/* Method card labels and timed circular progress */
.method-strip article{--step-progress:0}
.method-strip>article>span{position:absolute;inset-inline-end:1.4rem;inset-block-start:1.4rem;font:700 1rem/1 Arial}
.method-strip>article>small{inset-inline:auto;inset-inline-end:1.4rem;inset-block-start:3.35rem;max-width:calc(100% - 2.8rem);white-space:nowrap}
.method-strip h3{margin-top:8.2rem}
.method-strip i{width:9rem;inset-inline-end:-2.2rem;inset-block-end:-2.2rem;border:0;opacity:.9;background:conic-gradient(from 0deg,currentColor calc(var(--step-progress)*1turn),rgba(17,17,22,.09) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));transform:rotate(-90deg)}
.method-strip .is-active i{color:#fff}
.method-strip i:before,.method-strip i:after{display:none}
@media(max-width:900px){.method-strip h3{margin-top:5.6rem}.method-strip i{width:7.5rem;inset-inline-end:-1.7rem;inset-block-end:-2.1rem}}

/* Profile-led story and service expansion */
.about{padding:clamp(5rem,10vw,10rem) clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);gap:clamp(2rem,6vw,7rem);align-items:center;background:#fff}
.about-intro h2,.capability-showcase h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:1.2rem 0 2rem}.about-intro h2 em,.capability-showcase h2 em{font-style:normal;color:var(--violet)}
.about-intro>p:last-child,.showcase-copy>p:last-child,.services-title>p:last-child{font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.95;color:var(--muted);max-width:39rem}
.about-frame{position:relative;margin:0;aspect-ratio:1.42;overflow:hidden;border-radius:var(--radius);transform:rotate(-1.3deg);box-shadow:0 1.6rem 4rem rgba(17,17,22,.13)}.about-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,8,12,.85))}.about-frame figcaption{position:absolute;z-index:2;inset-inline:1.5rem;inset-block-end:1.25rem;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:1rem}.about-frame figcaption span{font:600 .58rem/1 Arial;letter-spacing:.16em}.about-frame figcaption b{font-size:1.25rem}
.goal-card{grid-column:1/-1;background:var(--ink);color:#fff;border-radius:var(--radius);padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:start;position:relative;overflow:hidden}.goal-card>span{font:600 .63rem/1 Arial;letter-spacing:.15em;color:#aaa5b2;direction:ltr}.goal-card h3{font-size:clamp(2rem,4vw,4.5rem);line-height:1.1;margin:0}.goal-card p{line-height:1.9;color:#aaa5b2;margin:0}.goal-card i{position:absolute;width:18rem;aspect-ratio:1;border:1px solid rgba(117,80,255,.32);border-radius:50%;inset-inline-start:-6rem;inset-block-end:-10rem}.goal-card i:before,.goal-card i:after{content:"";position:absolute;inset:18%;border:1px solid rgba(117,80,255,.28);border-radius:50%}.goal-card i:after{inset:36%}
.services-title>p:last-child{margin-top:2rem}.services-list article{transition:padding .35s var(--ease),background .35s var(--ease)}.services-list article:hover{padding-inline:1rem;background:rgba(255,255,255,.28)}
.capability-showcase{padding:clamp(5rem,10vw,10rem) clamp(1rem,4vw,4.5rem);background:var(--ink);color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:start}.showcase-copy{position:sticky;top:3rem}.showcase-copy>p:last-child{color:#aaa5b2}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.showcase-grid figure{margin:0;min-height:23rem;position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate}.showcase-grid figure:nth-child(1),.showcase-grid figure:nth-child(4){min-height:31rem}.showcase-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,8,12,.9))}.showcase-grid img{position:absolute;inset:0;transition:transform .75s var(--ease)}.showcase-grid figure:hover img{transform:scale(1.045)}.showcase-grid figcaption{position:absolute;z-index:2;inset-inline:1.3rem;inset-block-end:1.2rem;display:grid;gap:.3rem}.showcase-grid figcaption b{font-size:1.2rem}.showcase-grid figcaption span{font-size:.78rem;color:#bbb7c2}
@media(max-width:900px){.about,.capability-showcase{grid-template-columns:1fr}.goal-card{grid-template-columns:1fr 1fr}.goal-card>span{grid-column:1/-1}.showcase-copy{position:static}.showcase-grid figure,.showcase-grid figure:nth-child(1),.showcase-grid figure:nth-child(4){min-height:24rem}}
@media(max-width:600px){.about{padding-inline:1rem}.about-frame{aspect-ratio:.92}.goal-card{grid-template-columns:1fr}.capability-showcase{padding-inline:1rem}.showcase-grid{grid-template-columns:1fr}.showcase-grid figure,.showcase-grid figure:nth-child(1),.showcase-grid figure:nth-child(4){min-height:22rem}}

/* Full-screen cinematic hero — Tura-inspired structure with Arflon's own voice. */
.nav{
  min-height:7rem;
  padding:1rem clamp(1.2rem,5vw,6.5rem);
  background:#050507;
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
.nav .logo-box{width:3.2rem;background:linear-gradient(135deg,var(--violet),var(--blue));padding:.7rem}
.nav nav{font-size:1rem}
.nav nav a{color:#d9d8dc}
.nav-cta{border-color:rgba(255,255,255,.55);color:#fff;padding:.9rem 1.35rem;transition:background .25s,color .25s}
.nav-cta:hover{background:#fff;color:#09090b}

.hero-cinema{
  min-height:calc(100svh - 7rem);
  display:grid;
  grid-template-columns:1fr;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:#09090b;
  color:#fff;
}
.hero-video,.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-video,.hero-image{z-index:-3;object-fit:cover;object-position:center 48%;filter:saturate(.78) contrast(1.05)}
.hero-shade{
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(4,4,6,.72) 0%,rgba(4,4,6,.2) 38%,rgba(4,4,6,.42) 100%),
    linear-gradient(0deg,rgba(4,4,6,.76) 0%,transparent 48%,rgba(4,4,6,.16) 100%);
}
.hero-scene{
  width:min(60rem,calc(100% - 13rem));
  align-self:center;
  justify-self:end;
  margin-inline-end:clamp(2rem,9vw,11rem);
  padding-block:clamp(5rem,10vh,8rem);
  position:relative;
  z-index:2;
}
.hero-eyebrow{display:flex;align-items:center;gap:1rem;margin:0 0 2rem;color:#eceaf1;font-size:clamp(.9rem,1.3vw,1.2rem)}
.hero-eyebrow span{display:block;width:3.3rem;height:2px;background:linear-gradient(90deg,var(--violet),#fff)}
.hero-cinema h1{
  font-size:clamp(4.1rem,7.3vw,8.6rem);
  line-height:1.05;
  letter-spacing:-.045em;
  margin:0;
  max-width:12ch;
  color:#fff;
  text-wrap:balance;
}
.hero-cinema h1 em{display:inline;color:#fff;font-weight:600;letter-spacing:inherit;white-space:normal}
.hero-summary{max-width:41rem;margin:2rem 0 0;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.9}
.hero-cinema .hero-actions{margin-top:2.3rem;flex-direction:row;align-items:center}
.hero-cta{border:1px solid rgba(255,255,255,.82);border-radius:.85rem;background:rgba(15,15,18,.12);backdrop-filter:blur(8px);color:#fff;padding:.95rem 1.25rem;display:inline-flex;align-items:center;gap:3rem;cursor:pointer;transition:.3s var(--ease)}
.hero-cta:hover{background:#fff;color:#0a0a0d;transform:translateY(-2px)}
.hero-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.55);padding:.7rem .1rem}
.hero-scroll{position:absolute;inset-inline-end:clamp(2rem,5vw,6rem);inset-block-end:1.6rem;display:flex;align-items:center;gap:.9rem;color:rgba(255,255,255,.68);font-size:.75rem;z-index:2}
.hero-scroll i{font-style:normal;display:grid;place-items:center;width:2.4rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%}

.social-rail{position:absolute;inset-inline-start:clamp(1.5rem,5vw,6rem);inset-block-start:50%;translate:0 -50%;display:grid;justify-items:center;gap:1.2rem;z-index:3;direction:ltr}
.social-rail:before{content:"";width:1px;height:3rem;background:rgba(255,255,255,.3);order:-2}
.social-rail>span{font:600 .5rem/1 Arial;letter-spacing:.18em;color:rgba(255,255,255,.48);writing-mode:vertical-rl;order:-1}
.social-rail a{width:2.55rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;transition:.25s var(--ease)}
.social-rail a:hover,.social-rail a:focus-visible{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.1);transform:scale(1.08)}
.social-rail svg{width:1.25rem;height:1.25rem;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-rail svg .fill{fill:#fff;stroke:none}

@media(max-width:900px){
  .nav{min-height:6rem}
  .hero-cinema{min-height:calc(100svh - 6rem)}
  .hero-scene{width:min(44rem,calc(100% - 8rem));margin-inline-end:clamp(1.2rem,6vw,4rem)}
  .hero-cinema h1{font-size:clamp(3.5rem,10vw,6rem)}
  .social-rail{inset-inline-start:1rem}
}
@media(max-width:600px){
  .nav{min-height:5.3rem;padding:.75rem 1rem}
  .nav .logo-box{width:2.7rem}
  .nav-cta{padding:.72rem .9rem}
  .hero-cinema{min-height:calc(100svh - 5.3rem);padding:0;display:flex;flex-direction:column}
  .hero-video{object-position:center}
  .hero-shade{background:linear-gradient(0deg,rgba(4,4,6,.9) 0%,rgba(4,4,6,.22) 65%,rgba(4,4,6,.35) 100%)}
  .hero-scene{width:auto;margin:auto 0 0;padding:6rem 1.2rem 1rem;align-self:stretch;order:1}
  .hero-eyebrow{margin-bottom:1.3rem;font-size:.85rem}
  .hero-cinema h1{font-size:clamp(3.1rem,15vw,4.8rem);line-height:1.08;max-width:10ch}
  .hero-summary{font-size:.95rem;line-height:1.75;margin-top:1.4rem;max-width:31rem}
  .hero-cinema .hero-actions{gap:1.2rem;margin-top:1.7rem;align-items:center}
  .hero-cta{gap:1.7rem;padding:.85rem 1rem}
  .social-rail{position:static;inset:auto;translate:none;display:flex;gap:.35rem;order:2;margin:0 1.2rem 4.8rem auto;align-self:flex-start}
  .social-rail:before,.social-rail>span{display:none}
  .social-rail a{width:2.25rem}
  .hero-scroll{inset-inline-end:1.2rem;inset-block-end:1.2rem}
  .hero-scroll span{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-cinema{background:linear-gradient(135deg,#16131e,#07070a)}}

/* Supplied Arflon wordmark — reserved for header and footer. */
.brand-wordmark{display:block;width:clamp(9.5rem,13vw,12.5rem);height:auto;line-height:0}
.brand-wordmark img{display:block;width:100%;height:auto;object-fit:contain}
.nav .brand-wordmark{justify-self:start}
footer{background:#050507;color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.15)}
footer .brand-wordmark{justify-self:start;color:#fff}
@media(max-width:600px){
  .brand-wordmark{width:8.8rem}
  footer .brand-wordmark{width:8rem}
}

/* Expanded site footer */
.site-footer{display:block;padding:0;background:#050507;color:#fff;border-block-start:1px solid rgba(255,255,255,.15);font-size:1rem}
.footer-main{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,6vw,7rem);display:grid;grid-template-columns:minmax(18rem,1.45fr) minmax(9rem,.55fr) minmax(13rem,.7fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.footer-brand .brand-wordmark{width:clamp(13rem,19vw,19rem);margin-bottom:2.2rem}
.footer-brand>p{max-width:29rem;color:rgba(255,255,255,.58);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.9;margin:0}
.footer-nav,.footer-contact{display:grid;align-content:start;justify-items:start;gap:1rem}
.footer-nav>p,.footer-contact>p{margin:0 0 .7rem;color:rgba(255,255,255,.42);font:600 .62rem/1 Arial;letter-spacing:.18em;text-transform:uppercase}
.footer-nav a,.footer-contact>a{color:rgba(255,255,255,.76);font-size:1.05rem;transition:color .25s,transform .25s}
.footer-nav a:hover,.footer-contact>a:hover{color:#fff;transform:translateX(-.25rem)}
.footer-contact button{min-width:12.5rem;border:1px solid rgba(255,255,255,.55);border-radius:99rem;background:transparent;color:#fff;padding:.9rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer;transition:.25s var(--ease)}
.footer-contact button:hover{background:#fff;color:#08080b;transform:translateY(-2px)}
.footer-contact small{color:rgba(255,255,255,.38);margin-top:.6rem}
.footer-bottom{padding:1.5rem clamp(1.2rem,6vw,7rem);border-block-start:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:rgba(255,255,255,.42);font-size:.78rem}
.footer-bottom p{margin:0;direction:rtl}
.footer-bottom a{display:flex;align-items:center;gap:.7rem;color:rgba(255,255,255,.65)}
.footer-bottom a span{display:grid;place-items:center;width:2rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%}

@media(max-width:800px){
  .footer-main{grid-template-columns:1fr 1fr;gap:3rem 2rem;padding-block:4rem}
  .footer-brand{grid-column:1/-1}
  .footer-brand .brand-wordmark{width:13rem;margin-bottom:1.4rem}
}
@media(max-width:520px){
  .footer-main{grid-template-columns:1fr;padding:3.5rem 1.2rem;gap:2.8rem}
  .footer-brand{grid-column:auto}
  .footer-nav{grid-template-columns:1fr 1fr;column-gap:2.5rem}
  .footer-nav>p{grid-column:1/-1}
  .footer-bottom{padding:1.3rem 1.2rem;align-items:flex-start;flex-direction:column-reverse;gap:1rem}
}

/* Arabic display titles need a taller line box than Latin headlines. */
.hero-cinema h1,
.about-intro h2,
.capability-showcase h2,
.section-head h2,
.services h2,
.method h2,
.contact h2,
.modal-head h2{
  line-height:1.1;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.goal-card h3,.work-card h3,.services-list h3,.method-strip h3{line-height:1.22;letter-spacing:-.02em}
.statement-lines p{line-height:1.25}
@media(max-width:600px){
  .hero-cinema h1,
  .about-intro h2,
  .capability-showcase h2,
  .section-head h2,
  .services h2,
  .method h2,
  .contact h2,
  .modal-head h2{line-height:1.16;letter-spacing:-.025em}
  .statement-lines p{line-height:1.32}
}

/* Refined display scale: quieter hero and section titles. */
@media(min-width:901px){
  .hero-scene{transform:translateX(50px)}
  .hero-cinema h1{font-size:clamp(3.4rem,5.1vw,6.1rem);max-width:16ch}
}
.about-intro h2,
.capability-showcase h2,
.section-head h2,
.services h2,
.method h2,
.contact h2{
  font-size:clamp(2.7rem,4.8vw,4.8rem);
}
.modal-head h2{font-size:clamp(2.8rem,5.4vw,5.2rem)}
.statement-lines p{font-size:clamp(2.2rem,4.55vw,5.25rem)}
.goal-card h3{font-size:clamp(1.9rem,3.4vw,3.8rem)}

/* CMS-driven news */
.news{padding:clamp(5rem,10vw,10rem) clamp(1rem,4vw,4.5rem);background:#f3f1f4;color:var(--ink)}
.news[hidden]{display:none}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem}
.news-card{background:#fff;border-radius:var(--radius);overflow:hidden;min-width:0;box-shadow:0 1rem 3rem rgba(20,18,25,.06)}
.news-card>img{width:100%;aspect-ratio:1.35;object-fit:cover}.news-card>div{padding:1.4rem}.news-card time{color:var(--violet);font:600 .65rem/1 Arial;letter-spacing:.08em}
.news-card h3{font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:1.25;margin:.8rem 0}.news-card p{color:var(--muted);line-height:1.85;margin:0}
.hero-eyebrow b{font-weight:400}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.news{padding-inline:1rem}.news-grid{grid-template-columns:1fr}}

@media(max-width:900px){
  .hero-scene{transform:none}
  .hero-cinema h1{font-size:clamp(3.1rem,8.8vw,5.1rem)}
}
@media(max-width:600px){
  .hero-cinema h1{font-size:clamp(2.15rem,9vw,3rem)}
  .about-intro h2,
  .capability-showcase h2,
  .section-head h2,
  .services h2,
  .method h2,
  .contact h2,
  .modal-head h2{font-size:clamp(2.55rem,11vw,3.7rem)}
  .statement-lines p{font-size:clamp(1.85rem,8.8vw,2.75rem)}
  .goal-card h3{font-size:clamp(1.75rem,8vw,2.65rem)}
}

.social-rail[hidden],.whatsapp[hidden]{display:none!important}
.whatsapp small{display:block;margin-top:.65rem;color:rgba(255,255,255,.55);font-size:.8rem;direction:ltr;text-align:right}
.pill:disabled{opacity:.45;cursor:not-allowed}

/* CMS layout controls: disabled sections retain their art-directed defaults. */
section[data-cms-layout="custom"]:not(#hero){padding-block-start:var(--cms-padding-top);padding-block-end:var(--cms-padding-bottom);padding-inline:var(--cms-padding-inline);text-align:var(--cms-section-align,inherit)}
#hero[data-cms-layout="custom"] .hero-scene{padding-block-start:var(--cms-padding-top);padding-block-end:var(--cms-padding-bottom);padding-inline:var(--cms-padding-inline);width:min(var(--cms-hero-width),calc(100% - 13rem));text-align:var(--cms-section-align,right);transform:none}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="right"]{justify-self:start;margin-inline-end:0}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="center"]{justify-self:center;margin-inline:0}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="left"]{justify-self:end;margin-inline-end:0}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="top"]{align-self:start}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="center"]{align-self:center}
#hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="bottom"]{align-self:end}
@media(max-width:900px){#hero[data-cms-layout="custom"] .hero-scene{width:min(var(--cms-hero-width),calc(100% - 8rem))}}
@media(max-width:600px){
  #hero[data-cms-layout="custom"] .hero-scene{width:auto;align-self:stretch;padding-inline:var(--cms-padding-inline)}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="right"]{text-align:right}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="center"]{text-align:center}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-x="left"]{text-align:left}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="top"]{margin-block-start:0;margin-block-end:auto}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="center"]{margin-block:auto}
  #hero[data-cms-layout="custom"] .hero-scene[data-cms-position-y="bottom"]{margin-block-start:auto;margin-block-end:0}
}
.social-rail .social-links{display:grid;justify-items:center;gap:.55rem}.social-link svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-link svg .fill{fill:currentColor;stroke:none}.footer-socials{margin-top:2rem}.footer-socials>p{margin:0 0 .8rem;color:rgba(255,255,255,.42);font:600 .62rem/1 Arial;letter-spacing:.18em}.footer-social-links{display:flex;flex-wrap:wrap;gap:.55rem}.footer-social-links .social-link{width:2.65rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:rgba(255,255,255,.76);transition:background .2s,border-color .2s,color .2s,transform .2s}.footer-social-links .social-link:hover,.footer-social-links .social-link:focus-visible{background:#fff;border-color:#fff;color:#08080b;transform:translateY(-2px)}.footer-socials[hidden]{display:none!important}
@media(max-width:600px){.social-rail .social-links{display:flex;align-items:center;gap:.2rem}}
:root{--site-font:Arflon,Tahoma,sans-serif;--bg:#0a0a0d;--panel:#121218;--text:#f5f4f7;--muted:#9b98a6;--violet:#7751ff}
body{font-family:var(--site-font)}
.clients-section,.testimonials-section{padding:clamp(4rem,9vw,9rem) max(6vw,calc((100vw - 1420px)/2));overflow:hidden;background:#0a0a0d}.clients-heading{max-width:70rem;margin:0 auto 3rem;text-align:center}.clients-heading h2,.testimonials-section .section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:1.2;margin:.5rem 0 1rem}.clients-heading>p:last-child,.testimonials-section .section-head>p{color:var(--muted);line-height:1.8}.client-ticker{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}.client-ticker-track{width:max-content;display:flex;align-items:center;gap:0;direction:ltr;animation:clients-rtl var(--client-loop-duration,38s) linear infinite;will-change:transform}.client-logo-group{display:flex;flex-direction:row-reverse;direction:ltr;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:clamp(.85rem,1.6vw,1.35rem);width:max-content;min-width:0;padding-inline:clamp(.55rem,.8vw,.85rem);white-space:nowrap}.client-ticker:hover .client-ticker-track,.client-ticker:focus-within .client-ticker-track{animation-play-state:paused}.client-ticker.is-static .client-ticker-track{animation:none}.client-logo{flex:0 0 auto;width:clamp(9rem,15vw,14rem);height:clamp(5rem,8vw,7rem);display:grid;place-items:center;overflow:hidden;color:var(--ink);text-decoration:none;opacity:1;transition:opacity .25s,transform .25s}.client-logo:hover,.client-logo:focus-visible{transform:translateY(-3px)}.client-logo img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none;transform:none;transition:transform .25s}.client-logo:hover img,.client-logo:focus-visible img{transform:scale(1.04)}.client-logo span{font-size:1.1rem;font-weight:600;text-align:center}.testimonials-section{background:#111116}.testimonial-stage{max-width:66rem;margin:2rem auto 0;min-height:16rem}.testimonial-card{position:relative;padding:clamp(2rem,5vw,4.5rem);border:1px solid #34323d;border-radius:2rem;background:linear-gradient(135deg,#191920,#111116);animation:testimonial-in .45s ease both}.testimonial-quote-mark{display:block;color:var(--violet);font:6rem/1 Georgia,serif}.testimonial-card blockquote{margin:0 0 2rem;font-size:clamp(1.3rem,2.6vw,2.25rem);line-height:1.8}.testimonial-identity{display:grid;gap:.35rem}.testimonial-identity span{color:var(--muted);font-size:.9rem}.testimonial-controls{display:flex;align-items:center;gap:1rem;max-width:66rem;margin:1.5rem auto}.testimonial-controls button{border:1px solid #55515f;background:transparent;color:#fff;border-radius:50%;width:2.8rem;height:2.8rem;cursor:pointer}.testimonial-controls>span{font: .75rem Arial;color:var(--muted);direction:ltr}.testimonial-progress{height:2px;background:#34323d;flex:1;overflow:hidden}.testimonial-progress i{display:block;width:100%;height:100%;background:var(--violet);transform-origin:right;transform:scaleX(0)}@keyframes clients-rtl{from{transform:translate3d(var(--client-start-offset,0px),0,0)}to{transform:translate3d(calc(var(--client-start-offset,0px) - 50%),0,0)}}@keyframes testimonial-progress{to{transform:scaleX(1)}}@keyframes testimonial-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.client-ticker-track{animation:none}.testimonial-card{animation:none}}
.client-logo img.is-mono{filter:grayscale(1) brightness(0) invert(1)}
#clients.is-light-background .clients-heading h2,#clients.is-light-background .clients-heading .section-label,#clients.is-light-background .clients-heading>p{color:#111116!important}
body{background:var(--paper);color:var(--ink);font-family:var(--site-font)}section[hidden]{display:none!important}.news-card{background:var(--surface,#fff)}.clients-section{background:var(--section-background,#0a0a0d)}.clients-heading h2,.testimonials-section .section-head h2{color:#fff}.testimonials-section{background:var(--section-background,#111116);color:#fff}.client-ticker:before,.client-ticker:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:clamp(1.25rem,3vw,3.5rem);pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.client-ticker:before{right:0;background:linear-gradient(270deg,var(--section-background,#0a0a0d),transparent)}.client-ticker:after{left:0;background:linear-gradient(90deg,var(--section-background,#0a0a0d),transparent)}.cms-preview-banner{position:fixed;z-index:99;inset-block-start:1rem;inset-inline:1rem;width:max-content;max-width:calc(100% - 2rem);margin:auto;padding:.8rem 1.2rem;border:1px solid #b89cff;border-radius:99px;background:#171320ee;color:#fff;text-align:center;font-size:.8rem;box-shadow:0 .6rem 2rem #0006;backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){.testimonial-progress i{animation:none!important;transform:scaleX(1)!important}}

/* Keep the hero service ticker in a direction-independent, equal-width loop. */
.reel-track{direction:ltr;gap:0;flex-wrap:nowrap}
.reel-group{display:flex;flex:0 0 auto;min-width:100vw;width:max-content;align-items:center;justify-content:space-around;gap:clamp(1rem,3vw,2rem);padding-inline-end:2rem;white-space:nowrap}
.reel-group span{direction:rtl;unicode-bidi:plaintext}
@keyframes reel{to{transform:translate3d(-50%,0,0)}}

/* وسم «تصور توضيحي» — إلزامي على الأعمال غير المعتمدة. لا يُزال بلا أعمال معتمدة من العميل. */
.illustrative-badge{display:inline-block;margin-inline-start:.5rem;padding:.22em .7em;border:1px solid var(--violet,#7751ff);border-radius:99px;color:var(--violet,#7751ff);font-size:.72em;font-weight:600;line-height:1.6;white-space:nowrap;vertical-align:baseline}
.client-logo[data-logo-mode="color"]{padding:0;border-radius:0;background:transparent}
.client-logo[data-logo-mode="mono"]{background:transparent}
.client-ticker-track{animation-play-state:paused}
.client-ticker.is-active:not(:hover):not(:focus-within) .client-ticker-track{animation-play-state:running}
.client-ticker{direction:ltr}