/* Coffee Shop Love — wordmark only */

:root {
  --cream: #fbf5ec;
  --espresso: #2a1a12;
  --rose-deep: #c8385a;
  --font-display: "Fraunces", Georgia, serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--cream);
  color: var(--espresso);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

.hero {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  overflow: hidden;
}

.hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: 0.55; }
.blob--1 { width: 520px; height: 520px; background: radial-gradient(circle, #f7c9a8, transparent 70%); top: -140px; right: -80px; }
.blob--2 { width: 460px; height: 460px; background: radial-gradient(circle, #f5b8c6, transparent 70%); bottom: -180px; left: -120px; }

.wordmark {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(2.6rem, 9vw, 6rem);
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-align: center;
}
.wordmark em { color: var(--rose-deep); font-style: italic; }
.wordmark__mark { display: block; font-size: 1.1em; margin-bottom: 0.1em; }