:root{--cream:#fff4dd;--ink:#111;--purple:#552270;--deep:#251b3d;--green:#0c7651;--teal:#0d7f83;--orange:#ed4d13;--yellow:#e0aa25;--blue:#125fa7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#fff;background:linear-gradient(135deg,#3d1e59,#0d665e 42%,#d25418 74%,#672c74);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(35deg,rgba(255,255,255,.12) 0 1px,transparent 1px 10px),repeating-linear-gradient(125deg,rgba(255,255,255,.05) 0 1px,transparent 1px 14px)}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:20;padding:18px 4vw;display:flex;justify-content:space-between;align-items:center;background:rgba(20,15,30,.7);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.15)}.brand{font-family:"Playfair Display",serif;font-size:1.4rem}.topbar nav{display:flex;gap:22px;font-size:.88rem}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700}.light{color:#ffe7a7}.dark{color:#6b3606}h1,h2,h3{font-family:"Playfair Display",serif;letter-spacing:-.035em}.hero{max-width:1320px;margin:0 auto;padding:75px 4vw 55px;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:stretch}.hero-copy{padding:48px;border-radius:34px;background:rgba(20,17,28,.82);box-shadow:0 24px 70px rgba(0,0,0,.22)}.hero h1{font-size:clamp(4.5rem,8vw,8rem);line-height:.82;margin:.12em 0}.hero h1 em{font-weight:500;color:#ffad55}.thesis{font-family:"Playfair Display",serif;font-size:clamp(1.65rem,2.8vw,2.6rem);line-height:1.15;margin:28px 0}.dek{max-width:780px;color:#f6f0e7}.dates{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}.dates div{border-top:1px solid rgba(255,255,255,.3);padding-top:14px}.dates span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#ddd3ca}.dates strong{display:block;margin-top:6px;font-family:"Playfair Display",serif;font-size:1.25rem}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 20px;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:700;border:1px solid var(--cream)}.cover-cost{font-style:italic;color:#ffe5ba}.book-wrap{display:flex}.book-card{width:100%;min-height:100%;padding:42px;border-radius:34px;background:linear-gradient(135deg,#0a6a4a 0 23%,#f05b17 23% 44%,#e3ad25 44% 61%,#5a2878 61% 82%,#0c7d82 82%);color:#fff4dd;box-shadow:0 30px 90px rgba(0,0,0,.3)}.book-card h2{font-size:clamp(3.5rem,6vw,6.4rem);line-height:.84;margin:.2em 0}.author{font-weight:800;letter-spacing:.16em}.why{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.35);line-height:1.7;color:#fff8ee}.section-card{max-width:1260px;margin:32px auto;padding:70px 4vw;border-radius:30px}.cream{background:var(--cream);color:var(--ink)}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px}.about h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;margin:.15em 0}.about .copy p{font-size:1.05rem;line-height:1.8}.founding-grid{max-width:1260px;margin:32px auto;display:grid;grid-template-columns:.9fr 1.15fr .95fr;gap:20px}.panel{padding:38px;border-radius:28px}.green{background:linear-gradient(150deg,#0a6d4a,#07503b)}.purple{background:linear-gradient(150deg,#54236f,#301b52)}.teal{background:linear-gradient(145deg,#0d7f83,#0b5e67)}.orange{background:linear-gradient(145deg,#eb4c12,#b82f1f)}.yellow{background:linear-gradient(145deg,#e0aa25,#f1c96d)}.darktext{color:#1c1813}.panel h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;margin:.25em 0}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefits div{padding:22px;border-radius:18px;color:white;font-weight:600;min-height:120px;display:flex;align-items:end;background:#5f2a8a}.benefits div:nth-child(2){background:#62811d}.benefits div:nth-child(3){background:#d95811}.benefits div:nth-child(4){background:#16898b}.benefits div:nth-child(5){background:#d69b13}.benefits div:nth-child(6){background:#b93c20}.benefits div:nth-child(7){background:#1766a3}.benefits div:nth-child(8){background:#752d88}.price-card{border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:22px;margin-top:16px}.price-card span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#f6c85f}.price-card strong{display:block;font:500 4rem "Playfair Display",serif;margin:7px 0}.price-card p{color:#efe8f3}.conversation{max-width:1260px;margin:32px auto;padding:60px 4vw;border-radius:30px;background:linear-gradient(135deg,#ef5316,#e9a71d 55%,#d25283)}.conversation h2{font-size:clamp(3rem,5vw,5rem);margin:.2em 0}.conversation p{max-width:900px;color:#21180f}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.instagram-media{width:100%!important;min-width:0!important;margin:0!important}.timeline{max-width:1260px;margin:32px auto;padding:55px 4vw;border-radius:30px;background:linear-gradient(135deg,#0c7492,#1559a7)}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.25)}.timeline-grid article{padding:28px;background:rgba(8,38,77,.72)}.timeline-grid span{color:#ffce58;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.timeline-grid h3{font-size:2rem}.bottom-grid{max-width:1260px;margin:32px auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}footer{max-width:1260px;margin:0 auto 24px;padding:28px 4vw;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;color:#eee;font-size:.8rem}
@media(max-width:950px){.topbar nav{display:none}.hero,.about,.founding-grid,.bottom-grid{grid-template-columns:1fr}.instagram-grid,.timeline-grid{grid-template-columns:1fr}.dates{grid-template-columns:1fr}.book-card{min-height:620px}.benefits{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero{padding-left:5vw;padding-right:5vw}.hero-copy,.book-card{padding:28px}.hero h1{font-size:4rem}.benefits{grid-template-columns:1fr}.section-card,.conversation,.timeline{padding:48px 6vw}footer{flex-direction:column;gap:8px}}


/* =========================================================
   V6 — REAL 3D HARDCOVER MOCKUP
   ========================================================= */
.book-wrap{
  perspective:1800px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:visible !important;
  padding:46px 52px 26px !important;
}

.book-3d{
  position:relative;
  width:min(430px, 78vw);
  aspect-ratio:2 / 3;
  transform-style:preserve-3d;
  transform:rotateY(-19deg) rotateX(2deg) rotateZ(.4deg);
  transition:transform .35s ease, filter .35s ease;
  filter:drop-shadow(30px 34px 30px rgba(0,0,0,.46));
  margin:8px auto 58px;
}

.book-3d:hover{
  transform:rotateY(-11deg) rotateX(1deg) translateY(-4px);
  filter:drop-shadow(24px 30px 34px rgba(0,0,0,.52));
}

/* Existing colorful cover becomes the front board */
.book-3d .book-card{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:46px 42px 38px !important;
  z-index:5;
  transform:translateZ(27px);
  transform-origin:left center;
  border-radius:4px 11px 11px 4px !important;
  overflow:hidden;
  box-shadow:
    inset 12px 0 18px rgba(0,0,0,.17),
    inset -2px 0 3px rgba(255,255,255,.18),
    0 0 0 1px rgba(255,255,255,.20);
}

/* subtle hardcover laminate shine */
.book-3d .book-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(105deg,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.02) 18%,
      transparent 44%,
      rgba(255,255,255,.06) 72%,
      transparent 100%);
  mix-blend-mode:soft-light;
}

/* Page block visible on the right edge */
.book-pages{
  position:absolute;
  top:2.4%;
  bottom:2.4%;
  right:-31px;
  width:38px;
  z-index:2;
  transform:rotateY(90deg) translateZ(-7px);
  transform-origin:left center;
  border-radius:0 6px 6px 0;
  background:
    repeating-linear-gradient(
      0deg,
      #f4eee3 0px,
      #f4eee3 2px,
      #d8cdbd 3px,
      #faf6ef 4px
    );
  box-shadow:
    inset -7px 0 10px rgba(0,0,0,.16),
    inset 2px 0 2px rgba(255,255,255,.65);
}

/* Hardcover spine */
.book-spine{
  position:absolute;
  top:0;
  bottom:0;
  left:-38px;
  width:42px;
  z-index:3;
  transform:rotateY(90deg) translateZ(6px);
  transform-origin:right center;
  border-radius:6px 0 0 6px;
  background:linear-gradient(180deg,#4e257c 0%,#146f5b 42%,#f2681c 100%);
  color:#fff5df;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:25px 7px;
  box-shadow:inset -6px 0 10px rgba(0,0,0,.22);
}
.book-spine span{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.15em;
}
.book-spine small{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:.52rem;
  letter-spacing:.13em;
}

/* Back board glimpsed beyond the page block */
.book-back{
  position:absolute;
  inset:0;
  z-index:0;
  transform:translateZ(-27px) translateX(3px);
  border-radius:4px 11px 11px 4px;
  background:linear-gradient(145deg,#5d2c88,#0d7e70 50%,#ef6c1d);
  box-shadow:0 0 0 1px rgba(0,0,0,.2);
}

/* Ground shadow */
.book-3d::before{
  content:"";
  position:absolute;
  left:10%;
  right:-18%;
  bottom:-66px;
  height:70px;
  z-index:-1;
  border-radius:50%;
  background:rgba(0,0,0,.42);
  filter:blur(20px);
  transform:rotateX(78deg);
}

/* More cover-like typography */
.book-3d .book-card h2{
  font-size:clamp(3.4rem, 5.2vw, 5.3rem) !important;
  line-height:.88 !important;
  letter-spacing:-.055em !important;
  margin:.7em 0 .35em !important;
}

.book-3d .book-card .author{
  font-size:.83rem !important;
  letter-spacing:.17em !important;
  font-weight:700 !important;
  margin-top:auto !important;
}

.cover-subtitle{
  max-width:270px;
  margin:26px auto 0;
  text-align:center;
  font-family:"DM Sans",sans-serif;
  font-size:.67rem;
  line-height:1.45;
  letter-spacing:.08em;
  font-weight:700;
  color:#fff5df;
}

/* Why-preorder copy now sits below the 3D object like the mockup */
.book-why{
  width:min(430px, 88%);
  margin:0 auto;
  color:#fff7e7;
  font-size:.91rem;
  line-height:1.62;
  text-align:left;
  text-shadow:0 1px 6px rgba(0,0,0,.24);
}
.book-why strong{
  color:#fff7e7;
}

@media(max-width:900px){
  .book-wrap{
    padding:34px 26px 24px !important;
  }
  .book-3d{
    width:min(340px, 72vw);
    transform:rotateY(-14deg) rotateX(1deg);
    margin-bottom:48px;
  }
  .book-pages{
    right:-24px;
    width:30px;
  }
  .book-spine{
    left:-31px;
    width:35px;
  }
  .book-3d .book-card{
    padding:34px 30px 28px !important;
  }
  .book-3d .book-card h2{
    font-size:clamp(2.8rem, 11vw, 4rem) !important;
  }
}


/* V6.1 cover polish */
.book-3d .book-card h2{
  font-size:clamp(3.0rem,4.45vw,4.55rem)!important;
  max-width:82%!important;
  letter-spacing:-0.04em!important;
  line-height:0.9!important;
  margin-top:0.95em!important;
}
.book-3d .book-card{
  box-shadow:
    inset 14px 0 20px rgba(0,0,0,.18),
    inset -2px 0 4px rgba(255,255,255,.18),
    0 0 0 1px rgba(255,255,255,.22),
    0 10px 28px rgba(0,0,0,.18)!important;
}
.book-pages{
  background:repeating-linear-gradient(0deg,#f7f1e8 0,#f7f1e8 2px,#ddd3c5 3px,#fcf8f1 4px)!important;
  width:42px!important;
}
.book-spine{width:46px!important;left:-42px!important;}
.book-3d{
  filter:drop-shadow(34px 40px 36px rgba(0,0,0,.5))!important;
}
.cover-subtitle{
  max-width:240px!important;
}

.book-card h2{font-size:4.2rem;line-height:.9;max-width:80%;}


/* =========================================================
   V9 — PUBLISHER-STYLE 3D BOOK POLISH
   Keeps the existing cover art but makes the object read
   more like a photographed hardcover mockup.
   ========================================================= */

.book-wrap{
  perspective:2200px !important;
  padding:38px 44px 18px !important;
  justify-content:center !important;
  align-items:center !important;
}

.book-3d{
  width:min(390px,72vw) !important;
  aspect-ratio:2 / 3 !important;
  transform-style:preserve-3d !important;
  transform:rotateY(-12deg) rotateX(1.2deg) rotateZ(.15deg) !important;
  filter:
    drop-shadow(20px 26px 24px rgba(0,0,0,.42))
    drop-shadow(4px 8px 8px rgba(0,0,0,.18)) !important;
  margin:0 auto 52px !important;
}

.book-3d:hover{
  transform:rotateY(-9deg) rotateX(.8deg) translateY(-2px) !important;
}

/* front board */
.book-3d .book-card{
  transform:translateZ(23px) !important;
  border-radius:3px 7px 7px 3px !important;
  padding:36px 34px 32px !important;
  box-shadow:
    inset 9px 0 13px rgba(0,0,0,.16),
    inset -1px 0 2px rgba(255,255,255,.20),
    inset 0 1px 1px rgba(255,255,255,.16),
    0 0 0 1px rgba(30,30,30,.16),
    0 8px 18px rgba(0,0,0,.14) !important;
}

/* soft laminated highlight, closer to a photographed hardback */
.book-3d .book-card::after{
  background:
    linear-gradient(
      102deg,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.035) 18%,
      transparent 35%,
      transparent 64%,
      rgba(255,255,255,.055) 82%,
      transparent 100%
    ) !important;
  mix-blend-mode:screen !important;
  opacity:.72;
}

/* make title breathe inside the trim */
.book-3d .book-card h2{
  font-size:clamp(2.55rem,3.65vw,3.72rem) !important;
  line-height:.91 !important;
  letter-spacing:-.043em !important;
  max-width:74% !important;
  margin:1.15em 0 .42em !important;
  text-wrap:balance;
}

.book-3d .book-card .author{
  font-size:.76rem !important;
  letter-spacing:.16em !important;
  margin-top:10px !important;
}

.cover-subtitle{
  width:78% !important;
  max-width:230px !important;
  margin:34px auto 0 !important;
  font-size:.61rem !important;
  line-height:1.48 !important;
  letter-spacing:.075em !important;
}

/* page block: clearly visible on right, warm cream like a real printed book */
.book-pages{
  top:1.7% !important;
  bottom:1.7% !important;
  right:-25px !important;
  width:31px !important;
  transform:rotateY(90deg) translateZ(-6px) !important;
  border-radius:0 4px 4px 0 !important;
  background:
    repeating-linear-gradient(
      0deg,
      #f7f1e7 0px,
      #f7f1e7 1px,
      #ded4c5 2px,
      #fbf7f0 3px
    ) !important;
  box-shadow:
    inset -5px 0 8px rgba(0,0,0,.13),
    inset 2px 0 2px rgba(255,255,255,.72),
    2px 0 2px rgba(0,0,0,.06) !important;
}

/* spine: subtle, not oversized */
.book-spine{
  left:-24px !important;
  width:28px !important;
  transform:rotateY(90deg) translateZ(5px) !important;
  border-radius:4px 0 0 4px !important;
  padding:18px 4px !important;
  background:linear-gradient(180deg,#0b684c 0%,#f05b17 48%,#5a2878 100%) !important;
  box-shadow:inset -4px 0 7px rgba(0,0,0,.18) !important;
}

.book-spine span{
  font-size:.48rem !important;
  letter-spacing:.12em !important;
}
.book-spine small{
  font-size:.40rem !important;
  letter-spacing:.10em !important;
}

/* back board just peeks out beyond the page block */
.book-back{
  transform:translateZ(-23px) translateX(5px) !important;
  border-radius:3px 7px 7px 3px !important;
  background:linear-gradient(145deg,#0c7651,#f05b17 48%,#5a2878 78%,#0c7d82) !important;
}

/* flatter, softer table shadow like the reference mockup */
.book-3d::before{
  left:8% !important;
  right:-14% !important;
  bottom:-54px !important;
  height:52px !important;
  background:rgba(0,0,0,.34) !important;
  filter:blur(18px) !important;
  transform:rotateX(80deg) !important;
}

/* why-preorder copy aligned neatly under book */
.book-why{
  width:min(390px,86%) !important;
  font-size:.88rem !important;
  line-height:1.58 !important;
  margin-top:0 !important;
}

/* ensure edition headings match requested signed terminology */
.price-card > span{
  font-weight:700;
}

@media(max-width:900px){
  .book-wrap{
    padding:28px 18px 16px !important;
  }
  .book-3d{
    width:min(315px,68vw) !important;
    transform:rotateY(-10deg) rotateX(.8deg) !important;
    margin-bottom:42px !important;
  }
  .book-3d .book-card{
    padding:28px 25px 24px !important;
  }
  .book-3d .book-card h2{
    font-size:clamp(2.2rem,9vw,3.2rem) !important;
    max-width:78% !important;
  }
  .book-pages{
    right:-19px !important;
    width:24px !important;
  }
  .book-spine{
    left:-19px !important;
    width:22px !important;
  }
}

/* V10 crossed-out Neuro */
.strike-neuro{
  position:relative;
  display:inline-block;
}
.strike-neuro::after{
  content:"";
  position:absolute;
  left:-3%;
  right:-3%;
  top:54%;
  height:.12em;
  background:#ef3f36;
  transform:rotate(-3deg);
  border-radius:999px;
  z-index:4;
  box-shadow:0 0 .06em rgba(239,63,54,.45);
}
.book-card .strike-neuro::after{
  height:.11em;
  top:55%;
}


/* V10.1 exact visual refinement:
   one-line Neurotypical + stronger 3D book */
.hero h1{
  white-space:normal;
}
.hero h1 .strike-neuro{
  white-space:nowrap;
}
.hero h1{
  font-size:clamp(4.0rem,7vw,7.2rem) !important;
  line-height:.86 !important;
}
.hero h1 em{
  display:inline-block;
  margin-top:.03em;
}

/* Keep the whole word Neurotypical together */
.hero h1 .strike-neuro + *{
  white-space:nowrap;
}

/* book proportions and stronger depth */
.book-wrap{
  perspective:2600px !important;
  padding:26px 34px 10px !important;
}
.book-3d{
  width:min(380px,68vw) !important;
  aspect-ratio:2 / 3 !important;
  transform:rotateY(-17deg) rotateX(1.4deg) rotateZ(.25deg) !important;
  filter:
    drop-shadow(24px 30px 26px rgba(0,0,0,.48))
    drop-shadow(6px 10px 8px rgba(0,0,0,.20)) !important;
  margin:0 auto 46px !important;
}
.book-3d:hover{
  transform:rotateY(-12deg) rotateX(.8deg) translateY(-2px) !important;
}
.book-3d .book-card{
  transform:translateZ(28px) !important;
  border-radius:3px 8px 8px 3px !important;
  padding:34px 30px 28px !important;
  box-shadow:
    inset 10px 0 14px rgba(0,0,0,.17),
    inset -2px 0 3px rgba(255,255,255,.22),
    0 0 0 1px rgba(30,30,30,.18),
    0 10px 22px rgba(0,0,0,.16) !important;
}
.book-back{
  transform:translateZ(-28px) translateX(7px) !important;
}
.book-pages{
  top:1.4% !important;
  bottom:1.4% !important;
  right:-29px !important;
  width:36px !important;
  transform:rotateY(90deg) translateZ(-7px) !important;
}
.book-spine{
  left:-30px !important;
  width:34px !important;
  transform:rotateY(90deg) translateZ(7px) !important;
}
.book-3d::before{
  left:5% !important;
  right:-18% !important;
  bottom:-52px !important;
  height:54px !important;
  background:rgba(0,0,0,.38) !important;
  filter:blur(17px) !important;
}

/* Cover typography like reference visual */
.book-3d .book-card h2{
  font-size:clamp(2.45rem,3.15vw,3.25rem) !important;
  line-height:.92 !important;
  letter-spacing:-.035em !important;
  max-width:86% !important;
  margin:1.55em 0 .45em !important;
}
.book-3d .book-card h2 .strike-neuro{
  white-space:nowrap;
}
.book-3d .book-card .author{
  margin-top:12px !important;
}
.cover-subtitle{
  width:80% !important;
  max-width:250px !important;
  margin:30px auto 0 !important;
}

/* deeper front-board edge / highlight */
.book-3d .book-card::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:8px;
  background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.08),transparent);
  pointer-events:none;
}
.book-3d .book-card::after{
  opacity:.84 !important;
}

/* mobile */
@media(max-width:900px){
  .hero h1{
    font-size:clamp(3rem,12vw,5rem) !important;
  }
  .book-3d{
    width:min(310px,64vw) !important;
    transform:rotateY(-12deg) rotateX(.8deg) !important;
  }
  .book-3d .book-card h2{
    font-size:clamp(2rem,8vw,2.8rem) !important;
    max-width:90% !important;
  }
}

/* V11: exact title grouping, return link, and dimensional cover */
.title-word{display:inline-block;white-space:nowrap;}
.return-link{font-family:"DM Sans",sans-serif!important;font-size:.95rem!important;font-weight:500!important;letter-spacing:0!important;white-space:nowrap;}
.topbar{grid-template-columns:auto 1fr auto;gap:28px;align-items:center;}
.topbar nav{justify-self:center;display:flex;gap:30px;align-items:center;}
.top-cta{justify-self:end;padding:12px 20px!important;white-space:nowrap;}
.book-3d{transform-style:preserve-3d!important;}
.book-3d .book-card{backface-visibility:hidden;}
.book-pages{background:repeating-linear-gradient(90deg,#efe8d7 0 2px,#d7cdb9 2px 3px)!important;box-shadow:inset 0 0 8px rgba(0,0,0,.22)!important;}
@media(max-width:1100px){.topbar nav{gap:16px}.topbar nav a{font-size:.82rem}.top-cta{display:none}}
@media(max-width:760px){.topbar{grid-template-columns:1fr}.topbar nav{display:none}.return-link{justify-self:start}.book-3d .book-card h2{font-size:clamp(2rem,10vw,2.8rem)!important;max-width:94%!important}}