:root{--navy:#0f2a4a;--accent:#7fd3e6;--ink:#1b2430;--muted:#5a6675;--bg:#f6f9fb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.hero{background:var(--navy);color:#fff;padding:48px 0 56px}
.hero-grid{display:grid;gap:28px;text-align:center;justify-items:center}
.photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--accent);display:block}
h1{font-size:2.6rem;margin:0 0 8px;letter-spacing:.5px}
.tagline{font-size:1.15rem;color:#dbe7f1;margin:0 0 28px;max-width:34em}
.ctas{display:flex;flex-direction:column;gap:12px;width:100%}
.btn{display:inline-block;padding:16px 24px;border-radius:12px;font-weight:700;text-decoration:none;font-size:1.05rem;text-align:center;transition:transform .1s}
.btn:hover{transform:translateY(-1px)}
.primary{background:var(--accent);color:var(--navy);font-size:1.2rem}
.secondary{border:2px solid var(--accent);color:#fff}
.secondary.dark{color:var(--navy);background:#fff}
section{padding:48px 20px}
h2{color:var(--navy);font-size:1.6rem;margin-top:0}
.motto{background:var(--accent);padding:36px 0}
blockquote{margin:0;text-align:center;font-size:1.7rem;font-weight:800;color:var(--navy)}
.book{text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:700;font-size:.85rem;margin:0}
.book p{max-width:36em;margin:0 auto 24px}
footer{background:var(--navy);color:#cfdbe6;padding:28px 0;text-align:center;font-size:.95rem}
footer a{color:var(--accent)}
.foot p{margin:6px 0 0}
@media(min-width:760px){
 .hero{padding:72px 0}
 .hero-grid{grid-template-columns:280px 1fr;text-align:left;justify-items:start;align-items:center;gap:48px}
 .photo{width:280px;height:280px}
 h1{font-size:3.4rem}
 .ctas{flex-direction:row;width:auto}
}
.about,.book{padding-top:48px;padding-bottom:56px}