/* Dubai formats: twelve future photos use this scoped carousel geometry. */
.universe-carousel[data-universe-carousel] .universe-carousel-item{--items:12}
.universe-carousel[data-universe-carousel] .universe-carousel-item:before{content:"";display:block;position:absolute;z-index:2;inset:auto;top:22px;right:22px;width:46px;height:46px;background:transparent url("./logo.svg") center/contain no-repeat;border:0;box-shadow:0 5px 10px #76542b46;transform:rotate(7deg);pointer-events:none}
.universe-carousel[data-universe-carousel] .universe-carousel-item{box-sizing:border-box;width:calc(var(--width) + 20px);height:calc(var(--height) + 47px);margin:calc((var(--height) + 47px) * -.5) 0 0 calc((var(--width) + 20px) * -.5);padding:0;background:#fffaf0}.universe-carousel[data-universe-carousel] .universe-carousel-item:before,.universe-carousel[data-universe-carousel] .universe-carousel-item:after{display:none}.universe-carousel[data-universe-carousel] .universe-carousel-item>img{position:absolute;inset:14px 14px 45px;width:calc(100% - 28px);height:calc(100% - 59px);object-fit:cover;object-position:var(--photo-position,50% 50%);pointer-events:none}.universe-carousel[data-universe-carousel] .universe-carousel-item span{right:14px;bottom:0;left:14px;height:45px;display:grid;place-items:center;color:var(--ink);font:700 19px/1 "Noteworthy","Segoe Print",Caveat,cursive;text-align:center;text-shadow:none}
.universe-field{min-height:690px}.universe-carousel{position:relative;z-index:1;min-height:670px;overflow:clip;isolation:isolate;cursor:grab;touch-action:pan-y;user-select:none}.universe-carousel.is-dragging{cursor:grabbing}.universe-carousel-item{--items:11;--width:clamp(266px,29.4vw,420px);--height:clamp(353px,40.6vw,535px);--x:calc(var(--active) * 240%);--y:calc(var(--active) * 85%);--rot:calc(var(--active) * 44deg);--opacity:calc(var(--zIndex) / var(--items) * 2 - .7);position:absolute;z-index:var(--zIndex);top:48%;left:50%;width:var(--width);height:var(--height);margin:calc(var(--height) * -.5) 0 0 calc(var(--width) * -.5);padding:0;border:0;border-radius:0;background:#e9c47d;box-shadow:0 16px 30px #76542b42;color:#5f472a;cursor:pointer;opacity:var(--opacity);transform:translate(var(--x),var(--y)) rotate(var(--rot));transform-origin:0 100%;transition:transform .8s cubic-bezier(0,.02,0,1),opacity .8s cubic-bezier(0,.02,0,1),box-shadow .45s ease}.universe-carousel-item:nth-child(3n+2){background:#efd79c}.universe-carousel-item:nth-child(3n){background:#d6a45f}.universe-carousel-item:before{content:"";position:absolute;inset:12px;border:1px dashed #75532e66;pointer-events:none}.universe-carousel-item:after{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:34%;background:linear-gradient(transparent,#2f20118f);pointer-events:none}.universe-carousel-item span{position:absolute;z-index:1;right:16px;bottom:14px;left:16px;color:#fff;font:700 22px/1 Caveat, cursive;text-align:left;text-shadow:0 2px 6px #2a190d9c}.universe-carousel-item:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.universe-carousel-item:hover{box-shadow:0 23px 36px #76542b57}@media(max-width:850px){.universe-field{min-height:780px}.universe-carousel{min-height:760px}.universe-carousel-item{--width:clamp(266px,86.8vw,350px);--height:clamp(353px,109.2vw,448px);--x:calc(var(--active) * 170%);--y:calc(var(--active) * 74%);--rot:calc(var(--active) * 38deg)}.universe-carousel-item span{right:13px;bottom:12px;left:13px;font-size:19px}.universe-carousel-item:before{inset:10px}}@media(prefers-reduced-motion:reduce){.universe-carousel-item{transition:none}}
.universe-carousel[data-universe-carousel] .universe-carousel-item:before{display:block}@media(max-width:850px){.universe-carousel[data-universe-carousel] .universe-carousel-item:before{top:20px;right:20px;width:38px;height:38px}}
@media(max-width:850px){.universe-carousel-item{--width:clamp(248px,78vw,320px);--height:clamp(330px,99vw,410px);--x:calc(var(--active) * 153%);--y:calc(var(--active) * 67%)}}
.universe-coconut-cursor{position:fixed;z-index:1000;top:0;left:0;width:34px;height:34px;background:url("./red-coconut.svg") center/contain no-repeat;pointer-events:none;opacity:0;transform:translate(calc(var(--cursor-x, -100px) - 50%),calc(var(--cursor-y, -100px) - 50%)) rotate(-14deg);transition:opacity 120ms ease;will-change:transform}.universe-coconut-cursor.is-visible{opacity:1}@media(hover:hover) and (pointer:fine){body.has-coconut-cursor,body.has-coconut-cursor *{cursor:none!important}}