html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body[data-home] .home-main{padding:8px clamp(20px,4vw,64px) 64px!important;display:block;flex:1;min-width:0}.home-hero{height:640px;position:relative;isolation:isolate;border-radius:22px;overflow:hidden;background:var(--ui-surface);touch-action:pan-y pinch-zoom}.hero-scenes,.hero-scene,.hero-visual{position:absolute;inset:0}.hero-scene{opacity:0;visibility:hidden;transition:opacity var(--motion-slow) var(--ease-premium),visibility var(--motion-slow);z-index:0}.hero-scene.is-active{opacity:1;visibility:visible;z-index:1}.hero-visual{overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:35% 50%;transform:scale(1.015);transition:transform 8s linear}.hero-scene.is-active img{transform:scale(1.065)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#f5f0e9 0%,#f5f0e9f0 20%,#f5f0e9b8 41%,#f5f0e900 65%)}.dark .hero-visual:after{background:linear-gradient(270deg,#1e1f2c 0%,#1e1f2cf5 23%,#1e1f2cbb 43%,#1e1f2c00 72%)}.hero-copy{position:relative;z-index:1;width:49%;padding:75px 52px 120px 18px}.home-eyebrow{font-size:14px!important;font-weight:700;color:var(--ui-accent)!important;margin:0 0 18px!important;line-height:1.8}.hero-copy .home-eyebrow{display:flex;align-items:center;gap:12px}.hero-rule{width:28px;height:1px;background:currentColor}.hero-copy h1,.hero-copy h2{font-size:clamp(40px,4.5vw,64px);font-weight:800;line-height:1.3!important;letter-spacing:-1.4px;max-width:510px;margin:0 0 20px;text-wrap:balance}.hero-caption{font-size:17px;margin-bottom:30px;color:var(--ui-muted)}.hero-copy>*{opacity:0;transform:translateY(14px);transition:opacity 800ms var(--ease-premium),transform 1000ms var(--ease-premium)}.is-active .hero-copy>*{opacity:1;transform:none}.is-active .hero-copy h1,.is-active .hero-copy h2{transition-delay:110ms}.is-active .hero-copy .agency-button{transition-delay:170ms}.hero-controls{position:absolute;z-index:3;bottom:30px;right:52px;left:52px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-controls[hidden]{display:none}.hero-index{display:flex;gap:14px;direction:ltr}.hero-index button{width:46px;min-height:46px;background:transparent;border:0;color:var(--ui-muted);cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;display:flex;flex-direction:column;align-items:stretch;gap:10px;justify-content:center}.hero-index button[aria-pressed=true]{color:var(--ui-text);font-weight:700}.hero-progress{display:block;height:2px;background:var(--ui-border);overflow:hidden}.hero-progress>span{display:block;height:100%;width:100%;background:var(--ui-accent);transform:scaleX(0);transform-origin:left}.hero-index button[aria-pressed=true] .hero-progress>span{transform:scaleX(var(--hero-progress,0))}.hero-playback{display:flex;gap:8px;direction:rtl}.hero-playback .agency-icon-button{background:var(--ui-surface);width:44px;height:44px;box-shadow:0 2px 20px #0000000a}.hero-playback .agency-icon{width:18px;height:18px}.hero-play-icon,[data-hero-pause][aria-pressed=true] .hero-pause-icon{display:none}[data-hero-pause][aria-pressed=true] .hero-play-icon{display:block}
.home-section{margin-top:100px}.home-section h2{font-size:clamp(30px,3vw,43px);font-weight:700;line-height:1.4!important;letter-spacing:-.5px}.home-section p{color:var(--ui-muted);font-size:17px;line-height:1.9}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:1100px;margin-inline:auto;padding-bottom:50px;border-bottom:1px solid var(--ui-border)}.home-intro>div>p:not(.home-eyebrow){max-width:520px}.home-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--ui-accent);font-size:15px;font-weight:700;min-height:44px;margin-top:12px}.home-text-link svg{width:19px;height:19px;transition:transform var(--motion-normal)}.home-text-link:hover svg{transform:translateX(-4px)}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.home-section-heading .home-eyebrow{margin-bottom:8px!important}.home-services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ui-border);border-right:1px solid var(--ui-border)}.home-service{display:block;padding:32px;border-left:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);background:var(--ui-surface);transition:background var(--motion-normal),transform var(--motion-normal)}.home-service:hover{background:var(--ui-hover);transform:translateY(-3px)}.home-service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:var(--ui-accent)}.home-service-top>svg{width:20px;height:20px}.home-service-number{font-size:13px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--ui-muted)}.home-service h3{font-size:23px;font-weight:700;margin-bottom:10px}.home-service p{font-size:15px;line-height:1.8}.home-work .campaign-teaser{display:grid;grid-template-columns:.85fr 1fr;gap:64px;padding:56px 70px;border-radius:20px;background:var(--ui-surface);box-shadow:none;border:1px solid var(--ui-border);min-height:530px;direction:ltr}.home-work .campaign-teaser>div:last-child{direction:rtl}.home-work .campaign-teaser-art{width:100%;height:430px;display:flex;justify-content:center;align-items:center;background:#e5e5df;border-radius:8px;padding:28px;overflow:visible}.dark .home-work .campaign-teaser-art{background:#303330}.home-work .campaign-teaser-art img{width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;border-radius:0;box-shadow:0 15px 40px #0003;transform:rotate(-4deg);transition:transform 600ms var(--ease-premium)}.home-work .campaign-teaser:hover img{transform:rotate(0)}.home-work .campaign-teaser h2{font-size:clamp(36px,4vw,58px);max-width:360px;margin:14px 0}.home-work .campaign-text-link{color:var(--ui-accent);font-size:16px}.home-work-links{display:flex;justify-content:space-between;gap:20px;margin-top:22px}.home-work-links a{display:flex;align-items:center;gap:16px;min-height:44px;font-size:15px;color:var(--ui-muted)}.home-work-links svg{width:20px}.home-subscription{display:grid;grid-template-columns:1fr 1fr;gap:80px}.home-subscription-copy{padding:20px 0}.home-subscription h2{margin-bottom:20px}.home-trust{border-top:1px solid var(--ui-border);padding-top:26px;margin-top:30px}.home-trust h3{font-size:20px;font-weight:700}.home-trust p{font-size:15px}.home-trial{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:20px;padding:40px}.home-trial h3{font-size:29px;font-weight:700;line-height:1.5;margin-bottom:20px}.home-trial p{font-size:16px;margin-bottom:14px}.home-trial .agency-button{margin-top:18px}.home-trial .home-text-link{display:flex}
@media(min-width:1000px){body[data-agency-shell=wide] nav[aria-label="التنقل السفلي"]{display:none}}
@media(min-width:700px) and (max-width:1099px){.hero-copy{padding-right:32px;width:53%}.hero-copy h1,.hero-copy h2{font-size:46px}.hero-controls{right:32px;left:32px}.home-hero{height:590px}.home-section{margin-top:72px}.home-service{padding:24px}.home-work .campaign-teaser{gap:35px;padding:35px}.home-subscription,.home-intro{gap:40px}}
@media(max-width:699px){body[data-home] .home-main{padding:0 20px 40px!important}.home-hero{height:665px;border-radius:16px;margin-inline:-8px}.hero-visual{bottom:auto;height:335px}.hero-visual img{object-position:25% 40%}.hero-visual:after,.dark .hero-visual:after{background:linear-gradient(0deg,var(--ui-surface),transparent 48%)}.hero-copy{position:absolute;inset:295px 0 auto;width:auto;padding:0 24px 80px}.hero-copy .home-eyebrow{font-size:12px!important;margin-bottom:12px!important}.hero-copy h1,.hero-copy h2{font-size:34px;line-height:1.35!important;letter-spacing:-.5px;max-width:330px;margin-bottom:12px;text-wrap:balance}.hero-caption{font-size:14px;margin-bottom:20px}.hero-copy .agency-button{font-size:14px;min-height:46px;padding:12px 20px}.hero-controls{bottom:20px;left:20px;right:20px;gap:12px}.hero-index{gap:7px}.hero-index button{width:30px;font-size:11px}.hero-playback{gap:5px}.hero-playback .agency-icon-button{width:38px;height:44px}.home-section{margin-top:64px}.home-intro,.home-subscription{grid-template-columns:1fr;gap:24px}.home-intro{padding-bottom:34px}.home-section h2{font-size:30px}.home-section p{font-size:16px}.home-eyebrow{font-size:12px!important}.home-section-heading{align-items:start;gap:12px;margin-bottom:24px}.home-section-heading .home-text-link{font-size:13px;gap:6px;margin-top:26px;white-space:nowrap}.home-section-heading .home-text-link svg{width:16px}.home-services-grid{grid-template-columns:repeat(2,1fr)}.home-service{padding:22px 16px}.home-service-top{margin-bottom:26px}.home-service h3{font-size:18px;line-height:1.55}.home-service p{font-size:14px;line-height:1.8}.home-work .campaign-teaser{grid-template-columns:1fr;gap:28px;padding:24px;min-height:0;direction:rtl}.home-work .campaign-teaser-art{height:350px;padding:24px}.home-work .campaign-teaser h2{font-size:36px}.home-work-links{display:grid;gap:4px}.home-work-links a{font-size:14px;justify-content:space-between}.home-trial{padding:28px}.home-trial h3{font-size:27px}.home-subscription-copy{padding:0}.home-trust{margin-top:24px}.home-section .home-eyebrow{margin-bottom:10px!important}}
@media(max-width:359px){.hero-copy{padding-inline:20px}.hero-copy h1,.hero-copy h2{font-size:30px}.hero-controls{left:14px;right:14px}.hero-index{gap:4px}.hero-index button{width:27px}.hero-playback .agency-icon-button{width:34px}.home-service{padding:20px 12px}.home-service h3{font-size:17px}.home-section-heading{flex-wrap:wrap}.home-section-heading .home-text-link{margin-top:0}.home-trial{padding:24px}}
@media(prefers-reduced-motion:reduce){.hero-visual img,.hero-scene.is-active img{transform:none}.hero-copy>*{transform:none}.home-work .campaign-teaser-art img{transform:none}.hero-scene{transition:none}}
@media(max-width:699px){.hero-playback [data-hero-prev],.hero-playback [data-hero-next]{display:none}.hero-playback .agency-icon-button{width:44px;height:44px}.hero-index{flex:1;gap:3px}.hero-index button{width:auto;flex:1;min-width:44px;min-height:44px}.hero-controls{gap:12px}}
/* A restrained image mask and six-pixel scroll offset share the same motion scale. */
.hero-visual{inset:-8px;transform:translate3d(0,var(--hero-parallax,0px),0);clip-path:inset(0 2% 0 0);transition:clip-path var(--motion-slow) var(--ease-premium)}.is-active .hero-visual{clip-path:inset(0)}
@media(max-width:699px){.hero-visual{inset:-8px -8px auto;height:343px}}
@media(prefers-reduced-motion:reduce){.hero-visual{transform:none;clip-path:none}}