:root{color:#f0efea;background:#020405;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;--edge: clamp(18px, 3.2vw, 52px)}*{box-sizing:border-box}html{background:#020405}body{margin:0;min-width:320px;height:740svh;overflow-x:clip;background:#020405}.stage{position:fixed;inset:0;overflow:hidden;isolation:isolate;min-height:100svh}.background{position:absolute;inset:-4%;z-index:-3;background:#020405 url(/video/atas-water-loop-opening.jpg) center center / cover no-repeat;filter:saturate(.88) contrast(1.08);transform:scale(1.08);will-change:transform}@media(max-width:700px){.background{background-image:url(/video/atas-water-loop-mobile-opening.jpg)}}.background.use-fallback{background-image:url(/assets/water-background-BzVCatAN.png)}@media(prefers-reduced-motion:reduce){.background{background-image:url(/assets/water-background-BzVCatAN.png)}}.background video{display:block;visibility:hidden;width:100%;height:100%;object-fit:cover;opacity:0}.background video.is-ready{visibility:visible;opacity:1}.background video.is-unavailable{display:none}.background video::-webkit-media-controls-start-playback-button{display:none!important}@media(prefers-reduced-motion:reduce){.background video{display:none}}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0000007a,#00000012 45%,#00000061),linear-gradient(90deg,rgba(0,0,0,.2),transparent 38%,rgba(0,0,0,.12))}.identity{position:absolute;top:clamp(22px,3.7vh,44px);left:var(--edge);z-index:3}.identity p{margin:0}.identity__name{font:500 clamp(10px,.94vw,15px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.28em}.navigation{position:absolute;top:clamp(22px,3.7vh,44px);right:var(--edge);z-index:4;display:flex;gap:12px;align-items:center;justify-content:flex-end;font:400 clamp(9px,.72vw,12px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.1em}.navigation a{color:#d8d8d3;text-decoration:none;padding:5px 0}.navigation span{color:#898b89}.navigation a:hover{color:#fff}.navigation a:focus-visible{outline:1px solid #f0efea;outline-offset:6px}.composition{position:absolute;inset:0;pointer-events:none}.word{position:absolute;margin:0;font-weight:400;line-height:.82;letter-spacing:-.075em;white-space:nowrap;transform-origin:left center;will-change:transform,opacity;color:#f2f1edf0}.word--transcendence{top:23svh;left:-2vw;font-size:13.2vw}.word--epiphany{top:57svh;left:27vw;font-size:18vw}.word--consciousness{top:29svh;left:0;font-size:15vw}.word--perception{top:53svh;left:10vw;font-size:14vw}.word--memory{top:65svh;left:28vw;font-size:17vw}.word--time{top:29svh;left:3vw;font-size:31vw}.word--space{top:62svh;left:40vw;font-size:23vw}.scroll-cue{position:absolute;right:var(--edge);top:46%;display:flex;align-items:center;gap:15px;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.scroll-cue.is-visible{opacity:.58}.scroll-cue span{writing-mode:vertical-rl;font:400 9px/1 ui-monospace,monospace;letter-spacing:.28em}.scroll-cue i{position:relative;width:1px;height:21vh;background:#f0efea6b}.scroll-cue i:after{content:"";position:absolute;left:-2px;top:0;width:5px;height:5px;border:1px solid rgba(240,239,234,.8);border-radius:50%;background:#091014;transform:translateY(var(--cue-progress,0px))}@media(max-width:700px){body{height:680svh}.identity{top:25px}.navigation{top:65px;left:var(--edge);right:var(--edge);gap:7px;flex-wrap:wrap;font-size:9px;letter-spacing:.055em}.word--transcendence{top:28svh;left:-3vw;font-size:19vw}.word--epiphany{top:61svh;left:6vw;font-size:25vw}.word--consciousness{top:31svh;left:0;font-size:23vw}.word--perception{top:53svh;left:0;font-size:23vw}.word--memory{top:68svh;left:9vw;font-size:25vw}.word--time{top:47svh;left:-9vw;font-size:59vw}.word--space{top:71svh;left:30vw;font-size:50vw}.scroll-cue{right:12px;top:78%}.scroll-cue i{height:10vh}.scroll-cue span{font-size:8px}}@media(max-height:500px)and (min-width:701px){.word--epiphany{top:57svh;font-size:14vw}.word--time{font-size:23vw}.word--space{font-size:17vw}}html:not(.motion-ready) body{height:auto;min-height:100svh}html:not(.motion-ready) .stage{position:relative;min-height:100svh}html:not(.motion-ready) .composition{position:relative;padding:150px var(--edge) 60px}html:not(.motion-ready) .word{position:relative;top:auto;left:auto;margin-bottom:20px}html:not(.motion-ready) .word{font-size:10vw}@media(prefers-reduced-motion:reduce){body{height:auto;min-height:100svh}.stage{position:relative;min-height:100svh;overflow:hidden}.background{position:fixed;transform:scale(1.04)!important}.shade{position:fixed}.composition{position:relative;padding:145px var(--edge) 60px}.word{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;margin-bottom:24px;font-size:9.8vw;will-change:auto}.word--epiphany{margin-left:25%;font-size:12vw}.word--perception{margin-left:16%;font-size:10vw}.word--memory{margin-left:37%;font-size:12vw}.word--time{font-size:20vw;margin-bottom:0}.word--space{margin-left:38%;font-size:17vw}.scroll-cue{display:none}}