header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 110px 28px;gap:0;min-height:0}
header>.brand{text-align:center;max-width:100%}
.site-menu-button{position:fixed;top:42px;right:24px;z-index:100;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #b4b9a9;border-radius:4px;background:#f7f3e9f5;color:#293d36;font:600 15px/1.2 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 16px #293d3610}
.site-menu-button svg{width:19px;height:19px}.site-menu-button:hover{background:#eae5d6}.site-menu-button:focus-visible,.site-menu-close:focus-visible,.site-menu-panel a:focus-visible{outline:3px solid #9b773f;outline-offset:4px}
.site-menu-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:34px 32px;border:0;background:#f7f3e9;color:#293d36;box-shadow:-12px 0 60px #15251c30;overflow-y:auto}
.site-menu-panel::backdrop{background:#18271e80;backdrop-filter:blur(3px)}
.site-menu-panel .menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;font:29px/1.2 Georgia,serif}
.site-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid #c7cabc;border-radius:50%;color:#293d36;font:28px/1 Arial,sans-serif;cursor:pointer}
.site-menu-panel nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;font-size:20px;white-space:normal}
.site-menu-panel nav a{display:block;padding:18px 0;border-bottom:1px solid #d8d9ca;text-decoration:none;color:#293d36;line-height:1.3}
.site-menu-panel nav a:hover{color:#705429;background:#e9e4d455}.site-menu-panel nav a[aria-current=page]{font-weight:bold}
body.menu-open{overflow:hidden}.textlink{color:#354d39;text-decoration:underline;text-underline-offset:5px}.link-arrow{display:inline-block;width:.85em;height:.85em;vertical-align:-.04em;margin-left:.2em;color:inherit}.link-arrow svg{display:block;width:100%;height:100%}
.home-book-actions{gap:18px 24px}.home-book-actions a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:750px){.welcome-copy>p:not(.welcome-emphasis){text-align:left}.bio-photo{max-width:300px}.home-bio{gap:25px;padding-bottom:48px}.home-books{padding-top:0}.home-book-actions{gap:14px 24px}}
@media(max-width:600px){header{padding:74px 5% 22px}header>.brand{font-size:clamp(28px,8.5vw,42px);letter-spacing:.5px}header>.brand small{font-size:10px;line-height:1.5;letter-spacing:.4px}.site-menu-button{top:39px;right:14px;padding:9px 13px;font-size:14px}.site-menu-panel{padding:26px 24px}.hero{padding-top:12px}.hero h1 .headline-first{white-space:normal}.hero .intro{white-space:normal}.home-book-actions .button{padding:14px 20px}.welcome .welcome-copy p{line-height:1.85}}

/* Center the identity against the whole page, independent of the menu. */
header{width:100%;max-width:none;margin-inline:0;padding-left:110px;padding-right:110px;text-align:center}
header>.brand{display:block;width:100%;margin-inline:auto;text-align:center}
header>.brand small{text-align:center}
@media(max-width:600px){header{padding-left:5%;padding-right:5%}}

@media(min-width:601px){header>.brand{font-size:clamp(32px,3.6vw,48px)}}

/* Give the author identity a stronger presence while keeping it centered. */
header>.brand{font-size:clamp(40px,4.5vw,60px)}
header>.brand small{font-size:16px;line-height:1.5;letter-spacing:1px}
@media(max-width:600px){header>.brand{font-size:clamp(32px,9.8vw,46px)}header>.brand small{font-size:12px;letter-spacing:.45px}}