/* ===== Motion layer (GSAP) ===== */
.motion .rv{opacity:1;transform:none;transition:none}
.motion .word{animation:none;opacity:1;filter:none;transform:none}
.motion .marquee-track{animation:none}
.motion .skyline .ln{transition:none}
.motion .wcard,.motion .card,.motion .svc img,.motion .ms-media img{transition:none}
.motion .card:hover{transform:none}
.motion .wallet:hover .wcard{transform:none}
.motion .hero-bg img{animation:none;transform:none}
.motion .float{animation:none}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .06em .34em;margin:-.12em -.06em -.34em}
.wm>.w{display:inline-block;will-change:transform;padding:.1em 0 .3em;margin:-.1em 0 -.3em}

/* loader */
#loader{position:fixed;inset:0;z-index:300;background:#07070a;display:grid;place-items:center;clip-path:inset(0 0 0 0)}
#loader .ld-in{display:flex;flex-direction:column;align-items:center;gap:26px}
#loader .ld-logo{position:relative;width:min(300px,62vw)}
#loader .ld-logo img{width:100%;display:block}
#loader .ld-logo .base{opacity:.1;filter:grayscale(1)}
#loader .ld-logo .fill{position:absolute;inset:0;clip-path:inset(100% 0 0 0);filter:drop-shadow(0 0 24px rgba(196,156,53,.45))}
#loader .ld-count{font-family:'Alexandria',sans-serif;font-weight:800;font-size:clamp(46px,7vw,84px);line-height:1;letter-spacing:-.02em;color:#F4EFE6;direction:ltr;font-variant-numeric:tabular-nums}
#loader .ld-count small{font-size:.4em;color:#C49C35;margin-left:4px}
#loader .ld-bar{width:min(320px,70vw);height:2px;background:#1c1c22;border-radius:2px;overflow:hidden}
#loader .ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#915F14,#F1DB6D,#C49C35)}
#loader .ld-tag{font-family:'Alexandria',sans-serif;color:#A49E92;font-size:15px;letter-spacing:.02em}
html.loading,html.loading body{overflow:hidden}

/* cursor */
#cur,#cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:250;border-radius:50%;translate:-50% -50%}
#cur{width:7px;height:7px;background:#F1DB6D;mix-blend-mode:difference}
#cur-ring{width:38px;height:38px;border:1.5px solid rgba(241,219,109,.55);transition:width .35s,height .35s,background .35s,border-color .35s;display:grid;place-items:center;font-family:'Alexandria',sans-serif;font-size:11px;color:#140f02}
#cur-ring.hov{width:74px;height:74px;background:rgba(241,219,109,.12);border-color:rgba(241,219,109,.9)}
@media (pointer:coarse){#cur,#cur-ring{display:none}}

/* hero trails canvas */
#trails{position:absolute;inset:0;z-index:-1;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}

/* big text band */
.bigband{position:relative;padding:70px 0;overflow:hidden;border-block:1px solid var(--line)}
.bigband .bt{display:flex;width:max-content;white-space:nowrap;font-family:var(--display);font-weight:800;font-size:clamp(64px,11vw,170px);line-height:1.4;gap:.4em;will-change:transform}
.bigband .bt span{display:inline-flex;align-items:center;gap:.4em}
.bigband .bt span::after{content:"✦";font-size:.35em;color:var(--gold)}
.bigband .bt1{color:var(--text)}
.bigband .bt2{color:transparent;-webkit-text-stroke:1.5px rgba(196,156,53,.7);margin-top:.1em}
.bigband .bt1 em{font-style:normal;background:var(--gold-grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}

/* tilt */
.tilt{transform-style:preserve-3d;will-change:transform}

/* scroll progress */
#sprog{position:fixed;top:0;right:0;height:2px;width:100%;transform-origin:right;transform:scaleX(0);z-index:60;background:linear-gradient(270deg,#915F14,#F1DB6D,#C49C35);box-shadow:0 0 10px rgba(196,156,53,.7)}
@media (min-width:1061px){.hero-visual{justify-content:flex-start}.hero-visual .chip.c2{inset-inline-start:auto;inset-inline-end:-40px;bottom:18%}.hero-visual .chip.c3{inset-inline-end:auto;inset-inline-start:250px;top:40%}.hero-visual .chip.c1{inset-inline-end:auto;inset-inline-start:255px;top:12%}}

html{overflow-x:clip}
body{overflow-x:visible}
.section,.timeline,.rm-hero,.hero,footer,.bigband,.marquee{overflow-x:clip}

/* Lenis + motion fixes */
html.motion{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.motion .chip{animation:none}
.cursor-glow{top:0;left:0;will-change:transform}
.hero-visual .float,.hero-visual .phone{will-change:transform}
.drivers .img{overflow:hidden;isolation:isolate}
.drivers .img img{transform-origin:center}
.motion .btn,.motion .store{transition:box-shadow .3s,border-color .3s,background .3s,color .3s}

/* Arabic glyph safety: let gradient text paint below the line box, never clip finished words */
.gold-text,.green-w,.bigband .bt1 em{padding-block:.12em .28em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.year-badge{background:radial-gradient(closest-side,var(--bg) 72%,transparent)!important;padding:20px 60px!important}
.year-badge b{padding-block:.1em .3em}
.wm{padding-inline:.2em;margin-inline:-.2em}
.wm.open{overflow:visible}
.offer .who{min-width:0}.offer .who b,.offer .who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr .offer .acc{display:none}