* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}

.text {
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0);
  font-kerning: none;
}

/* ==========================================================================
   global.css
   Fluid scaling system + animation initial states
   ========================================================================== */

/* ==========================================================================
   SCALING SYSTEM â€” by Osmo (https://osmo.supply/)
   Fluid font sizing based on container width across breakpoints.
   ========================================================================== */

/* Desktop */
:root {
  --size-unit: 16;
  /* body font-size in design â€” no px */
  --size-container-ideal: 1440;
  /* screen-size in design â€” no px */
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 834;
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 550;
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390;
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}

body {
  font-size: var(--size-font);
}

/* Existing split text hide */
[data-split="heading"] {
  visibility: hidden;
}

.wf-design-mode [data-split="heading"],
.w-editor [data-split="heading"] {
  visibility: visible !important;
}

/* Split text */
[data-split="heading"] {
  visibility: hidden;
}

.wf-design-mode [data-split="heading"],
.w-editor [data-split="heading"] {
  visibility: visible !important;
}

/* Content reveal — hide only direct children, not all descendants */
[data-reveal-group]>* {
  visibility: hidden;
}

.wf-design-mode [data-reveal-group]>*,
.w-editor [data-reveal-group]>* {
  visibility: visible !important;
}
