/* Intellany concept typography. The source capture remains in the original ZIP. */
@font-face {
  font-family: "Intellany Newsreader";
  src: url("/fonts/Newsreader-Italic-Latin.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Intellany Instrument";
  src: url("/fonts/InstrumentSans-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --font-sans-regular: "Intellany Instrument", Arial, sans-serif;
  --font-serif: "Intellany Newsreader", Georgia, serif;
}

html,
body {
  font-family: var(--font-sans-regular);
}

/* The captured cursor starts at (10px, 10px); reveal it at the first real pointer position. */
html:not(.intellany-pointer-ready) .liquid-glass-root {
  opacity: 0 !important;
}

html.intellany-scrolled body > div[class*="fixed left-1/2 bottom-24"] {
  opacity: 0 !important;
}

.intellany-wordmark {
  display: inline-block;
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 420;
  font-size: clamp(28px, 2.9vw, 43px);
  letter-spacing: -0.065em;
  line-height: 1.1;
  white-space: nowrap;
  color: #fff;
  mix-blend-mode: difference;
}

header .logo-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  text-decoration: none;
}

header .logo-link:focus-visible,
header a:focus-visible,
header button:focus-visible {
  outline: 2px solid #16272e;
  outline-offset: 5px;
  border-radius: 5px;
}

.home-hero h1 {
  font-family: var(--font-serif);
  font-size: clamp(64px, 17.6vw, 265px);
  font-weight: 420;
  font-style: italic;
  letter-spacing: -0.055em;
  line-height: 1.07;
  width: 100%;
  margin: 0 auto 2vw;
  transform: none;
  text-align: center;
  white-space: nowrap;
}

.home-hero h1 .char,
.home-hero h1 .char1,
.home-hero h1 .char3,
.home-hero h1 .char4,
.home-hero h1 .char8,
.home-hero h1 .char9,
.home-hero h1 .char10,
.home-hero h1 .char11 {
  /* Each SplitText letter paints its own gradient. Keep italic ink inside that
     paint area; matching negative margins preserve the original advance width. */
  margin-left: -.2em;
  margin-right: -.2em;
  padding: 0 .2em !important;
}

.home-hero h2 {
  font-family: var(--font-sans-regular);
  margin-bottom: -2vw;
}

.intellany-hero-eyebrow {
  width: fit-content;
  margin: 0 0 clamp(12px, 1.8vw, 24px) 7vw;
  color: #27314f;
  font-family: var(--font-sans-regular);
  font-size: clamp(11px, .85vw, 13px);
  font-weight: 650;
  letter-spacing: .14em;
  line-height: 1.25;
  text-transform: uppercase;
}

.home-hero h2 span,
.animated-text-big,
.animated-text-big p {
  font-family: var(--font-serif);
  font-style: italic;
}

footer .mb-30.mt-30 {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(48px, 6vw, 100px);
  font-weight: 420;
  letter-spacing: -.055em;
}

@media (max-width: 767px) {
  body > div[class*="fixed left-1/2 bottom-24"] {
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }

  /* Source absolute text shrinks to half the viewport at left: 50%, splitting words. */
  .animated-text[class*="left-1/2"],
  .animated-text-big[class*="left-1/2"] {
    width: calc(100vw - 40px);
  }

  .intellany-wordmark {
    font-size: 31px;
  }

  .home-hero h1 {
    font-size: clamp(57px, 17.9vw, 90px);
    letter-spacing: -0.065em;
    transform: none;
    margin: 0 auto;
  }

  .home-hero h2 {
    margin-bottom: 0;
    margin-left: 5vw;
  }

  .intellany-hero-eyebrow {
    max-width: calc(100vw - 52px);
    margin-left: 5vw;
    font-size: 11px;
    letter-spacing: .045em;
  }

  .home-hero h2 span {
    font-size: clamp(30px, 8vw, 42px);
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  .intellany-hero-eyebrow {
    display: none;
  }
}

@media (max-width: 350px) {
  .home-hero h1 {
    font-size: 17vw;
  }
}

@media (max-width: 430px) {
  footer span.text-sans-18 {
    font-size: 14px;
    letter-spacing: .01em;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu,
  .mobile-menu *,
  .mobile-menu-button,
  .mobile-menu-button * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* The scene pointer is decorative glass, with no lettering or inherited mark.
   Keep its existing hover/arrow behavior; semantic controls carry their own labels. */
.liquid-glass-root .liquid-glass > div,
.liquid-glass-root .hover-case-text { display:none !important; }