@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ivory:#f8f6ed;--green:#203321;--gold:#a17b32;--muted:#5c6657}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--green);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{max-width:1440px;margin:auto;padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e1d3}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:700;letter-spacing:.13em}.brand small{display:block;font-size:9px;letter-spacing:.34em;color:var(--gold);margin-top:4px}.brand-mark{position:relative;font-family:Georgia,serif;font-size:36px;letter-spacing:-.17em;padding-right:8px;line-height:1}.brand-leaf{position:absolute;font-size:10px;color:var(--gold);bottom:0;right:1px}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:var(--gold)}.hero{padding:75px 6% 90px}.hero-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--gold);line-height:1.6}.hero h1,.book-copy h2,.about h2,.contact h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(52px,6vw,100px);line-height:1.05;margin:23px 0}.hero h1 em,.book-copy h2 em,.about h2 em{font-weight:400;color:var(--gold)}.lead{font-size:17px;line-height:1.9;color:var(--muted);max-width:480px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--green);color:var(--ivory);padding:18px 25px;font-size:12px;letter-spacing:.08em;font-weight:700;margin-top:24px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px}.hero-art{text-align:center}.logo-frame{background:#fff;box-shadow:0 28px 75px #24332113;padding:20px 12px;transform:rotate(1deg)}.logo-frame img{display:block;width:100%;height:auto}.art-caption{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:14px;margin-top:26px}.marquee{background:#e9e6d8;display:flex;justify-content:space-evenly;align-items:center;gap:15px;padding:19px 5%;font-size:10px;letter-spacing:.22em;font-weight:700;flex-wrap:wrap}.marquee b{color:var(--gold);font-size:18px}.book-section{max-width:1200px;margin:auto;padding:120px 6%;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.book-art{text-align:center}.book-cover{aspect-ratio:7/10;max-width:340px;margin:auto;padding:28px;background:linear-gradient(145deg,#b58a4c,#8c622f 70%,#6f4b2a);color:#fff7e4;box-shadow:15px 20px 0 #e3ddcb,22px 29px 35px #2533212c;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:8px solid #e2c99a;outline:1px solid #7d5d2c;outline-offset:-19px}.cover-top,.cover-bottom{font-size:9px;letter-spacing:.24em;line-height:1.6}.cover-title{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.08}.cover-divider{height:1px;background:#e6ce9c;width:55%;margin:0 auto}.image-note{font-size:11px;color:#7e8075;margin-top:44px}.book-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.1;margin:20px 0 30px}.book-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted)}.coming{margin-top:32px;font-size:11px;letter-spacing:.2em;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:8px}.text-link{display:inline-block;margin-top:26px;font-size:13px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:7px}.about{text-align:center;background:#eeebdf;padding:110px 20px}.about h2{font-size:clamp(45px,5.5vw,76px);line-height:1.13;margin:18px 0}.about>p:not(.eyebrow){max-width:610px;margin:25px auto;font-size:16px;line-height:1.9;color:var(--muted)}.about-rule{color:var(--gold);font-size:30px;margin-top:36px}.contact{background:var(--green);color:var(--ivory);padding:85px max(6%,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{font-size:clamp(38px,4vw,58px);margin:15px 0}.contact p:not(.eyebrow){max-width:500px;line-height:1.8;color:#d5d9cc}.button.light{background:var(--ivory);color:var(--green);white-space:nowrap}footer{padding:36px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer div strong{display:block;color:var(--green);letter-spacing:.15em}footer div span{display:block;color:var(--gold);font-size:9px;letter-spacing:.3em;margin-top:3px}@media(max-width:760px){.site-header{padding:18px 5%}.site-header nav{gap:14px;font-size:11px}.brand{font-size:11px}.brand-mark{font-size:28px}.hero{padding:60px 6%}.hero-inner,.book-section{grid-template-columns:1fr;gap:55px}.hero h1{font-size:clamp(49px,10vw,76px)}.hero-art{max-width:470px;margin:auto}.book-section{padding:80px 7%}.book-art{order:2}.book-copy{order:1}.marquee{gap:12px}.contact{padding:65px 7%;display:block}.about{padding:80px 7%}footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Real transparent logo artwork */
.brand-mark-image{display:block;width:45px;height:45px;object-fit:contain;flex-shrink:0}
.logo-frame{background:transparent;box-shadow:none;padding:0;transform:none}
.logo-frame img{width:100%;height:auto;display:block}
@media(max-width:760px){.brand-mark-image{width:36px;height:36px}}

/* Scalable books navigation */
.site-header nav{align-items:center}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{font:inherit;font-weight:inherit;color:inherit;background:none;border:0;padding:12px 0;cursor:pointer;white-space:nowrap}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded="true"]{color:var(--gold)}
.nav-dropdown-toggle span{margin-left:5px}
.nav-dropdown-menu{position:absolute;top:100%;left:-18px;z-index:20;min-width:250px;background:var(--ivory);border:1px solid #e5e1d3;box-shadow:0 14px 28px #2033211b;padding:8px;display:none}
.nav-dropdown.open .nav-dropdown-menu{display:flex;flex-direction:column}
.nav-dropdown-menu a{display:block;padding:12px 14px;line-height:1.4}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#eeebdf}
.books-heading{text-align:center;max-width:1000px;margin:0 auto;padding:95px 6% 0;scroll-margin-top:30px}
.books-heading h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,70px);margin:10px 0}
.books-heading h2 em{color:var(--gold)}
.books-heading>p:last-child{color:var(--muted)}
.books-heading+.book-section{padding-top:70px}
#the-greatest-butter-salesman{scroll-margin-top:35px}
@media(max-width:760px){.nav-dropdown-menu{left:auto;right:0;min-width:220px}.site-header nav{gap:12px}.nav-dropdown-toggle{font-size:11px}}

/* Keep the navigation visible while scrolling, without clipping the books menu. */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(248,246,237,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 2px 12px rgba(32,51,33,.05);
}
html{scroll-padding-top:105px}
@media(max-width:760px){html{scroll-padding-top:85px}}

/* Full-width sticky navigation, edge-to-edge across the viewport. */
.site-header{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:clamp(20px,6vw,96px);
  padding-right:clamp(20px,6vw,96px);
}