@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--app-vw: 100vw;--app-vh: 100vh}html,body{width:100%;min-height:100%}body{overflow-x:hidden}a,p{display:block;text-decoration:none;text-transform:uppercase;color:#000;font-family:Roboto Mono;font-size:clamp(10px,1.2vw,12px);font-weight:400}nav,footer{position:absolute;left:0;width:var(--app-vw, 100vw);padding:1em;display:flex;justify-content:space-between;gap:2em;z-index:5}nav,footer{align-items:center}nav .links{margin-left:auto}footer .socials{margin-left:auto}nav{top:0}footer{bottom:0}.links,.socials{display:flex;gap:2em}.gradient-bg{position:absolute;bottom:0;width:100vw;height:100vh;height:100svh;background:#fff;z-index:0}.container{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;z-index:2;touch-action:none;overscroll-behavior:contain}.project-title-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;aspect-ratio:16/9}#project-link{width:100%;height:100%;display:flex;align-items:center;text-decoration:none;color:#fff;pointer-events:none;cursor:default}.project-title-mask{position:relative;width:100%;height:16px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden}#project-title{display:block;position:relative;color:#fff;text-align:center;text-transform:uppercase;font-family:Roboto Mono;font-size:clamp(11px,1.5vw,14px);line-height:1}#project-title span{display:inline-block;will-change:transform,opacity}.audio-hint{position:absolute;right:clamp(20px,4vw,36px);bottom:clamp(20px,4vw,32px);display:inline-flex;align-items:center;gap:.45em;font-family:Roboto Mono;font-size:clamp(10px,1.2vw,12px);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;pointer-events:none;opacity:0;transition:opacity .28s ease,transform .28s ease;transform:translateY(8px)}.audio-hint svg{width:14px;height:14px;display:block}.container[data-audio=muted] .audio-hint{opacity:1;transform:translateY(0)}@media (max-width: 768px){nav,footer{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(.8rem,4vw,1.4rem);padding:clamp(.6rem,3vw,1.2rem) clamp(.8rem,5vw,1.8rem)}nav>*,.links a{flex:initial}.links,.socials{gap:clamp(.6rem,3vw,1.2rem);flex-wrap:nowrap;justify-content:space-between}.logo a{font-size:clamp(14px,5vw,18px)}.container{height:var(--app-vh, 100vh)}.gradient-bg{height:calc(var(--app-vh, 100vh) * 1.2)}.project-title-container{width:min(86vw,420px)}#project-title{font-size:clamp(12px,4vw,16px)}}@media (max-width: 900px) and (orientation: landscape){nav,footer{flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(.6rem,3vw,1.1rem);padding:clamp(.5rem,2.4vw,1rem) clamp(.8rem,4vw,1.6rem)}.links,.socials{gap:clamp(.5rem,2.8vw,1rem);flex-wrap:nowrap}.project-title-container{width:min(62vw,520px)}#project-title{font-size:clamp(12px,3vw,15px)}}@media (max-height: 540px){nav,footer{padding-block:.6rem}.project-title-container{width:min(64vw,420px)}}