/* ============================================================
   KENDALL V. FONTENOT — styles
   Autor / Firma: $aviv666k · Argentina
   ============================================================ */

:root{
  --bg:#0A0A0C;
  --bg-2:#0E0D10;
  --panel:#141216;
  --ink:#F5F1E8;
  --muted:#9B948A;
  --muted-2:#6E6860;
  --gold:#C9A24B;
  --gold-lite:#E9D29A;
  --gold-deep:#8C6E2E;
  --line:rgba(255,255,255,.10);
  --line-soft:rgba(255,255,255,.06);
  --maxw:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Jost',system-ui,sans-serif;
  font-weight:300;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:#0A0A0C}

/* ---------- film grain + progress ---------- */
.grain{
  position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.scrollbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:transparent}
.scrollbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-lite));box-shadow:0 0 12px rgba(201,162,75,.6)}

/* ---------- eyebrow / buttons / headings ---------- */
.eyebrow{
  font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;
  color:var(--gold);font-weight:400;margin-bottom:1.4rem;
}
.h2{
  font-family:'Fraunces',serif;font-weight:400;line-height:1.02;
  font-size:clamp(2.1rem,4.6vw,4rem);letter-spacing:-.01em;
}
.h2 em{font-style:italic;color:var(--gold-lite)}
.lede{color:var(--muted);font-size:clamp(1rem,1.3vw,1.15rem);max-width:46ch;margin-top:1.4rem}

.btn{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:'Jost',sans-serif;font-weight:400;font-size:.9rem;letter-spacing:.06em;
  padding:.9em 1.7em;border-radius:100px;cursor:pointer;border:1px solid transparent;
  transition:transform .5s var(--ease),background .4s,color .4s,border-color .4s,box-shadow .4s;
  white-space:nowrap;
}
.btn--solid{background:linear-gradient(180deg,var(--gold-lite),var(--gold));color:#120E05;box-shadow:0 10px 30px -12px rgba(201,162,75,.7)}
.btn--solid:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(201,162,75,.8)}
.btn--ghost{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.02)}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold-lite);transform:translateY(-2px)}
.btn--text{color:var(--ink);padding:.9em .2em}
.btn--text i{transition:transform .4s var(--ease);font-style:normal;color:var(--gold)}
.btn--text:hover i{transform:translateX(6px)}
.btn--mini{padding:.6em 1.15em;font-size:.8rem;background:var(--ink);color:#0A0A0C}
.btn--mini:hover{background:var(--gold-lite);transform:translateY(-1px)}
.btn--lg{padding:1.05em 2.1em;font-size:.98rem}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}

/* ---------- header ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.5rem clamp(1.2rem,4vw,3rem);
  transition:padding .5s var(--ease),background .5s,backdrop-filter .5s,border-color .5s;
  border-bottom:1px solid transparent;
}
.header.stuck{padding:.85rem clamp(1.2rem,4vw,3rem);background:rgba(10,10,12,.72);backdrop-filter:blur(16px);border-bottom-color:var(--line-soft)}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink)}
.brand__mono{color:var(--gold)}
.brand__word{font-family:'Fraunces',serif;font-size:1.02rem;letter-spacing:.02em}
.nav{display:flex;gap:2.2rem}
.nav a{position:relative;font-size:.86rem;letter-spacing:.05em;color:var(--muted);transition:color .3s}
.nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:width .4s var(--ease)}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{width:100%}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.burger span{width:24px;height:1.5px;background:var(--ink);transition:transform .4s var(--ease),opacity .3s}
.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open span:nth-child(2){transform:translateY(-6.5px) rotate(-45deg)}

/* ---------- mobile menu ---------- */
.mobile{position:fixed;inset:0;z-index:45;background:rgba(8,8,10,.97);backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}
.mobile.open{opacity:1;pointer-events:auto}
.mobile__nav{display:flex;flex-direction:column;gap:1.6rem;text-align:center}
.mobile__nav a{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--ink)}
.mobile__nav a.btn{font-family:'Jost';font-size:1rem;margin-top:1rem}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:brightness(.42) saturate(.85) contrast(1.05)}
.hero__scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,10,12,.55) 0%,rgba(10,10,12,.15) 30%,rgba(10,10,12,.7) 78%,var(--bg) 100%),
  radial-gradient(120% 80% at 20% 100%,rgba(10,10,12,.65),transparent 60%)}
.hero__glow{position:absolute;right:-10%;top:6%;width:60vw;height:60vw;max-width:760px;max-height:760px;
  background:radial-gradient(circle,rgba(201,162,75,.20),transparent 62%);filter:blur(10px)}
.hero__figure{
  position:absolute;right:clamp(-40px,4vw,90px);bottom:0;z-index:1;
  height:min(94vh,880px);width:auto;object-fit:contain;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.6));
  -webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 99%);
  mask-image:linear-gradient(180deg,#000 86%,transparent 99%);
}
.hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;
  padding:0 clamp(1.2rem,4vw,3rem) clamp(3rem,7vh,6rem)}
.hero__kicker{font-size:.78rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.6rem}
.hero__title{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(3rem,9vw,8.5rem);
  line-height:.92;letter-spacing:-.02em;text-shadow:0 2px 40px rgba(0,0,0,.5)}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.12em}
.hero__em{font-style:italic;color:var(--gold-lite)}
.hero__sub{color:#d8d2c6;max-width:42ch;margin-top:1.8rem;font-size:clamp(1rem,1.35vw,1.2rem)}
.hero__cta{display:flex;align-items:center;gap:1.4rem;margin-top:2.4rem;flex-wrap:wrap}
.hero__scroll{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--muted);font-size:.66rem;letter-spacing:.32em;text-transform:uppercase}
.hero__scroll i{width:1px;height:38px;background:linear-gradient(var(--gold),transparent);animation:scrolldn 2.2s var(--ease) infinite}
@keyframes scrolldn{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- marquee ---------- */
.marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;background:var(--bg-2);padding:1.3rem 0}
.marquee__track{display:flex;align-items:center;gap:2.4rem;white-space:nowrap;width:max-content;animation:marq 34s linear infinite}
.marquee__track span{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.2rem,2.4vw,2rem);color:#d8d2c6}
.marquee__track b{color:var(--gold);font-size:.9rem}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- section rhythm ---------- */
section{padding-block:clamp(5rem,11vh,9rem)}
.statement,.empire{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem);text-align:center}

/* statement */
.statement__title{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2.2rem,6.5vw,5.4rem);
  line-height:1.04;letter-spacing:-.01em;margin:.2rem auto 0;max-width:16ch}
.statement__title .word{display:inline-block;margin:0 .12em}
.statement__em{font-style:italic;color:var(--gold-lite)}
.statement__body{color:var(--muted);max-width:56ch;margin:2.2rem auto 0;font-size:clamp(1rem,1.3vw,1.15rem)}

/* story */
.story{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem);
  display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.story__visual{position:relative}
.story__stage{position:relative;aspect-ratio:4/4.4;display:flex;align-items:flex-end;justify-content:center}
.story__halo{position:absolute;top:2%;left:50%;transform:translateX(-50%);width:104%;height:100%;
  background:
    radial-gradient(58% 62% at 50% 44%,rgba(233,222,198,.16),transparent 68%),
    radial-gradient(circle at 50% 38%,rgba(201,162,75,.30),rgba(201,162,75,.05) 46%,transparent 66%);
  filter:blur(6px)}
.story__ring{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:74%;aspect-ratio:1;border-radius:50%;
  border:1px solid var(--line);box-shadow:inset 0 0 60px rgba(201,162,75,.08)}
.story__ring::after{content:"";position:absolute;inset:-10%;border-radius:50%;border:1px solid var(--line-soft)}
.story__figure{position:relative;z-index:2;height:100%;width:auto;object-fit:contain;
  filter:drop-shadow(1px 0 1px rgba(233,222,198,.4)) drop-shadow(-1px 0 1px rgba(233,222,198,.35)) drop-shadow(0 -1px 1px rgba(233,222,198,.3)) drop-shadow(0 30px 45px rgba(0,0,0,.6))}
.story__pedestal{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);width:66%;height:26px;
  background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%);filter:blur(8px);z-index:1}
.story__badge{position:absolute;right:-6px;bottom:6%;z-index:3;background:var(--panel);border:1px solid var(--line);
  border-radius:16px;padding:1.1rem 1.3rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 20px 50px -20px #000}
.story__badge-num{font-family:'Fraunces',serif;font-size:2.6rem;color:var(--gold-lite);line-height:1}
.story__badge-txt{font-size:.74rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.h2 em{font-style:italic}
.cascade{list-style:none;margin:2rem 0 0;display:flex;flex-direction:column;gap:1rem}
.cascade li{display:flex;gap:1rem;color:#cfc9bd;font-size:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line-soft)}
.cascade li span{font-family:'Fraunces',serif;color:var(--gold);font-size:.9rem;min-width:2ch}
.story__text .btn--ghost{margin-top:2rem}

/* ---------- the book ---------- */
.book{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg),#08080a 60%,var(--bg))}
.book__bg{position:absolute;inset:0;background:
  radial-gradient(70% 60% at 22% 40%,rgba(201,162,75,.14),transparent 60%),
  radial-gradient(50% 50% at 85% 80%,rgba(201,162,75,.07),transparent 60%)}
.book__inner{position:relative;max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem);
  display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.book__art{position:relative;display:flex;justify-content:center;align-items:center;perspective:1900px;min-height:clamp(360px,52vw,540px)}
.book__halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:118%;height:118%;
  background:radial-gradient(circle,rgba(201,162,75,.22),transparent 60%);filter:blur(20px);pointer-events:none}
.book__floor{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:64%;height:44px;
  background:radial-gradient(ellipse,rgba(0,0,0,.65),transparent 70%);filter:blur(9px);pointer-events:none}

/* ---------- simple 3D book (real box) ---------- */
.book3d{--d:36px;position:relative;width:min(72%,318px);aspect-ratio:600/905;transform-style:preserve-3d}
.book3d__stage{position:absolute;inset:0;transform-style:preserve-3d;
  transform:rotateY(-26deg) rotateX(5deg);
  transition:transform .25s var(--ease);will-change:transform}
/* front cover (front face at z=0) */
.book3d__cover{position:absolute;inset:0;border-radius:2px 5px 5px 2px;
  background:#fff url("../img/cover.png") center/cover no-repeat;
  box-shadow:inset 15px 0 22px -14px rgba(0,0,0,.5),inset -2px 0 5px rgba(255,255,255,.3);
  backface-visibility:hidden}
/* back cover */
.book3d__back{position:absolute;inset:0;border-radius:2px 5px 5px 2px;
  background:linear-gradient(180deg,#18161b,#0d0c0f);
  transform:translateZ(calc(-1 * var(--d)))}
/* right fore-edge (stacked pages) */
.book3d__pages{position:absolute;top:0;right:0;height:100%;width:var(--d);
  transform-origin:right center;transform:rotateY(-90deg);
  background:repeating-linear-gradient(90deg,#e6dcc5 0,#f8f2e7 1.1px,#cfc4ab 2.1px,#e6dcc5 3.1px);
  box-shadow:inset 0 0 24px rgba(0,0,0,.26)}
/* bottom fore-edge (stacked pages) */
.book3d__bottom{position:absolute;left:0;bottom:0;width:100%;height:var(--d);
  transform-origin:bottom center;transform:rotateX(90deg);
  background:repeating-linear-gradient(0deg,#ddd2ba 0,#efe8db 1.1px,#c7bca3 2.1px,#ddd2ba 3.1px);
  box-shadow:inset 0 0 26px rgba(0,0,0,.4)}
.book__title{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(2.1rem,4.5vw,3.7rem);line-height:1.02;letter-spacing:-.01em}
.book__title em{font-style:italic;color:var(--gold-lite)}
.book__tag{font-family:'Fraunces',serif;font-style:italic;color:var(--gold);font-size:1.15rem;margin-top:1rem}
.book__lede{color:var(--muted);max-width:48ch;margin-top:1.3rem}
.specs{list-style:none;margin:2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.2rem 2rem}
.specs li{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 0;border-bottom:1px solid var(--line-soft)}
.specs span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}
.specs strong{font-weight:400;color:var(--ink);font-size:.98rem}
.book__buy{display:flex;align-items:center;gap:1.6rem;margin-top:2.2rem;flex-wrap:wrap}
.book__price{display:flex;flex-direction:column}
.book__price-now{font-family:'Fraunces',serif;font-size:2.6rem;color:var(--gold-lite);line-height:1}
.book__price-note{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.book__pay{margin-top:1.2rem;font-size:.78rem;letter-spacing:.08em;color:var(--muted-2)}

/* ---------- empire / stats ---------- */
.empire__head{max-width:60ch;margin:0 auto}
.empire__head .lede{margin-inline:auto}
.stats{max-width:var(--maxw);margin:3.5rem auto 0;padding-inline:clamp(1.2rem,4vw,3rem);
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.stat{border:1px solid var(--line);border-radius:16px;padding:2rem 1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);text-align:left}
.stat__num{display:block;font-family:'Fraunces',serif;font-size:clamp(2.6rem,4.5vw,3.6rem);color:var(--gold-lite);line-height:1;letter-spacing:-.02em}
.stat__label{display:block;margin-top:.7rem;font-size:.82rem;color:var(--muted);letter-spacing:.02em}
.empire__fine{margin:2rem auto 0;font-size:.74rem;color:var(--muted-2)}

/* ---------- quote ---------- */
.quote{position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center}
.quote__bg{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:brightness(.32) grayscale(.2)}
.quote__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.85),rgba(8,8,10,.4))}
.quote__inner{position:relative;max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem)}
.quote__mark{font-family:'Fraunces',serif;font-size:8rem;color:var(--gold);line-height:.6;opacity:.5}
.quote__text{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(1.7rem,3.6vw,3.1rem);line-height:1.18;max-width:22ch;letter-spacing:-.01em}
.quote__text em{font-style:italic;color:var(--gold-lite)}
.quote__by{margin-top:1.6rem;color:var(--muted);letter-spacing:.1em}

/* ---------- contact ---------- */
.contact{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}
.contact__text .lede{margin-bottom:1.6rem}
.contact__social a{display:inline-flex;align-items:center;gap:.7rem;color:var(--muted);transition:color .3s;font-size:.95rem}
.contact__social a:hover{color:var(--gold-lite)}
.contact__form{display:flex;flex-direction:column;gap:1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(1.6rem,3vw,2.4rem)}
.field{display:flex;flex-direction:column;gap:.5rem}
.field label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.field input,.field textarea{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;
  padding:.85rem 1rem;color:var(--ink);font-family:'Jost';font-size:.95rem;transition:border-color .3s,background .3s}
.field input::placeholder,.field textarea::placeholder{color:var(--muted-2)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:rgba(201,162,75,.05)}
.contact__form .btn{justify-content:center;margin-top:.4rem}
.form__status{font-size:.85rem;color:var(--gold-lite);min-height:1.2em}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--line-soft);padding:clamp(3rem,6vw,5rem) clamp(1.2rem,4vw,3rem) 2rem;
  max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:2.5rem}
.footer__brand{display:flex;flex-direction:column;gap:.6rem}
.footer__word{font-family:'Fraunces',serif;font-size:1.3rem;margin-top:.4rem}
.footer__tag{color:var(--muted);font-style:italic;font-family:'Fraunces',serif}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.footer__col h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:400}
.footer__col a{display:block;color:var(--muted);font-size:.9rem;margin-bottom:.6rem;transition:color .3s}
.footer__col a:hover{color:var(--ink)}
.footer__legal{grid-column:1/-1;border-top:1px solid var(--line-soft);margin-top:1.5rem;padding-top:1.5rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted-2)}
.footer__legal b{color:var(--gold)}

/* ---------- proof strip ---------- */
.proof{max-width:var(--maxw);margin:0 auto;padding:clamp(2.5rem,5vh,4rem) clamp(1.2rem,4vw,3rem)}
.proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);
  border:1px solid var(--line-soft);border-radius:18px;overflow:hidden}
.proof__item{background:var(--bg);padding:1.8rem 1.4rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;transition:background .4s}
.proof__item:hover{background:var(--panel)}
.proof__num{font-family:'Fraunces',serif;font-size:clamp(1.5rem,2.6vw,2.2rem);color:var(--gold-lite);line-height:1}
.proof__num i{font-style:normal}
.proof__lbl{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---------- inside the book ---------- */
.inside{max-width:var(--maxw);margin:0 auto;padding-inline:clamp(1.2rem,4vw,3rem)}
.inside__head{max-width:62ch}
.inside__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem}
.lesson{position:relative;border:1px solid var(--line);border-radius:18px;padding:2rem 1.7rem;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);overflow:hidden;transition:transform .5s var(--ease),border-color .5s,background .5s}
.lesson::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 0% 0%,rgba(201,162,75,.10),transparent 55%);opacity:0;transition:opacity .5s}
.lesson:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.4)}
.lesson:hover::before{opacity:1}
.lesson__no{font-family:'Fraunces',serif;font-size:1.1rem;color:var(--gold);letter-spacing:.1em}
.lesson h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.5rem;margin:.7rem 0 .7rem;line-height:1.1}
.lesson p{color:var(--muted);font-size:.95rem}

/* ---------- book idle float ---------- */
@keyframes bookfloat{
  0%,100%{transform:rotateY(-26deg) rotateX(5deg) translateY(0)}
  50%{transform:rotateY(-22.5deg) rotateX(3.5deg) translateY(-12px)}
}
.book3d__stage{animation:bookfloat 6.5s var(--ease) infinite}

/* ---------- buy-the-book toast ---------- */
.toast{
  position:fixed;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:70;
  width:min(340px,calc(100vw - 2rem));
  display:flex;gap:.9rem;align-items:stretch;
  background:linear-gradient(180deg,rgba(24,22,27,.96),rgba(14,13,16,.96));
  border:1px solid var(--line);border-radius:16px;padding:.85rem;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.75),0 0 0 1px rgba(201,162,75,.14) inset;
  backdrop-filter:blur(14px);
  opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;
  transition:opacity .6s var(--ease),transform .6s var(--ease)}
.toast.show{opacity:1;transform:none;pointer-events:auto}
.toast__cover{flex:0 0 62px;width:62px;border-radius:4px;align-self:center;aspect-ratio:600/905;
  background:#fff url("../img/cover.png") center/cover no-repeat;
  box-shadow:0 8px 20px -8px rgba(0,0,0,.7),inset 6px 0 10px -6px rgba(0,0,0,.5)}
.toast__body{display:flex;flex-direction:column;justify-content:center;gap:.28rem;padding-right:.4rem}
.toast__ey{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.toast__msg{font-family:'Fraunces',serif;font-size:1rem;line-height:1.15;color:var(--ink)}
.toast__msg em{font-style:italic;color:var(--gold-lite)}
.toast__cta{margin-top:.2rem;font-size:.8rem;letter-spacing:.04em;color:var(--gold-lite);
  display:inline-flex;align-items:center;gap:.35em;width:max-content}
.toast__cta i{font-style:normal;transition:transform .35s var(--ease)}
.toast__cta:hover i{transform:translateX(5px)}
.toast__x{position:absolute;top:.45rem;right:.55rem;width:22px;height:22px;line-height:1;
  background:rgba(255,255,255,.06);border:0;border-radius:50%;color:var(--muted);
  font-size:1.1rem;cursor:pointer;transition:background .3s,color .3s}
.toast__x:hover{background:rgba(255,255,255,.12);color:var(--ink)}

/* ============================================================
   RESPONSIVE — keep media queries LAST
   ============================================================ */
@media (max-width:980px){
  .nav{display:none}
  .header .btn--mini{display:none}
  .burger{display:flex}
  .story,.book__inner,.contact{grid-template-columns:1fr}
  .story__visual{max-width:420px;margin:0 auto}
  .book__art{order:-1;min-height:auto}
  .book3d{width:min(62%,280px)}
  .book3d__stage{transform:rotateY(-22deg) rotateX(3deg);animation:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .proof__grid{grid-template-columns:repeat(2,1fr)}
  .inside__grid{grid-template-columns:repeat(2,1fr)}
  .story__stage{max-width:360px;margin:0 auto}
  .footer{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:560px){
  .hero{align-items:flex-end}
  .hero__figure{height:64vh;right:-30px;opacity:.85}
  .hero__inner{padding-bottom:3.5rem}
  .hero__cta{gap:1rem}
  .stats{grid-template-columns:1fr 1fr;gap:.8rem}
  .inside__grid{grid-template-columns:1fr}
  .stat{padding:1.4rem 1rem}
  .specs{grid-template-columns:1fr}
  .book__buy{gap:1.1rem}
  .footer__cols{grid-template-columns:1fr 1fr}
  .footer__legal{flex-direction:column;gap:.4rem}
  .toast{left:1rem;right:1rem;bottom:1rem;width:auto}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.2s!important}
  .reveal{opacity:1;transform:none}
  .marquee__track{animation:none}
}