.LogoIntro{height:100svh;width:100%;display:grid;place-items:center;position:absolute;inset:0}.LogoIntro.static{height:100%;width:100%;position:static}.LogoIntro.static .container{visibility:visible;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;width:auto}.LogoIntro.static .letter svg{width:100%}.LogoIntro:not(.static){z-index:-2}.LogoIntro .container{height:16vw;width:80vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-self:center;-ms-flex-item-align:center;align-self:center;gap:1px}@media (min-width: 48em){.LogoIntro .container{gap:1.5px}}.LogoIntro .letter{overflow:clip;height:100%}:is(.LogoIntro .letter) svg{height:100%}:is(.LogoIntro .letter) .globe{width:100%}:is(.LogoIntro .letter):first-of-type{margin-right:-6.95%}@media (min-width: 62em){:is(.LogoIntro .letter):first-of-type{margin-right:-6.9%}}:is(.LogoIntro .letter):nth-of-type(2){right:-.5px;position:relative}:is(.LogoIntro .letter):last-of-type{justify-self:flex-end}.globeLetter:is(.LogoIntro .letter){margin-left:-7px;margin-right:-5px}.logoGlobe canvas{max-height:30px;width:100%;height:100%}


/* CrowdHive brand override — keep original letter DOM for Svelte/Theatre, restyle visually */
.LogoIntro.static .letter,
.LogoIntro.static .globeLetter,
.LogoIntro.static .globe{
  display:none !important;
}
.LogoIntro.static .container{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:auto !important;
  height:100% !important;
  visibility:visible !important;
  position:relative;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.LogoIntro.static .container::before{
  content:"" !important;
  display:block;
  width:42px;
  height:42px;
  flex-shrink:0;
  border-radius:22%;
  background:url("/images/crowdhive-logo.png") center/contain no-repeat;
  text-decoration:none !important;
}
.LogoIntro.static .container::after{
  content:"CrowdHive" !important;
  font-family:"DenimINK","Denim INK",system-ui,-apple-system,sans-serif;
  font-weight:700;
  font-size:1.45rem;
  letter-spacing:-0.02em;
  color:currentColor;
  white-space:nowrap;
  line-height:1;
  text-decoration:none !important;
  border:0 !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background:none !important;
}
@media (min-width: 48em){
  .LogoIntro.static .container{gap:14px !important}
  .LogoIntro.static .container::before{width:48px;height:48px}
  .LogoIntro.static .container::after{font-size:1.65rem}
}
@media (min-width: 62em){
  .LogoIntro.static .container::before{width:52px;height:52px}
  .LogoIntro.static .container::after{font-size:1.75rem}
}

/* Full-screen splash intro — globe only (hide CrowdHive mark/title) */
.LogoIntro:not(.static) .letter:not(.globeLetter){
  opacity:0 !important;
  width:0 !important;
  min-width:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.LogoIntro:not(.static) .container::before,
.LogoIntro:not(.static) .container::after{
  content:none !important;
  display:none !important;
  background:none !important;
  width:0 !important;
  height:0 !important;
}
.LogoIntro:not(.static) .container{
  position:relative !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
.LogoIntro:not(.static) .globeLetter,
.LogoIntro:not(.static) .globe{
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
  position:relative !important;
  margin:0 !important;
  width:clamp(7.5rem, 28vw, 14rem) !important;
  min-width:clamp(7.5rem, 28vw, 14rem) !important;
  height:clamp(7.5rem, 28vw, 14rem) !important;
}
.LogoIntro:not(.static) .globe canvas,
.LogoIntro:not(.static) .logoGlobe canvas,
.LogoIntro:not(.static) .globe > *{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  display:block !important;
}

/* Header logo link chrome */
.Header .logo,
.HeaderDrawer .logo,
a.logo{
  width:auto !important;
  min-width:auto !important;
  height:auto !important;
  min-height:42px;
  display:flex !important;
  align-items:center !important;
  text-decoration:none !important;
  border:0 !important;
  border-bottom:none !important;
  box-shadow:none !important;
  outline:none !important;
  background:none !important;
}
.Header .logo:hover,
.Header .logo:focus,
.Header .logo:focus-visible,
.Header .logo:active,
.Header .logo[aria-current=page],
.HeaderDrawer .logo:hover,
.HeaderDrawer .logo:focus,
.HeaderDrawer .logo:focus-visible,
a.logo:hover,
a.logo:focus,
a.logo:focus-visible,
a.logo[aria-current=page]{
  text-decoration:none !important;
  border:0 !important;
  border-bottom:none !important;
  box-shadow:none !important;
  outline:none !important;
  color:inherit !important;
}
.Header .logo::after,
.Header .logo::before,
.HeaderDrawer .logo::after,
.HeaderDrawer .logo::before,
a.logo::after,
a.logo::before{
  display:none !important;
  content:none !important;
  background:none !important;
  border:0 !important;
  height:0 !important;
  width:0 !important;
}
.Header .logo .LogoIntro,
.Header .logo .LogoIntro .container,
.Header .logo .LogoIntro .container::after,
.HeaderDrawer .logo .LogoIntro .container::after{
  text-decoration:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}
@media (min-width: 48em){
  .Header .logo,
  .HeaderDrawer .logo,
  a.logo{min-height:48px}
}
@media (min-width: 62em){
  .Header .logo,
  .HeaderDrawer .logo,
  a.logo{min-height:52px}
}