:root{--amber:#d9b779;--amber2:#e9cb96;--cream:#f5f1e9}
html{scroll-padding-top:68px}body{background:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b78436;outline-offset:5px}.skip-link{position:absolute;top:-80px;left:12px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.masthead{height:91px;background:var(--cream);padding:0 max(32px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.masthead>a:first-child{display:flex;align-items:center;gap:18px;font:42px Georgia;color:#252a28;letter-spacing:-4px}.masthead>a>span{font:21px Georgia;letter-spacing:0;border-left:1px solid #cfc8bb;padding-left:18px}.masthead small{font:11px Arial;color:#69685f;margin-left:5px}.mast-link{font-size:12px;color:#66665e}.mast-link span{margin-left:20px}.nav{background:var(--cream);box-shadow:none;border-top:1px solid #dfd9ce;border-bottom:1px solid #dfd9ce}.nav-inner{max-width:1264px;justify-content:space-between;gap:23px;padding:0 32px}.nav a{color:#555a54;font-size:10px;letter-spacing:.11em;padding:18px 0}.nav a:hover{color:#8a5c22}.hero{background:#151e1c;position:relative}.hero-inner{max-width:1264px;padding:0 32px;grid-template-columns:1.16fr .84fr;gap:50px;align-items:stretch}.hero-copy{padding:61px 0 48px;animation:rise .65s ease both}.hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:#d9b779;margin-bottom:24px}.hero-name{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.055em;line-height:.94}.hero-name .first,.hero-name .last{font-size:clamp(66px,7vw,99px);font-weight:400}.hero-name .first{color:#f8f4eb}.hero-name .last{color:#d9b779;margin-top:4px}.degree{display:inline-block;margin-left:15px;font:italic 19px Georgia;letter-spacing:0;color:#c9c7bb}.hero-roles{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#c2c6bd;margin-top:23px}.hero-roles span{color:#d9b779;margin:0 9px}.hero-tag{font:29px/1.28 Georgia;color:#f1eee5;margin-top:29px;max-width:570px}.hero-tag em{color:#d9b779}.hero-intro{font-size:14px;line-height:1.8;color:#adb8b0;max-width:490px;margin-top:18px}.hero-intro b{font-weight:500;color:#e3e5dc}.hero-cta{margin-top:29px;align-items:center;gap:25px}.hero .btn{font-size:10px;letter-spacing:.06em;text-transform:none;padding:16px 19px;border-radius:0}.hero .btn span{margin-left:20px}.hero-book-link{font-size:12px;border-bottom:1px solid #728076;padding:8px 0;color:#eeeee4}.hero-book-link span{margin-left:12px}.hero-bio{display:inline-block;font-size:10px;color:#9ba99f;margin-top:32px}.hero-bio span{color:#d9b779;margin-left:8px}.hero-photo{position:relative;margin:0;overflow:hidden;line-height:normal;align-self:stretch;background:#050706;min-height:650px}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07110fee,transparent 50%);pointer-events:none}.hero-photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 15%;filter:none;border-radius:0;position:absolute;inset:0}.hero-photo figcaption{position:absolute;bottom:35px;left:32px;right:24px;z-index:1;color:#f5f0e6}.hero-photo figcaption>span{font-size:8px;letter-spacing:.19em;color:#d9b779}.hero-photo figcaption b{display:block;font:27px/1.2 Georgia;margin-top:12px}.hero-photo figcaption a{display:inline-block;font-size:10px;margin-top:18px}.hero-photo figcaption a span{margin-left:30px;color:#d9b779}.hero-strip{background:#1e2b25;border-top:1px solid #3a463c}.hero-strip>div{max-width:1264px;margin:auto;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.strip-label{font-size:9px;letter-spacing:.17em;color:#bca77f}.hero-strip p{margin:0;padding:0;font:20px Georgia;text-align:left;color:#e9e8dc}.hero-strip a{font-size:11px;color:#d9b779;white-space:nowrap}.hero-strip a span{margin-left:22px}.mobile-break{display:none}section{scroll-margin-top:25px}
@media(min-width:1500px){.hero-copy{padding-top:75px;padding-bottom:65px}}
@media(max-width:1000px){.mast-link{display:none}.hero-inner{gap:25px;grid-template-columns:1.12fr .88fr}.hero-name .first,.hero-name .last{font-size:76px}.hero-tag{font-size:25px}.hero-photo{min-height:670px}.hero-cta{gap:14px}.hero-strip p{font-size:17px}.nav-inner{gap:24px;justify-content:flex-start}.hero-photo figcaption{left:20px}}
@media(max-width:700px){.masthead{height:75px;padding:0 22px}.masthead>a:first-child{font-size:33px;gap:12px}.masthead>a>span{font-size:18px;padding-left:12px}.nav-inner{padding:0 22px;gap:25px}.nav a{padding:15px 0}.hero-inner{display:flex;flex-direction:column;padding:0 22px;gap:0}.hero-copy{padding:39px 0 34px}.hero-eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:22px}.hero-name .first,.hero-name .last{font-size:clamp(61px,16vw,88px)}.degree{font-size:16px}.hero-roles{font-size:9px;margin-top:20px}.hero-tag{font-size:27px;margin-top:25px}.hero-intro{font-size:14px}.hero-cta{gap:18px}.hero .btn{font-size:10px;padding:15px}.hero .btn span{margin-left:12px}.hero-book-link{font-size:11px}.hero-bio{line-height:1.7;max-width:270px}.hero-photo{min-height:470px;max-width:500px;width:100%;align-self:center}.hero-photo img{object-position:center 30%;max-height:none}.hero-photo figcaption{bottom:25px;left:25px}.hero-strip>div{display:block;padding:25px 22px}.hero-strip p{font-size:22px;line-height:1.4;margin:12px 0}.hero-strip a{display:inline-block;margin-top:3px}.mobile-break{display:block}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.two,.split,.feature,.calc-grid{grid-template-columns:minmax(0,1fr)}.band-title{font-size:48px}.sec-head{flex-wrap:wrap}.wrap{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy{animation:none}}


.author-portrait{margin:0;max-width:320px}.author-portrait img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 42%}.author-portrait figcaption{font:22px Georgia;margin-top:17px;color:#25382d}.author-portrait figcaption span{display:block;font:10px Arial;letter-spacing:.12em;text-transform:uppercase;margin-top:9px;color:#74766d}.author-kicker,.primer-label,.archive-label{font:10px Arial;letter-spacing:.16em;color:#8a6d3d}.author-heading{font:40px/1.15 Georgia;margin:17px 0 22px;color:#21372b}.author-lead{font:22px/1.5 Georgia;color:#39483f}.author-body{font-size:15px;line-height:1.85;color:#59645e;margin-top:19px}.author-actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px}.author-actions a{font-size:12px;border-bottom:1px solid #a39d88;padding-bottom:6px}.system-primer{margin-top:38px;padding:36px;background:#fff;border-top:3px solid #b59b67;display:grid;grid-template-columns:1fr 1.15fr;gap:36px}.primer-intro h3{font:32px/1.2 Georgia;margin:17px 0;color:#22382c}.primer-intro p,.primer-steps p{font-size:14px;color:#59645e;line-height:1.8}.primer-steps article{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #e7e3d8}.primer-steps article:first-child{padding-top:0}.primer-steps article>span{font:18px Georgia;color:#a18655}.primer-steps h4{font:21px Georgia;color:#273d30;margin-bottom:8px}.primer-source{grid-column:1/-1;border-top:1px solid #dedbcf;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.primer-source p{font-size:12px;color:#71766d}.primer-source a{font-size:12px;color:#72562a;white-space:nowrap}.archive-label{color:#d9b779}.archive-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;margin:24px 0}.archive-links>a:not(.btn){font-size:12px;border-bottom:1px solid #a79d83;padding-bottom:5px}.connect-band .archive-note{font-size:12px;color:#c0c4b8;margin-bottom:0}.archive-note a{text-decoration:underline}
@media(max-width:700px){.system-primer{grid-template-columns:1fr;padding:25px;gap:25px}.primer-source{display:block}.primer-source a{display:inline-block;margin-top:12px;white-space:normal}.author-heading{font-size:33px}.author-portrait{max-width:280px}.archive-links{gap:20px}}
#about .two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}#about .two>div{min-width:0}.author-portrait img{height:auto;width:100%;max-width:100%}.system-primer .primer-source p{color:#71766d}.hero-photo img{object-position:50% 15%}
@media(max-width:900px){#about .two{grid-template-columns:minmax(0,1fr);gap:35px}}
.mobile-menu{display:none}
@media(max-width:700px){
html{scroll-padding-top:62px}body{overflow-wrap:break-word}.masthead{height:73px;padding:0 20px}.masthead>a>span{font-size:17px}.nav{display:none}.mobile-menu{display:block;position:sticky;top:0;z-index:60;background:var(--cream);border-block:1px solid #dfd9ce}.mobile-menu summary{min-height:49px;padding:13px 21px;cursor:pointer;font-size:12px;letter-spacing:.08em;list-style:none;display:flex;justify-content:space-between;align-items:center}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{font-size:20px;line-height:1}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{display:grid;padding:5px 20px 18px;border-top:1px solid #dfd9ce;max-height:70vh;overflow:auto;box-shadow:0 15px 20px #17251c14}.mobile-menu nav a{display:block;padding:13px 0;border-bottom:1px solid #e2ddcf;font-size:15px;min-height:46px}.hero-inner{padding:0 20px}.hero-copy{padding:31px 0 28px}.hero-eyebrow{font-size:8px;line-height:1.7;margin-bottom:20px;letter-spacing:.12em}.hero-name .first,.hero-name .last{font-size:clamp(58px,17vw,85px)}.degree{font-size:14px;margin-left:10px}.hero-roles{font-size:9px;letter-spacing:.11em;margin-top:17px}.hero-tag{font-size:25px;line-height:1.28;margin-top:23px}.hero-intro{font-size:14px;line-height:1.75;margin-top:15px}.hero-cta{display:grid;grid-template-columns:1fr;margin-top:23px;gap:10px}.hero .btn{display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:50px;padding:15px 18px}.hero-book-link{display:flex;justify-content:space-between;align-items:center;min-height:45px;font-size:13px;padding:10px 0;width:100%}.hero-bio{font-size:11px;margin-top:19px;max-width:100%;line-height:1.7}.hero-photo{min-height:0;height:380px;max-width:430px}.hero-photo img{object-position:50% 22%}.hero-photo figcaption{bottom:23px;left:23px}.hero-photo figcaption b{font-size:24px}.hero-photo figcaption a{min-height:40px;display:inline-flex;align-items:center;font-size:12px;margin-top:9px}.hero-strip>div{padding:24px 20px}.hero-strip p{font-size:21px}.hero-strip a{min-height:44px;display:inline-flex;align-items:center}.hero-strip a span{margin-left:20px}section{padding:43px 20px}.feature{gap:25px}.feature>.book-card{width:195px;margin:auto}.feature h2{font-size:27px;line-height:1.2}.sec-head{gap:9px}.sec-head h2{font-size:29px;line-height:1.2}.lead{font-size:16px}.split{gap:27px}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:3px 0 10px;scrollbar-width:thin}.tab{flex:0 0 auto;min-height:44px}.panel{padding:23px}.panel h3{font-size:24px}.panel p{font-size:15px;line-height:1.8}.system-primer{padding:24px 21px;gap:25px}.primer-intro h3{font-size:29px}.primer-source a{min-height:44px;padding-top:12px}.band-title{font-size:22px;padding:12px 38px}.band-sub{font-size:14px;line-height:1.7;margin:16px auto 23px}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:165px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:21px;padding:5px 2px 27px;scroll-padding-left:2px;scrollbar-width:thin}.shelf>.book-card{scroll-snap-align:start;min-width:0}.shelf .cover{padding:15px;font-size:19px!important}.shelf .cover .ct{font-size:20px}.shelf .cover .cs,.shelf .cover .ca{font-size:10px}.shelf .bt{font-size:15px;line-height:1.45}.shelf .bm{font-size:10px}.classics{padding:24px 0}.connect-band h2{font-size:30px;line-height:1.2}.archive-label{font-size:9px;line-height:1.8;display:block}.archive-links{display:grid;gap:12px}.archive-links>a{min-height:45px;display:flex;justify-content:center;align-items:center}.author-portrait{max-width:260px}.author-heading{font-size:32px}.author-lead{font-size:21px}.author-body{font-size:15px}.author-actions{gap:12px;display:grid}.author-actions a{min-height:44px;display:flex;align-items:center}.tl button{min-height:44px}.tl-panel{padding:21px}.card{padding:23px}.foot{display:grid;gap:28px}.foot a{display:inline-flex;min-height:42px;align-items:center}footer{padding:35px 20px}.gov-img{max-width:100%;height:auto}blockquote{font-size:22px}.archive-note{line-height:1.8}
}
@media(max-width:360px){.masthead>a>span{font-size:15px}.hero-roles{font-size:8px}.hero-eyebrow{font-size:7px}.hero-photo{height:340px}.hero-tag{font-size:23px}}
@media(max-width:700px){.hero-copy{display:contents}.hero-eyebrow{order:1;margin-top:28px;margin-bottom:17px}.hero-name{order:2}.hero-roles{order:3;margin-bottom:23px}.hero-photo{order:4;height:320px}.hero-photo img{object-position:50% 25%}.hero-photo figcaption>span{font-size:7px}.hero-photo figcaption b{font-size:22px}.hero-tag{order:5;margin-top:26px}.hero-intro{order:6}.hero-cta{order:7}.hero-bio{order:8;margin-bottom:29px}.hero-copy{animation:none}}
.swipe-hint{display:none}@media(max-width:700px){.swipe-hint{display:block;font-size:11px;text-align:center;color:#66542e;letter-spacing:.04em;margin:0 0 17px}.shelf{padding-bottom:18px}}
@media(max-width:700px){.hero-photo figcaption>span,.hero-photo figcaption b{display:none}.hero-photo figcaption{bottom:9px;left:18px}.hero-photo figcaption a{margin-top:0}.hero-photo:after{background:linear-gradient(0deg,#07110fe8,transparent 35%)}}

/* Keep the author identity visible throughout mobile scrolling. */
@media(max-width:700px){.masthead{position:sticky;top:0;z-index:80;height:73px;box-shadow:0 1px 0 #dfd9ce}.mobile-menu{top:73px}html{scroll-padding-top:140px}.mobile-menu nav{max-height:calc(100dvh - 145px)}}

/* Mobile polish — 2026-10-23: timeline chips swipe cleanly, bigger featured cover, softer tap feel, no edge-flush cards. */
a,button{-webkit-tap-highlight-color:transparent}
@media(max-width:700px){
.tl{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tl::-webkit-scrollbar{display:none}
.tl button{scroll-snap-align:start}
.tl-panel{margin-top:6px}
.feature>.book-card{width:min(230px,62vw)}
.shelf{scroll-padding-right:24px;padding-right:24px}
.primer-steps article{padding:16px 0}
.author-portrait{margin:0 auto}
#about .tl-panel h3{font-size:21px;line-height:1.3}
.connect-band{padding-left:20px;padding-right:20px}
}

/* About portrait — 2026-10-23: match the reference screenshots. Modest size, natural proportions, no face-zoom crop. */
.author-portrait{max-width:270px}
.author-portrait img{aspect-ratio:auto;object-fit:cover;object-position:center 30%}
@media(max-width:700px){.author-portrait{max-width:230px}}