/* Shared site styles, Kalina Ivory hi-fi v2 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Montserrat:wght@300;400;500;600;700&display=swap');

.font-display-hero,
.font-headline-lg,
.font-headline-md {
  font-family: 'Cormorant Garamond', 'Didot', 'Bodoni MT', serif;
  font-weight: 400;
  font-feature-settings: 'liga', 'dlig';
}
.font-body-lg, .font-body-md {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', 'Bodoni MT', serif;
  font-weight: 400;
}
.font-label-caps, .font-label-nav {
  font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}

::selection { background: #8422dc; color: #ffffff; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--surface, #fff7ff); }
::-webkit-scrollbar-thumb { background: var(--on-surface, #280c43); }

.ghost-button {
  border: 1px solid currentColor;
  transition: background-color 200ms ease, color 200ms ease;
}
.ghost-button:hover { background: var(--on-surface, #280c43); color: var(--background, #fff7ff); }
.ghost-button-light {
  border: 1px solid #fff7ff; color: #fff7ff;
  transition: background-color 200ms ease, color 200ms ease;
}
.ghost-button-light:hover { background: #fff7ff; color: #280c43; }

/* ---------- Top nav (gradient, identical across pages) ---------- */
.kalina-nav {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.35) 50%,
    rgba(0,0,0,0.05) 90%,
    rgba(0,0,0,0) 100%
  );
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  color: #fff7ff;
  gap: 1.5rem;
  flex-wrap: nowrap;
}
.kalina-nav > * { flex-shrink: 0; }
.kalina-nav .kalina-link { white-space: nowrap; }
.kalina-cta { white-space: nowrap; flex-shrink: 0; }
.kalina-brand {
  color: #fff7ff;
  font-family: 'Pinyon Script', 'Allura', 'Tangerine', 'Great Vibes', cursive;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: none;
  position: relative;
  transition: color 300ms ease, opacity 300ms ease;
}
.kalina-brand:hover { opacity: 0.78; }

/* Quality nav-link hover: tracking expansion + understated underline ink-fill */
.kalina-link {
  position: relative;
  color: rgba(255,247,255,0.78);
  padding: 4px 0;
  letter-spacing: 0.18em;
  transition: color 350ms ease, letter-spacing 500ms ease;
}
.kalina-link::after {
  content: '';
  position: absolute;
  left: 0; right: 100%;
  bottom: -2px;
  height: 1px;
  background: currentColor;
  transition: right 450ms cubic-bezier(0.2,0.7,0.2,1);
}
.kalina-link:hover { color: #fff7ff; letter-spacing: 0.22em; }
.kalina-link:hover::after { right: 0; }
.kalina-link.is-active { color: #fff7ff; }
.kalina-link.is-active::after { right: 0; opacity: 0.55; }

/* Dropdown, quality hover-revealed panel with same understated underline ink */
.kalina-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.kalina-dropdown__trigger { display: inline-flex; align-items: center; gap: 6px; }
.kalina-dropdown__caret {
  font-size: 9px;
  opacity: 0.6;
  display: inline-block;
  transition: transform 350ms cubic-bezier(0.2,0.7,0.2,1), opacity 350ms ease;
}
.kalina-dropdown:hover .kalina-dropdown__caret,
.kalina-dropdown:focus-within .kalina-dropdown__caret { opacity: 1; transform: translateY(2px); }

.kalina-dropdown__panel {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 4px);
  min-width: 168px;
  padding: 6px 0;
  background: linear-gradient(180deg, rgba(20,6,40,0.92) 0%, rgba(15,4,32,0.92) 100%);
  border: 1px solid rgba(255,247,255,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 280ms ease, transform 360ms cubic-bezier(0.2,0.7,0.2,1), visibility 0s linear 280ms;
  display: flex;
  flex-direction: column;
}
.kalina-dropdown:hover .kalina-dropdown__panel,
.kalina-dropdown:focus-within .kalina-dropdown__panel {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 12px);
  transition-delay: 0s;
}
.kalina-dropdown__panel::before {
  content: '';
  position: absolute;
  top: -12px; left: 0; right: 0;
  height: 12px;
}
.kalina-dropdown__item {
  display: block;
  padding: 6px 18px;
  color: rgba(255,247,255,0.7);
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  transition: color 300ms ease, padding-left 350ms cubic-bezier(0.2,0.7,0.2,1), background-color 250ms ease;
}
.kalina-dropdown__item::before {
  content: '';
  position: absolute;
  left: 18px; top: 50%;
  width: 0; height: 1px;
  background: currentColor;
  opacity: 0.5;
  transform: translateY(-50%);
  transition: width 350ms cubic-bezier(0.2,0.7,0.2,1);
}
.kalina-dropdown__item:hover {
  color: #fff7ff;
  padding-left: 38px;
}
.kalina-dropdown__item:hover::before { width: 14px; }

/* CTA button, bordered pill, ink-fill on hover */
.kalina-cta {
  position: relative;
  padding: 10px 20px;
  border: 1px solid rgba(255,247,255,0.85);
  color: #fff7ff;
  overflow: hidden;
  isolation: isolate;
  transition: color 350ms ease, border-color 350ms ease;
}
.kalina-cta::before {
  content: '';
  position: absolute; inset: 0;
  background: #fff7ff;
  transform: translateY(101%);
  transition: transform 450ms cubic-bezier(0.2,0.7,0.2,1);
  z-index: -1;
}
.kalina-cta:hover { color: #1a0233; border-color: #fff7ff; }
.kalina-cta:hover::before { transform: translateY(0); }
.kalina-cta__label { display: inline-block; transition: letter-spacing 450ms ease; }
.kalina-cta:hover .kalina-cta__label { letter-spacing: 0.28em; }

/* Dark-on-light CTA variant, for use on light backgrounds (e.g. inside body sections) */
.kalina-cta--dark {
  border-color: rgba(40, 12, 67, 0.85);
  color: #280c43;
}
.kalina-cta--dark::before { background: #280c43; }
.kalina-cta--dark:hover { color: #fff7ff; border-color: #280c43; }

/* ---------- Image atmosphere ---------- */
.kalina-img {
  filter: grayscale(1) contrast(1.05) brightness(0.92);
  transition: filter 700ms ease, transform 700ms ease;
}
.kalina-img-hover:hover .kalina-img,
.kalina-img.kalina-img-active {
  filter: grayscale(0) contrast(1) brightness(1);
}

/* ---------- Parallax hero ----------
   The hero image is position:fixed at z-index 0 (visible above the
   transparent body). The hero frame itself is transparent so the fixed
   image shows through; subsequent sections all carry their own opaque
   backgrounds and use position:relative + z-index:10 to wipe over the
   still image as the page scrolls. */
body { background: transparent; }
html { background-color: var(--background, #fff7ff); }
.kalina-hero-frame { position: relative; height: 100vh; min-height: 600px; overflow: hidden; background: transparent; }
.kalina-hero-bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.kalina-hero-bg::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.0) 35%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
}
.kalina-hero-bg img {
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(1) contrast(1.1) brightness(0.55);
}

/* Drop cap (About body) */
.dropcap::first-letter {
  font-family: 'Cormorant Garamond', serif;
  float: left;
  font-size: 5.4em;
  line-height: 0.85;
  margin: 0.05em 0.12em 0 0;
  font-weight: 400;
  color: var(--on-surface, #280c43);
}

/* Sharp corners by default */
* { border-radius: 0; }
.rounded-full, .rounded-full * { border-radius: 9999px; }

/* Tweaks panel z-index */
#kalina-tweaks-root { position: fixed; inset: 0; pointer-events: none; z-index: 9999; }
#kalina-tweaks-root > * { pointer-events: auto; }

/* ---------- Travel city cards (CSV-driven) ---------- */
.kalina-travel-card {
  position: relative;
  background: transparent;
  transition: border-color 300ms ease, background-color 300ms ease, opacity 300ms ease;
  min-height: 220px;
}
.kalina-travel-card:hover {
  border-color: rgba(40, 12, 67, 0.55);
  background: rgba(132, 34, 220, 0.04);
}
.kalina-travel-card[data-status="closed"] {
  opacity: 0.5;
}
.kalina-travel-card[data-status="closed"]:hover {
  background: transparent;
  border-color: rgba(40, 12, 67, 0.2);
}
.kalina-travel-status {
  padding: 4px 10px;
  border: 1px solid currentColor;
}
.kalina-travel-card[data-status="closed"] .kalina-travel-status {
  color: rgba(40, 12, 67, 0.5);
}
.kalina-travel-card .kalina-travel-status--last {
  color: #8422dc;
}
.kalina-travel-loading,
.kalina-travel-empty,
.kalina-travel-error {
  grid-column: 1 / -1;
  padding: 3rem 0;
  text-align: center;
  color: rgba(40, 12, 67, 0.55);
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

/* ---------- Gallery thumb hover ---------- */
.kalina-gallery-item {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
  background: #1a0233;
}
.kalina-gallery-item img {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.05) brightness(0.85);
  transition: filter 700ms ease, transform 1200ms cubic-bezier(0.2,0.7,0.2,1);
}
.kalina-gallery-item::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(20,0,40,0.55) 100%);
  opacity: 0;
  transition: opacity 500ms ease;
  pointer-events: none;
}
.kalina-gallery-item .kalina-gallery-meta {
  position: absolute;
  left: 1.25rem; bottom: 1.25rem;
  color: #fff7ff;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 450ms ease, transform 600ms cubic-bezier(0.2,0.7,0.2,1);
  z-index: 2;
}
.kalina-gallery-item:hover img { transform: scale(1.04); filter: grayscale(0.4) contrast(1.05) brightness(0.95); }
.kalina-gallery-item:hover::after { opacity: 1; }
.kalina-gallery-item:hover .kalina-gallery-meta { opacity: 1; transform: translateY(0); }

/* ---------- Lightbox ---------- */
.kalina-lightbox {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(8, 0, 18, 0.96);
  display: none;
  align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity 300ms ease;
}
.kalina-lightbox.is-open { display: flex; opacity: 1; }
.kalina-lightbox__stage {
  position: relative;
  width: min(90vw, 1400px);
  height: 80vh;
  overflow: hidden;
}
.kalina-lightbox__track {
  position: relative;
  width: 100%; height: 100%;
}
.kalina-lightbox__slide {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transform: translateX(100%);
  transition: transform 520ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 320ms ease;
  pointer-events: none;
}
.kalina-lightbox__slide.is-active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.kalina-lightbox__slide img {
  max-width: 100%; max-height: 100%;
  object-fit: contain;
  filter: contrast(1.05);
}
.kalina-lightbox__caption {
  position: absolute;
  bottom: -1.6rem; left: 0; right: 0;
  text-align: center;
  color: rgba(255,247,255,0.7);
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}
.kalina-lightbox__close,
.kalina-lightbox__nav {
  position: absolute;
  background: transparent;
  border: 1px solid rgba(255,247,255,0.4);
  color: #fff7ff;
  width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease;
}
.kalina-lightbox__close { top: 24px; right: 24px; }
.kalina-lightbox__prev  { left: 24px; top: 50%; transform: translateY(-50%); }
.kalina-lightbox__next  { right: 24px; top: 50%; transform: translateY(-50%); }
.kalina-lightbox__close:hover,
.kalina-lightbox__nav:hover {
  background: #fff7ff; color: #1a0233; border-color: #fff7ff;
}
.kalina-lightbox__counter {
  position: absolute;
  bottom: 24px; left: 50%; transform: translateX(-50%);
  color: rgba(255,247,255,0.6);
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 0.4em;
}

/* ---------- Mobile drawer ---------- */
.kalina-mobile-toggle {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #fff7ff;
  cursor: pointer;
  padding: 0;
}
.kalina-mobile-toggle .material-symbols-outlined {
  font-size: 28px;
  font-variation-settings: 'FILL' 0, 'wght' 300;
}

.kalina-mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 55;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 250ms ease;
}
.kalina-mobile-backdrop.is-open { opacity: 1; pointer-events: auto; }

.kalina-mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(86vw, 420px);
  height: 100vh;
  height: 100dvh;
  z-index: 60;
  background: linear-gradient(180deg, rgba(15,4,32,0.96) 0%, rgba(20,6,40,0.96) 100%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-left: 1px solid rgba(255,247,255,0.08);
  padding: 1.5rem 2rem 2rem 2rem;
  color: #fff7ff;
  transform: translateX(100%);
  transition: transform 380ms cubic-bezier(0.2, 0.7, 0.2, 1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.kalina-mobile-drawer.is-open { transform: translateX(0); }

.kalina-mobile-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}
.kalina-mobile-drawer__brand {
  font-size: 2rem;
  color: #fff7ff;
}
.kalina-mobile-drawer__close {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,247,255,0.4);
  background: transparent;
  color: #fff7ff;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: color 350ms ease, border-color 350ms ease;
}
.kalina-mobile-drawer__close::before {
  content: '';
  position: absolute; inset: 0;
  background: #fff7ff;
  transform: translateY(101%);
  transition: transform 450ms cubic-bezier(0.2,0.7,0.2,1);
  z-index: -1;
}
.kalina-mobile-drawer__close:hover { color: #1a0233; border-color: #fff7ff; }
.kalina-mobile-drawer__close:hover::before { transform: translateY(0); }

.kalina-mobile-drawer__nav {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}
.kalina-mobile-drawer__item {
  font-family: 'Cormorant Garamond', 'Didot', serif;
  font-size: 1.75rem;
  line-height: 1.1;
  color: #fff7ff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.6rem 0;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
  transition: opacity 250ms ease;
}
.kalina-mobile-drawer__item:hover { opacity: 0.7; }
.kalina-mobile-drawer__ext {
  font-size: 0.85em;
  opacity: 0.5;
  font-variation-settings: 'FILL' 0, 'wght' 300;
}
.kalina-mobile-drawer__subs {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  margin-top: -0.25rem;
  margin-bottom: 0.25rem;
}
.kalina-mobile-drawer__sub {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #fff7ff;
  opacity: 0.65;
  padding: 0.4rem 0;
  text-decoration: none;
  transition: opacity 250ms ease;
}
.kalina-mobile-drawer__sub:hover { opacity: 1; }

.kalina-mobile-drawer__foot {
  border-top: 1px solid rgba(255,247,255,0.1);
  padding-top: 1.5rem;
  margin-top: 1rem;
}
.kalina-mobile-drawer__cta {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 20px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  min-height: 44px;
}

/* ---------- Global mobile responsive overrides ---------- */
html, body { overflow-x: hidden; }

@media (max-width: 767px) {
  /* Section padding tames from 10rem to 4rem */
  .py-section-padding { padding-top: 4rem; padding-bottom: 4rem; }
  .pt-section-padding { padding-top: 4rem; }
  .pb-section-padding { padding-bottom: 4rem; }
  .mb-section-padding { margin-bottom: 4rem; }
  .mt-section-padding { margin-top: 4rem; }

  /* Side margins tighten */
  .px-margin-page { padding-left: 1.25rem; padding-right: 1.25rem; }

  /* Gutter grid compresses */
  .gap-gutter-grid { gap: 1.5rem; }
  .gap-unit-lg { gap: 2rem; }

  /* Brand wordmark in top nav scales down */
  .kalina-nav .kalina-brand { font-size: 1.8rem; }

  /* Dropcap (About page) reins in */
  .dropcap::first-letter { font-size: 3.6em; }

  /* Headline-lg loses some letter-spacing */
  .font-headline-lg,
  [class*="text-headline-lg"] {
    letter-spacing: 0.01em;
  }

  /* Display-hero, tighter spacing on phones */
  .font-display-hero,
  [class*="text-display-hero"] {
    letter-spacing: 0.06em;
    line-height: 0.95;
  }

  /* Hero frame, short enough to leave room for content; kill iOS parallax. */
  .kalina-hero-frame {
    height: 70vh;
    min-height: 480px;
    max-height: 640px;
  }
  .kalina-hero-bg { position: absolute; }
  .kalina-hero-frame .mb-section-padding { margin-bottom: 4rem; }

  /* Lightbox nav buttons shrink to 44px (still ≥ tap minimum) */
  .kalina-lightbox__close,
  .kalina-lightbox__nav {
    width: 44px;
    height: 44px;
  }
  .kalina-lightbox__close { top: 16px; right: 16px; }
  .kalina-lightbox__prev  { left: 12px; }
  .kalina-lightbox__next  { right: 12px; }
  .kalina-lightbox__stage { width: 92vw; height: 72vh; }

  /* Mobile-only tribute figure override, keep the $75 from dominating the viewport */
  .kalina-tribute-figure {
    font-size: clamp(48px, 14vw, 64px) !important;
  }

  /* Ensure all touch targets meet 44×44 floor */
  .ghost-button,
  .ghost-button-light,
  .kalina-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ---------- 21+ Age gate ---------- */
.kalina-age-gate {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: linear-gradient(135deg, rgba(15,4,32,0.96) 0%, rgba(20,6,40,0.96) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  opacity: 0;
  animation: kalina-age-gate-in 320ms ease forwards;
}
.kalina-age-gate.is-closing {
  animation: kalina-age-gate-out 400ms ease forwards;
}
@keyframes kalina-age-gate-in { to { opacity: 1; } }
@keyframes kalina-age-gate-out { to { opacity: 0; } }
.kalina-age-gate__panel {
  max-width: 28rem;
  text-align: center;
  color: #fff7ff;
}
.kalina-age-gate__brand {
  font-family: 'Pinyon Script', cursive;
  font-size: 2.6rem;
  line-height: 1;
  color: #fff7ff;
  margin-bottom: 1.5rem;
}
.kalina-age-gate__title {
  font-family: 'Cormorant Garamond', 'Didot', serif;
  font-size: clamp(28px, 5vw, 44px);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.05;
  margin-bottom: 1.25rem;
  color: #fff7ff;
}
.kalina-age-gate__body {
  font-family: 'Bodoni Moda', serif;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,247,255,0.78);
  margin-bottom: 2rem;
}
.kalina-age-gate__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.kalina-age-gate__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  min-width: 220px;
  border: 1px solid rgba(255,247,255,0.85);
  background: transparent;
  color: #fff7ff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition: color 350ms ease, border-color 350ms ease;
}
.kalina-age-gate__primary::before {
  content: '';
  position: absolute; inset: 0;
  background: #fff7ff;
  transform: translateY(101%);
  transition: transform 450ms cubic-bezier(0.2,0.7,0.2,1);
  z-index: -1;
}
.kalina-age-gate__primary:hover { color: #1a0233; border-color: #fff7ff; }
.kalina-age-gate__primary:hover::before { transform: translateY(0); }
.kalina-age-gate__secondary {
  background: transparent;
  border: none;
  color: rgba(255,247,255,0.55);
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 8px 12px;
  transition: color 250ms ease;
}
.kalina-age-gate__secondary:hover { color: #fff7ff; }