:root {
  --page-bg: #26713a;
  --page-fg: #fff;
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
}

html {
  min-height: -webkit-fill-available;
  background: var(--page-bg);
}

body {
  min-height: -webkit-fill-available;
  background: var(--page-bg);
  color: var(--page-fg);
  overflow: hidden;
}

.holding-page {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  min-height: 100svh;
  min-height: 100dvh;
  min-height: 100lvh;
  overflow: hidden;
  background: var(--page-bg);
}

.gulp-mark {
  position: absolute;
  top: clamp(52px, 7.9svh, 86px);
  left: 50%;
  display: block;
  width: clamp(70px, 9.6vw, 94px);
  height: auto;
  transform: translateX(-50%);
  user-select: none;
  pointer-events: none;
}

h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(100% - 48px, 720px);
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%);
  color: var(--page-fg);
  font-family: "Built Titling", "Built Titling Lt", Impact, Haettenschweiler, "Arial Narrow", sans-serif;
  font-size: clamp(64px, 13.8vw, 124px);
  font-stretch: condensed;
  font-style: normal;
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 900px) {
  .gulp-mark {
    top: clamp(76px, 5.2svh, 100px);
    width: clamp(88px, 6.8vw, 108px);
  }

  h1 {
    font-size: clamp(90px, 10vw, 126px);
  }
}