:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  background: #0e5754;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body { margin: 0; }

.holding-page {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: #0e5754;
}

.holding-art {
  position: absolute;
  inset: -9%;
  z-index: 0;
  overflow: hidden;
}

.holding-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 74% 47%;
  filter: saturate(.88) contrast(.98);
}

.holding-paper {
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 62%;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.72), transparent 34%),
    repeating-linear-gradient(104deg, rgba(85,66,39,.018) 0 1px, transparent 1px 4px),
    #f5efe3;
  clip-path: polygon(0 0, 76% 0, 92% 43%, 53% 100%, 0 100%);
}

.holding-wordmark,
.holding-tagline,
.holding-page h1,
.holding-contact {
  position: absolute;
  z-index: 2;
  left: clamp(28px, 5vw, 82px);
  color: #0c514f;
}

.holding-wordmark {
  top: clamp(30px, 6vw, 72px);
  margin: 0;
  font-size: clamp(27px, 2.5vw, 40px);
  font-weight: 600;
  letter-spacing: -.06em;
}

.holding-tagline {
  top: clamp(70px, 10vw, 124px);
  margin: 0;
  color: rgba(12,81,79,.72);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(14px, 1.25vw, 20px);
  font-style: italic;
  letter-spacing: -.015em;
}

.holding-page h1 {
  top: 50%;
  width: min(47vw, 760px);
  margin: 0;
  transform: translateY(-43%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(82px, 9.4vw, 158px);
  font-weight: 400;
  letter-spacing: -.066em;
  line-height: .84;
}

.holding-page h1 span {
  display: block;
  font-style: normal;
}

.holding-contact {
  bottom: clamp(28px, 4vw, 56px);
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(12,81,79,.42);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
}

@media (max-width: 760px) {
  .holding-art { inset: 37% -14% -9%; }
  .holding-art img { object-position: 53% 40%; }

  .holding-paper {
    inset: 0 0 auto;
    width: 100%;
    height: 57%;
    clip-path: polygon(0 0, 100% 0, 100% 72%, 0 100%);
  }

  .holding-wordmark { top: 28px; left: 24px; font-size: 27px; }
  .holding-tagline { top: 68px; left: 24px; font-size: 14px; }

  .holding-page h1 {
    top: 22%;
    left: 24px;
    width: calc(100% - 48px);
    transform: none;
    font-size: clamp(62px, 18vw, 92px);
  }

  .holding-contact {
    top: 48%;
    bottom: auto;
    left: 24px;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}