:root{color-scheme:dark;--ink:#031b15;--ivory:#f4f2e9;--muted:#b2c6bb;--gold:#d8bd83;--line:rgba(217,233,218,.17);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink)}body{color:var(--ivory)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-dot{fill:currentColor;stroke:none}[hidden]{display:none!important}
.showcase{position:relative;min-height:760px;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 83% 43%,#9fc1a4 0,#528967 22%,#164c34 40%,#052c1d 61%,#01130e 100%)}
.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,11,8,.62),transparent 65%),linear-gradient(0deg,rgba(0,8,6,.7),transparent 43%)}.ambient-glow{position:absolute;width:85vw;height:85vw;border-radius:50%;left:37%;top:-59vw;background:radial-gradient(ellipse,rgba(235,237,192,.22),rgba(155,210,166,.06) 36%,transparent 67%)}.light-pass{position:absolute;inset:-50%;opacity:0;background:linear-gradient(110deg,transparent 44%,rgba(175,224,194,.16) 49%,rgba(230,241,201,.21) 50%,transparent 54%);transform:translateX(-60%)}
.header{position:absolute;z-index:6;left:4.6%;right:4.6%;top:34px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:50px;height:50px;border-radius:50%;object-fit:cover}.brand-wordmark{font-size:.92rem;line-height:1.5;font-weight:500;letter-spacing:.16em}.brand-wordmark>span{display:block;font-size:.75rem;color:var(--gold);letter-spacing:.43em}.header-actions{display:flex;gap:35px;align-items:center}.header-note{font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.intro-control{border:1px solid var(--line);border-radius:50px;background:rgba(2,22,15,.2);color:var(--ivory);font-size:.875rem;display:flex;gap:9px;align-items:center;padding:12px 18px;cursor:pointer;transition:border-color .25s,background .25s;min-height:44px}.intro-control:hover{border-color:rgba(216,189,131,.6);background:rgba(216,189,131,.06)}
.backdrop-word{position:absolute;left:38%;top:23%;font-size:clamp(4rem,13.4vw,15rem);font-weight:700;letter-spacing:-.07em;line-height:1;color:rgba(209,239,211,.055);white-space:nowrap;pointer-events:none;user-select:none;transition:opacity 1s}
.car-stage{position:absolute;width:73%;left:35%;top:51%;transform:translateY(-50%);z-index:1;pointer-events:none;mix-blend-mode:multiply}.car-motion{width:100%;transform-origin:55% 70%}.car-parallax{position:relative;will-change:transform;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.car-photo-frame{position:relative;width:100%;aspect-ratio:1.785;overflow:hidden}.car-photo-frame>img{position:absolute;width:172.414%;height:auto;max-width:none;left:-34.483%;top:-104.615%;display:block;filter:brightness(1.12) contrast(1.06)}.car-stage.is-unavailable{display:none}
.launch-copy{position:absolute;z-index:3;left:8.3%;top:50%;transform:translateY(-43%);width:33%;max-width:460px}.eyebrow{margin:0 0 25px;color:var(--gold);font-size:.875rem;line-height:1.5;letter-spacing:.13em;font-weight:400}.launch-copy h1{font-weight:400;font-size:clamp(4rem,6.8vw,7rem);line-height:.99;letter-spacing:-.065em;margin:0 0 25px}.launch-copy h1>span{display:block}.arabic-heading{margin:0 0 23px;font-size:1.5rem;line-height:1.6;direction:rtl;text-align:left;color:#dfebe1;font-weight:400}.description{color:var(--muted);line-height:1.75;margin:0 0 30px;font-size:1rem;letter-spacing:.005em}.instagram-link{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:17px 23px;text-decoration:none;background:var(--ivory);color:#0b3022;border:1px solid var(--ivory);border-radius:2px;font-size:.875rem;transition:background .25s,color .25s,transform .25s}.instagram-link:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}.arrow-icon{margin-left:20px}.instagram-handle{color:var(--muted);font-size:.875rem;margin:16px 0 0;letter-spacing:.03em}
.intro-caption{position:absolute;z-index:4;bottom:18%;left:8.3%;pointer-events:none;opacity:0;transform:translateY(14px)}.intro-kicker{color:var(--gold);font-size:.875rem;letter-spacing:.18em}.intro-caption p{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;font-weight:400;letter-spacing:-.03em;margin:15px 0 0}
.footer{position:absolute;z-index:5;left:4.6%;right:4.6%;bottom:29px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:21px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;letter-spacing:.09em}.footer-location{display:flex;align-items:center;gap:12px}.footer-location [lang=ar]{font-size:.9rem;letter-spacing:0}.fine-line{height:1px;width:26px;display:block;background:var(--gold)}.domain{font-size:.875rem;letter-spacing:.04em}.sequence{display:flex;gap:12px;align-items:center;font-size:.75rem;letter-spacing:.1em}.sequence-track{width:74px;height:1px;background:rgba(221,236,223,.16);overflow:hidden}.sequence-track>span{height:100%;width:100%;transform-origin:left;display:block;background:var(--gold)}
.showcase[data-state=intro] .launch-copy{visibility:hidden;opacity:0}.showcase[data-state=intro] .backdrop-word{opacity:0}.showcase[data-state=intro] .car-motion{animation:car-arrival 4.9s cubic-bezier(.18,.58,.21,1) both}.showcase[data-state=intro] .light-pass{animation:light-arrival 4.9s ease both}.showcase[data-state=intro] .intro-caption{animation:intro-copy 4.9s ease both}.showcase[data-state=intro] .sequence-track>span{animation:progress 4.9s linear both}.showcase[data-state=reveal] .launch-copy>*{animation:copy-reveal 1s cubic-bezier(.16,1,.3,1) both}.showcase[data-state=reveal] .launch-copy>*:nth-child(2){animation-delay:.06s}.showcase[data-state=reveal] .launch-copy>*:nth-child(3){animation-delay:.13s}.showcase[data-state=reveal] .launch-copy>*:nth-child(4){animation-delay:.19s}.showcase[data-state=reveal] .launch-copy>*:nth-child(5){animation-delay:.25s}.showcase[data-state=reveal] .launch-copy>*:nth-child(6){animation-delay:.32s}.showcase[data-state=reveal] .backdrop-word{animation:background-reveal 1.4s ease both}
@keyframes car-arrival{0%{transform:translate3d(-108vw,10%,0) scale(.7) rotate(-4deg);filter:blur(7px);opacity:0}10%{opacity:1}42%{transform:translate3d(-21vw,-1%,0) scale(1.17) rotate(1deg);filter:blur(1px)}69%{transform:translate3d(-10vw,1%,0) scale(1.08) rotate(0);filter:blur(0)}100%{transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0);opacity:1}}
@keyframes light-arrival{0%{transform:translateX(-45%);opacity:0}20%{opacity:1}70%{opacity:.8}100%{transform:translateX(60%);opacity:0}}
@keyframes intro-copy{0%,16%{opacity:0;transform:translateY(14px)}33%,69%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes copy-reveal{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes background-reveal{from{opacity:0}to{opacity:1}}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}
@media(min-width:1600px){.car-stage{width:68%;left:38%;top:51%}.launch-copy{left:10%;max-width:510px}.launch-copy h1{font-size:7.4rem}.description{font-size:1.125rem}}
@media(max-width:1050px){.header-note{display:none}.launch-copy{left:6%;width:39%}.car-stage{width:79%;left:30%;top:47%}.launch-copy h1{font-size:5.4rem}.sequence{display:none}}
@media(max-width:700px){.showcase{height:100svh;min-height:850px;background:radial-gradient(ellipse at 65% 30%,#a7c4a7 0,#4c8a63 17%,#0d432c 34%,#052c1d 52%,#01130e 100%)}.header{left:6%;right:6%;top:23px;gap:12px}.brand{gap:9px}.brand img{width:42px;height:42px}.brand-wordmark{font-size:.78rem;letter-spacing:.1em}.brand-wordmark>span{font-size:.75rem}.intro-control{padding:10px 12px;font-size:.75rem;gap:6px}.intro-control svg{width:14px}.backdrop-word{font-size:19vw;top:20%;left:6%;letter-spacing:-.07em}.car-stage{top:33%;left:-13%;width:124%;transform:translateY(-50%)}.launch-copy{top:52%;left:8%;width:84%;max-width:none;transform:none}.eyebrow{font-size:.75rem;letter-spacing:.11em;margin-bottom:16px}.launch-copy h1{font-size:clamp(3rem,10.6vw,4.6rem);line-height:1.06;margin-bottom:12px;letter-spacing:-.055em}.launch-copy h1>span{display:inline}.launch-copy h1>span:before{content:' '}.arabic-heading{font-size:1.15rem;line-height:1.5;margin-bottom:12px}.description{font-size:1rem;line-height:1.65;margin-bottom:21px}.description br{display:none}.description br:after{content:' '}.instagram-link{padding:14px 20px;min-height:50px;font-size:.875rem}.instagram-handle{font-size:.875rem;margin-top:13px}.intro-caption{left:8%;bottom:24%;right:8%}.intro-caption p{font-size:2rem}.footer{left:6%;right:6%;bottom:23px;gap:10px;padding-top:17px}.footer-location{font-size:.75rem;gap:7px;letter-spacing:.02em}.footer-location [lang=ar]{display:none}.fine-line{width:16px}.domain{font-size:.75rem;letter-spacing:0}@keyframes car-arrival{0%{transform:translate3d(-115vw,13%,0) scale(.8) rotate(-5deg);filter:blur(6px);opacity:0}12%{opacity:1}44%{transform:translate3d(3vw,7%,0) scale(1.13) rotate(1deg);filter:blur(1px)}68%{transform:translate3d(-2vw,3%,0) scale(1.06);filter:blur(0)}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}}}
@media(max-width:370px){.brand-wordmark{font-size:.75rem}.brand img{width:36px;height:36px}.intro-control{font-size:.75rem;padding:9px}.launch-copy{left:7%;width:86%}.launch-copy h1{font-size:2.9rem}.arrow-icon{margin-left:6px}}
@media(min-width:701px) and (max-height:720px){.showcase{min-height:640px}.header{top:22px}.launch-copy{top:49%;transform:translateY(-40%)}.launch-copy h1{font-size:4.5rem;margin-bottom:15px}.eyebrow{margin-bottom:17px}.arabic-heading{font-size:1.2rem;margin-bottom:14px}.description{margin-bottom:21px}.footer{bottom:19px}.car-stage{top:49%;width:70%;left:36%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.showcase[data-state=intro] .launch-copy{visibility:visible;opacity:1}.showcase[data-state=intro] .car-motion{transform:none;filter:none;opacity:1}.intro-caption,.light-pass{display:none}.car-parallax{transform:none!important}}

/* Keep the complete model in frame and lift detail against the green studio. */
.car-stage{width:68%;left:34%}
.car-photo-frame>img{filter:brightness(1.5) contrast(.98)}
.description>span{display:block}
@media(min-width:1600px){.car-stage{width:65%;left:36%}}
@media(max-width:1050px) and (min-width:701px){.car-stage{width:74%;left:28%}}
@media(max-width:700px){.showcase{min-height:740px}.car-stage{width:112%;left:-6%;top:29%}.launch-copy{top:49%}.description>span{display:inline}}