/* Scroll is the camera. Content and native scrolling remain the navigation. */
.hero-sticky{position:relative;height:100%;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 32% 44%,#222824 0,#111512 42%,#0d100f 77%)}
.hero-sticky .scene{inset:0;transform:none!important;will-change:auto}
.scene-grid,.scene-reticle,.scene-instruction,.hero-second,.hero-portal,.journey-meter{display:none}
.immersive-ready .immersive-hero{height:245svh;min-height:0;max-height:none;overflow:visible;background:#101211;z-index:2}
.immersive-ready .hero-sticky{position:sticky;top:0;height:100svh;min-height:700px}
.immersive-ready .hero-copy{top:25%;transform-origin:75% 30%;will-change:transform,opacity,filter}
.immersive-ready .hero-bottom{bottom:65px;will-change:opacity;z-index:4}
.immersive-ready .scene-grid{display:block;position:absolute;inset:88px var(--gutter) 118px;border-left:1px solid #c4e1b709;border-right:1px solid #c4e1b709;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 49.95%,#c4e1b707 50%,transparent 50.05%)}
.immersive-ready .scene-reticle{display:block;position:absolute;left:32%;top:53%;width:390px;height:390px;transform:translate(-50%,-50%);border:1px solid #bed0a317;border-radius:50%;pointer-events:none;z-index:-1}
.scene-reticle:before,.scene-reticle:after{content:"";position:absolute;left:-13px;right:-13px;top:50%;height:1px;background:#bed0a31c}
.scene-reticle:after{transform:rotate(90deg)}
.scene-reticle span{position:absolute;inset:-35px;border:1px dashed #bed0a310;border-radius:50%;animation:turn 100s linear infinite}
.scene-reticle i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);left:51px;top:51px;box-shadow:0 0 20px #eba20f66}
.immersive-ready .scene-instruction{display:flex;position:absolute;left:var(--gutter);bottom:160px;z-index:4;gap:12px;align-items:center;font-size:10px;color:#98aa90}
.instruction-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}
.scene-instruction button{background:#18201ad9;padding:12px 16px;color:#d2dfc6;border:1px solid #a2ba8833;display:flex;gap:20px;align-items:center;margin-right:12px;font-size:11px;backdrop-filter:blur(10px);transition:background .3s,color .3s}
.scene-instruction button i{font:20px Arial;transition:transform .5s}
.scene-instruction button[aria-pressed=true]{background:#c7d9b5;color:#193522}.scene-instruction button[aria-pressed=true] i{transform:rotate(90deg)}
.immersive-ready .hero-second{display:block;position:absolute;left:var(--gutter);right:var(--gutter);top:20%;text-align:center;opacity:0;transform:translateY(70px);pointer-events:none;z-index:2;will-change:transform,opacity}
.hero-second p{font-size:12px;color:#cfddb6;margin-bottom:24px}.hero-second h2{font-size:clamp(48px,5.9vw,98px);line-height:1.35;letter-spacing:-3px;text-shadow:0 10px 60px #08110bf2}
.hero-second h2 span{color:#e8eee1}.hero-second h2 span:after{content:"";display:block;width:55px;height:2px;background:var(--orange);margin:28px auto 0}
.immersive-ready .hero-portal{display:flex;position:absolute;inset:0;background:#eeefe8;clip-path:circle(0% at 50% 50%);z-index:6;color:#19331f;align-items:center;justify-content:center;flex-direction:column;gap:15px;pointer-events:none;will-change:clip-path}
.hero-portal strong{font-weight:700;font-size:clamp(180px,28vw,460px);line-height:1.2;letter-spacing:-12px;color:transparent;-webkit-text-stroke:1px #3c5833;transform:scale(.7);will-change:transform}
.portal-caption{font-size:13px;letter-spacing:1px}.portal-bottom{font-size:11px;color:#829476}
.immersive-ready .journey-meter{position:absolute;inset:auto var(--gutter) 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr;font:8px monospace;letter-spacing:2px;color:#8fa27f;pointer-events:none;z-index:7;mix-blend-mode:difference}
.journey-meter>div{height:1px;background:#7b906543;width:100px;margin-right:auto}.journey-meter i{display:block;height:1px;background:#e4edda;transform:scaleX(0);transform-origin:left}
.scene-cursor{position:fixed;top:0;left:0;width:65px;height:65px;border:1px solid #f3f9dc88;border-radius:50%;display:grid;place-items:center;z-index:60;pointer-events:none;opacity:0;color:#fff;font-size:10px;mix-blend-mode:difference;transition:opacity .25s,width .3s,height .3s}
.scene-cursor i{position:absolute;inset:-7px;border:1px solid #f3f9dc33;border-radius:50%;transform:scale(.9);transition:transform .3s}
.scene-cursor.active{opacity:1}.scene-cursor.dragging i{transform:scale(1.25)}.scene-cursor.dragging{background:#eef9d92b}
.scene-hover .hero-sticky,.scene-hover .hero-sticky .scene{cursor:none}
.product-scroll-meter{display:none}.stage-watermark{display:none}
.product-scroll-enabled .product-journey{height:300svh;padding:0;overflow:visible;background:#101211;transition:background .8s}
.product-scroll-enabled .product-journey[data-world=weekend]{background:#0e1d18}.product-scroll-enabled .product-journey[data-world=facilities]{background:#111d20}.product-scroll-enabled .product-journey[data-world=hospitality]{background:#211b14}
.product-scroll-enabled .product-sticky{position:sticky;top:88px;height:calc(100svh - 88px);min-height:620px;max-height:1100px;padding:28px var(--gutter) 25px;display:grid;grid-template-rows:auto auto minmax(330px,1fr) auto;gap:24px;overflow:hidden}
.product-scroll-enabled .products-heading{margin:0;align-items:center}.product-scroll-enabled .products-heading h2{font-size:clamp(32px,3.3vw,56px);line-height:1.3;letter-spacing:-1.5px}.product-scroll-enabled .products-heading>p{max-width:340px;font-size:12px;line-height:1.9}
.product-scroll-enabled .product-explorer{min-height:0;gap:6%;grid-template-columns:.78fr 1.22fr;opacity:1!important;transform:none!important}
.product-scroll-enabled .product-list{height:100%;justify-content:space-between}.product-scroll-enabled .product-tab{padding:16px 0;gap:22px;flex:1;min-height:0}
.product-scroll-enabled .product-number{font-size:10px;margin-top:10px}.product-scroll-enabled .product-name{font-size:clamp(22px,2.15vw,34px)}.product-scroll-enabled .product-name small{font-size:10px;line-height:1.65;margin-top:7px}
.product-scroll-enabled .product-stage{height:100%;min-height:0;overflow:hidden;background:#222a20}
.product-scroll-enabled .product-stage[data-active=weekend]{background:#1b3730}.product-scroll-enabled .product-stage[data-active=facilities]{background:#1c3033}.product-scroll-enabled .product-stage[data-active=hospitality]{background:#383024}
.product-scroll-enabled .stage-top{padding:20px 25px}.product-scroll-enabled .stage-bottom{bottom:29px;left:25px;right:25px;display:flex;align-items:flex-end;gap:25px}.product-scroll-enabled .stage-bottom p{font-size:13px;max-width:56%;margin:0}.product-scroll-enabled .stage-bottom .text-link{font-size:11px;gap:20px;padding-bottom:12px}
.product-scroll-enabled .art-disclaimer{font-size:7px;bottom:9px;left:25px}.product-scroll-enabled .product-art{top:35px;height:calc(100% - 105px);min-height:230px;transform-origin:center;will-change:transform}
.product-scroll-enabled .art-word{display:none}.product-scroll-enabled .stage-watermark{display:block;position:absolute;left:2%;bottom:15%;font:700 clamp(150px,21vw,320px)/.8 Arial;letter-spacing:-20px;color:#e5efdb0c;pointer-events:none;z-index:0;transform:translateX(calc(var(--world-drift,0)*-20px));will-change:transform}
.product-scroll-enabled .elite-pass{top:18%;left:24%;max-width:300px;width:55%;animation:none;transform:translateY(calc(var(--world-drift,0)*-17px)) rotate(calc(-16deg + var(--world-drift,0)*12deg)) rotateY(-15deg);transition:transform .12s linear;z-index:1}
.product-scroll-enabled .elite-orbit{top:30%;left:6%;width:83%;transform:rotate(calc(-33deg + var(--world-drift,0)*25deg))}.product-scroll-enabled .elite-orbit.second{transform:rotate(calc(35deg - var(--world-drift,0)*25deg))}
.product-scroll-enabled .map-art{transform:translateX(calc(var(--world-drift,0)*30px)) rotate(calc(var(--world-drift,0)*-6deg)) scale(1.15);will-change:transform}
.product-scroll-enabled .building-scene{top:3%;left:28%;transform:rotateX(57deg) rotateZ(calc(35deg + var(--world-drift,0)*15deg)) scale(.92);will-change:transform}
.product-scroll-enabled .hotel-key{top:5%;animation:none;transform:translateY(calc(var(--world-drift,0)*-15px)) rotate(calc(-18deg + var(--world-drift,0)*12deg))}
.product-scroll-enabled .eat-orbit{top:35%;transform:translateX(calc(var(--world-drift,0)*18px)) rotate(calc(15deg - var(--world-drift,0)*12deg))}
.product-scroll-enabled .product-scroll-meter{display:flex;align-items:center;gap:25px;font-size:10px;color:#73896b;direction:rtl}.product-scroll-meter>span:last-child{font:9px monospace;white-space:nowrap}.product-meter-track{height:1px;background:#53674750;flex:1;position:relative;direction:ltr}.product-meter-track i{display:block;height:1px;background:var(--orange);width:100%;transform:scaleX(.02);transform-origin:right}
.word-ribbon{display:flex;direction:ltr;width:max-content;gap:25px;font:700 clamp(65px,9vw,140px)/1 Arial;letter-spacing:-6px;color:transparent;-webkit-text-stroke:1px #687b503d;white-space:nowrap;margin:0 -15vw 75px;will-change:transform;pointer-events:none}
.why{overflow:hidden}.word-ribbon>span:nth-child(2){color:#45623a18;-webkit-text-stroke:0}.project-hover-preview{position:fixed;top:0;left:0;width:250px;height:205px;padding:25px;background:#fafbf6;border:1px solid #728d5130;box-shadow:0 25px 55px #20321a20;z-index:50;pointer-events:none;opacity:0;transform:translate3d(-1000px,-1000px,0) rotate(-8deg);transition:opacity .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px}.project-hover-preview.active{opacity:1}.project-hover-preview img{max-width:160px;height:110px;object-fit:contain;mix-blend-mode:multiply}.project-hover-preview>span{font-size:9px;color:#677f59}.project-row summary strong{transition:transform .65s var(--ease),color .4s}.project-row summary:hover strong{display:block;transform:translateX(-14px);color:#6b8256}
.scene-fallback{transform:scale(calc(1 + var(--scene-energy,0)*.18));transition:transform .7s var(--ease)}.scene-fallback div:first-child{translate:calc(var(--scene-energy,0)*-35px) calc(var(--scene-energy,0)*-15px)}.scene-fallback div:nth-child(2){translate:calc(var(--scene-energy,0)*35px) calc(var(--scene-energy,0)*20px)}.scene-fallback div:nth-child(3){scale:calc(1 + var(--scene-energy,0)*.25)}
@media(min-width:1700px){.immersive-ready .scene-reticle{width:470px;height:470px}.product-scroll-enabled .product-sticky{gap:30px;padding-top:40px}.product-scroll-enabled .product-art{top:50px}.product-scroll-enabled .elite-pass{top:21%}}
@media(max-width:1000px){.scene-instruction>span:not(.instruction-dot){display:none}.immersive-ready .scene-reticle{left:26%;width:300px;height:300px}.product-scroll-enabled .products-heading>p{max-width:290px}.product-scroll-enabled .product-sticky{gap:18px}.product-scroll-enabled .product-name{font-size:24px}.product-scroll-enabled .product-name small{font-size:9px}.product-scroll-enabled .stage-bottom{display:block}.product-scroll-enabled .stage-bottom p{max-width:100%;font-size:12px;margin-bottom:10px}.product-scroll-enabled .stage-bottom .text-link{padding:5px 0}.product-scroll-enabled .product-art{height:calc(100% - 120px)}}
@media(max-width:760px){.hero-sticky .scene{inset:35% -12% 8%;transform:none!important}.immersive-ready .immersive-hero{height:215svh;min-height:0}.immersive-ready .hero-sticky{height:100svh;min-height:650px}.immersive-ready .hero-copy{top:130px;width:calc(100% - 48px)}.immersive-ready h1{font-size:clamp(35px,8.1vw,54px);line-height:1.35;letter-spacing:-1.5px}.immersive-ready .hero .eyebrow{font-size:11px;margin-bottom:16px}.immersive-ready .hero-description{font-size:12px;line-height:1.8;max-width:335px;margin-top:16px}.immersive-ready .hero-link{font-size:11px;min-width:175px;margin-top:10px;padding:10px 0}.immersive-ready .scene-coordinate{top:98px}.immersive-ready .scene-reticle{left:48%;top:65%;width:230px;height:230px}.immersive-ready .hero-bottom{bottom:38px;padding-top:11px;gap:8px;border-top-color:#85977120}.immersive-ready .scroll-cue{display:none}.immersive-ready .scene-controls{gap:12px;justify-content:flex-end}.immersive-ready .controls-label{display:none}.immersive-ready .motion-toggle{position:absolute;right:0;bottom:0;padding:8px 0;font-size:8px;margin:0;gap:6px}.immersive-ready .form-button{font-size:10px;padding:8px 0}.immersive-ready .form-button span{font-size:8px}.immersive-ready .scene-instruction{bottom:100px;left:24px;gap:0}.scene-instruction .instruction-dot{display:none}.scene-instruction button{font-size:9px;padding:9px 12px;margin:0;gap:15px}.scene-instruction button i{font-size:15px}.immersive-ready .hero-second{top:23%;left:20px;right:20px}.hero-second p{font-size:10px;margin-bottom:20px}.hero-second h2{font-size:clamp(34px,7.7vw,54px);letter-spacing:-1.5px}.hero-second h2 span:after{margin-top:22px}.hero-portal strong{font-size:65vw;letter-spacing:-8px}.portal-caption{font-size:11px}.portal-bottom{font-size:10px}.immersive-ready .journey-meter{bottom:14px;left:24px;right:24px;font-size:7px;gap:12px;letter-spacing:1px}.journey-meter>div{width:60px}.scene-cursor,.project-hover-preview{display:none!important}.word-ribbon{font-size:65px;letter-spacing:-3px;margin-bottom:45px}.project-row summary:hover strong{transform:none}.product-stage{touch-action:pan-y}}
@media(max-width:370px){.immersive-ready .hero-copy{top:118px}.immersive-ready h1{font-size:9.1vw}.immersive-ready .hero-description{font-size:11px}.immersive-ready .hero-sticky{min-height:630px}.hero-sticky .scene{top:39%}.immersive-ready .hero-bottom{bottom:35px}.immersive-ready .scene-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-sticky .scene{transform:none!important}.scene-cursor,.project-hover-preview,.scene-instruction,.hero-second,.hero-portal,.journey-meter{display:none!important}.word-ribbon{transform:none!important}.scene-fallback{transform:none!important}}