@layer reset,base,components,utilities;.columns{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}.columns.is-multiline{flex-wrap:wrap}.column{flex:1;min-width:0}.is-one-quarter{flex:0 0 25%;max-width:25%}.is-one-third{flex:0 0 33.333%;max-width:33.333%}.is-half{flex:0 0 50%;max-width:50%}.is-two-thirds{flex:0 0 66.666%;max-width:66.666%}.is-three-quarters{flex:0 0 75%;max-width:75%}.is-one-fifth{flex:0 0 20%;max-width:20%}.is-two-fifths{flex:0 0 40%;max-width:40%}.is-three-fifths{flex:0 0 60%;max-width:60%}.is-four-fifths{flex:0 0 80%;max-width:80%}.is-full{flex:0 0 100%;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.section{padding:3rem 1.5rem}.media{display:flex;gap:1rem;align-items:flex-start}.media-left{flex-shrink:0}.media-content{flex:1;min-width:0}figure{margin:0}.image{display:block;position:relative}.image img{display:block;max-width:100%;height:auto}.is-128x128{width:128px;height:128px}.is-128x128 img{width:100%;height:100%;object-fit:cover}.navbar{display:flex;align-items:center;min-height:3.25rem;padding:0 1rem;position:relative}.navbar-brand{display:flex;align-items:center;flex-shrink:0}.navbar-item{display:flex;align-items:center;padding:.5rem .75rem;color:#fff;text-decoration:none}.navbar-item:hover{color:#b08d57}.navbar-burger{display:none;cursor:pointer;width:3.25rem;height:3.25rem;position:relative;margin-left:auto;background:0 0;border:none}.navbar-burger span{display:block;height:2px;width:20px;background-color:#fff;position:absolute;left:calc(50% - 10px);transition:all .3s ease}.navbar-burger span:nth-child(1){top:calc(50% - 8px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 6px)}.navbar-burger.is-active span:nth-child(1){transform:translateY(7px)rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-menu{display:flex;align-items:center;flex-grow:1}.navbar-start{display:flex;align-items:center}.navbar-end{display:flex;align-items:center;margin-left:auto}.breadcrumb{font-size:.9rem}.breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.breadcrumb li{display:flex;align-items:center}.breadcrumb li+li::before{content:"→";padding:0 .5rem;color:rgba(176,141,87,.5)}.breadcrumb.has-arrow-separator li+li::before{content:"→"}.breadcrumb a{color:#b08d57}.breadcrumb a:hover{color:#c9a66b}.breadcrumb li.is-active a{color:#fff;pointer-events:none}.hero{display:flex;align-items:center;justify-content:center}.hero-body{padding:3rem 1.5rem;flex-grow:1}@media(max-width:768px){.columns{flex-direction:column}.is-one-quarter,.is-one-third,.is-half,.is-two-thirds,.is-three-quarters,.is-one-fifth,.is-two-fifths,.is-three-fifths,.is-four-fifths{flex:0 0 100%;max-width:100%}.navbar{flex-wrap:wrap}.navbar-burger{display:flex;align-items:center;justify-content:center}.navbar-menu{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;padding:1rem 0}.navbar-menu.is-active{display:flex}.navbar-start,.navbar-end{flex-direction:column;align-items:flex-start;width:100%}.navbar-end{margin-left:0;margin-top:1rem}.section{padding:2rem 1rem}}.content{font-family:var(--font-serif);line-height:1.6}.content p,.content ul,.content ol{margin-bottom:1rem}.content strong{font-weight:600}.content small{font-size:.875rem}.tag{display:inline-block;padding:.25rem .75rem;font-size:.85rem}.title{font-family:syne,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#d4b896}.subtitle{font-family:syne,sans-serif;font-size:1.25rem;font-weight:400;margin-bottom:1rem;color:#b08d57}.button{display:inline-block;padding:.5rem 1rem;border:1px solid;background:0 0;cursor:pointer;text-decoration:none}.review-panel a,.review-panel .content a,.book-info a,.fazit-box a,.sib-form a{color:#7a6a4a}.review-panel a:hover,.review-panel .content a:hover,.book-info a:hover,.fazit-box a:hover,.sib-form a:hover{color:#5a4a2a}.navbar-item,.navbar-link,.navbar-brand .navbar-item{color:#fff}.navbar-item:hover,.navbar-link:hover{color:#b08d57}.media-content a,.media-content .content a,.media a{color:#fff}.media-content a:hover,.media-content .content a:hover,.media a:hover{color:#b08d57}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}@media(max-width:1024px){.review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.review-grid{grid-template-columns:1fr}}.review-card{background:0 0;border:1px solid rgba(176,141,87,.3);padding:2rem;transition:transform .3s ease,border-color .3s ease}.review-card:hover{transform:translateY(-5px);border-color:#b08d57}.review-card-meta{font-size:.85rem;color:#b08d57;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:block;font-family:syne,sans-serif}.review-card-title{font-family:eb garamond,serif;font-size:1.8rem;font-weight:400;color:#d4b896;margin:0 0 1rem;line-height:1.2}.review-card-title a{color:#d4b896!important;text-decoration:none}.review-card-title a:hover{color:#e8d4b8!important}.review-card-teaser{font-family:eb garamond,serif;font-size:1rem;font-weight:300;color:rgba(255,255,255,.8);margin-bottom:1.5rem;line-height:1.6}.review-card-link{display:inline-block;color:#b08d57!important;text-decoration:none;border-bottom:1px solid #b08d57;padding-bottom:2px;font-family:eb garamond,serif;font-style:italic;font-size:1rem;transition:color .3s ease}.review-card-link:hover{color:#c9a66b!important;border-bottom-color:#c9a66b}@layer base{:root{--color-dark-green:#02120b;--color-gold:#b08d57;--color-gold-bright:#d4b896;--color-white:#fff;--color-black:#000;--color-beige:#f5f0e6;--color-gold-light:color-mix(in srgb, var(--color-gold) 20%, transparent);--color-gold-hover:color-mix(in srgb, var(--color-gold) 100%, white 15%);--color-gold-muted:color-mix(in srgb, var(--color-gold) 70%, var(--color-dark-green));--color-text-muted:color-mix(in srgb, var(--color-white) 70%, transparent);--color-beige-dark:color-mix(in srgb, var(--color-beige) 90%, var(--color-gold));--font-serif:'EB Garamond', Georgia, serif;--font-sans:'Syne', system-ui, sans-serif;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.35vw, 1rem);--text-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.6vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl:clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--text-5xl:clamp(3rem, 2rem + 5vw, 5rem);--space-xs:clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);--space-sm:clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);--space-md:clamp(1rem, 0.8rem + 1vw, 1.5rem);--space-lg:clamp(1.5rem, 1rem + 2.5vw, 3rem);--space-xl:clamp(2rem, 1.5rem + 3vw, 4rem);--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--shadow-sm:0 1px 3px color-mix(in srgb, var(--color-black) 20%, transparent);--shadow-md:0 4px 12px color-mix(in srgb, var(--color-black) 25%, transparent);--shadow-lg:0 8px 24px color-mix(in srgb, var(--color-black) 30%, transparent)}@media(prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms}}}@layer base{html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background-color:var(--color-dark-green);color:var(--color-white);font-family:var(--font-serif);min-block-size:100vh;min-block-size:100dvh}:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-serif);color:var(--color-white);text-wrap:balance}:where(p,li,td,th){font-family:var(--font-serif);text-wrap:pretty}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-base);&:hover { color:var(--color-gold-hover); } &:focus-visible { outline:2px solid var(--color-gold); outline-offset:2px; border-radius:var(--radius-sm); }}:where(input,select,textarea){accent-color:var(--color-gold)}::selection{background-color:var(--color-gold);color:var(--color-dark-green)}}@layer components{.navbar{background-color:var(--color-dark-green);border-block-end:1px solid var(--color-gold-light)}:where(.navbar-item,.navbar-link){color:var(--color-white);font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.125em;transition:color var(--transition-base),padding-inline-start var(--transition-base);&:hover { color:var(--color-gold); background-color:transparent; }}.navbar-brand .navbar-item{font-family:var(--font-sans);font-weight:700;font-size:var(--text-sm);letter-spacing:.05em}.navbar-burger span{background-color:var(--color-white)}.navbar-menu{background-color:var(--color-dark-green)}.navbar-item img[alt*=Instagram]{opacity:.8;transition:opacity var(--transition-base);&:hover { opacity:1; }}}@layer components{.homepage-split{display:flex;min-block-size:100vh;min-block-size:100dvh;inline-size:100%;@media(width <= 768px){flex-direction: column; min-block-size: auto;}}.homepage-left{flex:1;padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid var(--color-gold-light);@media(width <= 768px){border-inline-end: none; border-block-end: 1px solid var(--color-gold-light); padding: var(--space-lg);}}.homepage-right{flex:1;background:linear-gradient( color-mix(in srgb,var(--color-dark-green) 85%,transparent),color-mix(in srgb,var(--color-dark-green) 85%,transparent) ),url(/books-bg.jpg)50%/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);@media(width <= 768px){min-block-size: 60vh; min-block-size: 60dvh;}}.name-banner{font-family:var(--font-sans);font-size:var(--text-5xl);line-height:.9;margin:0;text-transform:uppercase;color:var(--color-white);span { display: block; color: var(--color-gold); }}.homepage-bio{font-family:var(--font-serif);font-size:var(--text-xl);max-inline-size:45ch;margin-block-start:var(--space-lg);font-style:italic;color:var(--color-gold)}.homepage-nav{margin-block-start:var(--space-xl);ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-md); } a { color: var(--color-white); font-family: var(--font-sans); font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.125em; transition: color var(--transition-base), padding-inline-start var(--transition-base); display: inline-block; &:hover { color: var(--color-gold); padding-inline-start: 0.625rem; } }}.featured-quote{padding:var(--space-lg);text-align:center;max-inline-size:60ch;blockquote { font-family: var(--font-serif); font-size: var(--text-2xl); font-weight: 400; line-height: 1.3; color: var(--color-white); font-style: italic; margin: 0; padding: 0; border: none; background: none; } cite { display: block; margin-block-start: var(--space-lg); text-transform: uppercase; letter-spacing: 0.2em; font-size: var(--text-xs); font-style: normal; color: var(--color-gold); }}.btn-gold{display:inline-block;margin-block-start:var(--space-lg);color:var(--color-white);border:1px solid var(--color-gold);padding:var(--space-md)var(--space-lg);font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.125em;transition:all var(--transition-base);&:hover { background-color:var(--color-gold); color:var(--color-dark-green); } &:focus-visible { outline:2px solid var(--color-gold); outline-offset:4px; }}}@layer components{.section{background-color:var(--color-dark-green)}.container{background-color:initial}}@layer components{.review-panel{background-color:var(--color-beige);color:var(--color-dark-green);padding:var(--space-lg);border-radius:var(--radius-md);margin-block:var(--space-lg); :where(h1, h2, h3, h4) { color: var(--color-dark-green); font-family: var(--font-serif); } a { color: var(--color-gold-muted); &:hover { color: color-mix(in srgb, var(--color-gold-muted) 80%, var(--color-dark-green)); } } @media (width <= 768px) { padding: var(--space-md); margin-block: var(--space-md); }}.review-panel .book-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:600;color:var(--color-dark-green);line-height:1.2;margin-block-end:var(--space-xs)}.review-panel .book-author{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:400;color:color-mix(in srgb,var(--color-dark-green) 70%,transparent)}.review-content{font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.8;text-wrap:pretty;hyphens:auto;p:first-child::first-letter { padding:0.3rem; margin-inline-end:0.3rem; border-radius:var(--radius-md); font-family:var(--font-serif); font-size:var(--text-4xl); font-weight:600; float:left; line-height:1; color:var(--color-dark-green); background-color:var(--color-gold); }}.review-panel .subtitle{color:color-mix(in srgb,var(--color-dark-green) 70%,transparent);font-family:var(--font-serif)}.review-teaser{font-family:var(--font-serif);font-size:var(--text-lg);font-style:italic;color:color-mix(in srgb,var(--color-dark-green) 80%,transparent);border-inline-start:3px solid var(--color-gold);padding-inline-start:var(--space-md);margin-block:var(--space-lg)}}@layer components{.fazit-box{background-color:var(--color-beige-dark);border-inline-start:4px solid var(--color-gold);padding:var(--space-md);margin-block:var(--space-lg);font-family:var(--font-serif);strong { color: var(--color-dark-green); font-family: var(--font-sans); text-transform: uppercase; letter-spacing: 0.05em; font-size: var(--text-sm); }}}@layer components{.breadcrumb{background-color:initial;a { color: var(--color-gold); } li + li::before { color: var(--color-gold-light); } li.is-active a { color: var(--color-white); }}}@layer components{.tag{background-color:initial;border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-serif);font-size:var(--text-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);&:hover { background-color:var(--color-gold); color:var(--color-dark-green); }}.review-panel .tag{color:var(--color-gold-muted);border-color:var(--color-gold-muted);&:hover { background-color:var(--color-gold-muted); color:var(--color-beige); }}.review-keywords .tag{background-color:var(--color-gold);color:var(--color-black);border:none;border-radius:999px;padding:.35rem 1rem;&:hover { background-color:var(--color-gold); color:var(--color-black); }}.review-hashtags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem;line-height:2}.review-hashtags .tag{margin:0}:where(.tag.is-primary,.tag.is-danger,.tag.is-warning,.tag.is-info,.tag.is-success,.tag.is-link){background-color:initial;border:1px solid var(--color-gold);color:var(--color-gold)}}@layer components{.media{border:1px solid var(--color-gold-light);padding:var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base);background-color:color-mix(in srgb,var(--color-gold) 5%,transparent);&:hover { border-color:var(--color-gold); background-color:color-mix(in srgb,var(--color-gold) 10%,transparent); }}.media-content .content{color:var(--color-white); :where(strong, a) { color: var(--color-white); } a:hover { color: var(--color-gold); } small { color: var(--color-text-muted); } small i { color: var(--color-gold); }}}@layer components{.title{color:var(--color-white);font-family:var(--font-serif)}.subtitle{color:var(--color-text-muted);font-family:var(--font-serif)}.review-panel .title{color:var(--color-dark-green)}.review-panel .subtitle{color:color-mix(in srgb,var(--color-dark-green) 70%,transparent)}}@layer components{.hero{background:linear-gradient(135deg,var(--color-dark-green) 0%,color-mix(in srgb,var(--color-dark-green) 80%,#0a2618) 100%); :where(.title, .subtitle) { color: var(--color-white); }}.hero-body{border-block-end:1px solid var(--color-gold-light)}}@layer components{.footer{background-color:var(--color-black);border-block-start:1px solid var(--color-gold);padding:var(--space-lg)var(--space-md);.content { color: var(--color-gold); } a { color: var(--color-gold); &:hover { color: var(--color-gold-hover); } } strong { color: var(--color-gold); } p { color: var(--color-gold); } img[alt*="Instagram"] { opacity: 0.9; transition: opacity var(--transition-base); &:hover { opacity: 1; } }}}@layer components{.button{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);transition:all var(--transition-base)}:where(.button.is-primary,.button.is-link,.button.is-danger){background-color:initial;border:1px solid var(--color-gold);color:var(--color-gold);&:hover { background-color:var(--color-gold); color:var(--color-dark-green); }}}@layer components{.sib-form{background-color:var(--color-beige);border-radius:var(--radius-md)}.sib-form .sib-form-block__button{background-color:var(--color-dark-green);border:1px solid var(--color-gold);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base);&:hover { background-color:var(--color-gold); color:var(--color-dark-green); }}}@layer components{.list-page-title{font-family:var(--font-sans);font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:.15em;color:var(--color-white);border-block-end:1px solid var(--color-gold-light);padding-block-end:var(--space-md);margin-block-end:var(--space-lg)}}@layer components{.book-info{background-color:color-mix(in srgb,var(--color-gold) 10%,transparent);border:1px solid var(--color-gold-light);padding:var(--space-md);border-radius:var(--radius-md);margin-block-start:var(--space-lg);div { margin-block-end: var(--space-xs); font-family: var(--font-serif); } a { color: var(--color-gold); }}.review-panel .book-info{background-color:var(--color-beige-dark);border-color:var(--color-gold);a { color: var(--color-gold-muted); }}}@layer components{.related-books-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.125em;font-size:var(--text-lg);color:var(--color-gold);margin-block-start:var(--space-xl);margin-block-end:var(--space-md);padding-block-end:var(--space-sm);border-block-end:1px solid var(--color-gold-light)}.related-books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0 1rem}.related-book-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--color-gold-light);border-radius:var(--radius-md);overflow:hidden;background-color:color-mix(in srgb,var(--color-gold) 5%,transparent);transition:all var(--transition-base)}.related-book-card:hover{border-color:var(--color-gold);background-color:color-mix(in srgb,var(--color-gold) 10%,transparent);transform:translateY(-3px)}.related-book-image{aspect-ratio:2/3;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.1)}.related-book-image img{width:100%;height:100%;object-fit:cover}.related-book-info{padding:1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.related-book-title{font-family:var(--font-serif);font-size:1rem;color:var(--color-white);line-height:1.3}.related-book-author{font-family:var(--font-serif);font-size:.875rem;color:var(--color-text-muted)}.related-book-publisher{font-family:var(--font-serif);font-size:.8rem;font-style:italic;color:var(--color-gold)}.related-book-year{font-family:var(--font-serif);font-size:.8rem;color:var(--color-text-muted)}@media(max-width:1024px){.related-books-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.related-books-grid{grid-template-columns:1fr}}}@layer components{.review-panel img{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}}@layer components{.content{color:var(--color-white); :where(h1, h2, h3, h4, h5, h6) { color: var(--color-white); } a { color: var(--color-gold); }}.review-panel .content{color:var(--color-dark-green); :where(h1, h2, h3, h4) { color: var(--color-dark-green); }}}@layer utilities{.gold-text{color:var(--color-gold)}.gold-border{border:1px solid var(--color-gold)}.gold-border-left{border-inline-start:3px solid var(--color-gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer components{.homepage-container{margin:calc(var(--space-lg) * -1)calc(var(--space-md) * -1);@media(width >= 1024px){margin: calc(var(--space-lg) * -1) calc(-50vw+50%);}}}