/* Requested masthead shares the original hero's map, cursor, and scanning field. */
:root{--latitude-tagline-size:clamp(15px,2.15vw,28px);--text:#E4FAFD;--text-2:#E4FAFD;--text-3:#E4FAFD}
.nav .nav-in{justify-content:center;height:auto;min-height:72px;padding-top:20px;padding-bottom:20px}
.nav .nav-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 30px;width:100%}
.nav .nav-links a[aria-current="page"]{color:var(--cyan)}
.hero{
  --brand-masthead-height:clamp(240px,33vw,360px);
  height:auto;
  min-height:0;
}
.game-latitude-masthead{
  position:relative;
  z-index:5;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:var(--brand-masthead-height);
  padding:calc(var(--latitude-nav-height,92px) + clamp(24px,4vw,40px)) var(--gutter) 8px;
  background:transparent;
  text-align:center;
  pointer-events:none;
}
.game-latitude-lockup{width:min(68%,704px);margin:0 auto;container-type:inline-size;flex:none}
.game-latitude-masthead a{display:block;width:100%;pointer-events:auto}
/* Display the supplied image's visible artwork without its transparent padding. */
.game-latitude-art{display:block;position:relative;aspect-ratio:1793/416;overflow:hidden}
.game-latitude-art img{display:block;position:absolute;max-width:none;width:121.1389%;height:auto;left:-10.5968%;top:-37.0192%}
.game-latitude-hero-stage{position:relative;height:auto}
.hero>.scan{animation:none;transform:translate3d(0,0,0);will-change:transform}
body.ready .hero>.scan{animation:game-latitude-scan 7s linear -.5s infinite}
@keyframes game-latitude-scan{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,calc(var(--hero-field-height,100vh) + 280px),0)}
}
.hero .platform-section{position:relative;z-index:5;padding:32px 0 90px;background-color:transparent}
.platform-section .platform-section-head{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center;margin-bottom:24px}
.platform-section .platform-heading{font:500 var(--latitude-tagline-size)/1.5 var(--sans);letter-spacing:.02em;word-spacing:-.08em;max-width:none;text-align:center}
.platform-section .platform-invitation{display:block;margin-top:8px;color:var(--cyan);font-size:clamp(11px,1.1vw,14px);font-weight:400;font-style:normal;line-height:1.6;letter-spacing:.18em;word-spacing:normal}
.platform-section .lede{max-width:740px;margin:0 auto;text-align:center;justify-self:center;line-height:1.7}
.platform-section .platform-intro{
  width:100%;
  max-width:820px;
  font-family:"Inter Tight",system-ui,-apple-system,sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.275;
  text-transform:uppercase;
}
.platform-intro p{margin:0;text-wrap:balance}
.platform-intro p+p{margin-top:3px}
.platform-intro strong{font-weight:600}
.platform-intro .platform-hook-accent{color:var(--cyan)}
.platform-card .platform-out{color:var(--cyan)}
.platform-card .inst-spec{justify-content:center;text-align:center;font-size:12px;letter-spacing:.06em;margin-top:8px;padding-top:12px}
.platform-section .platform-card{
  display:grid;
  grid-template-rows:190px 42px auto;
  min-height:0;
  padding:14px 22px 22px;
  background:rgba(0,45,57,.09);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background .35s var(--ease),backdrop-filter .35s var(--ease),box-shadow .35s var(--ease);
}
.platform-section .platform-card .inst-vis{height:190px;min-height:0;padding:0;flex:none}
.platform-section .platform-card .inst-vis svg{width:210px;max-width:100%;height:190px}
.platform-section .platform-card h3{margin:0;text-align:center;align-self:center;line-height:1.2}
.platform-section .platform-card::after{width:0}
@media(hover:hover){
  .platform-section .platform-card:hover::after{width:calc(100% + 2px)}
  .platform-section .platform-card:hover{
    background:linear-gradient(145deg,rgba(0,227,255,.16),rgba(0,100,125,.11) 65%,rgba(0,227,255,.06));
    backdrop-filter:blur(10px) saturate(130%);
    -webkit-backdrop-filter:blur(10px) saturate(130%);
    box-shadow:inset 0 0 0 1px rgba(0,227,255,.23),inset 0 1px 0 rgba(158,255,243,.22),0 14px 36px rgba(0,0,0,.18);
  }
}
.platform-section .platform-card:focus-visible,
.platform-section .platform-card.touch-hover{
  background:linear-gradient(145deg,rgba(0,227,255,.16),rgba(0,100,125,.11) 65%,rgba(0,227,255,.06));
  backdrop-filter:blur(10px) saturate(130%);
  -webkit-backdrop-filter:blur(10px) saturate(130%);
  box-shadow:inset 0 0 0 1px rgba(0,227,255,.23),inset 0 1px 0 rgba(158,255,243,.22),0 14px 36px rgba(0,0,0,.18);
}
.platform-section .platform-card:focus-visible::after,
.platform-section .platform-card.touch-hover::after{width:calc(100% + 2px)}
@media(hover:none){
  .platform-section .platform-card{transition:background .12s ease-out,box-shadow .12s ease-out}
  .platform-section .platform-card::after{transition:width .18s ease-out}
  .hero .rail-l::after,.hero .rail-b::after{transition:none}
}
#reticle{position:fixed;will-change:transform}
.hero.touch-tracking #reticle{position:absolute;transition:none}
.game-latitude-slogan{
  margin:clamp(9px,2cqi,14px) 0 0;
  color:var(--text);
  font-family:var(--sans);
  font-size:clamp(10px,3.35cqi,23px);
  font-weight:700;
  line-height:1.5;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-wrap:balance;
}
.game-latitude-slogan span{display:inline-block;white-space:nowrap}
@media(max-width:1020px){
  .game-latitude-slogan{font-size:clamp(14px,3.35cqi,23px)}
  .platform-section .platform-intro{font-size:clamp(13px,1.9vw,18px)}
}
@media(max-width:620px){
  :root{--latitude-tagline-size:14px}
  .nav .nav-in{min-height:92px;padding:18px 12px}
  .nav .nav-links{gap:12px 19px;font-size:9px;letter-spacing:.08em}
  .game-latitude-masthead{padding-left:10px;padding-right:10px}
  .game-latitude-lockup{min-width:min(212px,100%)}
  .game-latitude-slogan{font-size:clamp(11px,5cqi,14px);letter-spacing:0;white-space:nowrap}
  .hero .platform-section{padding-top:24px;padding-bottom:70px}
  .platform-section .platform-section-head{gap:32px;margin-bottom:20px}
  .platform-section .platform-intro{width:calc(100vw - 24px);max-width:none;font-size:clamp(10px,calc((100vw - 24px)/31),13px);line-height:1.275}
  .platform-intro p{white-space:nowrap}
  .platform-section .platform-card{grid-template-rows:180px 42px auto}
  .platform-section .platform-card .inst-vis{height:180px}
  .platform-section .platform-card .inst-vis svg{height:180px}
}
@media(max-width:340px){
  .platform-intro p{white-space:normal}
}
.latitude-footer{padding:26px 0 30px;border-top:1px solid var(--line-2);background:var(--bg);color:var(--text);font:400 11px/1.8 var(--mono);letter-spacing:.06em;text-align:center}
.latitude-footer p{margin:0 0 6px}
.latitude-footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 8px}
.latitude-footer a{color:var(--text)}
.latitude-footer a:hover,.latitude-footer a:focus-visible{color:var(--cyan)}