/* Andamio coming-soon page. Direction D (Ledger, original): the name between two planks. */

@font-face { font-family: "Schibsted Grotesk"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/schibsted-grotesk-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: url("/fonts/schibsted-grotesk-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 700; font-style: normal; font-display: swap; src: url("/fonts/schibsted-grotesk-latin-700-normal.woff2") format("woff2"); }

:root {
  --ink:    #1B1B1F;
  --plum:   #5A2A6E;
  --muted:  #5d5964;
  --paper:  #FFFFFF;
  --font:   "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--paper); color: var(--ink); font-family: var(--font); -webkit-font-smoothing: antialiased; }
p { margin: 0; }

.page {
  min-height: 100vh;
  min-height: 100svh;
  max-width: 960px;
  margin: 0 auto;
  padding: 16px 16px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(40px, 7vh, 64px);
}

/* Lockups */
.lockup { display: flex; flex-direction: column; align-items: center; gap: clamp(18px, 3vw, 30px); margin-top: auto; }
.brand { margin: 0; font-size: clamp(64px, 15vw, 150px); line-height: 1; font-weight: 700; }
.name { font-weight: 700; letter-spacing: -0.04em; line-height: 1; }

.lockup-d { display: inline-block; position: relative; padding: 0 .28em; height: 1em; }


.lockup-d .name { position: relative; letter-spacing: -0.035em; }
.plank, .std { position: absolute; background: var(--plum); }
.plank { left: 0; right: 0; height: .03em; }
.plank.top { top: .33em; }
.plank.bottom { top: .85em; }
.std { top: .12em; height: .9em; width: .03em; }
.std.left { left: .1em; }
.std.right { right: .1em; }

.tagline { font-size: clamp(19px, 2.6vw, 30px); line-height: 1.3; color: #3f3c44; max-width: 30em; text-wrap: balance; }

/* Coming soon */
.soon { font-size: 14px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--plum); }

/* Contact */
.contact { font-style: normal; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 18px; }
.person { font-weight: 600; }
a { color: var(--plum); text-decoration-thickness: 1px; text-underline-offset: 3px; display: inline-block; padding: 10px 4px; }
a:hover { color: var(--ink); }
a:focus-visible { outline: 2px solid var(--plum); outline-offset: 2px; border-radius: 2px; }

/* Footer */
.foot { margin-top: auto; font-size: 13px; line-height: 1.5; color: var(--muted); max-width: 32em; text-wrap: balance; }