/* THE AI TRILOGY — shared stylesheet
   Palette and type system inherited from the three book covers. */

:root{
  --black:#050608;
  --charcoal:#0D1117;
  --ivory:#F1EFE9;
  --ivory-dim:#C9C6BC;
  --ivory-mute:#B7B4AA;
  --gold:#D9A52B;
  --deep-gold:#9B6A13;
  --blue:#008CFF;
  --cyan:#38BFFF;
  --grey:#9B9B93;
  --grey-dark:#6b6960;
  --display:'Oswald',sans-serif;
  --serif:'PT Serif',serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--black);
  color:var(--ivory);
  font-family:var(--serif);
  overflow-x:hidden;
}
a{color:var(--cyan);text-decoration:none;}
a:hover{color:var(--gold);}
::selection{background:var(--gold);color:var(--black);}
img{max-width:100%;display:block;}

.eyebrow{font-family:var(--display);letter-spacing:5px;font-size:13px;}
.btn{
  display:inline-block;
  font-family:var(--display);
  font-size:13px;
  letter-spacing:2px;
  padding:16px 34px;
  border:none;
  cursor:pointer;
}
.btn-gold{color:var(--black);background:var(--gold);}
.btn-gold:hover{color:var(--black);opacity:.92;}
.btn-outline{color:var(--ivory);background:transparent;border:1px solid rgba(241,239,233,0.35);}
.btn-outline:hover{color:var(--ivory);border-color:var(--gold);}
.btn-small{padding:11px 22px;font-size:12px;}

/* ---------- NAV ---------- */
.site-nav{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 48px;
  background:rgba(5,6,8,0.82);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(217,165,43,0.18);
}
.site-nav .logo{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:2px;color:var(--ivory);}
.site-nav .logo span{color:var(--gold);}
.nav-links{display:flex;align-items:center;gap:36px;}
.nav-links a{font-family:var(--display);font-size:13px;letter-spacing:2px;color:var(--ivory);}
.nav-links a.current{color:var(--gold);}
.nav-toggle{
  display:none;background:none;border:1px solid rgba(241,239,233,0.4);
  color:var(--ivory);width:40px;height:40px;font-size:18px;cursor:pointer;
}
.mobile-menu{
  position:fixed;inset:0;z-index:99;background:var(--black);
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:32px;
}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:var(--display);font-size:22px;letter-spacing:2px;color:var(--ivory);}
.mobile-menu .close-btn{
  margin-top:24px;background:none;border:1px solid rgba(241,239,233,0.4);color:var(--ivory);
  padding:10px 20px;font-family:var(--display);letter-spacing:2px;font-size:13px;cursor:pointer;
}

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:120px 24px 80px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0%,var(--charcoal) 0%,var(--black) 60%);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(0,140,255,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,140,255,0.06) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 50% 30%,black 40%,transparent 80%);
}
.hero-dot{position:absolute;border-radius:50%;}
.hero-dot--gold{background:var(--gold);box-shadow:0 0 14px var(--gold);}
.hero-dot--blue{background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
@keyframes driftA{0%{transform:translate(0,0);}50%{transform:translate(30px,-24px);}100%{transform:translate(0,0);}}
@keyframes driftB{0%{transform:translate(0,0);}50%{transform:translate(-24px,20px);}100%{transform:translate(0,0);}}
@keyframes sparkTravel{0%{transform:translateX(0);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateX(220px);opacity:0;}}
.hero-spark{
  position:absolute;top:50%;left:8%;width:180px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:sparkTravel 6s linear infinite;
}
.hero-kicker{position:relative;z-index:2;font-family:var(--display);font-size:13px;letter-spacing:6px;color:var(--cyan);margin-bottom:28px;}
.hero-title{position:relative;z-index:2;font-family:var(--display);font-weight:700;font-size:clamp(56px,9vw,128px);line-height:0.95;letter-spacing:4px;margin:0;color:var(--ivory);}
.hero-line{position:relative;z-index:2;font-family:var(--display);font-weight:500;font-size:clamp(18px,2.4vw,30px);letter-spacing:4px;color:var(--gold);margin-top:22px;}
.hero-byline{position:relative;z-index:2;font-family:var(--display);font-size:14px;letter-spacing:4px;color:var(--grey);margin-top:26px;}
.hero-desc{position:relative;z-index:2;max-width:620px;font-size:19px;line-height:1.7;color:var(--ivory-dim);margin:22px auto 0;}
.hero-ctas{position:relative;z-index:2;display:flex;gap:20px;margin-top:42px;flex-wrap:wrap;justify-content:center;}
.hero-books{position:relative;z-index:2;display:flex;gap:28px;margin-top:76px;justify-content:center;flex-wrap:wrap;}
.hero-books img{border-radius:2px;transition:transform .35s ease, box-shadow .35s ease;}
.hero-books .cover-1{width:190px;box-shadow:0 30px 70px rgba(0,0,0,0.6);transform:rotate(-3deg) translateY(10px);}
.hero-books .cover-1:hover{transform:rotate(-3deg) translateY(-14px);box-shadow:0 40px 90px rgba(217,165,43,0.35);}
.hero-books .cover-2{width:210px;box-shadow:0 34px 80px rgba(0,0,0,0.65);transform:translateY(-6px);}
.hero-books .cover-2:hover{transform:translateY(-24px);box-shadow:0 44px 100px rgba(0,140,255,0.3);}
.hero-books .cover-3{width:190px;box-shadow:0 30px 70px rgba(0,0,0,0.6);transform:rotate(3deg) translateY(10px);}
.hero-books .cover-3:hover{transform:rotate(3deg) translateY(-14px);box-shadow:0 40px 90px rgba(217,165,43,0.35);}

/* ---------- SECTION SHELLS ---------- */
.section{padding:140px 24px;}
.section-inner{max-width:1180px;margin:0 auto;}
.section-inner--wide{max-width:1240px;}
.section-inner--narrow{max-width:820px;}
.section-kicker{text-align:center;font-family:var(--display);font-size:13px;letter-spacing:5px;margin-bottom:18px;}
.section-title{text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(34px,5vw,58px);letter-spacing:2px;color:var(--ivory);margin:0 0 24px;}
.section-lede{max-width:680px;margin:0 auto 90px;text-align:center;color:var(--ivory-dim);font-size:18px;line-height:1.8;}

/* ---------- RUPTURES TIMELINE ---------- */
.ruptures{background:var(--charcoal);}
.timeline{display:flex;align-items:center;justify-content:space-between;max-width:920px;margin:0 auto 100px;position:relative;}
.timeline-track{position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--deep-gold),var(--deep-gold) 66%,var(--cyan));}
.timeline-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;}
.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--black);border:2px solid var(--gold);}
.timeline-dot--active{width:26px;height:26px;background:var(--cyan);border:none;box-shadow:0 0 24px var(--cyan);animation:pulseGlow 2.4s ease-in-out infinite;}
@keyframes pulseGlow{0%,100%{opacity:.35;}50%{opacity:.9;}}
.timeline-label{font-family:var(--display);font-size:12px;letter-spacing:1.5px;color:var(--gold);text-align:center;}
.timeline-label--active{font-size:13px;color:var(--cyan);font-weight:600;}

.rupture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(241,239,233,0.1);}
.rupture-panel{background:var(--charcoal);padding:44px 36px;}
.rupture-panel--active{background:linear-gradient(160deg,var(--charcoal),#0a1622);border-top:2px solid var(--cyan);}
.rupture-num{font-family:var(--display);font-size:12px;letter-spacing:3px;color:var(--deep-gold);}
.rupture-panel--active .rupture-num{color:var(--cyan);}
.rupture-name{font-family:var(--display);font-size:26px;letter-spacing:1px;color:var(--ivory);margin:14px 0 16px;}
.rupture-desc{color:var(--ivory-mute);font-size:16px;line-height:1.7;margin:0;}

/* ---------- TRILOGY ---------- */
.trilogy{background:var(--black);}
.book-row{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-bottom:56px;}
.book-row .book-cover{width:100%;max-width:340px;border-radius:2px;box-shadow:0 40px 90px rgba(0,0,0,0.6);}
.book-row .book-cover{justify-self:end;order:1;}
.book-row .book-copy{order:2;}
.book-row.reverse .book-cover{justify-self:start;order:2;}
.book-row.reverse .book-copy{order:1;}
.book-label{font-family:var(--display);font-size:12px;letter-spacing:3px;color:var(--cyan);}
.book-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.6vw,44px);letter-spacing:1px;color:var(--ivory);margin:14px 0 6px;}
.book-subtitle{font-family:var(--display);font-weight:600;font-size:clamp(18px,2vw,26px);letter-spacing:1px;color:var(--gold);margin-bottom:20px;}
.book-quote{font-style:italic;color:var(--ivory-dim);font-size:18px;line-height:1.7;margin:0 0 20px;}
.book-themes{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px;}
.theme-tag{font-family:var(--display);font-size:11px;letter-spacing:1.5px;color:var(--deep-gold);border:1px solid rgba(155,106,19,0.5);padding:7px 14px;}

.progression{display:flex;justify-content:center;gap:18px;margin-top:60px;flex-wrap:wrap;}
.progression-step{font-family:var(--display);font-size:12px;letter-spacing:1.5px;color:var(--ivory-mute);text-align:center;}
.progression-step strong{display:block;color:var(--ivory);font-weight:600;}
.progression-arrow{color:var(--deep-gold);align-self:center;font-size:20px;}

/* ---------- ARGUMENT ---------- */
.argument{background:radial-gradient(ellipse at 50% 50%,var(--charcoal) 0%,var(--black) 70%);text-align:center;}
.argument-heading{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.4vw,48px);letter-spacing:1px;color:var(--ivory);}
.argument-sub{font-family:var(--display);font-weight:600;font-size:clamp(20px,2.6vw,30px);letter-spacing:1px;color:var(--cyan);margin-top:16px;}
.argument-questions{display:flex;flex-direction:column;gap:6px;margin:70px 0;}
.argument-questions div{font-family:var(--display);font-size:clamp(18px,2.4vw,28px);letter-spacing:1px;color:var(--ivory-mute);padding:10px 0;}
.argument-final{font-size:20px;line-height:1.8;color:var(--ivory-dim);}
.argument-question2{font-family:var(--display);font-weight:700;font-size:clamp(24px,3.4vw,38px);letter-spacing:1px;color:var(--gold);margin-top:28px;}

/* ---------- FINAL CTA ---------- */
.final-cta{padding:160px 24px;background:var(--black);text-align:center;border-top:1px solid rgba(217,165,43,0.15);}
.final-cta .line1{font-family:var(--display);font-weight:700;font-size:clamp(36px,6vw,72px);letter-spacing:1px;line-height:1.1;color:var(--ivory);}
.final-cta .line2{font-family:var(--display);font-weight:700;font-size:clamp(36px,6vw,72px);letter-spacing:1px;color:var(--gold);margin-top:8px;}
.final-cta .sub{font-size:19px;color:var(--ivory-dim);margin-top:36px;}
.final-cta .signature{font-family:var(--display);font-size:14px;letter-spacing:3px;color:var(--cyan);margin-top:50px;}
.final-cta .ctas{display:flex;gap:20px;justify-content:center;margin-top:34px;flex-wrap:wrap;}

/* ---------- FOOTER ---------- */
.site-footer{background:var(--black);border-top:1px solid rgba(241,239,233,0.08);padding:56px 24px 40px;}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;}
.footer-brand .name{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:2px;color:var(--ivory);}
.footer-brand .author{font-family:var(--display);font-size:12px;letter-spacing:2px;color:var(--grey);margin-top:8px;}
.footer-links{display:flex;gap:28px;flex-wrap:wrap;}
.footer-links a{font-size:13px;color:var(--ivory-mute);}
.footer-social{display:flex;gap:20px;flex-wrap:wrap;}
.footer-social a{font-family:var(--display);font-size:12px;letter-spacing:1.5px;color:var(--ivory-mute);}
.footer-copy{max-width:1180px;margin:32px auto 0;font-size:12px;color:var(--grey-dark);}

/* ---------- INNER-PAGE PATTERNS ---------- */
.page-hero{
  position:relative;padding:180px 24px 100px;text-align:center;overflow:hidden;
  background:radial-gradient(ellipse at 50% 0%,var(--charcoal) 0%,var(--black) 65%);
  border-bottom:1px solid rgba(217,165,43,0.15);
}
.page-kicker{position:relative;z-index:2;font-family:var(--display);font-size:13px;letter-spacing:6px;color:var(--cyan);margin-bottom:24px;}
.page-title{position:relative;z-index:2;font-family:var(--display);font-weight:700;font-size:clamp(44px,7vw,96px);line-height:1;letter-spacing:2px;margin:0;color:var(--ivory);}
.page-subtitle{position:relative;z-index:2;font-family:var(--display);font-weight:500;font-size:clamp(16px,2vw,22px);letter-spacing:3px;color:var(--gold);margin-top:22px;}
.page-lede{position:relative;z-index:2;max-width:680px;margin:26px auto 0;color:var(--ivory-dim);font-size:18px;line-height:1.8;}

.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(241,239,233,0.1);margin-top:80px;}
.pillar{background:var(--charcoal);padding:44px 36px;}
.pillar-name{font-family:var(--display);font-size:22px;letter-spacing:1px;color:var(--gold);margin-bottom:14px;}
.pillar-q{color:var(--ivory-mute);font-size:16px;line-height:1.7;margin:0;}

.theme-strip{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:56px;}
.theme-strip span{font-family:var(--display);font-size:12px;letter-spacing:1.5px;color:var(--deep-gold);border:1px solid rgba(155,106,19,0.5);padding:10px 18px;}

.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:rgba(241,239,233,0.1);margin-top:70px;}
.article-card{background:var(--charcoal);padding:36px 32px;border-top:2px solid transparent;transition:border-color .25s ease;}
.article-card:hover{border-top-color:var(--cyan);}
.article-cat{font-family:var(--display);font-size:11px;letter-spacing:2px;color:var(--deep-gold);}
.article-title{font-family:var(--display);font-size:21px;letter-spacing:0.5px;color:var(--ivory);margin:14px 0 12px;line-height:1.3;}
.article-desc{color:var(--ivory-mute);font-size:15px;line-height:1.7;margin:0 0 20px;}
.article-meta{display:flex;justify-content:space-between;align-items:center;}
.article-date{font-family:var(--display);font-size:11px;letter-spacing:1.5px;color:var(--grey);}
.article-more{font-family:var(--display);font-size:11px;letter-spacing:1.5px;color:var(--cyan);}

.press-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-top:70px;}
.press-col h3{font-family:var(--display);font-size:14px;letter-spacing:2px;color:var(--gold);margin:0 0 16px;}
.press-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.press-col li{color:var(--ivory-mute);font-size:15px;line-height:1.5;border-bottom:1px solid rgba(241,239,233,0.08);padding-bottom:12px;}

.newsletter-form{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px;}
.newsletter-form input[type="email"]{
  background:transparent;border:1px solid rgba(241,239,233,0.35);color:var(--ivory);
  font-family:var(--serif);font-size:16px;padding:16px 20px;min-width:280px;
}
.newsletter-form input[type="email"]::placeholder{color:var(--grey);}
.newsletter-form input[type="email"]:focus{outline:none;border-color:var(--gold);}

.stub-note{
  max-width:680px;margin:100px auto 0;text-align:center;color:var(--grey);
  font-family:var(--display);font-size:13px;letter-spacing:2px;line-height:2;
  border-top:1px solid rgba(241,239,233,0.1);padding-top:40px;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px){
  .site-nav{padding:18px 24px;}
  .nav-links{display:none;}
  .nav-toggle{display:block;}
  .rupture-grid{grid-template-columns:1fr;}
  .book-row{grid-template-columns:1fr;}
  .book-row .book-cover,
  .book-row.reverse .book-cover{justify-self:center;order:1;}
  .book-row .book-copy,
  .book-row.reverse .book-copy{order:2;}
  .pillar-grid{grid-template-columns:1fr;}
  .section{padding:100px 20px;}
  .page-hero{padding:150px 20px 70px;}
}