/* Shared base for the Samaa coming-soon options: brochure palette + type. */
@font-face {
  font-family: "Samaa Display";
  src: url("/assets/fonts/italiana.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gill Sans UNHID";
  src: url("/assets/fonts/gillsans-light.woff2") format("woff2");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gill Sans UNHID";
  src: url("/assets/fonts/gillsans-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  /* Sampled from the Samaa brochure */
  --sky: #c3e0eb;
  --mist: #e6eff3;
  --silk: #9cc4d6;
  --sea: #537e8f;
  --navy: #2a4661;
  --deep: #16283a;
  --white: #ffffff;
  --display: "Samaa Display", "Didot", "Bodoni 72", Georgia, serif;
  --sans: "Gill Sans UNHID", "Gill Sans", "Gill Sans MT", system-ui, sans-serif;
  --ease: cubic-bezier(.2, .6, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
img { display: block; max-width: 100%; }

.full { position: fixed; inset: 0; }
.cover { width: 100%; height: 100%; object-fit: cover; }

.kicker {
  font-family: var(--sans);
  font-weight: 400;
  font-size: .68rem;
  letter-spacing: .42em;
  text-transform: uppercase;
}
.tagline {
  font-family: var(--display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .14em;
  line-height: 1.35;
}

.grain {
  position: fixed; inset: -50%;
  pointer-events: none;
  opacity: .08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.foot {
  position: fixed; left: 0; right: 0; bottom: 0;
  display: flex; justify-content: space-between; align-items: center;
  padding: clamp(1.1rem, 3vh, 1.8rem) clamp(1.4rem, 4vw, 3.2rem);
  padding-bottom: max(clamp(1.1rem, 3vh, 1.8rem), env(safe-area-inset-bottom));
  font-size: .64rem; letter-spacing: .3em; text-transform: uppercase;
  z-index: 20;
}
.foot a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: .25rem; opacity: .9; }

@media (max-width: 760px), (orientation: portrait) and (max-width: 1100px) {
  .kicker { font-size: .6rem; letter-spacing: .3em; }
}

.in { opacity: 0; transform: translateY(10px); animation: in 1.4s var(--ease) forwards; }
@keyframes in { to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .in { opacity: 1; transform: none; }
}