/*==================================================
  TYPOGRAPHY
  Zen Spa Home
==================================================*/

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

body{

    font-family:var(--font-body);

    font-size:1rem;

    font-weight:400;

    line-height:1.7;

    color:var(--color-text);

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}

/*==============================================
  HEADINGS
==============================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0;

    font-family:var(--font-heading);

    font-weight:600;

    line-height:1.08;

    letter-spacing:-.03em;

    color:var(--color-white);

}

h1{

    font-size:clamp(3.5rem,8vw,7rem);

}

h2{

    font-size:clamp(2.4rem,5vw,4.5rem);

}

h3{

    font-size:clamp(1.4rem,2vw,2rem);

}

h4{

    font-size:1.2rem;

}

/*==============================================
  PARAGRAPHS
==============================================*/

p{

    margin:0;

    color:var(--color-text-light);

}

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

a{

    color:inherit;

    text-decoration:none;

}

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

img{

    display:block;

    max-width:100%;

    height:auto;

}

/*==============================================
  SECTION TAG
==============================================*/

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:.75rem;

    margin-bottom:1.5rem;

    color:var(--color-primary);

    font-size:.82rem;

    font-weight:600;

    letter-spacing:.35em;

    text-transform:uppercase;

}

.section-tag::before{

    content:"";

    width:48px;

    height:1px;

    background:currentColor;

}

/*==============================================
  SECTION TITLE
==============================================*/

.section-title{

    max-width:900px;

    margin-bottom:1.75rem;

}

/*==============================================
  SECTION DESCRIPTION
==============================================*/

.section-description{

    max-width:720px;

    font-size:1.08rem;

    line-height:1.9;

    color:var(--color-text-light);

}

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

::selection{

    background:var(--color-primary);

    color:#fff;

}