.site__canvas {
  height: auto;
  min-height: 100dvh;
  display: flex;
}

.site__canvas>.box {
  min-height: 100dvh;
  overflow: clip;
}

body,
html {
  margin: 0;
  padding: 0;
}

:where(.site),
:where(.site) a,
:where(.site) dd,
:where(.site) div,
:where(.site) dl,
:where(.site) dt,
:where(.site) h1,
:where(.site) h2,
:where(.site) main,
:where(.site) p,
:where(.site) section {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  color: #333;
  word-spacing: 1px;
  -webkit-backface-visibility: hidden;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  line-height: 1;
  text-decoration: none;
  list-style: none;
  transition: all .3s cubic-bezier(.4,.4,0,1);
}

:where(.site) a:focus:not(:focus-visible) {
  outline: none;
}

:where(.site) a {
  vertical-align: baseline;
  background: 0 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

:where(.site) .box {
  z-index: 0;
  pointer-events: all;
  -webkit-overflow-scrolling: touch;
  flex-flow: column;
  flex: none;
  align-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}

:where(.site) .box::-webkit-scrollbar {
  display: none;
}

:where(.site) .box {
  transition-property: all,--g-angle,--g-color-0,--g-position-0,--g-color-1,--g-position-1,--g-color-2,--g-position-2,--g-color-3,--g-position-3,--g-color-4,--g-position-4,--g-color-5,--g-position-5,--g-color-6,--g-position-6,--g-color-7,--g-position-7,--g-color-8,--g-position-8,--g-color-9,--g-position-9,--g-color-10,--g-position-10,--g-color-11,--g-position-11;
}

:where(.site) .image {
  position: relative;
}

:where(.site) .image:before {
  content: "";
  border-radius: inherit;
  z-index: -2;
  pointer-events: none;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

:where(.site) .box.text {
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-direction: row;
  place-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

:where(.site) a,
:where(.site) a.text {
  -webkit-tap-highlight-color: #00000026;
}

:where(.site) .link {
  cursor: pointer;
}