@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400&family=Cormorant+Garamond:ital,wght@1,300;1,400&display=swap');
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html.splash-active,html.splash-active body{overflow:hidden;overscroll-behavior:none}
html.alw-standalone, html.alw-standalone body{height:var(--alw-vh, 100vh)}
#mist-living-water{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#mist-living-water{width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity .45s ease}
#mist-living-water .alw-screen{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;isolation:isolate}
#mist-living-water .alw-photo,#mist-living-water .alw-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
#mist-living-water .alw-canvas{touch-action:none;cursor:crosshair;z-index:1}
#mist-living-water .alw-intro{position:absolute;left:max(8.2%,calc(var(--safe-left) + 20px));top:calc(var(--safe-top) + 28px);color:#faf6f0;z-index:3;pointer-events:none;text-shadow:0 1px 7px rgba(40,15,20,.6)}
#mist-living-water .alw-en{font:300 10px/1.8 'Inter',sans-serif;letter-spacing:2.5px;text-transform:uppercase}
#mist-living-water .alw-cn{margin-top:9px;font:300 11px/1.8 'Inter',sans-serif;letter-spacing:.7px;color:#b8a99a}
#mist-living-water .alw-enter{position:absolute;right:max(6.5%,var(--safe-right));bottom:max(20px,calc(var(--safe-bottom) + 12px));min-width:62px;min-height:48px;padding:4px 8px;border:0;background:transparent;color:#faf6f0;font:300 10px/1.8 'Inter',sans-serif;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 1px 9px rgba(40,15,20,.6);cursor:pointer;z-index:4;-webkit-tap-highlight-color:transparent}
#mist-living-water .alw-access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
