/*==================================================
  RESET.CSS
  Zen Spa Home
==================================================*/

/*==================================================
  RESET
==================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;

    box-sizing:border-box;

}

/*==================================================
  ROOT
==================================================*/

html{

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    text-size-adjust:100%;

}

/*==================================================
  BODY
==================================================*/

body{

    min-width:320px;
    min-height:100vh;

    overflow-x:hidden;

    background:var(--color-background);

    color:var(--color-text);

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;

}

/*==================================================
  MEDIA
==================================================*/

img,
picture,
video,
canvas,
svg{

    display:block;

    max-width:100%;

    height:auto;

}

video{

    object-fit:cover;

}

/*==================================================
  FORM ELEMENTS
==================================================*/

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:none;

    border:none;

    outline:none;

}

button{

    cursor:pointer;

}

/*==================================================
  LINKS
==================================================*/

a{

    color:inherit;

    text-decoration:none;

}

/*==================================================
  LISTS
==================================================*/

ul,
ol{

    list-style:none;

}

/*==================================================
  TABLES
==================================================*/

table{

    border-collapse:collapse;

    border-spacing:0;

}

/*==================================================
  IMAGES
==================================================*/

img{

    user-select:none;

    -webkit-user-drag:none;

}

/*==================================================
  SVG
==================================================*/

svg{

    overflow:hidden;

}

/*==================================================
  SELECTION
==================================================*/

::selection{

    background:var(--color-primary);

    color:var(--color-white);

}

/*==================================================
  FOCUS
==================================================*/

:focus-visible{

    outline:2px solid var(--color-primary);

    outline-offset:4px;

}

/*==================================================
  GSAP
==================================================*/

[data-gsap]{

    visibility:hidden;

}

/*==================================================
  SPLITTYPE
==================================================*/

.char{

    display:inline-block;

    will-change:transform,opacity;

}

.word{

    overflow:hidden;

}

.line{

    overflow:hidden;

}

/*==================================================
  LENIS
==================================================*/

html.lenis{

    height:auto;

}

.lenis.lenis-smooth{

    scroll-behavior:auto;

}

.lenis.lenis-smooth [data-lenis-prevent]{

    overscroll-behavior:contain;

}

.lenis.lenis-stopped{

    overflow:hidden;

}

.lenis.lenis-scrolling iframe{

    pointer-events:none;

}

/*==================================================
  SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:var(--color-background);

}

::-webkit-scrollbar-thumb{

    background:var(--color-primary);

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--color-primary-light);

}

/*==================================================
  REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

    *{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

        scroll-behavior:auto !important;

    }

}