@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('/assets/fonts/eb-garamond-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#eef1f4;--white:#fff;--ink:#1a2025;--muted:#4a5965;--accent:#44596b;--cover:#92a4b5;--hero:#7b8fa2;--line:#c7d0d8;--display:Oswald,'Arial Narrow',sans-serif;--serif:'EB Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:22px/1.55 var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.25rem}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15}h2{font-size:clamp(2.3rem,3.7vw,3.4rem);margin:1rem 0 1.75rem}h2 em{font-style:normal;color:var(--accent)}.wrap{width:min(1192px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-8rem;background:var(--paper);padding:1rem;z-index:10}.skip-link:focus{top:1rem}
.masthead{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.wordmark{font:700 1.9rem/1 var(--display);text-transform:uppercase;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--accent)}nav{display:flex;align-items:center;gap:2rem;font:400 .95rem/1.5 var(--display);letter-spacing:.02em}nav a{text-decoration:none;padding-block:.6rem}nav a:hover{text-decoration:underline}.nav-buy{border:1px solid var(--line);padding:.55rem 1.1rem}.nav-buy span{margin-left:.6rem}
.hero-panel{background:var(--hero)}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:6%;padding-block:54px 55px}.eyebrow{font:400 .78rem/1.5 var(--display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:.8rem;color:var(--ink)}.rule{height:1px;width:28px;background:currentColor;flex-shrink:0}h1{font-size:clamp(5rem,9.5vw,8.5rem);font-weight:700;text-transform:uppercase;line-height:1.04;letter-spacing:-.02em;color:var(--white);margin:1.35rem 0 1.8rem}h1 em{font-style:normal}.subtitle{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.25;max-width:460px}.byline{font:400 1rem/1.6 var(--display);text-transform:uppercase;letter-spacing:.045em;margin-block:1.4rem}.byline strong{font-weight:400}.hero-links{display:flex;align-items:center;gap:1.65rem;flex-wrap:wrap;margin-top:1.8rem}.button{display:inline-flex;align-items:center;gap:2rem;background:var(--ink);color:var(--white);padding:.85rem 1.4rem;text-decoration:none;font:400 1rem/1.5 var(--display);letter-spacing:.02em;transition:transform .2s,background .2s}.button:hover{color:var(--white);background:#304556;transform:translateY(-3px)}.text-link{font:400 .95rem/1.5 var(--display)}.text-link span{display:inline-block;margin-left:.45rem}.hero .text-link:hover{color:var(--ink);text-decoration-thickness:2px}
.book-figure{margin:0;min-width:0}.book-frame{position:relative;min-height:590px;display:grid;place-items:center}.book-cover{width:68%;transform:rotate(-3deg);box-shadow:5px 5px 0 #c3cbd1,8px 8px 0 #526578,18px 28px 35px #1a20253b;transition:transform .35s}.book-frame:hover .book-cover{transform:translateY(-5px) rotate(-1deg)}.book-tag{position:absolute;z-index:1;background:var(--paper);padding:.6rem .9rem;font:400 .8rem/1.5 var(--display);letter-spacing:.025em;box-shadow:0 5px 16px #1a202514}.tag-top{right:0;top:3%}.tag-bottom{left:0;bottom:3%}figcaption{text-align:center;font:400 .75rem/1.6 var(--display);color:var(--muted);margin-top:1rem}figcaption span{padding-inline:.5rem}.hero figcaption{color:var(--ink)}
.facts{border-bottom:1px solid var(--line)}.facts dl{display:grid;grid-template-columns:.65fr 1.2fr 1fr 1fr;gap:1.5rem;margin:0;padding:1.8rem 0}dt{font:400 .75rem/1.5 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}dd{font-size:1.15rem;line-height:1.4;margin:0}
.author-intro{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:9%;padding-block:48px;border-bottom:1px solid var(--line)}.author-intro h2{font-size:clamp(1.8rem,2.5vw,2.3rem);margin:.6rem 0 0}.author-intro .eyebrow{margin:0}.author-intro p:not(.eyebrow){color:var(--muted);margin-bottom:.8rem}
/* The book listing keeps fiddle.dk's cover, excerpt, facts and publisher format. */
.other-books{padding-top:56px}.other-books>h2{font-size:clamp(1.8rem,2.5vw,2.3rem);margin:0}.book-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;padding-block:30px 65px;border-bottom:1px solid var(--line)}.book-copy>p:not(.eyebrow){color:var(--muted)}.book-copy h3{font-size:clamp(2.6rem,4vw,3.8rem);margin:.8rem 0 1.4rem}.book-facts{display:flex;gap:2rem;margin-top:2rem}.book-art{padding:20px 0}.book-art img{width:66%;margin-inline:auto;box-shadow:6px 6px 0 #c7d0d8,12px 14px 24px #1a20251a}
.section-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding-block:75px}.buy{align-items:center}.buy h2{font-weight:700;text-transform:uppercase}.buy p:not(.eyebrow){color:var(--muted)}.buy .purchase-note{font-size:1.05rem;margin-top:2rem}.book-links{display:grid;gap:12px}.book-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.5rem;border:1px solid var(--line);background:#f8f9fa;text-decoration:none;transition:transform .2s,border-color .2s}.book-links a:hover{transform:translateY(-3px);border-color:var(--accent)}.book-links a.featured-shop{background:var(--ink);color:var(--white);border-color:var(--ink)}.book-links strong{font:400 1.4rem/1.3 var(--display);display:block}.book-links small{font-size:1.05rem;color:var(--muted);display:block;margin-top:.4rem}.book-links .featured-shop small{color:#d3dee7}.shop-label{display:block;font:400 .72rem/1.5 var(--display);text-transform:uppercase;letter-spacing:.12em;color:#c3d3e1;margin-bottom:.6rem}.book-links a>span:last-child{font-size:1.5rem}.footer{border-top:1px solid var(--line);padding-block:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.footer p,.footer>a:not(.wordmark){font-size:1rem;color:var(--muted);margin:0}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:4%;padding-block:40px}h1{font-size:clamp(4.5rem,10.5vw,7rem)}.book-frame{min-height:500px}.book-cover{width:74%}.book-tag{font-size:.72rem}.section-grid,.author-intro{gap:6%}.book-section{gap:6%}.book-facts{gap:1.3rem}.footer{flex-wrap:wrap}}
@media(max-width:760px){.facts dl{grid-template-columns:1fr 1fr;gap:1.4rem}.book-facts{flex-direction:column;gap:1rem}.book-frame{min-height:440px}.tag-top{right:-3%}.tag-bottom{left:-3%}}
@media(max-width:600px){body{font-size:21px}.wrap{width:calc(100% - 40px)}.masthead{min-height:86px;gap:1rem}.wordmark{font-size:1.6rem}nav{gap:1rem;font-size:.8rem}nav a:nth-child(2){display:none}.nav-buy{padding:.45rem .7rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding-block:32px 30px}h1{font-size:clamp(5.5rem,22vw,8rem);margin-top:1.5rem}.subtitle{font-size:1.6rem;max-width:370px}.hero-links{gap:1.2rem}.book-figure{width:min(100%,400px);justify-self:center}.book-frame{min-height:470px}.book-cover{width:68%}.tag-top{right:0;top:4%}.tag-bottom{left:0;bottom:4%}.section-grid,.author-intro,.book-section{grid-template-columns:1fr;gap:1.5rem}.section-grid{padding-block:50px}.author-intro{padding-block:36px}.other-books{padding-top:36px}.book-section{padding-block:24px 40px;gap:2rem}.book-facts{flex-direction:row;gap:2rem}.book-section .book-figure{width:min(100%,360px)}.book-links a{padding:1.2rem}.footer{gap:1rem}.footer p{order:3;flex-basis:100%}}
@media(max-width:360px){nav{gap:.65rem}.book-frame{min-height:400px}.book-facts{flex-direction:column;gap:1rem}.button{gap:1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
