/* OceanWaves Minimalist Fluid Responsive Knockout Mask Style */

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #010309;
}

/* Three.js WebGPU Canvas fixed background */
#webgpu-background {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  display: block;
}

/* Fullscreen Dynamic Mask Container */
.dynamic-mask-container {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  pointer-events: none;
}

.dynamic-mask-svg {
  width: 100vw;
  height: 100vh;
  display: block;
}

/* 100% Fluid Responsive Typography */
.responsive-oceanwaves-text {
  font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  font-weight: 900;
  font-size: clamp(2.8rem, 14vw, 16.5rem);
  letter-spacing: -0.025em;
  user-select: none;
  -webkit-user-select: none;
}