/* Coming-soon page for the shop domain (D-068). Same fonts and colours as the shop (D-057, D-067). */
@font-face { font-family: 'Bodoni Moda'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('/fonts/bodoni-moda-latin.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('/fonts/jost-latin.woff2') format('woff2'); }

* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: #ffffff; color: #111111; font: 15px/1.6 'Jost', 'Segoe UI', system-ui, sans-serif; }
.soon { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px; }
.kicker, .status { margin: 0; font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: #5e5e5e; }
.mark { display: inline-flex; align-items: center; gap: 0.07em; margin: 16px 0 12px; font: 500 clamp(56px, 14vw, 120px)/1 'Bodoni Moda', Georgia, serif; }
.mark-logo { width: 1em; height: 1em; flex-shrink: 0; border-radius: 0.06em; }
.mark-text { letter-spacing: 0.04em; margin-right: -0.04em; }
.line { margin: 0 0 40px; max-width: 32em; color: #3a3a3a; }
.status { color: #8e1e4a; border-top: 1px solid #cfcfcf; padding-top: 20px; }
.contact { margin: 16px 0 0; }
.contact a { color: #3a3a3a; text-underline-offset: 3px; }
.contact a:hover { color: #8e1e4a; }