:root {
  --thistle: #dac5fa;
  --dandelion: #fbfe67;
  --sky-blue: #bde6ee;
  --green: #029c53;
  --green-rgb: rgb(2 156 83 / 0.4);
  --cherry-blossom: #ffb2ce;
  --oriole: #f55b1c;

  --main-font: "Inter", sans-serif;
  --accent-font: "Piazzolla", serif;
  --wow-font: "Space Grotesk", sans-serif;

  --main-bkg: var(--sky-blue);
  --studio-bkg: var(--main-bkg);
  --portfolio-bkg: var(--dandelion);
  --contacts-bkg: var(--thistle);

  --title-text-size: 56px;
  --l-text-size: 36px;
  --m-text-size: 20px;
  --s-text-size: 14px;
  --xs-text-size: 12px;
  --m-text-lh: 1.4;

  --m-window: 1280px;
  --s-window: 680px;
}

@media (max-width: 680px) {
  :root {
    --title-text-size: 36px;
    --m-text-size: 18px;
  }
}

@media (min-width: 1920px) {
  :root {
    --title-text-size: 68px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  /*scroll-behavior: smooth;*/
  -webkit-font-smoothing: antialiased;
}

.custom-cursor {
  display: none;
}

@media (min-width: 1025px) {
  html,
  body {
    cursor: none;
  }

  label {
    cursor: none;
  }

  a:hover,
  label:hover {
    cursor: none;
  }

  .custom-cursor {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    pointer-events: none;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjUxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzE1LjM5MiAyOTIuNjA4TDI2LjQ5NiAzLjgxOEMxNS45MTUtNC41ODYgMCAzLjQzNiAwIDE2djM5NC42NjdjMCA4LjgzMiA3LjE2OCAxNiAxNiAxNiA0LjE2IDAgOC4xNS0xLjYgMTAuNDMyLTMuOTA0bDgwLjA0My02OS43MzkgNjUuMjggMTUyLjUxMmExMC42OTIgMTAuNjkyIDAgMDA1LjgyNCA1LjcxN2MxLjI4LjQ5MSAyLjYyNC43NDcgMy45NjguNzQ3IDEuNDI5IDAgMi44NTgtLjI5OSA0LjIwMi0uODc1bDY4LjY5NC0yOS40NGM1LjQxOC0yLjMwNCA3LjkzNi04LjU3NiA1LjYxLTEzLjk5NEwxOTYuODY0IDMyMEgzMDRjOC44MzIgMCAxNi03LjE2OCAxNi0xNiAwLTIuNTgxLS42NjEtNi40NjQtNC42MDgtMTEuMzkyeiIgZmlsbD0iI0ZCRkU2NyIvPjxwYXRoIGQ9Ik0xODAuNzc5IDUxMmMtMi4wMjcgMC00LjAzMi0uMzg0LTUuOTUyLTEuMTUyYTE1Ljk0NiAxNS45NDYgMCAwMS04Ljc5LTguNjRsLTU5Ljg2MS0xNDEuODQ1LTcxLjE0NyA2Mi44OWMtMi45ODYgMy4wNzItOC4zNDEgNS4yNy0xMy44ODggNS4yN0M5LjQ5MyA0MjguNTIzIDAgNDE5LjAwOCAwIDQwNy4yOTZWMjEuMjI2QzAgOS41MTYgOS40OTMgMCAyMS4xNDEgMGM0LjkyOCAwIDkuNzA3IDEuNzI4IDEzLjc2IDUuMDEzTDMxMy45NjMgMjg3Ljk4YzQuMzUyIDUuMzU0IDYuMDM3IDEwLjA2OSA2LjAzNyAxNC45NzYgMCAxMS42OS05LjQ5MyAyMS4yMjYtMjEuMTQxIDIxLjIyNmgtOTQuNzg0bDU3LjY4NSAxMzYuODExYzMuNDEzIDguMDg1LS4zMiAxNy4zODctOC4zNjMgMjAuODg1bC02Ni4yNCAyOC44YTE2LjEwNyAxNi4xMDcgMCAwMS02LjM3OCAxLjMyM3ptLTY4LjUwMi0xOTQuMzY4YzEuMTk1IDAgMi4zNjguMTI4IDMuNTYzLjQwNSA1LjAxMyAxLjE1MiA5LjE5NSA0LjYzIDExLjE3OSA5LjM4N2w2Mi4yMjkgMTQ3LjQ1NiAzNi44ODUtMTYuMDQzLTYwLjkwNi0xNDQuNDQ4YTE1Ljk3IDE1Ljk3IDAgMDExLjQwOC0xNS4wNjEgMTYuMDI3IDE2LjAyNyAwIDAxMTMuMzMzLTcuMTQ3aDkzLjMzM0wzMiA0Ny41MDl2MzM1Ljc2Nmw2OS42NzUtNjEuNjMyYTE2LjA0IDE2LjA0IDAgMDExMC42MDItNC4wMTF6bS05Ny45ODQgODEuMzAxYy0uNDQ4LjM0Mi0uODUzLjcwNC0xLjIzNyAxLjA4OGwxLjIzNy0xLjA4OHptMjc1LjcxMi04OS44MTNoLjIxNC0uMjE0eiIgZmlsbD0iI0Y1NUIxQyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translateY(50%) translateX(5px);
    will-change: auto;
  }

  .custom-cursor._hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkwIiBoZWlnaHQ9IjM5MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDQxLjggMTMzLjUzNkwzMzcuMzczIDI5LjEwOWMtMTIuNTAxLTEyLjUtMzIuNzY4LTEyLjUtNDUuMjQ4IDAtMTIuNTAxIDEyLjUwMi0xMi41MDEgMzIuNzY4IDAgNDUuMjQ4bC0xNS4wODItMTUuMDgyYy0xMi41MDItMTIuNTAyLTMyLjc2OC0xMi41MDItNDUuMjQ4IDAtMTIuNTAyIDEyLjUwMS0xMi41MDIgMzIuNzY4IDAgNDUuMjQ4TDIxNi43MTIgODkuNDRjLTEyLjUwMS0xMi41MDEtMzIuNzY4LTEyLjUwMS00NS4yNDggMC0xMi41MDEgMTIuNTAxLTEyLjUwMSAzMi43NjggMCA0NS4yNDhMODAuOTI1IDQ0LjIxM2MtMTIuNTAxLTEyLjUtMzIuNzY4LTEyLjUtNDUuMjQ4IDAtMTIuNTAxIDEyLjUwMi0xMi41MDEgMzIuNzY4IDAgNDUuMjQ4TDIwMC40MzUgMjU0LjIybC05MC40NTQgMjEuNjc0LS4wNjQuMDQzYy01LjQ0IDEuMjE2LTEwLjcxIDQuMDc1LTE1LjA4MiA4LjQ0OC0xMi41MjMgMTIuNTIzLTEyLjUyMyAzMi43MjUgMCA0NS4yNDggNC4zNzMgNC4zNzMgOS44MTMgNy4zODEgMTUuNTMgOC41OTdsLS4wODUtLjA0MiAxNzkuODgzIDQxLjIzN2MyOC42MjkgNi41NzEgNTguNjI0LTIuMDY5IDc5LjQwMi0yMi44MjdsNzIuMjE0LTcyLjIxM2M0MS42ODUtNDEuNjQzIDQxLjY4NS0xMDkuMTg0LjAyMS0xNTAuODQ4eiIgZmlsbD0iI0ZCRkU2NyIvPjxwYXRoIGQ9Ik0xOTEuOTQ0IDI2OC4xNzFjLTQuMDk2IDAtOC4xOTItMS41NTgtMTEuMzA3LTQuNjk0TDE0LjY4NSA5Ny41NDdjLTE4LjcwOS0xOC43MS0xOC43MDktNDkuMTc0IDAtNjcuODgzIDE4LjcxLTE4LjcxIDQ5LjE3NC0xOC43MSA2Ny44ODMgMGwxNTAuODQ4IDE1MC44NDhjNi4yNTEgNi4yNTEgNi4yNTEgMTYuMzg0IDAgMjIuNjM1LTYuMjUxIDYuMjUtMTYuMzg0IDYuMjUtMjIuNjM1IDBMNTkuOTMzIDUyLjI5OWMtNi4yNS02LjI1LTE2LjM4NC02LjI1LTIyLjYzNCAwLTYuMjMgNi4yMy02LjIzIDE2LjQwNSAwIDIyLjYzNGwxNjUuOTMgMTY1LjkzMWM2LjI1MSA2LjI1MSA2LjI1MSAxNi4zODQgMCAyMi42MzVhMTUuODkzIDE1Ljg5MyAwIDAxLTExLjI4NSA0LjY3MnoiIGZpbGw9IiNGNTVCMUMiLz48cGF0aCBkPSJNMjY3LjM1NyAxNjIuNTkyYy00LjA5NiAwLTguMTkyLTEuNTU3LTExLjMwNi00LjY5M2wtNjAuMzUyLTYwLjM1MmMtNi4yNTEtNi4yNTEtMTYuMzg0LTYuMjUxLTIyLjYzNSAwLTYuMjUxIDYuMjUtNi4yNTEgMTYuNDA1IDAgMjIuNjU2IDYuMjUxIDYuMjUgNi4yNTEgMTYuMzg0IDAgMjIuNjM0LTYuMjUxIDYuMjUxLTE2LjM4NCA2LjI1MS0yMi42MzUgMC0xOC43My0xOC43MDktMTguNzMtNDkuMTk0IDAtNjcuOTA0IDE4LjEzNC0xOC4xMzMgNDkuNzUtMTguMTMzIDY3Ljg4MyAwbDYwLjMzMSA2MC4zNTJjNi4yNSA2LjI1MSA2LjI1IDE2LjM4NCAwIDIyLjYzNWExNS45NSAxNS45NSAwIDAxLTExLjI4NiA0LjY3MnoiIGZpbGw9IiNGNTVCMUMiLz48cGF0aCBkPSJNMzEyLjYwNSAxMTcuMzIzYy00LjA5NiAwLTguMTkyLTEuNTU4LTExLjMwNi00LjY5NGwtNDUuMjQ4LTQ1LjI0OGMtNi4wMzgtNi4wMzctMTYuNTc2LTYuMDM3LTIyLjYzNSAwLTMuMDI5IDMuMDMtNC42OTMgNy4wNC00LjY5MyAxMS4zMDdzMS42NjQgOC4yOTkgNC42OTMgMTEuMjg1YzYuMjUxIDYuMjUgNi4yNTEgMTYuMzg0LjAyMSAyMi42NTYtNi4yNSA2LjIzLTE2LjQwNSA2LjI1MS0yMi42NTYuMDIyLTkuMDY2LTkuMDY3LTE0LjA1OC0yMS4xMi0xNC4wNTgtMzMuOTYzIDAtMTIuODIxIDQuOTkyLTI0Ljg3NSAxNC4wNTgtMzMuOTQxIDE4LjcxLTE4LjcxIDQ5LjE3NC0xOC43MSA2Ny44ODMgMGw0NS4yNDggNDUuMjQ4YzYuMjUxIDYuMjUgNi4yNTEgMTYuMzg0IDAgMjIuNjM0YTE1Ljk2NCAxNS45NjQgMCAwMS0xMS4zMDcgNC42OTR6IiBmaWxsPSIjRjU1QjFDIi8+PHBhdGggZD0iTTMwNS4wOTYgMzkxLjUyYy03Ljg1MSAwLTE1Ljc4Ny0uOTE3LTIzLjY1OS0yLjc5NWwtMTcxLjExNC00MC41NzZhMi40NDUgMi40NDUgMCAwMS0uNDI3LS4wODVjLTguNzg5LTEuODM1LTE2LjkxNy02LjI5My0yMy41NTItMTIuODg1LTE4Ljc1Mi0xOC43MzEtMTguNzUyLTQ5LjIxNi0uMDIxLTY3LjkyNiA2LjE2NS02LjE4NiAxMy43MzgtMTAuNDc0IDIxLjkwOS0xMi41MDEuMzQxLS4xMDcuNjYxLS4xOTIgMS4wMDMtLjI3N2w3OS4xNDYtMTcuOTJjOC42NC0xLjk0MiAxNy4xOTUgMy40NTYgMTkuMTM2IDEyLjA1MyAxLjk2MyA4LjYxOS0zLjQ1NiAxNy4xOTUtMTIuMDUzIDE5LjEzNmwtNzguMzU3IDE3LjcyOGMtLjI5OS4wODUtLjU5OC4xNzEtLjkxOC4yNTYtMi41ODEuNTU1LTUuMTYyIDIuMDQ4LTcuMjUzIDQuMTE3LTYuMjUxIDYuMjUxLTYuMjUxIDE2LjQwNiAwIDIyLjY1NiAyLjAyNyAyLjAwNiA0LjQ1OSAzLjQzNSA2LjkzMyA0LjA5Ni4yOTkuMDQzLjU5OC4xMDcuODk2LjE5MmwxNzIuMDExIDQwLjc5YzIzLjU1MiA1LjUyNSA0Ny44OTMtMS4zMjMgNjUuMDI0LTE4LjQzMmw4My4yMjEtODMuMjIyYzEzLjA5OS0xMy4wNzcgMjAuMzEtMzAuNTA2IDIwLjMxLTQ5LjAyNCAwLTE4LjUxNy03LjIxMS0zNS45NDYtMjAuMzEtNDkuMDI0TDMxNi4zNiAzNy4xOTVjLTYuMDU5LTYuMDM4LTE2LjYxOS01Ljk5NS0yMi42NTYgMC02LjIyOSA2LjIzLTYuMjI5IDE2LjQwNSAwIDIyLjYzNSA2LjI1MSA2LjI1IDYuMjUxIDE2LjM4MyAwIDIyLjYzNC02LjI1MSA2LjI1LTE2LjM4NCA2LjI1LTIyLjYzNSAwLTkuMDY2LTkuMDY3LTE0LjA1OC0yMS4xMi0xNC4wNTgtMzMuOTQxIDAtMTIuODIyIDQuOTkyLTI0Ljg3NSAxNC4wNTgtMzMuOTQyIDE4LjExMi0xOC4xMTIgNDkuNzcxLTE4LjE1NCA2Ny45MDQgMGwxMjAuNjYyIDEyMC42ODNjMTkuMTM2IDE5LjExNSAyOS42OTYgNDQuNTg3IDI5LjY5NiA3MS42MzcgMCAyNy4wNTEtMTAuNTM5IDUyLjUyMy0yOS42OTYgNzEuNjM4bC04My4yMjIgODMuMjIxYy0xOS4yNjQgMTkuMzQ5LTQ0LjgyMSAyOS43Ni03MS4zMTcgMjkuNzZ6IiBmaWxsPSIjRjU1QjFDIi8+PC9zdmc+);
  }
}

html,
body {
  position: relative;
  width: 100%;
}

body {
  min-width: 320px;
  /*overflow-x: hidden;*/
  color: #333;
  margin: 0;
  box-sizing: border-box;
  font-family: var(--main-font);
}

a {
  text-decoration: none;
}

a:hover,
label:hover {
  text-decoration: none;
}

label {
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  box-sizing: border-box;
}

input:disabled {
  color: #ccc;
}

button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}