/* Existing InterraHub identity, scoped to the blog and editorial pages. */
:root {
  color-scheme:dark;
  --bg-color:#030303;
  --surface:rgba(20,20,20,.65);
  --surface-solid:#141414;
  --primary:#fff;
  --text-muted:#999;
  --accent:#ff4d4d;
  --accent-blue:#4da6ff;
  --border-subtle:rgba(255,255,255,.1);
  --transition:.3s cubic-bezier(.16,1,.3,1);
  --font:'Sora',sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  margin:0;
  background:var(--bg-color);
  color:var(--primary);
  font:400 15px/1.7 var(--font);
  -webkit-font-smoothing:antialiased
}
button,input,select,textarea {
  font:inherit
}
button,a,input,select,textarea {
  touch-action:manipulation
}
a {
  color:inherit;
  text-decoration:none
}
button {
  cursor:pointer
}
button:disabled {
  opacity:.55;
  cursor:wait
}
img {
  max-width:100%
}
::selection {
  background:#ff4d4d50;
  color:#fff
}
:focus-visible {
  outline:2px solid var(--accent-blue);
  outline-offset:4px
}
[hidden],.hidden {
  display:none!important
}
.ih-header {
  height:80px;
  padding:0 5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--border-subtle);
  background:rgba(3,3,3,.85);
  backdrop-filter:blur(20px);
  position:sticky;
  top:0;
  z-index:20
}
.ih-logo {
  display:flex;
  align-items:center;
  flex-shrink:0;
  width:190px;
  height:70px;
  overflow:hidden
}
.ih-wordmark {
  width:190px;
  max-width:none;
  height:auto;
  display:block
}
.ih-header nav {
  display:flex;
  align-items:center;
  gap:26px;
  font-size:12px;
  font-weight:600
}
.ih-header nav>a:not(.ih-button) {
  color:#aaa
}
.ih-header nav>a:hover,.ih-header nav>a[aria-current] {
  color:#fff
}
.ih-header nav>a[aria-current] {
  position:relative
}
.ih-header nav>a[aria-current]:after {
  content:'';
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--accent);
  bottom:-9px;
  left:calc(50% - 2px)
}
.ih-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:#fff;
  color:#030303;
  border:1px solid transparent;
  border-radius:40px;
  padding:12px 23px;
  font-size:12px;
  font-weight:600;
  transition:var(--transition)
}
.ih-button:hover {
  transform:translateY(-2px);
  box-shadow:0 0 25px #ffffff26
}
.ih-eyebrow {
  font-size:10px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#aaa
}
.ih-dot {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  margin-right:10px
}
.ih-footer {
  max-width:1300px;
  margin:auto;
  padding:34px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#999;
  font-size:11px
}
.ih-footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:22px
}
.ih-footer a:hover {
  color:#fff
}
.ih-footer-shell {
  border-top:1px solid var(--border-subtle);
  background:#050505
}
.ih-xperience-logo {
  width:300px;
  max-width:100%;
  height:auto;
  display:block
}
.ih-icon {
  display:block;
  width:48px;
  height:48px;
  object-fit:contain
}
@media(max-width:600px) {
  .ih-header {
    height:72px;
    padding:0 20px;
    gap:12px
  }
  .ih-logo {
    width:145px;
    height:60px
  }
  .ih-wordmark {
    width:145px
  }
  .ih-header nav {
    gap:16px;
    font-size:11px
  }
  .ih-header .ih-button {
    padding:10px 14px;
    font-size:11px
  }
  .ih-header .nav-home {
    display:none
  }
  .ih-footer {
    padding:30px 22px;
    flex-direction:column;
    align-items:flex-start;
    gap:18px
  }
  .ih-footer-links {
    gap:16px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
}