/* All service content is real document flow. The lightweight view is usable
   without WebGL, JavaScript, observers, scroll timelines or viewport units. */
.native-art,.native-orbs,.native-moon{display:none}
body:not(.enhanced) #loading{display:none}
body:not(.enhanced) #scene{background:#030409}
body:not(.enhanced) #scene::after{content:'';position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 17px 29px,#b9d7eb 50%,transparent),radial-gradient(1px 1px at 101px 77px,#fff 50%,transparent),radial-gradient(1px 1px at 40px 99px,#67768f 50%,transparent);background-size:193px 227px,331px 257px,277px 319px}
body:not(.enhanced) #scroll-track{display:none}
body:not(.enhanced) #jump-light,body:not(.enhanced) .cinema-shade{display:none}
body:not(.enhanced) #journey{position:relative;pointer-events:auto}
body:not(.enhanced) .chapter{position:relative;min-height:90vh;min-height:90svh;padding:88px var(--edge) 54px;scroll-margin-top:0;visibility:visible;opacity:1;overflow:hidden}
body:not(.enhanced) .chapter:before{display:none!important}
body:not(.enhanced) .chapter:not(.intro):not(.closing){display:flex;flex-direction:column;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 54%,#23334044,transparent 58%)}
body:not(.enhanced) .native-art{display:block;width:100%;margin:0;align-self:center;position:relative}
body:not(.enhanced) .product-shot{max-width:770px;transform:scale(var(--approach,1));transform-origin:50% 70%}
body:not(.enhanced) .product-shot::before{content:'';position:absolute;inset:32% -22% -15%;z-index:-1;background:url(assets/suelo-lunar.webp) center bottom/100% auto no-repeat;opacity:.32;-webkit-mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}
body:not(.enhanced) .product-shot>img{display:block;width:100%;height:auto;object-fit:contain}
body:not(.enhanced) .caption{position:relative;max-width:770px;width:100%;gap:30px;margin:0 auto;padding:0}
body:not(.enhanced) .copy{max-width:600px}
body:not(.enhanced) .chapter h2{font-size:clamp(30px,4vw,47px)}
body:not(.enhanced) .chapter p{font-size:14px;line-height:1.7}
body:not(.enhanced) .intro{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding-bottom:160px;background:radial-gradient(ellipse at 50% 50%,#1b27352e,transparent 70%)}
body:not(.enhanced) .intro-content{position:relative;z-index:2;width:100%}
body:not(.enhanced) .intro h1{width:min(820px,96vw);max-height:none}
body:not(.enhanced) .native-moon{display:block;position:absolute;bottom:-130px;left:50%;width:min(700px,110vw);aspect-ratio:1;border-radius:50%;transform:translate(-50%,62%);background:linear-gradient(180deg,#cfd5de12,#030409 50%),url(assets/moon-lite.webp) 36% 50%/cover;box-shadow:0 -6px 80px #95bdeb13;opacity:.58;pointer-events:none}
body:not(.enhanced) .intro .native-moon{bottom:0;transform:translate(-50%,62%)}
body:not(.enhanced) .native-orbs{display:block;position:absolute;inset:0;pointer-events:none;overflow:hidden}
.native-orbs i{position:absolute;width:36px;height:36px;border-radius:50%;left:8%;top:22%;background:radial-gradient(circle at 30% 23%,#fff 0 2%,#d4faffcc 5%,#8099b34a 16%,#0a1d3655 45%,#85c6d366 72%,#d1ecf4bb 85%,#314358 97%);box-shadow:inset -3px -5px 9px #73869b44,inset 1px 2px 4px #e3ffffb0;animation:orb-drift 17s ease-in-out infinite alternate;animation-play-state:paused}
.native-orbs i:nth-child(2){left:85%;top:44%;width:24px;height:24px;animation-duration:23s;animation-delay:-7s}.native-orbs i:nth-child(3){left:68%;top:15%;width:15px;height:15px;animation-duration:19s;animation-delay:-11s}
.in-view .native-orbs i{animation-play-state:running}.motion-reduced .native-orbs i,.page-hidden .native-orbs i{animation-play-state:paused}
@keyframes orb-drift{0%{transform:translate3d(0,0,0) scale(.85)}45%{transform:translate3d(13px,-18px,0) scale(1.06)}100%{transform:translate3d(-8px,23px,0) scale(1.18)}}
body:not(.enhanced) #humeantes .product-shot{max-width:550px}
body:not(.enhanced) #antigravedad .product-shot{max-width:740px;margin-top:-35px;margin-bottom:-20px}
body:not(.enhanced) #nubaa .product-shot{max-width:730px;margin-top:-30px;margin-bottom:-28px}
body:not(.enhanced) #telefono .product-shot{max-width:470px;margin-bottom:24px}
body:not(.enhanced) .closing{min-height:95vh;display:flex;align-items:center;justify-content:center;padding-top:120px;background:radial-gradient(ellipse at 50% 48%,#11253365,transparent 68%)}
body:not(.enhanced) .closing-content{position:relative;padding:20px 0;z-index:1;opacity:1;transform:none;filter:none;max-width:760px}
body:not(.enhanced) .closing h2{font-size:clamp(34px,4vw,55px)}
body:not(.enhanced) .closing .closing-copy{font-size:17px}
body:not(.enhanced) .topbar{background:linear-gradient(#030409ed,#030409c9 76%,#03040900);padding-bottom:22px}
.native-printer{--print:1;width:100%;height:580px;max-width:740px;margin:auto;position:relative;overflow:hidden}
.printer-canvas{position:absolute;left:50%;top:0;width:740px;max-width:190vw;aspect-ratio:6/5;transform:translateX(-50%)}
.printer-canvas>img{display:block;width:100%;height:auto}
.native-screen{position:absolute;left:41.728%;top:20.937%;width:16.543%;height:31.765%;display:flex;align-items:center;justify-content:center;background:radial-gradient(#08151b,#030507);text-align:center;padding:4px;overflow:hidden}
.native-screen-text{font-size:clamp(17px,5vw,30px);font-weight:600;line-height:1.55}
.native-screen-logo{width:86%;height:auto}
.native-screen-logo[hidden]{display:none}
.taking-photo .native-screen{background:#edffff}
.native-paper{position:absolute;left:44.5%;top:57.083%;width:11%;height:39.1%;overflow:hidden;pointer-events:none}
.native-paper img{display:block;width:100%;height:auto;transform:translateY(calc((var(--print) - 1)*100%));transform-origin:top;filter:drop-shadow(2px 4px 2px #0009)}
body:not(.enhanced) #pixel .native-printer{display:block}
.enhanced .native-printer{display:none}
#simple-view{font-size:12px;color:#becbd9}
body.native-home #simple-view{display:none}
@media(max-width:700px){
  body:not(.enhanced) .chapter{padding:88px 23px 55px;min-height:90vh;min-height:90svh}
  body:not(.enhanced) .caption{display:block}
  body:not(.enhanced) .chapter p,body:not(.enhanced) #nubaa .copy p{font-size:13px}
  body:not(.enhanced) .caption .glass{min-height:52px;font-size:12px;margin-top:22px}
  body:not(.enhanced) #humeantes .product-shot{width:106%;max-width:none;align-self:center;margin-bottom:22px}
  body:not(.enhanced) #antigravedad .product-shot,body:not(.enhanced) #nubaa .product-shot{width:124%;max-width:none;align-self:center;margin-top:-20px;margin-bottom:0}
  body:not(.enhanced) #telefono .product-shot{width:108%;align-self:center}
  body:not(.enhanced) .native-printer{height:148vw;max-height:610px;margin-top:-30px;margin-bottom:-12px;width:calc(100% + 46px);align-self:center}
  body:not(.enhanced) .intro h1{width:102vw}
  body:not(.enhanced) .intro{min-height:94vh;min-height:94svh;padding-bottom:150px}
  body:not(.enhanced) .closing{padding-top:105px;padding-bottom:90px}
  body:not(.enhanced) .closing .closing-copy{font-size:15px}
  body:not(.enhanced) .closing .theme-group p{font-size:12px}
  body:not(.enhanced) .closing .alcohol-free{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.native-orbs i{animation:none!important}.product-shot{transform:none!important}}