/* AZUREAN Marbella — home: apertura con la piscina viva e intro "Un giorno ad Azurean". Si aggiunge a site.css. */

/* ——— apertura: piscina viva (video calcolato offline, nitido) + un solo tuffo ——— */
.v2-intro{position:relative;height:280vh;background:var(--deep-3)}
@supports(height:1svh){.v2-intro{height:280svh}}
.v2-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--deep-3);color:#fff}
.v2-pool{position:absolute;inset:0;z-index:10;background:var(--deep-3);will-change:opacity}
.v2-pool-inner{position:absolute;inset:0;will-change:transform;transform-origin:50% 40%}
.v2-poolvideo{position:absolute;max-width:none;display:block;background:var(--deep-3);opacity:0;transition:opacity 1.4s}
.v2-poolvideo.on{opacity:1}
#v2PoolPoster{opacity:1;transition:none}
#v2PoolVideo{z-index:1}
.v2-pool .hero-copy{z-index:3}
.v2-rings{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}
.v2-rings i{position:absolute;left:0;top:0;width:34vmin;height:34vmin;margin:-17vmin 0 0 -17vmin;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);opacity:0;transform:scale(.2);box-shadow:0 0 24px rgba(255,255,255,.25),inset 0 0 24px rgba(255,255,255,.18)}
.v2-veil{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;background:radial-gradient(90% 90% at 50% 45%,#7fd0cf,#1d6d73 70%)}
.v2-intro .scene.s1{z-index:1}
.v2-intro .intro-shade{z-index:12}
.v2-intro .scene.s1 video{transform:scale(1.18)}

/* ——— il giorno: orologio, velo di luce, notte ——— */
.day-wash{position:fixed;inset:0;z-index:60;pointer-events:none;mix-blend-mode:multiply;background:rgba(255,255,255,0);transition:background .2s linear}
.day-clock{position:fixed;z-index:70;right:clamp(14px,2vw,34px);top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:12px;font:400 11px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;opacity:0;pointer-events:none;transition:opacity .8s}
.day-clock.on{opacity:1}
.day-clock .track{position:relative;width:1px;height:clamp(110px,22vh,200px);background:currentColor;opacity:.55}
.day-clock .dot{position:absolute;left:50%;top:calc(var(--k,0)*100%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--sun,#f2c14e);box-shadow:0 0 14px var(--sun,#f2c14e)}
.day-clock .t{font:400 13px/1 var(--serif);letter-spacing:.08em;font-variant-numeric:lining-nums tabular-nums}
.day-clock .p{writing-mode:vertical-rl;opacity:.8}
.v2-night{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#050d14;color:#fff;display:grid;align-items:center}
.v2-night .bgblur{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(38px) brightness(.8) saturate(1.3)}
.v2-night .fg{position:absolute;right:clamp(70px,11vw,200px);top:7vh;height:86vh;aspect-ratio:1604/2400;margin:0;overflow:hidden;box-shadow:0 50px 110px -20px rgba(0,0,0,.8)}
.v2-night .fg img{width:100%;height:100%;object-fit:cover}
.v2-night .finale{position:absolute;left:0;right:calc(clamp(70px,11vw,200px) + 57.5vh);top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:clamp(22px,3vh,38px);align-items:center;text-align:center}
.v2-night .finale .eyebrow{opacity:.85}
.v2-night .f-azurean{width:clamp(230px,26vw,420px);height:auto}
.v2-night .f-hyatt{width:clamp(150px,13vw,210px);height:auto;opacity:.9}
.version-link{color:var(--sand)!important;border-bottom:1px solid currentColor}

/* ——— verticale / mobile ——— */
@media(orientation:portrait){
  .v2-night .fg{inset:0;right:0;top:0;height:100%;width:100%;aspect-ratio:auto;box-shadow:none}
  .v2-night .bgblur{display:none}
  .v2-night::after{content:'';position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(0deg,rgba(4,11,18,.92),rgba(4,11,18,.55) 55%,transparent);pointer-events:none}
  .v2-night .finale{z-index:2;top:auto;bottom:clamp(60px,10vh,110px);left:var(--gutter);right:auto;translate:none;align-items:flex-start;text-align:left;text-shadow:0 2px 30px rgba(0,0,0,.6)}
  .v2-night .f-azurean{width:min(60vw,300px)}
}
@media(max-width:900px){.day-clock .p{display:none}.day-clock{right:10px}}

/* ——— movimento ridotto: nessun tuffo; apertura e mattina una sotto l'altra ——— */
.is-static-v2.v2-intro{height:auto}
.is-static-v2 .v2-stage{position:relative;height:auto;overflow:visible;display:flex;flex-direction:column}
.is-static-v2 .v2-pool{position:relative;inset:auto;height:100svh;order:-1}
.is-static-v2 .scene.s1{position:relative;inset:auto;height:70svh}
.is-static-v2 .v2-veil,.is-static-v2 .v2-rings,.is-static-v2 .intro-scroll,.is-static-v2 .intro-progress{display:none}
.is-static-v2 .hero-copy,.is-static-v2 .hero-hyatt{opacity:1}
.is-static-v2 .hero-logo{-webkit-mask-image:none;mask-image:none}
.is-static-v2 .scene .beat-word{clip-path:none;transform:none}.is-static-v2 .scene .beat-no{opacity:.8}
@media(prefers-reduced-motion:reduce){.day-wash{transition:none}}