/* Cinematic sequence: deliberately slow reveals, with no strobe or autoplay audio. */
.hero{isolation:isolate;min-height:900px;background:#070908}.hero-image{width:82%;height:100%;background-position:43% 25%;filter:contrast(1.12) brightness(.72) saturate(.35);mask-image:linear-gradient(90deg,#000 40%,#000b 65%,transparent 100%);animation:none;transform:scale(1.04) translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.hero-shade{z-index:0;background:linear-gradient(90deg,#07090805 15%,#07090820 40%,#070908ad 70%,#070908 100%),linear-gradient(0deg,#070908 0%,transparent 38%,#07090810 70%,#07090880 100%)}.hero-content{z-index:3;padding-top:190px}.hero-content .eyebrow{font-size:11px;letter-spacing:3.5px}.hero-content h1{font-size:clamp(4.8rem,8vw,8rem);letter-spacing:-5px;line-height:.98;width:54%;margin-bottom:34px;word-spacing:8px}.hero-content h1 .title-line{display:block;overflow:hidden;line-height:1.12}.hero-content h1 .title-line>span{display:block}.hero-content h1 .title-line:nth-child(1){font-size:.58em;letter-spacing:1px;margin-bottom:12px}.hero-content h1 em{color:#d3b77e;text-shadow:0 0 70px #d3b77e22}.hero-ar h2{font-size:29px}.hero-ar p{font-size:14px;max-width:340px}.hero .button{background:linear-gradient(110deg,#b69a61,#e4c78c 50%,#bea36e);box-shadow:0 8px 40px #0004;border:1px solid #efdaa1}.hero-ar{width:42%;}.hero-bottom{z-index:4;bottom:35px;font-size:10px;letter-spacing:3px}.hero-bottom>span:first-child{max-width:55%;}.cinema-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.cinema-glow{position:absolute;width:65%;height:100%;left:-18%;top:-12%;background:radial-gradient(ellipse,#ae853f22,transparent 60%);mix-blend-mode:screen;transform:rotate(-25deg);animation:light-breathe 11s ease-in-out infinite alternate}.cinema-line{height:1px;position:absolute;top:58%;width:85%;left:-30%;background:linear-gradient(90deg,transparent,#dab77c80,transparent);box-shadow:0 0 25px 3px #d6af6326;transform:rotate(-26deg);opacity:.25}.cinema-dust{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 30%,#e9cf8caa 0 1px,transparent 2px),radial-gradient(circle at 31% 64%,#e9cf8c99 0 1px,transparent 2px),radial-gradient(circle at 55% 26%,#e9cf8c99 0 1px,transparent 2px),radial-gradient(circle at 24% 80%,#e9cf8c77 0 1px,transparent 2px),radial-gradient(circle at 69% 55%,#e9cf8c66 0 1px,transparent 2px);background-size:680px 670px;opacity:.35;animation:dust-drift 28s linear infinite}.scene-number{position:absolute;z-index:0;left:4%;bottom:6%;font-family:Manrope;font-weight:500;font-size:clamp(220px,30vw,550px);line-height:1;color:transparent;-webkit-text-stroke:1px #d7bd8326;pointer-events:none;opacity:.45;letter-spacing:-30px}.scene-replay{position:absolute;bottom:100px;left:5%;z-index:4;display:flex;gap:12px;align-items:center;border:0;background:transparent;color:#eee5d1;font-size:12px}.scene-replay .replay-symbol{display:grid;place-items:center;width:45px;height:45px;border:1px solid #c8ad7866;border-radius:50%;font-size:19px;transition:background .3s}.scene-replay:hover .replay-symbol{background:#c6aa7225}.scene-replay small{display:block;color:#b4a98e;letter-spacing:2px;font-family:Manrope;font-size:9px;text-align:right}.scene-index{position:absolute;top:160px;left:5%;z-index:3;font-size:10px;letter-spacing:3px;color:#d1c7b4;display:flex;align-items:center;gap:16px;font-family:Manrope}.scene-index:before{content:'';width:35px;height:1px;background:var(--gold)}.cinematic-intro{position:fixed;inset:0;z-index:30;display:grid;place-items:center;direction:ltr;pointer-events:none;background:#070908;animation:intro-away .5s cubic-bezier(.76,0,.24,1) 1.5s forwards}.intro-inner{text-align:center;position:relative;width:100%;overflow:hidden}.intro-kicker{font-family:Manrope;font-size:10px;letter-spacing:5px;color:#a79471;animation:intro-kicker .8s .1s both}.intro-name{font-family:Manrope;font-size:clamp(55px,11vw,175px);line-height:1.1;letter-spacing:-5px;font-weight:500;color:#dfc690;margin:20px 0;animation:intro-name 1.2s cubic-bezier(.2,.8,.3,1) .3s both;text-shadow:0 0 80px #dec08525}.intro-baseline{font-family:Manrope;font-size:11px;letter-spacing:7px;color:#f0e8d8;animation:intro-kicker .7s .55s both}.intro-rule{position:absolute;left:15%;right:15%;height:1px;bottom:60px;background:#ffffff15}.intro-rule:after{content:'';display:block;width:100%;height:1px;background:#c8ad76;transform-origin:left;animation:intro-progress 1.5s linear both}.intro-skip{position:absolute;bottom:80px;right:7%;border:0;background:transparent;color:#cfbf9f;font-size:12px;pointer-events:auto}.intro-counter{position:absolute;bottom:80px;left:7%;font-family:Manrope;font-size:10px;color:#918875;letter-spacing:3px}.cinematic-intro.is-skipped{animation:intro-away .35s forwards}.scene-playing .hero-image{animation:portrait-reveal 3s cubic-bezier(.15,.65,.3,1) 1.2s both}.scene-playing .hero-content .eyebrow{animation:copy-reveal .8s 1.5s both}.scene-playing .title-line:nth-child(1)>span{animation:title-reveal 1.3s cubic-bezier(.16,1,.3,1) 1.6s both}.scene-playing .title-line:nth-child(2)>span{animation:title-reveal 1.5s cubic-bezier(.16,1,.3,1) 1.73s both}.scene-playing .hero-ar{animation:copy-reveal 1s 2s both}.scene-playing .scene-index,.scene-playing .scene-replay,.scene-playing .hero-bottom{animation:copy-reveal .8s 2.25s both}.section.in-view .section-heading h2,.section.in-view>div>h2,.section.in-view .units-head h2{animation:section-rise .85s both}.cinematic-intro~*{visibility:visible}header{background:linear-gradient(#07090870,transparent);border-bottom-color:#ffffff15}#scroll-progress{position:fixed;top:0;right:0;height:2px;width:100%;transform:scaleX(0);transform-origin:right;background:var(--gold);z-index:25;pointer-events:none}.contact-direct{display:block;text-align:center;font-size:13px;padding:13px;border:1px solid #c4a66e50;margin-top:15px;color:#dac38e}
@keyframes intro-away{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes intro-name{from{opacity:0;transform:translateY(35px) scale(1.12);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes intro-kicker{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes portrait-reveal{from{opacity:0;filter:brightness(.2) saturate(0);transform:scale(1.13)}to{opacity:1;filter:brightness(.85) saturate(.55);transform:scale(1.04)}}@keyframes title-reveal{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes copy-reveal{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes section-rise{from{transform:translateY(20px);opacity:.25}to{transform:translateY(0);opacity:1}}@keyframes light-breathe{to{opacity:.4;transform:translate(15%,10%) rotate(-20deg)}}@keyframes dust-drift{to{transform:translateY(-90px)}}
@media(max-width:900px){.hero-content h1{font-size:80px}.hero-content{padding-top:195px}.hero-image{width:85%}.hero-ar{width:47%}.hero-ar h2{font-size:26px}.scene-index{top:135px;font-size:9px}.hero-ar>.text-link{margin-right:20px}.scene-replay{bottom:90px}}
@media(max-width:600px){.hero{min-height:960px}.hero-image{width:100%;height:710px;background-position:43% top;mask-image:linear-gradient(0deg,transparent,#000 38%);filter:brightness(.65) saturate(.5)}.hero-shade{background:linear-gradient(0deg,#070908 0%,#070908 22%,#070908a8 44%,transparent 75%,#07090840 100%)}.hero-content{padding-top:395px;padding-bottom:130px}.hero-content h1{width:100%;font-size:clamp(3.6rem,16vw,5.4rem);letter-spacing:-3px;margin-bottom:18px}.hero-content h1 .title-line:nth-child(1){font-size:.56em;letter-spacing:1px;margin-bottom:10px}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px;color:#dbc392}.hero-ar{width:100%}.hero-ar h2{font-size:25px;margin:0 0 13px}.hero-ar p{font-size:13px;margin-bottom:25px}.hero-ar>.text-link{margin-right:20px}.scene-index{top:110px;left:7%;font-size:8px;letter-spacing:2px}.scene-index:before{width:20px}.scene-replay{bottom:88px;left:7%;font-size:11px}.scene-replay small{font-size:8px}.scene-replay .replay-symbol{width:36px;height:36px;font-size:16px}.hero-bottom{bottom:30px;right:7%;left:7%;font-size:7px;letter-spacing:1.3px}.hero-bottom>span:first-child{max-width:70%}.scene-number{font-size:280px;left:0;bottom:35%;letter-spacing:-20px;opacity:.25}.intro-name{font-size:70px;letter-spacing:-4px}.intro-baseline{font-size:8px;letter-spacing:4px}.intro-kicker{font-size:8px;letter-spacing:3px}.intro-rule{bottom:95px}.intro-skip,.intro-counter{bottom:115px}.cinema-line{top:43%}.cinema-dust{opacity:.25}.hero .button{font-size:14px;padding:11px 20px;gap:32px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none}.hero-image{transform:none!important}.scene-playing *{animation:none!important}.cinema-dust,.cinema-glow{animation:none}.scene-replay{display:none}}
.hero-image{background-image:url("assets/ramadan-cinematic.png");width:100%;mask-image:none;background-position:center top;filter:brightness(.85) saturate(.8)}@media(max-width:600px){.hero-image{height:710px;background-position:30% top;mask-image:linear-gradient(0deg,transparent,#000 38%)}}
.cinematic-intro{overflow:hidden}.intro-hotel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.7;animation:hotel-approach 3.6s ease-out both}.intro-hotel-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070908ed,transparent 65%,#07090877),radial-gradient(ellipse at center,#070908a8,transparent 85%)}.intro-inner{z-index:1;padding:0 5%}.intro-name{font-size:clamp(3rem,9.5vw,9rem);line-height:1.07;letter-spacing:.025em;margin:0 0 30px;color:#ead39a;text-shadow:0 3px 35px #000c}.intro-name>span{display:block}.intro-name>span:first-child{letter-spacing:.18em;padding-left:.18em}.intro-baseline{font-size:clamp(.75rem,1.25vw,1rem);letter-spacing:.28em;color:#f6efdf;text-shadow:0 2px 15px #000}.intro-rule,.intro-skip,.intro-counter{z-index:2}@keyframes hotel-approach{from{transform:scale(1.1);filter:brightness(.4)}to{transform:scale(1);filter:brightness(.85)}}@media(max-width:600px){.intro-name{font-size:clamp(2.1rem,10.6vw,4rem);letter-spacing:.015em;margin-bottom:24px}.intro-baseline{font-size:.7rem;letter-spacing:.15em}.intro-hotel{object-position:center}.intro-hotel-shade{background:linear-gradient(0deg,#070908ed,transparent 80%),#07090855}}@media(prefers-reduced-motion:reduce){.intro-hotel{animation:none}}