.inner-page { background: radial-gradient(circle at 12% 6%, rgba(47,91,137,.18), transparent 32rem), var(--ink); }
.inner-page .site-header { background: rgba(5,7,10,.72); backdrop-filter: blur(15px); }
.page-hero { position:relative; display:grid; align-items:center; min-height:86svh; padding:calc(var(--header-height) + 7rem) 0 6rem; overflow:hidden; border-bottom:1px solid var(--line); }
.page-hero::before { position:absolute; inset:0; content:""; pointer-events:none; background:linear-gradient(rgba(79,130,183,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(79,130,183,.055) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,black,transparent 90%); }
.page-hero-grid, .starfarers-hero-grid, .torn-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); align-items:center; gap:clamp(3rem,9vw,8rem); }
.page-hero-copy h1 { max-width:850px; margin-bottom:1.4rem; font-size:clamp(4rem,8vw,8rem); }
.page-hero-copy > p:not(.eyebrow) { max-width:700px; font-size:clamp(1.05rem,1.6vw,1.28rem); }
.page-hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.page-hero-mark { position:relative; display:grid; place-items:center; aspect-ratio:1; }
.page-hero-mark::before { position:absolute; inset:3%; content:""; border:1px dashed rgba(79,130,183,.27); border-radius:50%; animation:rotate 55s linear infinite; }
.page-hero-mark img { position:relative; z-index:1; width:88%; border-radius:50%; }
.page-hero-mark > span { position:absolute; right:2%; bottom:9%; z-index:2; color:rgba(244,242,235,.11); font-family:Georgia,"Times New Roman",serif; font-size:7rem; }
.page-section { position:relative; padding:clamp(5rem,10vw,9rem) 0; }
.page-panel-section { border-block:1px solid var(--line); background:rgba(10,15,22,.75); }
.story-grid, .bond-grid, .devlog-grid, .recruitment-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(3rem,9vw,8rem); }
.story-copy p, .bond-copy > p:not(.eyebrow), .devlog-heading > p:not(.eyebrow), .recruitment-copy > p:not(.eyebrow) { font-size:1.05rem; }
.story-copy strong, .story-copy em { color:var(--ivory); }
.page-heading { max-width:850px; margin-bottom:3.4rem; }.page-heading > p:last-child { max-width:700px; font-size:1.05rem; }
.value-grid, .system-grid { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.value-grid article, .system-grid article { min-height:300px; padding:2rem; border-right:1px solid var(--line); background:rgba(255,255,255,.012); }
.value-grid article:last-child, .system-grid article:last-child { border-right:0; }
.value-grid article > span, .system-grid article > span { color:var(--blue-bright); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.62rem; letter-spacing:.12em; }
.value-grid h3, .system-grid h3 { margin:4rem 0 .8rem; color:var(--ivory); font-family:Georgia,"Times New Roman",serif; font-size:1.8rem; font-weight:500; }
.bond-stat { display:grid; align-content:center; padding:2rem; border:1px solid var(--line); text-align:center; background:radial-gradient(circle,rgba(47,91,137,.16),transparent 70%); }
.bond-stat strong { color:var(--ivory); font-family:Georgia,"Times New Roman",serif; font-size:clamp(7rem,16vw,15rem); font-weight:400; line-height:.8; }.bond-stat span { max-width:260px; margin:1rem auto 0; color:#74808b; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.mini-tags { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }.mini-tags span { padding:.42rem .7rem; border:1px solid rgba(79,130,183,.3); border-radius:99px; color:#91a7bb; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.page-cta { padding:clamp(4rem,8vw,7rem) 0; background:linear-gradient(135deg,#2f5b89,#203f60); }.page-cta h2 { max-width:900px; color:white; }.page-cta .button { margin-top:1rem; }

.starfarers-hero { min-height:94svh; background:radial-gradient(circle at 28% 48%,rgba(28,97,174,.24),transparent 31rem),linear-gradient(145deg,#030610,#071526 60%,#02040a); }
.starfield-layer { position:absolute; inset:0; opacity:.48; background-image:radial-gradient(circle,rgba(145,208,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.5px); background-size:71px 71px,127px 127px; background-position:0 0,32px 17px; }
.starfarers-hero-grid { grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr); }
.starfarers-logo-wrap { position:relative; z-index:1; }.starfarers-logo-wrap::before { position:absolute; inset:17% 5%; content:""; background:#196ac2; filter:blur(80px); opacity:.24; }.starfarers-logo-wrap img { position:relative; width:120%; max-width:none; margin-left:-12%; filter:drop-shadow(0 25px 40px rgba(0,47,108,.35)); }
.starfarers-hero .page-hero-copy { position:relative; z-index:2; }.starfarers-hero .page-hero-copy h1 { font-size:clamp(3.8rem,7vw,7rem); }
.project-readout { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:2.5rem; border:1px solid rgba(79,130,183,.24); background:rgba(79,130,183,.2); }.project-readout div { display:grid; gap:.25rem; padding:.8rem; background:rgba(3,8,16,.88); }.project-readout span { color:#55728f; font-size:.5rem; font-weight:800; letter-spacing:.12em; }.project-readout strong { color:#bdd7ed; font-size:.62rem; }
.devlog-card { padding:clamp(2rem,5vw,4rem); border:1px solid rgba(79,130,183,.3); background:radial-gradient(circle at 100% 0,rgba(31,104,190,.18),transparent 25rem),#080f1a; box-shadow:var(--shadow); }.devlog-card > div { display:flex; justify-content:space-between; gap:1rem; color:#5b7894; font-size:.6rem; font-weight:800; letter-spacing:.1em; }.devlog-card h3 { margin:3.5rem 0 1rem; color:var(--ivory); font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.3rem,5vw,4rem); font-weight:500; }.devlog-card strong { display:block; margin-top:2rem; color:#6da7d6; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.roadmap-list { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; border-block:1px solid var(--line); list-style:none; }.roadmap-list li { padding:2rem; border-right:1px solid var(--line); }.roadmap-list li:last-child { border-right:0; }.roadmap-list span { color:var(--blue-bright); font-size:.6rem; font-weight:850; letter-spacing:.12em; }.roadmap-list strong { display:block; margin:2.2rem 0 .7rem; color:var(--ivory); font-family:Georgia,"Times New Roman",serif; font-size:1.6rem; }.starfarers-cta { background:linear-gradient(135deg,#0e4d90,#071d3d); }

.torn-hero {
  background:
    radial-gradient(circle at 76% 50%, rgba(47,91,137,.24), transparent 31rem),
    radial-gradient(circle at 18% 82%, rgba(83,126,170,.10), transparent 27rem),
    linear-gradient(135deg,#05080c,#08111b 60%,#030507);
}
.torn-hero::after {
  position:absolute;
  right:-8rem;
  bottom:-8rem;
  content:"T";
  color:rgba(79,130,183,.045);
  font-family:Georgia,"Times New Roman",serif;
  font-size:42rem;
  line-height:.7;
}

.torn-hero-grid {
  position:relative;
  z-index:1;
}

.torn-dossier {
  padding:clamp(2rem,5vw,4rem);
  border:1px solid rgba(79,130,183,.30);
  background:
    radial-gradient(circle at 90% 10%, rgba(79,130,183,.10), transparent 18rem),
    rgba(5,11,18,.88);
  box-shadow:0 25px 80px rgba(0,0,0,.38);
}

.torn-dossier > span {
  color:#6f93b7;
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.16em;
}

.torn-dossier > strong {
  display:block;
  margin:.5rem 0 3rem;
  color:#e9eef2;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(4rem,9vw,8rem);
  font-weight:400;
  line-height:.85;
}

.torn-dossier dl {
  margin:0;
}

.torn-dossier dl div {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 0;
  border-top:1px solid rgba(244,242,235,.12);
}

.torn-dossier dt {
  color:#72879a;
  font-size:.62rem;
  text-transform:uppercase;
}

.torn-dossier dd {
  margin:0;
  color:#d1dbe3;
  font-size:.72rem;
  font-weight:800;
}

.torn-system-grid article > span {
  color:#5f8fbd;
}

.recruitment-copy ul {
  display:grid;
  gap:.65rem;
  margin:1.5rem 0 0;
  padding:0;
  list-style:none;
}

.recruitment-copy li {
  padding:.75rem 1rem;
  border-left:2px solid #3f73a5;
  color:#aab5bf;
  background:rgba(255,255,255,.02);
}

.recruitment-card {
  padding:clamp(2rem,5vw,4rem);
  border:1px solid rgba(79,130,183,.34);
  background:
    radial-gradient(circle at 100% 0, rgba(79,130,183,.13), transparent 20rem),
    linear-gradient(150deg,#09131e,#04070b);
  box-shadow:var(--shadow);
}

.recruitment-card > span {
  color:#6a91b8;
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.14em;
}

.recruitment-card > strong {
  display:block;
  max-width:10ch;
  margin:.65rem 0 2rem;
  color:#f0f2ee;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.35rem,5vw,4.4rem);
  font-weight:400;
  line-height:.92;
}

.recruitment-card p {
  color:#9caab6;
  line-height:2;
}

.torn-page .button-primary {
  background:#315f8d;
  border-color:#4d7dad;
}

.torn-page .button-primary:hover {
  background:#4276a8;
}

.torn-cta {
  background:
    radial-gradient(circle at 85% 35%, rgba(255,255,255,.08), transparent 22rem),
    linear-gradient(135deg,#2f5b89,#172d45);
}

@media(max-width:980px){.page-hero-grid,.starfarers-hero-grid,.torn-hero-grid,.story-grid,.bond-grid,.devlog-grid,.recruitment-grid{grid-template-columns:1fr}.page-hero-mark{max-width:560px;margin-inline:auto}.starfarers-logo-wrap{max-width:650px;margin-inline:auto}.value-grid,.system-grid,.roadmap-list{grid-template-columns:1fr}.value-grid article,.system-grid article,.roadmap-list li{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.value-grid article:last-child,.system-grid article:last-child,.roadmap-list li:last-child{border-bottom:0}.value-grid h3,.system-grid h3{margin-top:2rem}}
@media(max-width:720px){.page-hero{min-height:auto;padding:calc(var(--header-height) + 5rem) 0 4.5rem}.page-hero-copy h1{font-size:clamp(3.2rem,15vw,5rem)}.page-hero-mark{display:none}.page-hero-actions{display:grid}.page-hero-actions .button{width:100%}.starfarers-hero-grid{display:flex;flex-direction:column}.starfarers-logo-wrap{order:-1;width:100%;margin-bottom:-2rem}.starfarers-logo-wrap img{width:118%;margin-left:-9%}.project-readout{grid-template-columns:1fr}.devlog-card>div{align-items:flex-start;flex-direction:column}.torn-dossier>strong{font-size:4rem}}