/* The introduction moves from scale to a person, then into the book's inquiry. */
.trailer-edition { background:#101c25; }
.trailer-edition .masthead { gap:24px; min-height:76px; background:#101c25; }
.story-nav { display:flex; align-items:center; margin-left:auto; gap:clamp(16px,3vw,38px); }
.story-nav a { font-size:.9rem; min-height:44px; display:inline-flex; align-items:center; text-decoration:none; }
.trailer-edition #motion-toggle { font-size:.8rem; min-height:44px; }
.trailer-opening { position:relative; isolation:isolate; min-height:min(920px,calc(100svh - 76px)); display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.opening-art { position:absolute; z-index:-2; inset:0; }
.opening-art img { width:100%; height:100%; object-fit:cover; object-position:61% center; }
.opening-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,19,27,.97) 0%,rgba(8,19,27,.82) 28%,rgba(8,19,27,.24) 62%,rgba(8,19,27,.08)),linear-gradient(0deg,#101c25 0%,transparent 35%); }
.opening-copy { padding:clamp(58px,7vw,110px) var(--gutter) 85px; max-width:870px; }
.trailer-opening .eyebrow { font-size:.875rem; letter-spacing:.15em; }
.trailer-opening h1 { margin-top:25px; font-size:clamp(4rem,7.4vw,7.7rem); line-height:.97; letter-spacing:-.045em; }
.trailer-opening h1 em { color:#e0b774; font-weight:400; }
.opening-question { margin-top:24px; font:400 clamp(1.65rem,2.4vw,2.45rem)/1.2 var(--display); color:#f4ead5; }
.opening-premise { max-width:39ch; margin-top:22px; font-size:1.06rem; line-height:1.65; color:#e0dfd5; }
.trailer-cta { display:inline-flex; gap:30px; align-items:center; justify-content:space-between; min-height:52px; padding:14px 20px; margin-top:30px; background:#dfb271; color:#10212a; text-decoration:none; font-size:1rem; font-weight:600; border:1px solid #dfb271; }
.trailer-cta:hover { background:#f0cf9d; color:#10212a; }
.amazon-direct { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:12px; border-radius:2px; }
.amazon-direct img { display:block; width:90px; height:auto; }
.amazon-direct:hover { background:#f1e4c80d; }
.amazon-direct:focus-visible { outline:2px solid #dfb271; outline-offset:4px; }
#full-book { scroll-margin-top:100px; }
@media (max-width:760px) { #full-book { scroll-margin-top:135px; } }
.opening-note { margin-top:12px; font-size:.875rem; color:#d0d5cd; }
.opening-foot { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 var(--gutter) 28px; margin-top:auto; font-size:.875rem; color:#b9c8c8; }
.opening-foot a { min-height:44px; display:inline-flex; align-items:center; gap:18px; text-underline-offset:6px; white-space:nowrap; }
.story-divider { display:flex; justify-content:space-between; gap:25px; padding:28px var(--gutter); border-top:1px solid #9a784345; color:#d7ae72; font-size:.875rem; letter-spacing:.12em; text-transform:uppercase; scroll-margin-top:76px; }
.story-divider span { letter-spacing:.05em; }
.trailer-edition .chapter { grid-template-columns:minmax(280px,.8fr) minmax(0,1.3fr); gap:clamp(40px,5vw,90px); align-items:center; padding-block:clamp(70px,9vw,140px); }
.trailer-edition .chapter-copy { max-width:39rem; }
.trailer-edition .chapter-kicker { margin-top:0; font-size:.875rem; letter-spacing:.13em; }
.trailer-edition .chapter h2 { max-width:16ch; margin-top:25px; font-size:clamp(2.7rem,4.2vw,4.85rem); line-height:1.03; letter-spacing:-.035em; }
.trailer-edition .chapter-main { font-size:clamp(1.06rem,1.3vw,1.2rem); line-height:1.6; margin-top:24px; }
.trailer-edition .chapter-body { font-size:1rem; line-height:1.7; margin-top:20px; }
.trailer-edition .chapter-figure { width:100%; }
.trailer-edition .chapter-turn { margin-inline:auto; max-width:43ch; text-align:center; font-size:1rem; line-height:1.5; }
.trailer-edition .chapter-figure figcaption { padding-top:18px; }
.permission-scene { padding:clamp(65px,9vw,135px) var(--gutter); background:#0b151c; border-block:1px solid #b98b4340; }
.permission-heading { max-width:1120px; margin:0 auto 42px; }
.permission-heading h2 { font-size:clamp(2.7rem,5.8vw,6.8rem); margin-top:24px; line-height:1.04; letter-spacing:-.035em; }
.permission-scene figure { max-width:1280px; margin:auto; }
.permission-scene figure img { width:100%; height:auto; }
.permission-scene figcaption { margin-top:20px; text-align:center; font-size:1rem; color:#c8d0ca; }
.permission-copy { max-width:740px; margin:38px auto 0; font-size:1.125rem; line-height:1.75; color:#c8d0ca; }
.permission-copy p+p { margin-top:22px; }
.permission-copy .permission-question { margin-top:35px; color:#e8bc7d; font:400 clamp(1.85rem,3.1vw,3rem)/1.22 var(--display); letter-spacing:-.025em; }
.trailer-edition .inquiry { padding-block:clamp(75px,11vw,145px); }
.trailer-edition .inquiry h2 { margin-top:25px; max-width:18ch; font-size:clamp(3.3rem,6.5vw,6.6rem); line-height:1.04; }
.trailer-edition .inquiry .eyebrow { font-size:.875rem; }
.trailer-edition .edition-note { font-size:.875rem; }
.trailer-edition .colophon { min-height:130px; gap:24px; align-items:center; font-size:.875rem; }
@media(min-width:1450px) { .opening-copy { max-width:960px; } }
@media(max-width:1000px) {
  .trailer-edition .chapter { grid-template-columns:1fr; }
  .trailer-edition .chapter-copy { max-width:700px; }
  .trailer-edition .chapter h2 { max-width:21ch; }
  .trailer-edition .chapter-figure { margin-top:0; }
  .opening-copy { max-width:720px; }
  .opening-art::after { background:linear-gradient(90deg,rgba(8,19,27,.94),rgba(8,19,27,.73) 40%,rgba(8,19,27,.22)),linear-gradient(0deg,#101c25,transparent 50%); }
}
@media(max-width:600px) {
  .trailer-edition .masthead { display:grid; grid-template-columns:1fr auto; gap:4px 18px; padding:12px 22px 6px; }
  .trailer-edition .wordmark { max-width:13ch; font-size:1.15rem; }
  .story-nav { grid-row:2; grid-column:1 / -1; margin-left:0; justify-content:space-between; gap:16px; }
  .story-nav a { font-size:.875rem; }
  .trailer-edition #motion-toggle { grid-row:1; grid-column:2; margin-left:auto; font-size:.8rem; padding:3px 9px; min-height:36px; }
  .trailer-opening { min-height:0; }
  .opening-art { inset:0 0 auto; height:240px; }
  .opening-art img { object-position:55% center; }
  .opening-art::after { background:linear-gradient(0deg,#101c25 0%,rgba(16,28,37,.15) 65%); }
  .opening-copy { padding:220px 24px 30px; }
  .trailer-opening h1 { font-size:clamp(3.9rem,15vw,5.7rem); margin-top:20px; }
  .opening-question { font-size:1.9rem; margin-top:21px; }
  .opening-premise { font-size:1rem; max-width:40ch; }
  .trailer-opening .eyebrow { font-size:.8125rem; }
  .trailer-cta { font-size:.9375rem; gap:18px; padding:13px 15px; margin-top:24px; }
  .opening-foot { padding:0 24px 22px; flex-wrap:wrap; gap:7px; }
  .opening-foot p { max-width:28ch; }
  .story-divider { padding:23px 24px; letter-spacing:.06em; font-size:.8125rem; }
  .story-divider span { display:none; }
  .trailer-edition .chapter { display:grid; padding:60px 24px; gap:32px; }
  .trailer-edition .chapter h2 { font-size:clamp(2.6rem,11vw,3.8rem); }
  .trailer-edition .chapter-kicker { font-size:.8125rem; letter-spacing:.08em; }
  .trailer-edition .chapter-main { font-size:1.06rem; }
  .trailer-edition .chapter-body { font-size:1rem; }
  .permission-scene { padding:60px 24px; }
  .permission-heading { margin-bottom:30px; }
  .permission-heading h2 { font-size:clamp(2.6rem,10.8vw,3.8rem); }
  .permission-scene figure { margin-inline:-24px; }
  .permission-scene figcaption { padding-inline:24px; }
  .permission-copy { font-size:1.06rem; }
  .trailer-edition .inquiry { padding:70px 24px; }
  .trailer-edition .inquiry h2 { font-size:clamp(3rem,12vw,4.5rem); }
  .trailer-edition .colophon { padding:35px 24px; flex-wrap:wrap; }
}