:root{
  --black:#050807;
  --volcanic:#090d0b;
  --charcoal:#141a17;
  --panel:#171d1a;
  --ash:#5d625c;
  --ivory:#efe7d6;
  --muted:#b8ab8f;
  --brass:#b79a61;
  --aurora:#4d7e61;
  --line:rgba(239,231,214,.18);
  --soft:rgba(239,231,214,.72);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--volcanic);
  color:var(--ivory);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px clamp(18px,4vw,56px);
  background:linear-gradient(to bottom, rgba(5,8,7,.9), rgba(5,8,7,.15));
  border-bottom:1px solid transparent;
  transition:.25s ease;
}
.site-header.scrolled{
  background:rgba(5,8,7,.92);
  backdrop-filter: blur(12px);
  border-bottom-color:var(--line);
}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;letter-spacing:.16em;font-size:.9rem}
.brand-mark{width:30px;height:30px;object-fit:contain}
.nav{display:flex;align-items:center;gap:24px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.nav a:hover{color:var(--ivory)}
.nav-shop{border:1px solid var(--line);padding:10px 14px;color:var(--ivory)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ivory);padding:8px 10px;text-transform:uppercase;letter-spacing:.1em}
.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:160px clamp(22px,7vw,96px) 90px;
  background-image:url('../img/hero-station.png');
  background-size:cover;
  background-position:center;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,7,.86),rgba(5,8,7,.42) 45%,rgba(5,8,7,.1)),linear-gradient(to top, var(--volcanic) 0%, rgba(5,8,7,.25) 42%, transparent 70%)}
.hero-content{position:relative;max-width:820px}
.eyebrow,.section-number{color:var(--brass);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0;line-height:1.02}
h1{font-size:clamp(3.4rem,10vw,8.5rem);letter-spacing:.09em;text-transform:uppercase;margin:.15em 0 .2em}
.hero-lede{font-size:clamp(1.1rem,2.2vw,1.6rem);color:var(--soft);max-width:560px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:13px 20px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;transition:.2s ease}
.button:hover{transform:translateY(-1px);border-color:rgba(239,231,214,.55)}
.button.primary{background:var(--ivory);color:var(--black);border-color:var(--ivory)}
.button.ghost{background:rgba(5,8,7,.18)}
.container{width:min(1180px, calc(100% - 44px));margin:0 auto}
.narrow{width:min(860px, calc(100% - 44px))}
.section-pad{padding:96px 0}
.statement{background:#0b100e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statement h2,.section-heading h2,.notes-section h2{font-size:clamp(2rem,4.8vw,4.8rem);letter-spacing:.05em;text-transform:uppercase;margin:12px 0 18px}
.statement p:last-child,.section-heading p{font-size:1.15rem;color:var(--soft)}
.section-heading{margin-bottom:34px;max-width:760px}
.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inventory-card,.room-card,.note-list article{border:1px solid var(--line);background:linear-gradient(180deg,rgba(239,231,214,.035),rgba(239,231,214,.015));padding:24px;min-height:165px}
.inventory-id{color:var(--brass);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.inventory-card h3,.room-card h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:.08em;margin:28px 0 8px}
.inventory-card p,.room-card p,.note-list p,.footer p{color:var(--soft);margin:0}
.kit-line{margin-top:28px;text-align:center;color:var(--brass);letter-spacing:.16em;text-transform:uppercase;font-size:.82rem}
.rooms-section{background:#0d1310}
.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.room-card{min-height:140px;transition:.2s ease}
.room-card:hover{border-color:rgba(183,154,97,.55);transform:translateY(-2px)}
.visual-break{height:56vh;min-height:420px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual-break img{height:100%;width:100%;object-fit:cover;object-position:center}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.note-list{display:grid;gap:14px}
.note-list h3{font-size:1.2rem;letter-spacing:.04em;margin:0 0 8px}
.about-section{text-align:center;background:#0b100e}
.about-logo{width:min(540px,80%);margin:0 auto 28px}
.about-section p{color:var(--soft);font-size:1.1rem;max-width:720px;margin:0 auto 26px}
.footer{border-top:1px solid var(--line);padding:52px 0;background:#060908;color:var(--soft)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}
.footer-mark{width:42px;margin-bottom:12px}
.footer-brand{font-family:Georgia,serif;letter-spacing:.16em;color:var(--ivory);font-size:1.1rem}
.footer h4{color:var(--brass);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin:0 0 12px}
.footer a{display:block;margin:6px 0;color:var(--soft)}
.footer a:hover{color:var(--ivory)}
@media (max-width: 880px){
  .nav-toggle{display:block}
  .nav{position:absolute;top:100%;right:18px;left:18px;display:none;flex-direction:column;align-items:flex-start;background:rgba(5,8,7,.97);border:1px solid var(--line);padding:18px}
  .nav.open{display:flex}
  h1{font-size:clamp(3rem,14vw,5.5rem)}
  .inventory-grid,.rooms-grid,.split,.footer-grid{grid-template-columns:1fr}
  .section-pad{padding:70px 0}
  .hero{min-height:86vh;padding-top:130px}
}

.prelaunch-note {
  margin-top: 1.5rem;
  margin-bottom: 1.2rem;
  color: var(--brass);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}