/* Standalone stylesheet for the coming-soon gate. It intentionally does not
   load the marketing or detail bundles: one static screen needs no JS. */
@font-face{font-family:TikTok Sans Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/tiktok-sans-latin-wght-normal-Rnsl8r0r.woff2)format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:TikTok Sans Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/tiktok-sans-latin-ext-wght-normal-BE-xz6Qy.woff2)format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:TikTok Sans Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/tiktok-sans-greek-wght-normal-DKmIO-ZC.woff2)format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}

:root {
  --cs-ground: #111;
  --cs-ink: #eee9e3;
  --cs-muted: #8a8681;
  --cs-accent: #e26839;
  --cs-rule: #2a2a2a;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body.cs {
  margin: 0;
  min-height: 100svh;
  background: var(--cs-ground);
  color: var(--cs-ink);
  color-scheme: dark;
  font-family: "Inter Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* The warm off-white glow keeps the flat ground from reading as a blank error page. */
body.cs::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(120% 80% at 50% 0%, rgba(238, 233, 227, .07), transparent 60%);
}

@media (hover: hover) and (pointer: fine) {
  a { cursor: var(--dp-graphic_3108ce473528ed03), pointer; }
}

.cs-shell {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: clamp(48px, 8vh, 96px);
  min-height: 100svh;
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(32px, 5vw, 64px) clamp(24px, 5vw, 56px);
}

.cs-logo { display: block; width: clamp(148px, 18vw, 216px); height: auto; }

.cs-body { align-self: center; }

.cs-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 clamp(20px, 3vh, 32px);
  color: var(--cs-muted);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cs-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cs-accent);
  animation: cs-pulse 2.4s ease-in-out infinite;
}

.cs-heading {
  margin: 0;
  font-family: "TikTok Sans Variable", "Inter Variable", sans-serif;
  max-width: 14ch;
  font-size: clamp(44px, 8.5vw, 118px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.035em;
}

.cs-line { display: block; }
.cs-line-accent { color: var(--cs-accent); }

.cs-intro {
  max-width: 46ch;
  margin: clamp(24px, 4vh, 40px) 0 0;
  color: var(--cs-muted);
  font-size: clamp(16px, 1.5vw, 19px);
}

.cs-contact { margin: clamp(32px, 5vh, 52px) 0 0; }

.cs-contact-label {
  display: block;
  margin-bottom: 6px;
  color: var(--cs-muted);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cs-mail {
  position: relative;
  display: inline-block;
  color: var(--cs-ink);
  font-family: "TikTok Sans Variable", "Inter Variable", sans-serif;
  font-size: clamp(20px, 2.4vw, 28px);
  letter-spacing: -.01em;
  text-decoration: none;
}

.cs-mail-rule {
  display: block;
  height: 1px;
  margin-top: 6px;
  background: var(--cs-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .34s cubic-bezier(.22, .61, .36, 1);
}

.cs-mail:hover .cs-mail-rule,
.cs-mail:focus-visible .cs-mail-rule { transform: scaleX(1); }
.cs-mail:focus-visible { outline: 2px solid var(--cs-accent); outline-offset: 6px; }

.cs-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 32px;
  padding-top: 24px;
  border-top: 1px solid var(--cs-rule);
  color: var(--cs-muted);
  font-size: 13px;
  letter-spacing: .04em;
}

.cs-brand, .cs-eyebrow, .cs-heading, .cs-intro, .cs-contact, .cs-foot {
  animation: cs-rise .7s cubic-bezier(.22, .61, .36, 1) both;
  animation-delay: var(--cs-delay, 0s);
}

@keyframes cs-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes cs-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }

@media (prefers-reduced-motion: reduce) {
  .cs-brand, .cs-eyebrow, .cs-heading, .cs-intro, .cs-contact, .cs-foot, .cs-dot { animation: none; }
  .cs-mail-rule { transition: none; }
}