html, body { margin: 0; padding: 0; height: 100%; background: #faf6ef; }
body { font-family: 'Karla', sans-serif; color: #3d3a35; -webkit-font-smoothing: antialiased; }
a { color: #3d3a35; }
a:hover { color: #16324a; }

@keyframes lo-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

main {
  position: relative;
  min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  box-sizing: border-box;
  padding: 48px 24px 24px;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 40%, #fbf8f2 0%, #f7f1e6 100%);
}

.logo-link { display: block; line-height: 0; margin-bottom: 12px; animation: lo-fade 1.2s ease-out both; }
.logo-link img { width: 200px; height: 200px; display: block; margin: 0 auto; }

h1 {
  margin: 0;
  font-family: 'Bebas Neue', sans-serif; font-weight: 600;
  font-size: clamp(46px, 7.5vw, 80px);
  line-height: 1.05; color: #161616; letter-spacing: 0.5px; text-wrap: balance;
}

.center-block { display: flex; flex-direction: column; align-items: center; text-align: center; animation: lo-fade 1.4s ease-out 0.15s both; }

.coming-soon {
  margin: 34px 0 0;
  font-size: clamp(15px, 2vw, 18px); font-weight: 500;
  letter-spacing: 0.42em; text-indent: 0.42em; text-transform: uppercase; color: #161616;
}

.tagline {
  margin: 22px 0 0; max-width: 42ch;
  font-size: clamp(15px, 2.2vw, 17px); font-weight: 400; font-style: italic;
  line-height: 1.6; color: #161616; text-wrap: pretty;
}

.location {
  margin: 26px 0 0;
  font-size: 13px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #161616;
}

footer {
  margin-top: auto; padding-top: 40px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  animation: lo-fade 1.6s ease-out 0.3s both;
}

.instagram {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 500; letter-spacing: 0.06em;
  text-decoration: none; color: #161616;
  border-bottom: 1px solid rgba(61, 58, 53, 0.25); padding-bottom: 3px;
}
.instagram:hover { color: #16324a; border-bottom-color: rgba(22, 50, 74, 0.5); }