:root {
  color-scheme: light;
  --ink: #102e2a;
  background: #ae674e;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-width: 280px; }
::selection { background: #f2d1c3; color: #502b24; }
.atmosphere {
  position: fixed;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  background: #ae674e;
}
.studio-photograph {
  position: absolute;
  inset: -22px;
  background: url('/assets/blush-wide.c7077b8b402a.webp') 50% 82% / cover no-repeat;
  transform: translate3d(0, 0, 0) scale(1.005);
  will-change: transform;
}
.mineral-wash {
  position: absolute;
  inset: -10%;
  background: linear-gradient(115deg, rgba(49, 17, 12, .04), rgba(255, 234, 214, .025) 65%, rgba(230, 181, 158, .025));
  mix-blend-mode: soft-light;
}
.light-reflection {
  position: absolute;
  inset: -20%;
  opacity: .45;
  background: linear-gradient(112deg, transparent 10%, rgba(48, 16, 10, .12) 30%, transparent 62%);
  mix-blend-mode: soft-light;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.daylight {
  position: absolute;
  width: 95vmax;
  height: 95vmax;
  top: -36vmax;
  right: -30vmax;
  background: radial-gradient(ellipse at center, rgba(255, 238, 220, .1), rgba(245, 224, 214, .03) 43%, transparent 65%);
  mix-blend-mode: screen;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.film-grain {
  position: absolute;
  inset: 0;
  opacity: .055;
  mix-blend-mode: soft-light;
  background: url('/assets/grain.c2835005a7ab.svg') repeat;
}
.landing {
  position: relative;
  min-height: 28rem;
  min-height: max(28rem, 100svh);
  overflow: hidden;
}
.wordmark {
  position: absolute;
  width: 70%;
  max-width: 1340px;
  top: 41%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  line-height: 0;
  animation: arrive 1.2s ease-out both;
}
.wordmark svg { width: 100%; height: auto; overflow: visible; }
.wordmark-trigger {
  display: block;
  width: 100%;
  min-height: 44px;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  line-height: 0;
  perspective: 1100px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.wordmark-trigger:disabled { cursor: default; }
.wordmark-trigger:focus-visible { outline: 1px solid #f4f1e5; outline-offset: 15px; border-radius: 3px; }
.wordmark-motion { display: block; transform-origin: 50% 55%; will-change: transform; }
.wordmark-trigger.is-pressed .wordmark-motion { opacity: .82; }
.launch-note {
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  text-align: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 3px rgba(49, 18, 12, .3);
  font-weight: 400;
  font-style: normal;
  animation: arrive 1.3s .13s ease-out both;
}
.coming-soon {
  margin: 0;
  color: #f4f1e5;
  white-space: nowrap;
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(25px, 2.1vw, 31px);
  line-height: 1.25;
  letter-spacing: -.035em;
}
.contact {
  text-align: center;
}
.contact a {
  color: #f4f1e5;
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  letter-spacing: -.015em;
  line-height: 1.4;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 12px 12px;
  white-space: nowrap;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.contact a:hover { text-decoration: underline; }
.contact a:focus-visible, .motion-control:focus-visible {
  outline: 2px solid #f4f1e5;
  outline-offset: 4px;
  border-radius: 3px;
}
.contact a:focus-visible { outline-color: #f4f1e5; }
.motion-control {
  position: absolute;
  right: max(14px, env(safe-area-inset-right));
  bottom: max(24px, calc(env(safe-area-inset-bottom) + 12px));
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 9px;
  color: #f4f1e5;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.motion-control[aria-pressed="true"] { background: rgba(59, 24, 15, .18); }
.motion-control svg { width: 24px; height: 24px; }
[hidden] { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@keyframes arrive { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 700px) {
  .studio-photograph {
    background-image: url('/assets/blush-small.4f45e1745e1b.webp');
    background-position: 42% 50%;
  }
  .wordmark { width: 87%; top: 42%; }
  .launch-note { top: 74%; }
  .coming-soon { font-size: 27px; }
  .contact a { font-size: 12px; }
}
@media (max-width: 350px) {
  .contact a { font-size: 11px; }
  .motion-control { right: 2px; bottom: max(83px, calc(env(safe-area-inset-bottom) + 65px)); }
}
@media (min-aspect-ratio: 19/10) {
  .studio-photograph { background-position: 50% 90%; }
}
@media (max-height: 500px) and (min-width: 600px) {
  .landing { min-height: 100svh; }
  .wordmark { width: 62%; max-width: 950px; top: 38%; }
  .launch-note { top: 78%; }
  .coming-soon { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .studio-photograph, .light-reflection, .daylight, .wordmark-motion { will-change: auto; }
  .studio-photograph { transform: translate3d(0, 0, 0) scale(1.005) !important; }
  .light-reflection, .daylight { transform: none !important; }
  .wordmark-motion { transform: none !important; }
}