:root{--bg:#081018;--panel:#101820;--panel-2:#151f29;--text:#e9edf0;--muted:#96a3ad;--line:#263644;--accent:#8fd6e8;--accent-2:#71b99f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% 11%,rgba(56,126,167,.14),transparent 28%),radial-gradient(circle at 92% 26%,rgba(99,70,174,.09),transparent 24%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),var(--bg);background-size:auto,auto,48px 48px,48px 48px;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit}.site-header{height:72px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(8,16,24,.91);backdrop-filter:blur(14px)}.brand,.nav a,.menu-button{font-family:"Barlow Condensed",sans-serif;letter-spacing:.12em;text-decoration:none;font-weight:700}.brand{font-size:1.05rem}.nav{display:flex;gap:28px}.nav a{color:var(--muted);font-size:.92rem}.nav a:hover{color:var(--text)}.menu-button{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:8px 11px}.hero,.section,footer{width:min(var(--max),calc(100% - 48px));margin:0 auto}.hero{min-height:calc(100vh - 72px);padding:70px 0 84px;display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:76px}.eyebrow{color:var(--accent);font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.18em;font-size:.88rem}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;line-height:.95;margin:0}h1{font-size:clamp(3.9rem,8vw,7.5rem);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}h2{font-size:clamp(3rem,6vw,5.3rem);text-transform:uppercase}h3{font-size:2.3rem;text-transform:uppercase}.lede{max-width:700px;font-size:1.25rem;color:#c6d0d6;margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,.fake-button{display:inline-block;text-decoration:none;padding:13px 17px;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.045em;text-transform:uppercase;font-size:.92rem}.primary{background:linear-gradient(135deg,var(--accent),#b5e9f4);color:#061014}.secondary{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.015)}.button:hover{transform:translateY(-1px)}.cover-shell{justify-self:end;width:min(360px,100%);margin:0;position:relative}.cover-shell::before{content:"";position:absolute;inset:7% -9% 5%;background:radial-gradient(circle,rgba(86,173,204,.23),transparent 65%);filter:blur(26px);z-index:-1}.book-cover{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(143,214,232,.31);box-shadow:0 32px 80px rgba(0,0,0,.58),0 0 35px rgba(88,169,205,.08)}.cover-shell figcaption{margin-top:11px;color:#74828d;font-size:.76rem;text-align:center}.section{padding:108px 0;border-top:1px solid var(--line)}.section-heading{max-width:800px;margin-bottom:48px}.section-heading p:last-child{color:var(--muted);max-width:650px}.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:start}.large-copy{font-size:1.28rem;color:#dce4e9}.muted{color:var(--muted)}.status-card,.story-card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.16)}.status-card{padding:28px}.status-card>span:first-child,.story-status{font-family:"Barlow Condensed",sans-serif;letter-spacing:.16em;color:var(--accent);font-size:.77rem;font-weight:700}.status-card strong{display:block;margin:8px 0;font-family:"Barlow Condensed",sans-serif;font-size:2rem;text-transform:uppercase}.fake-button{margin-top:12px;border:1px solid #35596a;color:#91a2ad}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.story-card{padding:30px;min-height:250px}.story-number{color:#536778;font-family:"Barlow Condensed",sans-serif;font-size:1.5rem}.story-card h3{margin:38px 0 10px}.story-card p{color:var(--muted)}.narrow{max-width:780px}.updates-section{margin-bottom:90px;background:linear-gradient(110deg,rgba(21,31,41,.96),rgba(10,18,26,.96));padding-left:clamp(28px,5vw,66px);padding-right:clamp(28px,5vw,66px);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.18)}footer{padding:26px 0 42px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;font-size:.82rem}@media(max-width:780px){.site-header{height:64px}.menu-button{display:block}.nav{display:none;position:absolute;top:63px;left:0;right:0;padding:22px 24px;background:#0a131b;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;gap:48px;padding:58px 0 80px}.cover-shell{justify-self:start;width:min(315px,90%)}.two-col,.story-grid{grid-template-columns:1fr;gap:28px}.section{padding:78px 0}footer{flex-direction:column;gap:6px}}


/* Kit newsletter form */
.kit-form-wrap {
  margin-top: 30px;
  width: 100%;
  overflow: hidden;
}


/* Free-story page */
.story-card-live { position: relative; }
.story-kicker {
  margin: 34px 0 0 !important;
  color: var(--accent) !important;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .16em;
  font-size: .78rem;
}
.story-card-live h3 { margin-top: 7px; }
.story-read {
  display: inline-block;
  margin-top: 18px;
  color: var(--accent);
  text-decoration: none;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .12em;
  font-size: .9rem;
}
.story-read:hover { color: #c8f3fc; }

.story-page {
  width: min(100%, 1180px);
  margin: 0 auto;
}
.story-hero {
  width: min(820px, calc(100% - 48px));
  margin: 0 auto;
  padding: 90px 0 62px;
  border-bottom: 1px solid var(--line);
}
.back-link {
  display: inline-block;
  margin-bottom: 34px;
  color: var(--muted);
  text-decoration: none;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .12em;
  font-size: .82rem;
}
.back-link:hover { color: var(--text); }
.story-title {
  font-size: clamp(4.5rem, 10vw, 8rem);
  margin: 8px 0 26px;
}
.story-deck {
  max-width: 720px;
  margin: 0;
  color: #c6d0d6;
  font-size: 1.18rem;
}
.story-byline {
  margin: 24px 0 0;
  color: var(--accent);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.story-text {
  width: min(720px, calc(100% - 48px));
  margin: 0 auto;
  padding: 66px 0 84px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.08rem, 1.8vw, 1.22rem);
  line-height: 1.78;
  color: #e6eaec;
}
.story-text p {
  margin: 0 0 1.12em;
}
.story-text p + p {
  text-indent: 0;
}
.scene-break {
  margin: 2.4em 0;
  text-align: center;
  color: var(--accent);
  letter-spacing: .5em;
  font-family: Inter, system-ui, sans-serif;
  font-size: .8rem;
}
.story-end {
  width: min(900px, calc(100% - 48px));
  margin: 0 auto 90px;
  padding: 54px clamp(26px, 5vw, 58px);
  border: 1px solid var(--line);
  background: linear-gradient(110deg, rgba(21,31,41,.96), rgba(10,18,26,.96));
  box-shadow: 0 20px 70px rgba(0,0,0,.18);
}
.story-end h2 {
  margin-bottom: 18px;
}
.story-end > p:not(.eyebrow):not(.story-return) {
  max-width: 670px;
  color: #c6d0d6;
}
.story-return {
  margin-top: 28px;
  font-size: .9rem;
}
.story-return a {
  color: var(--muted);
  text-decoration: none;
}
.story-return a:hover { color: var(--text); }

@media(max-width:780px){
  .story-hero { padding: 58px 0 44px; }
  .story-text { padding: 46px 0 66px; }
  .story-end { margin-bottom: 56px; }
}