/* ============================================================
   BASE
   ============================================================ */

@import url('../fonts/unigeo64.css');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Unigeo64", -apple-system, sans-serif;
  background: #F0EEF8;
  color: #111;
  width: 100%;
  max-width: 100vw;
  overflow-x: clip;
  position: relative;
}

html {
  overflow-x: clip;
}

/* CSS Vars need @property registration for animatable interpolation */

@property --wobble-x { syntax: '<length>'; initial-value: 0px; inherits: false; }

@property --wobble-y { syntax: '<length>'; initial-value: 0px; inherits: false; }

@property --wobble-rot { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

@property --tx { syntax: '<length>'; initial-value: 0px; inherits: false; }

@property --ty { syntax: '<length>'; initial-value: 0px; inherits: false; }

@property --tz { syntax: '<length>'; initial-value: 0px; inherits: false; }

@property --rot { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

@property --hl-x { syntax: '<percentage>'; initial-value: 30%; inherits: false; }

@property --hl-y { syntax: '<percentage>'; initial-value: 25%; inherits: false; }


.legal-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 60px 20px;
}

.legal-section {
  margin-bottom: 40px;
}