@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
.registerPanel form button{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;display:block!important;opacity:1!important;animation:none!important;color:#fff!important;font-size:12px!important;letter-spacing:.12em!important;cursor:pointer}.registerPanel form button:hover{background:#cc573f}.registerScene .moreInfoBtn{position:static!important}.scene4>.introCoordinates{display:none}
/* Night-to-day cinematic progression */
.cinematicIntro.scene0{background:#01070b}
.cinematicIntro.scene1{background:linear-gradient(180deg,#020b12,#08283a)}
.cinematicIntro.scene2{background:linear-gradient(145deg,#071721,#184052)}
.cinematicIntro.scene3{background:linear-gradient(145deg,#173d4c,#578794)}
.cinematicIntro.scene4{background:#9dc8d0}
.officialLogo{width:min(520px,72vw);height:clamp(68px,10vw,96px);margin:12px auto 8px;background-image:linear-gradient(rgba(0,10,18,.08),rgba(0,10,18,.08)),url('assets/shams-soma-brand-sea.jpeg');background-size:100% auto;background-position:center 44.8%;background-repeat:no-repeat;filter:brightness(1.18) contrast(1.1);clip-path:inset(10% 1% 10% 1%)}
.registerScene{background:linear-gradient(180deg,rgba(208,235,238,.12),rgba(240,244,232,.2)),url('assets/shams-soma-brand-sea.jpeg') center 38%/cover no-repeat!important}
.registerScene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(122,183,198,.12),rgba(225,238,229,.35));backdrop-filter:brightness(1.55) saturate(.75)}
.registerPanel{position:relative;z-index:2;background:rgba(255,255,255,.95)!important;color:#062130!important;padding:clamp(22px,4vw,46px)!important;box-shadow:0 28px 90px rgba(4,31,43,.2);border:1px solid rgba(255,255,255,.8);max-width:590px!important}
.registerPanel h2,.registerPanel label,.registerPanel span{color:#062130!important}.registerPanel input,.registerPanel select{color:#062130!important;border-color:rgba(6,33,48,.25)!important;background:rgba(239,247,247,.8)!important}.registerPanel form button{background:#b94932!important}.registerPanel .moreInfoBtn{background:#062130!important;color:#fff!important;border-color:#062130!important}
/* Single-line editorial headlines */
.preScene .sceneCopy h2,.registerPanel h2,.locationScene .mapTitle h2{white-space:nowrap!important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.7vw,78px)!important;line-height:.96!important;letter-spacing:-.035em!important}
.unitsScene .sceneCopy,.dataScene .sceneCopy{width:auto!important;max-width:none!important}.registerPanel h2{font-size:clamp(30px,3.25vw,50px)!important}
@media(max-width:760px){.preScene .sceneCopy h2{font-size:clamp(22px,6.1vw,34px)!important;letter-spacing:-.045em!important}.locationScene .mapTitle h2{font-size:clamp(18px,5.7vw,27px)!important}.registerPanel h2{font-size:clamp(24px,7.1vw,34px)!important}.officialLogo{width:82vw;height:62px}}
/* Refined scene navigation: editorial label + fine white directional line */
.cinematicIntro>button{bottom:16px!important;min-width:150px!important;color:#fff!important;gap:8px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(12px,1.15vw,16px)!important;font-weight:400!important;letter-spacing:.13em!important;text-shadow:0 2px 15px rgba(0,0,0,.65)!important}
.cinematicIntro>button i{position:relative!important;display:block!important;width:1px!important;height:30px!important;background:rgba(255,255,255,.85)!important;color:transparent!important;font-size:0!important;animation:navLinePulse 1.8s ease-in-out infinite!important}
.cinematicIntro>button i:after{content:"";position:absolute;left:-3px;bottom:0;width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg)}
@keyframes navLinePulse{50%{transform:translateY(5px);opacity:.55}}
.unitsScene,.dataScene{padding-bottom:96px!important}
/* Airier, more elegant project data composition */
.projectData{gap:18px!important;background:transparent!important;position:relative}
.projectData:before{content:"";position:absolute;inset:7% 50%;width:1px;background:linear-gradient(transparent,rgba(238,242,208,.4),transparent)}
.projectData:after{content:"";position:absolute;inset:50% 7% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(238,242,208,.4),transparent)}
.projectData article{min-height:205px!important;background:linear-gradient(145deg,rgba(3,20,29,.48),rgba(255,255,255,.035))!important;border:1px solid rgba(238,242,208,.12);padding:30px!important;backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(3,20,29,.12);justify-content:center!important;align-items:flex-start}
.projectData article>b{font-size:clamp(28px,3vw,48px)!important}.projectData p{color:rgba(238,242,208,.68)!important}.dataRing{width:104px!important;height:104px!important}.dataBars{height:68px!important;margin-bottom:14px!important}.coastLine{width:100%;margin-bottom:14px!important}.hotelMark{width:64px!important;height:64px!important;margin-bottom:14px!important}
@media(max-width:760px){.cinematicIntro>button{bottom:9px!important;font-size:12px!important;gap:5px!important}.cinematicIntro>button i{height:22px!important}.unitsScene,.dataScene{padding-bottom:78px!important}.projectData{gap:8px!important}.projectData article{min-height:128px!important;padding:14px!important}.projectData:before,.projectData:after{display:none}}
/* Official location artwork with one precise project marker */
.locationScene .officialLocationMap{background:#9cadb5!important}
.locationScene .officialLocationMap:after{background:linear-gradient(180deg,rgba(2,13,22,.16),rgba(2,13,22,.05) 65%,rgba(2,13,22,.28))!important}
.locationScene .officialLocationMap img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:saturate(.82) contrast(1.04) brightness(.9)!important;mix-blend-mode:normal!important}
.locationScene .officialLocationMap>b{left:44.2%!important;top:16.8%!important;width:13px!important;height:13px!important;background:#ef7651!important;box-shadow:0 0 0 7px rgba(239,118,81,.18),0 0 24px #ef7651!important}
.locationScene .officialLocationMap>em{left:calc(44.2% + 22px)!important;top:calc(16.8% - 2px)!important;color:#fff!important;background:rgba(2,13,22,.72)!important;padding:7px 10px!important;font-size:8px!important;letter-spacing:.18em!important;line-height:1!important}
.locationScene .officialLocationMap>em strong{color:#fff!important;font-size:10px!important}
@media(max-width:760px){.locationScene .officialLocationMap img{inset:13% 0 12%!important;height:75%!important}.locationScene .officialLocationMap>b{left:44.2%!important;top:27%!important}.locationScene .officialLocationMap>em{left:calc(44.2% + 18px)!important;top:calc(27% - 2px)!important}}
/* True transparent brand artwork, revealed with the opening effect */
.officialLogo{width:min(580px,76vw)!important;height:auto!important;margin:10px auto!important;background:none!important;filter:none!important;clip-path:inset(0 100% 0 0)!important;animation:wordReveal 1.35s .55s cubic-bezier(.77,0,.18,1) forwards!important}
.officialLogo img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 22px rgba(238,242,208,.14))}
/* Scenes 1–2 remain night; the sea daylight begins at scene 3 */
.cinematicIntro.scene0{background:#01070b!important}.cinematicIntro.scene1{background:linear-gradient(180deg,#010810,#03131e)!important}.cinematicIntro.scene2{background:linear-gradient(145deg,#04141e 0%,#0c3040 52%,#1f5868 100%)!important}.cinematicIntro.scene3{background:linear-gradient(145deg,#174352,#6c9da7)!important}.cinematicIntro.scene4{background:#a9d1d5!important}
@media(max-width:760px){.officialLogo{width:86vw!important}}
.scrollToEnter{margin:14px 0 0!important;color:#315663!important;font:11px Georgia,'Times New Roman',serif!important;letter-spacing:.18em!important;text-align:center}.scrollToEnter i{display:inline-block;font-style:normal;margin-left:7px;animation:downPulse 1.5s infinite}
/* Refined coastal typography */
body,.cinematicIntro input,.cinematicIntro select,.cinematicIntro label{font-family:'Manrope',Arial,sans-serif}.preScene h2,.introBrand p,.cinematicIntro>button,.projectData article>b,.dataRing b,.hotelMark,.registerPanel h2,.moreInfoBtn{font-family:'Cormorant Garamond',Georgia,serif!important}.preScene h2{font-weight:500!important}.cinematicIntro>button{font-weight:500!important}.projectData article>b{font-weight:500!important}
/* Centered residence collection with recognizable architectural drawings */
.unitsScene{width:min(900px,calc(100% - 60px))!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:18px!important;align-content:center!important;padding-top:82px!important}.unitsScene .sceneCopy{text-align:center!important;align-self:end!important}.unitsScene .sceneCopy h2{margin:10px 0 8px!important}.unitsScene .introUnits{width:100%!important;max-width:820px!important;margin:auto!important;align-self:start!important}.unitsScene .introUnits article{grid-template-columns:44px 1fr 190px!important;transform:none!important;padding:10px 4px!important;min-height:92px!important}.unitArchitecture{display:block;justify-self:end;width:180px;height:76px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(238,242,208,.2));opacity:0;transform:translateX(18px);animation:architectureIn .85s .35s forwards}.introUnits article:nth-child(2) .unitArchitecture{animation-delay:.5s}.introUnits article:nth-child(3) .unitArchitecture{animation-delay:.65s}.introUnits article:nth-child(4) .unitArchitecture{animation-delay:.8s}@keyframes architectureIn{to{opacity:.9;transform:none}}
@media(max-width:760px){.unitsScene{width:calc(100% - 28px)!important;padding-top:62px!important}.unitsScene .introUnits article{grid-template-columns:25px 1fr 104px!important;min-height:74px!important}.unitArchitecture{width:100px;height:52px}.unitsScene .sceneCopy{text-align:left!important}}
/* Reliable typographic logo */
.officialLogo.textLogo{display:block!important;width:auto!important;height:auto!important;background:none!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(52px,7.6vw,108px)!important;font-weight:500!important;line-height:.9!important;letter-spacing:.15em!important;margin-right:-.15em!important;color:#eef2d0!important;text-shadow:0 5px 34px rgba(238,242,208,.12)!important;white-space:nowrap!important}
@media(max-width:760px){.officialLogo.textLogo{width:auto!important;font-size:clamp(43px,13vw,64px)!important;letter-spacing:.09em!important;margin-right:-.09em!important}}
.thankYouPage{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;text-align:center;color:#eef2d0;background:linear-gradient(rgba(2,15,23,.48),rgba(2,15,23,.7)),url('assets/shams-soma-brand-sea.jpeg') center/cover no-repeat}.thankYouPage>div{width:min(650px,calc(100% - 32px));padding:clamp(35px,7vw,80px);background:rgba(3,22,31,.82);border:1px solid rgba(238,242,208,.2);backdrop-filter:blur(18px)}.thankYouPage span{font:10px Manrope,sans-serif;letter-spacing:.3em;color:#ef7651}.thankYouPage h1{font:500 clamp(58px,9vw,118px)/.9 'Cormorant Garamond',Georgia,serif;margin:22px 0}.thankYouPage p{font:15px/1.7 Manrope,sans-serif;color:rgba(238,242,208,.7)}.thankYouPage a{display:flex;justify-content:space-between;align-items:center;margin:30px auto 12px;padding:19px 22px;background:#eef2d0;color:#062130;font:600 12px Manrope,sans-serif;letter-spacing:.13em}.thankYouPage a b{font-size:22px;color:#b94932}.thankYouPage button{position:static!important;transform:none!important;opacity:1!important;animation:none!important;color:rgba(238,242,208,.65)!important;font:10px Manrope,sans-serif!important;letter-spacing:.15em!important;margin:15px auto 0!important}
/* Fix opening name visibility and preserve a cinematic reveal */
.officialLogo.textLogo{clip-path:inset(0)!important;opacity:0!important;transform:translateY(12px) scale(.985);animation:textLogoReveal 1.25s .5s cubic-bezier(.2,.8,.2,1) forwards!important}
@keyframes textLogoReveal{0%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(7px)}55%{opacity:.65;filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
/* Stable opening wordmark */
.officialLogo.textLogo{opacity:1!important;transform:none!important;animation:none!important;filter:none!important;clip-path:none!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:500!important;font-size:clamp(54px,7.4vw,106px)!important;letter-spacing:.14em!important}
.thankYouPage button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:17px 22px!important;border:1px solid rgba(238,242,208,.35)!important;color:#eef2d0!important;font:500 13px 'Cormorant Garamond',Georgia,serif!important}.thankYouPage button b{font-size:20px;color:#ef7651}
/* Desktop location composition: editorial copy beside the official map */
@media(min-width:761px){.locationScene{width:min(1180px,calc(100% - 72px))!important;height:100%!important;display:grid!important;grid-template-columns:minmax(280px,.68fr) minmax(520px,1.32fr)!important;gap:clamp(35px,6vw,90px)!important;align-items:center!important;margin:auto!important}.locationScene .mapTitle{position:relative!important;left:auto!important;top:auto!important;width:auto!important;text-shadow:none!important}.locationScene .mapTitle>span{display:block;margin-bottom:18px!important}.locationScene .mapTitle h2{white-space:normal!important;font-size:clamp(46px,5vw,72px)!important;line-height:.92!important;margin:0!important}.locationScene .officialLocationMap{position:relative!important;inset:auto!important;width:100%!important;height:min(76vh,720px)!important}.locationScene .officialLocationMap>em{left:76%!important;top:16.2%!important;background:transparent!important;padding:0!important;font-family:'Cormorant Garamond',Georgia,serif!important;white-space:nowrap!important}.locationScene .officialLocationMap>em strong{font-size:18px!important;letter-spacing:.12em!important}.locationScene .officialLocationMap>em:before{content:"";position:absolute;right:calc(100% + 10px);top:50%;width:clamp(120px,16vw,245px);height:1px;background:#fff;transform:translateY(-50%)}.locationScene .officialLocationMap>em:after{content:"";position:absolute;right:calc(100% + 8px);top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}}
/* Desktop project facts contained in one balanced canvas */
@media(min-width:761px){.dataScene{width:min(1120px,calc(100% - 72px))!important;height:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:24px!important;align-content:center!important;padding:82px 0 94px!important}.dataScene .sceneCopy{text-align:center!important}.dataScene .sceneCopy h2{font-size:clamp(42px,5.4vw,72px)!important;white-space:nowrap!important;margin:12px 0 4px!important}.projectData{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.projectData article{min-width:0!important;min-height:270px!important;padding:24px!important}.projectData:before,.projectData:after{display:none!important}.projectData article>b{font-size:clamp(26px,2.7vw,42px)!important}}
/* Submerged sea texture begins behind the residences */
.cinematicIntro.scene2{background:linear-gradient(110deg,rgba(2,18,28,.9),rgba(9,48,63,.73),rgba(24,84,98,.68)),url('assets/shams-soma-brand-sea.jpeg') center 42%/cover no-repeat!important}.cinematicIntro.scene2:before{background:linear-gradient(180deg,rgba(1,13,21,.28),rgba(14,67,81,.2)),repeating-linear-gradient(172deg,transparent 0 22px,rgba(196,230,226,.025) 23px 24px)!important}
/* Water becomes increasingly visible through project facts and final registration */
.cinematicIntro.scene3{background:linear-gradient(110deg,rgba(8,43,55,.58),rgba(61,124,135,.34)),url('assets/shams-soma-brand-sea.jpeg') center 40%/cover no-repeat!important}.cinematicIntro.scene3:before{background:linear-gradient(180deg,rgba(5,37,49,.12),rgba(80,145,152,.08))!important}.scene3 .projectData article{background:linear-gradient(145deg,rgba(3,25,35,.63),rgba(19,68,78,.38))!important;backdrop-filter:blur(7px)!important}
.cinematicIntro.scene4{background:#acd5d8 url('assets/shams-soma-brand-sea.jpeg') center 36%/cover no-repeat!important}.scene4 .registerScene{background:linear-gradient(180deg,rgba(220,240,239,.04),rgba(236,244,232,.12)),url('assets/shams-soma-brand-sea.jpeg') center 36%/cover no-repeat!important}.scene4 .registerScene:before{background:linear-gradient(180deg,rgba(181,220,224,.04),rgba(231,240,226,.1))!important;backdrop-filter:brightness(1.3) saturate(.9)!important}
/* Lift the opening sea reflection to sit directly beneath RED SEA */
.sunScene .introWater{bottom:-2%!important;width:min(86vw,1040px)!important;height:52%!important;transform:translateX(-50%) perspective(650px) rotateX(48deg)!important;background:radial-gradient(ellipse at 50% 0,rgba(238,242,208,.3),rgba(141,178,186,.13) 31%,transparent 70%),repeating-linear-gradient(0deg,rgba(141,178,186,.11) 0 1px,transparent 1px 12px)!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.55) 58%,transparent 96%)!important;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.55) 58%,transparent 96%)!important}
@media(max-width:760px){.sunScene .introWater{height:48%!important;width:112vw!important;bottom:-3%!important}}
/* Softer cinematic handoff between different sea and night palettes */
.cinematicIntro{transition:background-color 1.15s ease,filter 1.15s ease!important}.preScene{animation:sceneBlendIn 1.05s cubic-bezier(.2,.75,.2,1) both!important}.sceneChanging .preScene{animation:sceneBlendOut .62s cubic-bezier(.65,0,.35,1) forwards!important}.preScene:after{content:"";position:absolute;z-index:-1;inset:-4%;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(141,178,186,.1),transparent 62%);opacity:0;animation:ambientBlend 1.15s ease both}@keyframes sceneBlendIn{0%{opacity:0;transform:translateY(22px) scale(.992);filter:blur(7px) brightness(.72)}55%{filter:blur(2px) brightness(.9)}100%{opacity:1;transform:none;filter:none}}@keyframes sceneBlendOut{0%{opacity:1;filter:none}100%{opacity:0;transform:translateY(-20px) scale(1.008);filter:blur(7px) brightness(.72)}}@keyframes ambientBlend{0%{opacity:.65}100%{opacity:0}}
.scrollToEnter:before{content:'3× ';color:#b94932;font-weight:600}
/* Clean generated Red Sea photography replaces branded artwork behind copy */
.cinematicIntro.scene2{background:linear-gradient(110deg,rgba(2,18,28,.82),rgba(9,48,63,.58),rgba(24,84,98,.45)),url('assets/red-sea-clean-v2.png') center/cover no-repeat!important}.cinematicIntro.scene3{background:linear-gradient(110deg,rgba(8,43,55,.48),rgba(61,124,135,.2)),url('assets/red-sea-clean-v2.png') center/cover no-repeat!important}.cinematicIntro.scene4{background:#acd5d8 url('assets/red-sea-clean-v2.png') center/cover no-repeat!important}.scene4 .registerScene{background:linear-gradient(180deg,rgba(220,240,239,.02),rgba(236,244,232,.08)),url('assets/red-sea-clean-v2.png') center/cover no-repeat!important}
/* Keep the desktop location title and official map fully inside the viewport */
@media(min-width:761px){.locationScene{width:min(1320px,calc(100% - 120px))!important;grid-template-columns:minmax(380px,.72fr) minmax(560px,1.28fr)!important;gap:clamp(36px,4vw,68px)!important}.locationScene .mapTitle{min-width:0!important;padding-left:8px!important}.locationScene .mapTitle h2{font-size:clamp(42px,4.15vw,62px)!important;line-height:.94!important;max-width:430px!important;overflow:visible!important}.locationScene .officialLocationMap{height:min(72vh,690px)!important}.locationScene .officialLocationMap img{object-fit:contain!important}}
.scrollToEnter:before{content:''!important}
/* Fluid desktop columns prevent location copy from ever leaving the viewport */
@media(min-width:761px){.locationScene{width:min(1240px,calc(100% - 56px))!important;grid-template-columns:minmax(0,34%) minmax(0,66%)!important;gap:clamp(24px,3vw,46px)!important}.locationScene .mapTitle{width:100%!important;padding:0 0 0 10px!important}.locationScene .mapTitle h2{font-size:clamp(34px,3.25vw,49px)!important;line-height:.96!important;max-width:360px!important;word-break:normal!important}.locationScene .officialLocationMap{min-width:0!important;width:100%!important;height:min(70vh,650px)!important}}
/* Slightly quieter opening name */
.officialLogo.textLogo{font-size:clamp(46px,5.9vw,84px)!important;letter-spacing:.13em!important}
@media(max-width:760px){.officialLogo.textLogo{font-size:clamp(38px,10.5vw,52px)!important;letter-spacing:.08em!important}.locationScene .mapTitle{left:14px!important;width:calc(100% - 28px)!important}.locationScene .mapTitle h2{font-size:clamp(18px,5.4vw,25px)!important;white-space:normal!important}}
.officialLogo.textLogo{font-size:clamp(42px,5.2vw,76px)!important}@media(max-width:760px){.officialLogo.textLogo{font-size:clamp(35px,9.4vw,46px)!important}}
/* Centered animated project facts */
@property --metric{syntax:'<integer>';initial-value:0;inherits:false}
@media(min-width:761px){.dataScene{width:calc(100% - 64px)!important;max-width:1240px!important;margin:auto!important}.dataScene .sceneCopy{width:100%!important;max-width:1120px!important;margin:0 auto!important}.dataScene .sceneCopy h2{font-size:clamp(42px,4.8vw,66px)!important}.projectData{width:100%!important;max-width:1120px!important;margin:0 auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.projectData article{min-height:270px!important;align-items:center!important;text-align:center!important;padding:24px 18px!important}.coastLine{justify-content:center!important}.hotelMark{margin-left:auto!important;margin-right:auto!important}}
.scene3 .projectData article{overflow:hidden;transition:transform .45s ease,border-color .45s ease}.scene3 .projectData article:hover{transform:translateY(-5px);border-color:rgba(238,242,208,.32)}
.scene3 .dataRing{position:relative;animation:ringTurn 1.6s ease both,metricGlow 3.4s 1.7s ease-in-out infinite}.scene3 .dataRing b,.scene3 .projectData article:nth-child(2)>b,.scene3 .projectData article:nth-child(3)>b{font-size:0!important}.scene3 .dataRing b:after,.scene3 .projectData article:nth-child(2)>b:after,.scene3 .projectData article:nth-child(3)>b:after{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,2.7vw,42px);font-weight:500;color:#eef2d0;counter-reset:metric var(--metric)}.scene3 .dataRing b:after{content:counter(metric) 'K';animation:count340 1.8s .25s ease-out forwards}.scene3 .projectData article:nth-child(2)>b:after{content:counter(metric) '+';animation:count600 2s .38s ease-out forwards}.scene3 .projectData article:nth-child(3)>b:after{content:counter(metric) ' M';animation:count700 2.1s .5s ease-out forwards}
.scene3 .dataBars i{transform-origin:bottom;animation:barBuild 1.15s cubic-bezier(.2,.8,.2,1) both!important}.scene3 .dataBars i:nth-child(1){animation-delay:.18s!important}.scene3 .dataBars i:nth-child(2){animation-delay:.3s!important}.scene3 .dataBars i:nth-child(3){animation-delay:.42s!important}.scene3 .dataBars i:nth-child(4){animation-delay:.54s!important}.scene3 .coastLine i{position:relative;animation:coastDraw 1.5s .35s forwards!important}.scene3 .coastLine i:after{content:"";position:absolute;top:-2px;width:35px;height:5px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(1px);animation:coastShine 2.8s 1.5s infinite}.scene3 .hotelMark{animation:hotelReveal 1s .5s cubic-bezier(.2,.8,.2,1) both,metricGlow 3.4s 1.7s ease-in-out infinite}
@keyframes count340{to{--metric:340}}@keyframes count600{to{--metric:600}}@keyframes count700{to{--metric:700}}@keyframes barBuild{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes metricGlow{50%{box-shadow:0 0 26px rgba(238,242,208,.13)}}@keyframes coastShine{from{left:-15%}to{left:100%}}@keyframes hotelReveal{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
/* Deterministic desktop location layout: headline locked beside map edge */
@media(min-width:761px){.locationScene{display:block!important;position:absolute!important;inset:0!important;width:min(1320px,calc(100% - 80px))!important;height:100%!important}.locationScene .mapTitle{position:absolute!important;z-index:7!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:31%!important;padding:0 28px 0 4px!important}.locationScene .mapTitle>span{font-size:9px!important;white-space:nowrap!important}.locationScene .mapTitle h2{display:block!important;width:100%!important;max-width:none!important;font-size:clamp(38px,3.45vw,54px)!important;line-height:.94!important;white-space:normal!important;margin:16px 0 0!important}.locationScene .officialLocationMap{position:absolute!important;z-index:3!important;left:34%!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:66%!important;height:min(74vh,680px)!important}}
@media(min-width:761px) and (max-width:1050px){.locationScene{width:calc(100% - 40px)!important}.locationScene .mapTitle{width:34%!important;padding-right:18px!important}.locationScene .mapTitle h2{font-size:clamp(31px,4vw,42px)!important}.locationScene .officialLocationMap{left:36%!important;width:64%!important}}
.homeTypes article>a{display:inline-flex;align-items:center;margin-top:22px;color:#eef2d0;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.17em;border-bottom:1px solid rgba(238,242,208,.45);padding-bottom:6px;transition:color .3s,border-color .3s,transform .3s}.homeTypes article>a:hover{color:#ef7651;border-color:#ef7651;transform:translateX(4px)}
.introBirds{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}.introBirds i{position:absolute;left:-8%;top:31%;width:16px;height:7px;opacity:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.18));animation:birdCross 9s 1.2s linear infinite}.introBirds i:before,.introBirds i:after{content:"";position:absolute;top:2px;width:9px;height:5px;border-top:1.5px solid rgba(255,255,255,.92);border-radius:50%}.introBirds i:before{left:0;transform:rotate(18deg)}.introBirds i:after{right:0;transform:rotate(-18deg)}.introBirds i:nth-child(2){top:36%;width:13px;animation-duration:10.5s;animation-delay:2.7s}.introBirds i:nth-child(3){top:27%;width:11px;animation-duration:11.8s;animation-delay:4.1s}@keyframes birdCross{0%{left:-8%;opacity:0;transform:translateY(8px) scale(.82)}8%{opacity:.8}48%{transform:translateY(-10px) scale(1)}88%{opacity:.72}100%{left:108%;opacity:0;transform:translateY(5px) scale(.9)}}
.introBirds{z-index:2!important}.introBirds i{left:-7%!important;top:9%!important;animation-name:birdDiagonal!important}.introBirds i:nth-child(2){top:13%!important}.introBirds i:nth-child(3){top:6%!important}@keyframes birdDiagonal{0%{left:-7%;top:8%;opacity:0;transform:scale(.78) rotate(7deg)}8%{opacity:.88}48%{top:40%;transform:scale(1) rotate(7deg)}88%{opacity:.78}100%{left:106%;top:76%;opacity:0;transform:scale(.88) rotate(7deg)}}
.journeyBirds{--sx:-7%;--ex:107%;--sy:9%;--ey:76%;position:absolute;z-index:7;inset:0;pointer-events:none;overflow:hidden}.scene1 .journeyBirds{--sx:-7%;--ex:107%;--sy:76%;--ey:12%}.scene2 .journeyBirds{--sx:-7%;--ex:107%;--sy:48%;--ey:22%}.scene3 .journeyBirds{--sx:107%;--ex:-7%;--sy:12%;--ey:70%}.scene4 .journeyBirds{--sx:107%;--ex:-7%;--sy:74%;--ey:18%}.journeyBirds i{position:absolute;left:var(--sx);top:var(--sy);width:14px;height:7px;opacity:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.2));animation:journeyBirdPass 4.8s .18s cubic-bezier(.32,.05,.68,.95) forwards}.journeyBirds i:before,.journeyBirds i:after{content:"";position:absolute;top:2px;width:8px;height:5px;border-top:1.5px solid rgba(255,255,255,.94);border-radius:50%}.journeyBirds i:before{left:0;transform:rotate(18deg)}.journeyBirds i:after{right:0;transform:rotate(-18deg)}.journeyBirds i:nth-child(2){width:11px;animation-duration:5.2s;animation-delay:.46s;transform:translateY(18px)}.journeyBirds i:nth-child(3){width:9px;animation-duration:5.6s;animation-delay:.78s;transform:translateY(-13px)}@keyframes journeyBirdPass{0%{left:var(--sx);top:var(--sy);opacity:0;scale:.78}9%{opacity:.88}78%{opacity:.72}100%{left:var(--ex);top:var(--ey);opacity:0;scale:.92}}
.scene0 .journeyBirds i{animation-iteration-count:3!important}.scene0 .journeyBirds i:nth-child(2){animation-delay:.7s!important}.scene0 .journeyBirds i:nth-child(3){animation-delay:1.15s!important}
[hidden]{display:none!important}

/* Standalone HTML: keep the cinematic layer fully opaque and use bundled sea assets. */
.cinematicIntro{background-color:#03131d!important}
.cinematicIntro.scene2{background-color:#082b38!important;background-image:linear-gradient(110deg,rgba(2,18,28,.80),rgba(9,48,63,.54),rgba(24,84,98,.38)),url('assets/red-sea-clean-v2.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.cinematicIntro.scene3{background-color:#176070!important;background-image:linear-gradient(110deg,rgba(8,43,55,.52),rgba(61,124,135,.16)),url('assets/red-sea-clean-v2.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.cinematicIntro.scene4{background-color:#9ccbd1!important;background-image:linear-gradient(180deg,rgba(166,211,216,.12),rgba(226,241,239,.18)),url('assets/red-sea-clean-v2.png')!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.scene4 .registerScene{background:transparent!important}
.scene4 .registerScene:before{background:linear-gradient(90deg,rgba(4,33,45,.28),rgba(174,217,220,.08),rgba(4,33,45,.2))!important;backdrop-filter:none!important}
.scene4 .registerPanel{width:min(760px,calc(100% - 40px))!important;max-width:760px!important;padding:34px 44px 30px!important;background:rgba(250,252,248,.93)!important;box-shadow:0 30px 100px rgba(1,24,34,.28)!important}
.scene4 .registerPanel h2{font-size:clamp(34px,3.6vw,52px)!important;margin:14px 0 24px!important;white-space:nowrap!important}
.scene4 .registerPanel form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 22px!important;padding:24px!important;background:rgba(244,248,246,.78)!important;border:1px solid rgba(6,33,48,.1)!important}
.scene4 .registerPanel form label{margin:0!important;font-size:10px!important;letter-spacing:.13em!important}
.scene4 .registerPanel form label:nth-child(3),.scene4 .registerPanel form button{grid-column:1/-1!important}
.scene4 .registerPanel input,.scene4 .registerPanel select{height:44px!important;padding:9px 12px!important;margin-top:7px!important;border:1px solid rgba(6,33,48,.18)!important}
.scene4 .registerPanel form button{height:52px!important;margin:0!important}
.scene4 .scrollToEnter{margin:16px 0 10px!important}
.scene4 .moreInfoBtn{height:60px!important;margin-top:0!important}
@media(max-width:760px){.scene4 .registerPanel{padding:24px 18px 20px!important}.scene4 .registerPanel h2{font-size:clamp(27px,8vw,36px)!important;white-space:normal!important}.scene4 .registerPanel form{grid-template-columns:1fr!important;padding:17px!important;gap:12px!important}.scene4 .registerPanel form label:nth-child(3),.scene4 .registerPanel form button{grid-column:1!important}.scene4 .registerPanel input,.scene4 .registerPanel select{height:42px!important}.scene4 .moreInfoBtn{height:54px!important}}

/* Compact, high-contrast thank-you state. */
.thankYouPage{padding:24px!important;background:linear-gradient(rgba(2,15,23,.68),rgba(2,15,23,.82)),url('assets/shams-soma-brand-sea.jpeg') center/cover no-repeat!important}
.thankYouPage>div{width:min(680px,100%)!important;padding:clamp(38px,5vw,58px)!important;background:rgba(3,22,31,.94)!important;border:1px solid rgba(238,242,208,.2)!important;box-shadow:0 30px 100px rgba(0,0,0,.36)!important}
.thankYouPage h1{font-size:clamp(54px,7vw,88px)!important;line-height:.9!important;letter-spacing:-.035em!important;white-space:nowrap!important;margin:22px 0 24px!important}
.thankYouPage p{margin:0 auto 28px!important;max-width:480px!important}
.thankYouPage a,.thankYouPage button{width:100%!important;min-height:62px!important;margin:12px 0 0!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;text-decoration:none!important;box-sizing:border-box!important}
.thankYouPage a{background:#eef2d0!important;color:#062130!important}
.thankYouPage button{border:1px solid rgba(238,242,208,.38)!important;background:#0b303d!important;color:#eef2d0!important;font:600 11px Manrope,Arial,sans-serif!important;letter-spacing:.16em!important;cursor:pointer!important}
.thankYouPage button b{font-size:22px!important;color:#ef7651!important}
.thankYouPage a:hover,.thankYouPage button:hover{filter:brightness(1.08)!important}
@media(max-width:600px){.thankYouPage{padding:12px!important}.thankYouPage>div{padding:34px 22px!important}.thankYouPage h1{font-size:clamp(42px,15vw,62px)!important}.thankYouPage p{font-size:13px!important}.thankYouPage a,.thankYouPage button{min-height:56px!important;padding:0 17px!important;font-size:9px!important}}

/* The cinematic journey is the real first section, rather than an overlay. */
.cinematicIntro{position:relative!important;inset:auto!important;width:100%!important;height:100svh!important;min-height:640px!important;z-index:20!important;cursor:default!important}
.cinematicIntro+main,.cinematicIntro~main{position:relative;z-index:1}
.cinematicIntro[data-complete="true"]{pointer-events:auto}.cinematicIntro[data-complete="true"] .introMiniMenu{display:none!important}

/* Integrated registration scene with a light glass treatment over the sea. */
.scene4 .registerPanel{background:transparent!important;border:0!important;box-shadow:none!important;color:#eef2d0!important}
.scene4 .registerPanel>span,.scene4 .registerPanel h2,.scene4 .registerPanel label{color:#eef2d0!important;text-shadow:0 2px 20px rgba(0,20,28,.42)!important}
.scene4 .registerPanel form{background:linear-gradient(135deg,rgba(3,35,46,.56),rgba(11,67,78,.35))!important;border:1px solid rgba(238,242,208,.26)!important;box-shadow:0 24px 70px rgba(0,25,34,.22)!important;backdrop-filter:blur(14px)!important;animation:formFloatIn .8s .12s cubic-bezier(.2,.8,.2,1) both!important}
.scene4 .registerPanel input,.scene4 .registerPanel select{color:#eef2d0!important;background:rgba(238,248,246,.09)!important;border-color:rgba(238,242,208,.3)!important}
.scene4 .registerPanel input::placeholder{color:rgba(238,242,208,.62)!important}
.scene4 .registerPanel select option{color:#062130!important}
.scene4 .scrollToEnter{color:#eef2d0!important;text-shadow:0 2px 14px rgba(0,20,28,.65)!important}
.scene4 .moreInfoBtn{background:rgba(3,35,46,.84)!important;border:1px solid rgba(238,242,208,.35)!important;color:#eef2d0!important;backdrop-filter:blur(10px)!important}
@keyframes formFloatIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}

/* Keep the location headline fully inside narrow phone viewports. */
@media(max-width:760px){.cinematicIntro{min-height:100svh!important}.locationScene{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.locationScene .mapTitle{position:absolute!important;z-index:8!important;left:16px!important;right:16px!important;top:62px!important;width:auto!important;max-width:none!important;transform:none!important;text-align:center!important;padding:0!important}.locationScene .mapTitle>span{display:block!important;font-size:7px!important;margin-bottom:7px!important}.locationScene .mapTitle h2{width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(20px,6.4vw,29px)!important;line-height:1.02!important;white-space:normal!important;overflow:visible!important}.locationScene .officialLocationMap{position:absolute!important;left:12px!important;right:12px!important;top:132px!important;bottom:58px!important;width:auto!important;height:auto!important;transform:none!important}.scene4 .registerPanel{width:calc(100% - 24px)!important;padding:52px 6px 16px!important}.scene4 .registerPanel form{padding:16px!important}.scene4 .registerPanel h2{margin-bottom:16px!important}}

/* Cinematic-only compact navigation. */
body.journeyActive .hero .nav{display:none!important}
.introMiniMenu{position:absolute!important;z-index:40!important;top:22px!important;right:24px!important;width:auto!important;color:#eef2d0!important}
.introMiniMenu summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(238,242,208,.35);border-radius:50%;background:rgba(2,18,28,.58);backdrop-filter:blur(10px);font:12px Arial,sans-serif;cursor:pointer;list-style:none;transition:background .25s,border-color .25s}
.introMiniMenu summary::-webkit-details-marker{display:none}.introMiniMenu summary:hover{background:rgba(183,69,49,.85);border-color:#b74531}
.introMiniMenu>div{position:absolute;top:43px;right:0;width:190px;padding:7px;background:rgba(2,18,28,.94);border:1px solid rgba(238,242,208,.18);box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(16px)}
.cinematicIntro .introMiniMenu button{position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;display:block!important;padding:11px 12px!important;border:0!important;background:transparent!important;color:rgba(238,242,208,.72)!important;text-align:left!important;font:600 9px Manrope,Arial,sans-serif!important;letter-spacing:.13em!important;opacity:1!important;animation:none!important;cursor:pointer!important}
.cinematicIntro .introMiniMenu button:hover{background:rgba(238,242,208,.08)!important;color:#fff!important}
@media(max-width:760px){.introMiniMenu{top:14px!important;right:14px!important}.introMiniMenu summary{width:32px;height:32px}.introMiniMenu>div{width:176px}}
@media(max-width:760px){body.journeyActive .floatingActions{display:none!important}}
@media(min-width:761px){body.journeyActive .floatingActions{right:12px!important;bottom:12px!important;transform:scale(.7)!important;transform-origin:bottom right!important;gap:5px!important}body.journeyActive .floatingActions a{height:48px!important;min-width:185px!important;padding:0 16px!important;font-size:11px!important;box-shadow:0 8px 20px rgba(4,26,24,.16)!important}}

body.journeyActive .cinematicIntro{touch-action:none!important;overscroll-behavior:contain!important}

/* Deliberate cinematic pacing without timer-dependent scene switching. */
.preScene{animation-duration:1.35s!important;animation-timing-function:cubic-bezier(.18,.75,.22,1)!important}.sceneChanging .preScene{animation-duration:.8s!important}.journeyBirds i{animation-duration:5.4s!important}


/* V16 uses Web Animations for consistent crossfades; CSS wrapper timers are disabled. */
.preScene,.sceneChanging .preScene{animation:none!important}