:root{--navy:#061e39;--deep:#04162b;--gold:#f9a727;--teal:#3fcdf0;--muted:#b6c4ce;--ink:#102c3b;--line:#d8e0e5;--paper:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:white;font:17px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font:clamp(2.35rem,4.5vw,4rem)/1.13 var(--serif);letter-spacing:-.035em;margin-bottom:28px}h3{font:1.8rem/1.2 var(--serif)}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:10px}.header{max-width:1440px;margin:auto;padding:29px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1d}.wordmark{font-size:14px;font-weight:650;letter-spacing:.13em;line-height:1.6}.wordmark span{display:block;color:var(--gold);font-size:12px;letter-spacing:.23em}.header nav{display:flex;gap:34px;align-items:center;font-size:14px}.header nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #f9a72766;padding:10px 18px}.nav-cta span{padding-left:18px}.hero{position:relative;isolation:isolate;max-width:1440px;margin:auto;min-height:820px;padding:75px 8% 95px;display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--navy) 20%,#061e3999 100%),url('assets/wrap-art-v3.webp') center bottom/cover;opacity:.68}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:650;color:var(--teal);margin-bottom:29px}.hero h1{font:clamp(3.4rem,6.25vw,6rem)/1.03 var(--serif);letter-spacing:-.045em;margin-bottom:23px}.hero h1 em{font-weight:400;color:var(--gold)}.era{font:clamp(1.2rem,2vw,1.6rem)/1.35 var(--serif);color:#e7ded0;margin-bottom:25px}.hero-description{max-width:430px;font-size:18px;color:var(--muted)}.byline{font-size:15px;margin-bottom:30px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:15px 23px;border:1px solid transparent;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#ffbc4d;transform:translateY(-2px)}.text-button{border:0;background:transparent;color:inherit;padding:12px 0;font-size:15px;border-bottom:1px solid #ffffff55}.text-button span{margin-left:12px}.text-button:hover{color:var(--gold)}.cover-display{padding:10px 4px}.book-cover{display:block;width:100%;box-shadow:0 30px 65px #0009;border:1px solid #3fcdf042;transform:rotate(2deg)}.cover-display p{font-size:11px;letter-spacing:.19em;color:var(--muted);text-align:center;margin:27px 0 0}.section{padding:105px max(7%,calc((100vw - 1180px)/2));}.statement{background:var(--paper);color:var(--ink);text-align:center}.statement .eyebrow,.inside .eyebrow{color:#1f6f9e}.statement p:last-child{font-size:19px;max-width:760px;margin:0 auto;line-height:1.85;color:#516471}.inside{background:#f2f6f8;color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:32px}.section-heading>p{max-width:330px;color:#516471;margin-bottom:34px}.chapters details{border-top:1px solid #bbcbd3}.chapters details:last-child{border-bottom:1px solid #bbcbd3}.chapters summary{display:flex;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:27px 0;font:1.45rem/1.35 var(--serif)}summary::-webkit-details-marker{display:none}.number{font:13px 'Segoe UI',sans-serif;color:#1f6f9e;width:38px;flex-shrink:0}.plus{font:26px 'Segoe UI',sans-serif;margin-left:auto}.chapters details[open] .plus{transform:rotate(45deg)}.chapter-body{margin-left:63px;max-width:850px;padding:0 0 30px;display:grid;grid-template-columns:1.4fr 1fr;gap:45px;color:#516471;font-size:16px}.chapter-body p{margin:0}.chapter-body ul{margin:0;padding-left:20px}.chapter-body li{margin-bottom:5px}.leaders{background:#0a2745}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.roles article{border-top:1px solid #3fcdf055;padding-top:27px}.role-number{font-size:12px;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:22px}.roles p{color:var(--muted);font-size:16px}.excerpt{text-align:center;background:var(--deep);position:relative}.excerpt blockquote{font:clamp(1.8rem,3.1vw,2.75rem)/1.4 var(--serif);max-width:960px;margin:0 auto 30px;letter-spacing:-.02em}.quote-context{font-size:14px;color:var(--muted)}.edition{background:#fff;color:var(--ink);display:grid;grid-template-columns:1.6fr 1fr;gap:100px;align-items:center}.edition .eyebrow{color:#1f6f9e}.edition-description{max-width:580px;color:#516471;font-size:18px}.author{font-weight:600;margin:25px 0}.edition img{max-width:310px;width:100%;justify-self:center;box-shadow:0 18px 35px #0a274526}.edition dl{display:flex;flex-wrap:wrap;gap:32px;margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5c6b73}dd{margin:5px 0 0;font-size:15px}.availability{font-size:14px;color:#52616c;margin-bottom:24px}footer{padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;color:var(--muted)}footer p{margin:0}footer a:last-child:hover{color:white}dialog{max-width:780px;width:calc(100% - 32px);max-height:88vh;border:0;padding:40px 50px;color:var(--ink);background:white;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#04162bcc;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-top .eyebrow{color:#1f6f9e}.dialog-top button{background:none;border:0;color:var(--ink);font-size:32px;line-height:1;padding:0 8px}dialog h2{font-size:2.4rem}.excerpt-label{font-size:14px;color:#617481}.reading{font:18px/1.85 var(--serif)}.reading h3{font-size:1.6rem;margin-top:30px}.excerpt-credit{font-size:13px;color:#617481;border-top:1px solid var(--line);padding-top:18px}
@media(min-width:1550px){.hero{padding-left:110px;padding-right:110px}.header{padding-left:85px;padding-right:85px}}@media(max-width:1000px){.hero{gap:6%;padding:65px 6%;min-height:700px}.hero h1{font-size:4.2rem}.hero .eyebrow{font-size:11px}.actions{gap:12px}.section{padding:80px 6%}.edition{gap:45px}.roles{gap:25px}.section-heading{gap:30px}}@media(max-width:700px){.header{padding:22px 6%}.header nav>a:not(.nav-cta){display:none}.wordmark{font-size:12px}.wordmark span{font-size:11px}.nav-cta{padding:8px 12px}.hero{grid-template-columns:1fr;padding:55px 7% 65px;gap:45px}.hero h1{font-size:clamp(3.8rem,12vw,5.5rem)}.hero-description{font-size:17px}.hero-copy{max-width:500px}.cover-display{width:min(75%,350px);margin:0 auto}.hero-art{background-position:center bottom;opacity:.4}.section{padding:65px 7%}.statement{text-align:left}.statement p:last-child{font-size:17px}.section-heading{display:block}.section-heading>p{max-width:none}.chapters summary{font-size:1.25rem;gap:10px;padding:24px 0}.number{width:28px}.chapter-body{margin-left:38px;grid-template-columns:1fr;gap:18px}.roles{grid-template-columns:1fr;gap:20px;margin-top:35px}.roles article{padding-top:24px}.roles h3{margin-bottom:14px}.roles p{margin-bottom:0}.edition{grid-template-columns:1fr;gap:40px}.edition img{width:62%;grid-row:1}.edition dl{gap:20px}.excerpt{text-align:left}.excerpt blockquote{font-size:1.8rem}.eyebrow{font-size:11px}footer{align-items:start;flex-wrap:wrap;padding:35px 7%}footer p{font-size:13px}dialog{padding:26px}dialog h2{font-size:1.9rem}.reading{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* ===================== Marketing additions ===================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header nav a.nav-cta{color:var(--gold)}
.header nav a.nav-cta:hover{background:var(--gold);color:var(--deep)}
.status-pill{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--gold);border:1px solid #f9a72755;background:#04162b99;border-radius:999px;padding:7px 16px;margin-bottom:26px}
.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #f9a72799}70%{box-shadow:0 0 0 10px #f9a72700}100%{box-shadow:0 0 0 0 #f9a72700}}
.hero-description{max-width:470px}
.byline strong{font-weight:600}

/* Stat band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:0 max(7%,calc((100vw - 1180px)/2))}
.stats div{padding:38px 22px;border-left:1px solid #ffffff14}
.stats div:first-child{border-left:0;padding-left:0}
.stats strong{display:block;font:400 clamp(2.2rem,3.6vw,3.2rem)/1 var(--serif);color:var(--gold);margin-bottom:10px}
.stats span{font-size:14px;color:var(--muted);line-height:1.45;display:block}

/* Pain points */
.problems{background:#f2f6f8;color:var(--ink)}
.problems .eyebrow,.outcomes .eyebrow,.author-section .eyebrow,.also .eyebrow{color:#1f6f9e}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:20px}
.problem-grid article{background:#fff;border:1px solid var(--line);padding:32px 30px 30px;border-top:3px solid var(--gold);transition:transform .25s,box-shadow .25s}
.problem-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0a27451a}
.problem-icon{font-size:12px;letter-spacing:.2em;color:#1f6f9e;font-weight:650;display:block;margin-bottom:18px}
.problem-grid h3{font-size:1.4rem;margin-bottom:14px;color:var(--ink)}
.problem-grid p{color:#516471;font-size:16px;margin:0}
.inside{background:#fff}

/* Outcomes */
.outcomes{background:#fff;color:var(--ink);display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start;border-top:1px solid var(--line)}
.outcomes-intro>p:last-child{color:#516471;font-size:17px;max-width:440px}
.outcome-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.outcome-list li{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line);font:1.2rem/1.45 var(--serif)}
.outcome-list li:first-child{border-top:1px solid var(--line)}
.outcome-list li span{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font:13px 'Segoe UI',sans-serif;margin-top:2px}

/* Author */
.author-section{background:#f2f6f8;color:var(--ink);display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:70px;align-items:center}
.author-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;box-shadow:0 22px 50px #061e3933}
.author-section h2{margin-bottom:10px}
.author-tagline{font:italic 1.3rem/1.4 var(--serif);color:#1f6f9e;margin-bottom:22px}
.author-section p{color:#43586a;font-size:16.5px}
.affiliations{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.affiliations li{font-size:13px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}

/* Edition + notify form */
.edition dl div{min-width:110px}
.notify{margin-top:8px;background:var(--navy);color:#fff;padding:34px 34px 36px;border-radius:4px;position:relative;overflow:hidden;isolation:isolate}
.notify:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--navy) 35%,#061e3999),url('assets/wrap-art-v3.webp') center bottom/cover;opacity:.9}
.notify h3{font-size:1.7rem;margin-bottom:8px;color:#fff}
.notify>p{color:var(--muted);font-size:15px;margin-bottom:22px}
.notify-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.notify input,.notify select{width:100%;font:inherit;font-size:15px;padding:13px 14px;border:1px solid #ffffff33;background:#04162bcc;color:#fff;border-radius:2px;appearance:none}
.notify select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.notify select option{color:#000}
.notify input::placeholder{color:#8fa3b1}
.notify input:focus,.notify select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:transparent}
.notify .button{margin-top:10px;border:0}

/* Also by */
.also{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.text-link{color:#1f6f9e;font-weight:600}
.text-link:hover{color:var(--ink)}
.also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:900px;margin:0 auto}
.also-grid a{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font:1.1rem/1.35 var(--serif);color:var(--ink)}
.also-grid img{aspect-ratio:3/4;object-fit:cover;width:min(100%,220px);box-shadow:0 14px 30px #0a27452a;transition:transform .25s}
.also-grid a:hover img{transform:translateY(-5px)}
.also-grid a:hover span{color:#1f6f9e}

/* Dialog CTA */
.dialog-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#f2f6f8;padding:18px 22px;margin:26px 0 20px}
.dialog-cta p{margin:0;font-weight:600}

footer p a:hover{color:#fff}

/* Mobile sticky CTA */
.sticky-cta{display:none}

/* Reveal animation (enabled only when JS runs) */
.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.js-reveal .reveal.is-visible{opacity:1;transform:none}

@media(max-width:1000px){
  .outcomes{gap:45px}
  .author-section{gap:45px}
  .problem-grid{gap:18px}
  .problem-grid article{padding:26px 22px}
}
@media(max-width:860px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats div:nth-child(3){border-left:0;padding-left:0}
  .stats div:nth-child(n+3){border-top:1px solid #ffffff14}
  .problem-grid{grid-template-columns:1fr}
  .outcomes{grid-template-columns:1fr}
  .author-section{grid-template-columns:1fr}
  .author-photo{max-width:280px}
}
@media(max-width:700px){
  .stats{padding:0 7%}
  .stats div{padding:26px 14px}
  .notify{padding:26px 20px 28px}
  .notify-row{grid-template-columns:1fr}
  .also-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .also-grid a{font-size:.85rem;gap:10px}
  .outcome-list li{font-size:1.05rem}
  body{padding-bottom:70px}
  .sticky-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;background:var(--gold);color:var(--deep);text-align:center;font-weight:700;padding:15px;box-shadow:0 10px 30px #0008;transition:transform .3s,opacity .3s}
  .sticky-cta.is-hidden{transform:translateY(120%);opacity:0;pointer-events:none}
  .dialog-cta{padding:16px}
}
@media(prefers-reduced-motion:reduce){.status-pill .dot{animation:none}.js-reveal .reveal{opacity:1;transform:none}}
/* Study room band */
.studyroom{background:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;isolation:isolate;overflow:hidden}
.studyroom:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--navy) 40%,#061e3999),url('assets/wrap-art-v3.webp') center bottom/cover;opacity:.9}
.studyroom h2{margin-bottom:18px}
.studyroom p:not(.eyebrow){color:var(--muted);max-width:620px;margin:0}
.studyroom .button{flex-shrink:0}
@media(max-width:860px){.studyroom{flex-direction:column;align-items:flex-start;gap:28px}}
@media(max-width:700px){.section h2 br{display:none}}

/* New cover: front + back pair in the edition section */
.edition-covers{display:flex;gap:18px;justify-self:center;align-items:flex-start}
.edition-covers figure{margin:0;display:flex;flex-direction:column;gap:8px;align-items:center}
.edition-covers img{max-width:220px;width:100%;box-shadow:0 18px 35px #061e3933}
.edition-covers figcaption{font-size:12px;letter-spacing:.12em;color:#52616c}
@media(max-width:700px){.edition-covers{grid-row:1;width:100%;justify-content:center}.edition-covers img{max-width:160px}}

/* Launch: buy box */
.buy-box{margin:8px 0 18px;padding:28px 30px;border:1px solid var(--line);background:#f6f9fb}
.buy-box h3{font-size:1.7rem;margin-bottom:6px;color:var(--ink)}
.buy-box p{margin:0 0 18px;color:#516471}
.buy-actions{display:flex;gap:12px;flex-wrap:wrap}
.button.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.button.outline:hover{background:var(--ink);color:#fff}
.hero .actions a.text-button{display:inline-block}