@font-face {
  font-family: "Crimson Pro";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("assets/fonts/crimson-pro-roman.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --green: #05271D;
  --cream: #F5EAD0;
  font-family: "Crimson Pro", Georgia, serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 320px; min-height: 100%; background: var(--green); }
body { min-height: 100vh; overflow-x: hidden; }
.holding-page { position: relative; isolation: isolate; width: min(100%, 1440px); min-height: 100vh; margin: 0 auto; overflow: hidden; background: var(--green); }
.content { position: relative; z-index: 1; padding: clamp(4rem, 12vw, 10.5rem) clamp(2rem, 9vw, 8rem); }
.wordmark { display: block; width: clamp(12rem, 39vw, 35rem); height: auto; }
h1 { margin: clamp(3rem, 7vw, 5.5rem) 0 0; max-width: 13ch; color: var(--cream); font-size: clamp(2.75rem, 6.3vw, 6rem); font-weight: 500; line-height: .92; letter-spacing: -.045em; }
.phoenix { position: absolute; z-index: 0; display: block; width: clamp(18rem, 48vw, 43rem); height: auto; right: clamp(-8rem, -2vw, -1rem); bottom: clamp(-5rem, -2vw, -1rem); }
@media (max-width: 599px) {
.content { padding: 16vh 2rem 0; }
.wordmark { width: min(50vw, 13rem); }
h1 { margin-top: 2.625rem; margin-left: 0.5rem; font-size: 2rem; line-height: 1.1; }
.desktop-break { display: none; }
.phoenix { width: min(33vw, 9rem); right: 2rem; bottom: 15rem; }
}
@media (min-width: 600px) and (max-width: 899px) {
.content { padding: 13vh 7vw 0; }
.wordmark { width: min(42vw, 22rem); }
h1 { margin-top: 3.5rem; font-size: clamp(3.2rem, 6vw, 4.5rem); }
.phoenix { width: min(38vw, 24rem); right: 5vw; bottom: 1rem; }
}
@media (min-width: 900px) {
.content { padding-top: clamp(7rem, 27vh, 15rem); padding-left: clamp(4rem, 8vw, 8rem); }
.phoenix { width: min(24vw, 18rem); right: 12vw; bottom: 12vh; }
}
@media (min-width: 1200px) {
.content { padding-left: 8vw; }
 .wordmark { width: 22rem; }
h1 { margin-top: 4.5rem; font-size: 4rem; }
.phoenix { width: 18rem; }
}