@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap');
:root{--bg:#07090c;--ink:#eef2f5;--muted:#9aa8b5;--accent:#809fb3;--line:#26303a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,sans-serif}header{position:absolute;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 3vw;border-bottom:1px solid #ffffff26;background:linear-gradient(#07090cf2,#07090c66,transparent)}.brand{display:flex;align-items:center;gap:.7rem;width:max-content;color:inherit;text-decoration:none}.brand img{width:32px}.brand span{display:grid}.brand b{font-size:.88rem;letter-spacing:.22em}.brand small{font-size:.5rem;letter-spacing:.25em;color:var(--muted);margin-top:.3rem}header nav{display:flex;gap:2rem}header nav a,.portal{color:var(--ink);text-decoration:none;font-size:.68rem;font-weight:600;letter-spacing:.11em}.actions{display:flex;align-items:center;justify-self:end;gap:.8rem}.lang{display:flex;gap:.25rem;align-items:center;font-family:'IBM Plex Mono';font-size:.64rem;color:var(--muted)}.lang button{border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.lang button.active{color:var(--ink)}.portal{padding:.75rem .85rem;border:1px solid #eef2f57a}.hero{height:520vh}.stage{position:sticky;top:0;height:100vh;overflow:hidden}.stage video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#05070ad9 0%,#05070a7d 36%,transparent 70%),linear-gradient(0deg,#05070a7d,transparent 35%)}.heroCopy{position:absolute;left:6vw;bottom:10vh;width:min(660px,82vw)}.code,figcaption,.newsHead span,.roleTop{font-family:'IBM Plex Mono';font-size:.69rem;letter-spacing:.11em;color:var(--accent)}h1{font-size:clamp(3.8rem,7vw,7.8rem);line-height:.93;letter-spacing:-.05em;margin:.7rem 0 1.5rem;max-width:9ch}h2{font-size:clamp(2.7rem,5vw,5.8rem);line-height:.98;letter-spacing:-.045em;margin:.7rem 0 0}.heroCopy>p,.intro,.split article>p,.box>p{color:var(--muted);font-size:1.08rem;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.tags span{font-family:'IBM Plex Mono';font-size:.72rem;border:1px solid #ffffff30;padding:.45rem .7rem}.section{padding:clamp(5rem,9vw,9rem) clamp(1.4rem,6vw,7rem);border-top:1px solid var(--line)}.intro{margin-top:2.25rem;max-width:62ch}.section dl{margin:4rem 0 0;border-top:1px solid var(--line)}.section dl>div{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-family:'IBM Plex Mono';font-size:.72rem;text-transform:uppercase}dd{margin:0;font-size:1.25rem}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;background:#0a0e12}.split>img{width:100%;height:36rem;object-fit:cover;border:1px solid var(--line)}blockquote{margin:3rem 0 0;padding:1.5rem 0 0 1.4rem;border-top:1px solid var(--line);border-left:2px solid var(--accent);font-size:1.45rem;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards article{padding:2rem}.cards article+article{border-left:1px solid var(--line)}.cards span{font-family:'IBM Plex Mono';color:var(--accent);font-size:.68rem}.cards h3{font-size:1.4rem;margin:2rem 0 .8rem}.cards p{color:var(--muted);line-height:1.6}.press{display:grid;grid-template-columns:1.45fr .8fr;gap:1.2rem;margin-top:4rem}.press figure{margin:0}.press img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}figcaption{margin-top:.7rem;color:var(--muted)}.news{background:#0a0d11}.newsHead{display:flex;justify-content:space-between;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--line)}.newsHead h2{margin:0}.news article{padding:2rem 0;border-bottom:1px solid var(--line)}.news small{font-family:'IBM Plex Mono';color:var(--accent)}.news h3{max-width:40ch;font-size:1.9rem;font-weight:500}.careers{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.careers>img{width:100%;border:1px solid var(--line)}.cta{display:inline-block;margin-top:1rem;padding:1rem 1.1rem;background:var(--ink);color:var(--bg);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.07em}.role{background:#0d1217}.roleTop{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line)}.role .outline{display:inline-block;margin-top:2rem;padding:1rem 1.2rem;border:1px solid var(--accent);color:var(--ink);text-decoration:none;font-size:.72rem;font-weight:700}.candidate{background:#080b0e}.box{max-width:72rem;margin:auto;padding:4rem;border:1px solid #35434e;background:linear-gradient(135deg,#10161c,#090d11)}.box button{margin-top:1.2rem;padding:1rem 1.2rem;border:1px solid #53616b;background:transparent;color:#6e7b85}footer{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:4rem 6vw 2.5rem;border-top:1px solid var(--line);color:var(--muted)}footer .fiction{grid-column:1/-1;max-width:70ch;font-size:.72rem;line-height:1.5}@media(max-width:1040px){header{grid-template-columns:1fr auto}header nav{display:none}.split,.careers{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.cards article:nth-child(3){border-left:0;border-top:1px solid var(--line)}}@media(max-width:720px){header{padding:0 1rem;min-height:68px}.brand b{font-size:.72rem}.portal{font-size:.55rem;max-width:7rem;text-align:center}.hero{height:420vh}.heroCopy{left:1.25rem;bottom:8vh}.stage video{object-position:58% center}h1{font-size:clamp(2.9rem,13vw,4.5rem)}.section{padding:5rem 1.25rem}.intro{margin-top:2.75rem}.section dl>div{grid-template-columns:1fr;gap:.5rem}.split>img{height:24rem}.cards{grid-template-columns:1fr}.cards article+article{border-left:0;border-top:1px solid var(--line)}.press{grid-template-columns:1fr}.newsHead{align-items:flex-start;flex-direction:column;gap:1rem}.roleTop{flex-direction:column;gap:.6rem}.box{padding:2rem}footer{grid-template-columns:1fr}}

.reason .visual img,.press img,.careers img{filter:saturate(.94) contrast(1.03);transition:transform .7s ease,filter .7s ease}.reason .visual:hover img,.press figure:hover img,.careers figure:hover img{transform:scale(1.015);filter:saturate(1) contrast(1.05)}

/* 2026-09-16 hero/visual pacing fix */
.hero{height:128vh!important;min-height:0!important;max-height:none!important}
.hero-stage{height:100vh!important}
.hero-image{object-position:64% center!important;transform:scale(1.02)!important}
.reason .visual{height:clamp(360px,42vw,560px)!important;min-height:0!important;max-height:560px!important}
.reason .visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:58% center!important}
@media(max-width:900px){
  .hero{height:118vh!important}
  .hero-image{object-position:68% center!important}
  .reason .visual{height:clamp(280px,58vw,420px)!important;max-height:420px!important}
  .reason .visual img{object-position:58% center!important}
}

/* 2026-09-16 responsive hero fit for sunsetship2 */
.hero-stage,
.stage{
  position:sticky;
  top:0;
  height:100svh!important;
  overflow:hidden;
}
.hero-image{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:66% center!important;
  transform-origin:66% 50%!important;
}
@media (min-aspect-ratio: 16/9){
  .hero-image{
    object-position:62% center!important;
  }
}
@media (max-aspect-ratio: 4/3){
  .hero-image{
    object-position:72% center!important;
  }
}
@media (max-width:900px){
  .hero-image{
    object-position:75% center!important;
    transform-origin:75% 50%!important;
  }
}
@media (max-width:600px){
  .hero-image{
    object-position:78% center!important;
    transform-origin:78% 50%!important;
  }
}

/* colony_ship3: fit the full image inside its frame without cropping */
.reason .visual {
  background: #07090c !important;
}
.reason .visual img[src*="colony_ship3"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}
@media (max-width: 900px) {
  .reason .visual img[src*="colony_ship3"] {
    object-fit: contain !important;
    object-position: center center !important;
  }
}
/* Correct selector for the WHY NEW DAWN image */
.split>img{height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center center!important;background:#07090c!important;display:block!important;}
@media(max-width:720px){.split>img{height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;}}