:root{
  --navy:#0b2035;
  --navy-2:#132d46;
  --ink:#16263a;
  --amber:#b67a25;
  --gold:#d6a34b;
  --ivory:#f8f3e9;
  --paper:#fffdf8;
  --muted:#6d675f;
  --line:#decba8;
  --shadow:0 18px 48px rgba(8,23,39,.14);
  --radius:16px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.58}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(182,122,37,.16)}
.nav{max-width:var(--max);margin:auto;min-height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:1.45rem;white-space:nowrap;letter-spacing:.01em;color:#10253d}
.nav-links{display:flex;gap:28px;align-items:center;font-size:.96rem}
.nav-links a{padding:22px 0 18px;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:#8b5b1b;border-color:var(--amber)}
.menu-button{display:none;background:none;border:0;font:inherit;font-size:1.3rem;color:var(--navy)}

/* Homepage – approved beach design */
.hero-approved{position:relative;min-height:calc(100svh - 68px);max-height:740px;background:url('') 60% 12%/cover no-repeat;color:#fff;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,39,.95) 0%,rgba(8,27,45,.83) 27%,rgba(8,28,47,.40) 47%,rgba(8,28,47,.05) 69%,rgba(8,28,47,0) 100%)}
.hero-approved-inner{position:relative;z-index:1;max-width:var(--max);min-height:calc(100svh - 68px);max-height:740px;margin:auto;padding:0 24px;display:flex;align-items:center}
.hero-approved-copy{width:min(560px,52vw);padding:44px 0 48px}
.hero-approved h1{font-size:clamp(2.35rem,4vw,4rem);line-height:1.05;font-weight:500;margin:0 0 10px;color:#fff}
.ornament{display:flex;align-items:center;gap:10px;color:var(--gold);width:200px;margin:8px 0 12px}
.ornament:before,.ornament:after{content:"";height:1px;background:currentColor;flex:1}
.tagline{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.25;color:#f7efe4;margin:0 0 20px}
.hero-book-title{text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.12;color:#f0d18b;margin:18px 0 6px}
.hero-sub{font-size:1.08rem;line-height:1.32;color:#fbf5ea;margin:0 0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;border:1px solid #d7a54c;background:#a86f20;color:#fff;padding:12px 22px;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:.2s ease}
.btn:hover{transform:translateY(-1px);background:#8e5c1a}
.btn.ghost{background:transparent;color:var(--navy);border-color:#b8873d;box-shadow:none}
.btn.ghost:hover{background:#f3eadb}

.home-book{background:linear-gradient(90deg,#f2e9dc 0%,#fffdf8 42%,#f4eadf 100%);border-top:1px solid #e4d4bd;border-bottom:1px solid #e6d8c3}
.home-book-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:320px minmax(420px,1fr) 300px;align-items:stretch;min-height:390px}
.book-visual{display:flex;align-items:center;justify-content:center;padding:30px 26px;background:radial-gradient(circle at 40% 50%,rgba(203,149,62,.26),transparent 52%)}
.book-cover-home{width:250px;max-height:330px;object-fit:cover;box-shadow:0 18px 45px rgba(59,37,17,.25)}
.book-copy{padding:44px 42px 40px;align-self:center}
.book-copy h2,.about-home-copy h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.1;font-weight:500;margin:0;color:var(--navy)}
.prose{font-size:1.05rem}
.prose p{margin:0 0 14px}
.prose .emphasis{font-size:1.14rem;font-style:italic;color:#714915}
.rule{width:120px;height:1px;background:var(--amber);position:relative;margin:14px 0 22px}
.rule:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);padding:0 8px;background:var(--paper);color:var(--amber);font-size:.78rem}
.face-panel{position:relative;overflow:hidden;background:#eadfce;display:flex;align-items:center;justify-content:center}
.face-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:44px;background:linear-gradient(90deg,#fffdf8,rgba(255,253,248,0));z-index:2}
.face-panel img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;filter:saturate(1.02) contrast(1.01)}

.origin-home{background:linear-gradient(90deg,#0b2035,#132d46);color:#fff}
.origin-home-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:320px 1fr;gap:58px;align-items:center;padding:54px 24px}
.origin-portrait-wrap{height:300px;overflow:hidden;border-radius:3px;box-shadow:0 16px 36px rgba(0,0,0,.25)}
.origin-portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.origin-home-copy h2{font-size:clamp(2rem,3vw,2.9rem);font-weight:500;margin:0;color:#fff}
.origin-home-copy p{font-size:1.08rem;color:#f5f0e7;max-width:680px}
.rule.light{background:#d4a147}
.rule.light:after{background:var(--navy-2);color:#e5b458}
.light-btn{margin-top:8px}

.about-home{background:#fffaf2}
.about-home-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:43% 1fr;min-height:330px}
.about-home-photo{background:url('') 72% 48%/cover no-repeat;min-height:330px}
.about-home-copy{padding:48px 52px;align-self:center}
.about-home-copy .rule:after{background:#fffaf2}
.approved-quote{background-image:linear-gradient(rgba(7,24,39,.66),rgba(7,24,39,.76)),url('');background-size:cover;background-position:50% 82%;padding:35px 24px}
.quote-band{color:#fff;text-align:center;border-top:1px solid rgba(255,255,255,.1)}
.quote-band blockquote{margin:0 auto;max-width:900px;font-size:clamp(1.35rem,2.45vw,2rem);font-style:italic;color:#f7ead5;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.site-footer{background:#071827;color:#dfe7ed;padding:22px 24px}
.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:28px;align-items:center;font-size:.93rem}
.footer-links{display:flex;gap:22px}

/* Inner pages */
.section{padding:76px 24px}
.container{max-width:var(--max);margin:auto}
.section h2,.page-title{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15;font-weight:500;margin:0 0 10px;color:var(--navy)}
.section h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:500;color:var(--navy);margin:0 0 10px}
.page-hero{padding:62px 24px 50px;background:linear-gradient(180deg,#fffaf2 0%,#f5ecde 100%);color:var(--ink);border-bottom:1px solid #e8dac4}
.page-hero .container{max-width:1000px}
.page-hero .page-title{color:var(--navy);margin-bottom:12px}
.page-hero .subtitle{font-size:1.22rem;color:#5e4b32;margin:0;max-width:760px}
.book-page-hero-inner{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:center}
.book-page-hero-copy{max-width:760px}
.book-page-hero-visual{display:flex;justify-content:flex-end;align-items:flex-end}
.book-page-hero-visual img{width:250px;max-width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(42,25,8,.18))}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#a66d1d;font-size:.8rem;margin:0 0 10px}
.content{max-width:900px;margin:auto;padding:72px 24px 88px;font-size:1.08rem}
.content p{margin:0 0 20px}
.content h2{font-size:2rem;font-weight:500;color:var(--navy);margin:52px 0 8px}
.content .lead{font-size:1.2rem;color:#39485a}
.content .pull{font-size:1.3rem;font-style:italic;color:#704b18;border-left:3px solid #d4a85b;padding:8px 0 8px 22px;margin:30px 0}
.story-layout{max-width:var(--max);margin:auto;padding:72px 24px 88px;display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:62px;align-items:start}
.story-copy{font-size:1.08rem}
.story-copy p{margin:0 0 20px}
.story-copy h2{font-size:2rem;font-weight:500;color:var(--navy);margin:46px 0 8px}
.painting-gallery{position:sticky;top:94px;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.painting-gallery figure{margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #eadbc4}
.painting-gallery figure.full{grid-column:1/-1}
.painting-gallery img{width:100%;height:255px;object-fit:contain;background:#efe6da}
.painting-gallery .full img{height:440px;object-fit:contain;background:#eee5d8}
.painting-gallery figcaption{font-size:.88rem;padding:10px 12px;color:#59544e}
.note{background:#f3ecdf;border-left:3px solid var(--amber);padding:18px 20px;margin:30px 0;color:#4b453d}
.about-grid{display:grid;grid-template-columns:46% 1fr;gap:52px;align-items:center}
.about-photo{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:72% 47%;border-radius:2px;box-shadow:var(--shadow)}
.contact-card{max-width:760px;margin:72px auto 88px;padding:42px;background:#fff;border:1px solid #eadcc2;border-radius:12px;box-shadow:var(--shadow);font-size:1.08rem}
.contact-card h1{margin-top:0;color:var(--navy);font-weight:500}
.contact-card a.email{color:#805517;text-decoration:underline;text-underline-offset:3px}
.small{font-size:.92rem;color:var(--muted)}

@media(max-width:1000px){
  .nav-links{gap:16px}
  .home-book-inner{grid-template-columns:250px 1fr}.face-panel{display:none}
  .origin-home-inner{grid-template-columns:280px 1fr}
  .story-layout{grid-template-columns:1fr}.painting-gallery{position:static;max-width:720px}
}
@media(max-width:760px){
  .nav{min-height:62px}.brand{font-size:1.12rem}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:62px;background:#fffdf9;border-bottom:1px solid #e6d7bf;flex-direction:column;align-items:stretch;padding:10px 24px 18px;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 0}
  .hero-approved{min-height:calc(100svh - 62px);background-position:63% 10%}.hero-overlay{background:linear-gradient(0deg,rgba(7,24,39,.96) 0%,rgba(7,24,39,.70) 50%,rgba(7,24,39,.12) 100%)}.hero-approved-inner{min-height:calc(100svh - 62px);align-items:flex-end}.hero-approved-copy{width:100%;padding:250px 4px 42px}.hero-approved h1{font-size:2.25rem}.tagline{font-size:1.15rem}
  .home-book-inner{grid-template-columns:1fr}.book-visual{padding:34px 20px 10px}.book-cover-home{width:210px}.book-copy{padding:30px 22px 40px}.face-panel{display:block;height:320px}.face-panel img{object-fit:contain;background:#efe6da}.face-panel:before{display:none}
  .origin-home-inner{grid-template-columns:1fr;gap:30px;padding:48px 20px}.origin-portrait-wrap{height:390px}.about-home-inner{grid-template-columns:1fr}.about-home-photo{min-height:310px}.about-home-copy{padding:38px 22px 46px}.approved-quote{padding:34px 20px}.footer-inner{flex-direction:column;align-items:flex-start}
  .section{padding:58px 20px}.about-grid{grid-template-columns:1fr;gap:32px}.about-photo{max-width:520px;margin:auto}.story-layout{padding:56px 20px}.painting-gallery .full img{height:auto}.painting-gallery img{height:auto}.contact-card{margin:50px 20px;padding:30px 24px}.page-hero{padding:50px 20px 40px}.book-page-hero-inner{grid-template-columns:1fr;gap:24px}.book-page-hero-visual{justify-content:flex-start}.book-page-hero-visual img{width:200px}
}



/* Echte tekst en navigatie, met de bestaande foto's en kleuren. */
:root{--footer-ink:#f8f3e9}
body{overflow-wrap:break-word}
a:focus-visible,button:focus-visible{outline:3px solid #d6a34b;outline-offset:5px}
.skip-link{position:fixed;z-index:1000;top:8px;left:12px;transform:translateY(-180%);background:#fffdf8;color:#0b2035;padding:12px 18px;border:2px solid #a86f20}
.skip-link:focus{transform:none}
.nav-links a[aria-current="page"]{color:#805517;border-color:#b67a25}
.breadcrumbs{max-width:1180px;margin:0 auto;padding:16px 24px;font-size:.9rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.breadcrumbs li+li:before{content:"/";color:#887e6f;margin-right:8px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.text-link{text-decoration:underline;text-underline-offset:4px;color:#805517}
.seo-home .site-header{background:#fffdf8}
.seo-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:#0b2035;color:#fff;overflow:hidden}
.seo-hero-copy{padding:80px max(32px,calc((100vw - 1180px)/2));padding-right:45px;align-self:center}
.seo-hero h1{color:#fff;font-size:clamp(2.6rem,4.2vw,4.5rem);line-height:1.1;font-weight:500;max-width:600px;margin:0 0 22px}
.seo-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.9rem;color:#805517;margin:0 0 16px}
.seo-hero .seo-eyebrow{color:#e7c88e}
.seo-tagline{font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.55;color:#f8f3e9;margin:0 0 18px}
.seo-gold-line{height:1px;width:124px;background:#d6a34b;margin:24px 0}
.seo-book-title{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.3;color:#efd8ad;margin:0 0 14px}
.seo-hero-sub{max-width:430px;font-size:1.1rem;color:#f8f3e9;margin:0 0 28px}
.seo-hero-photo{position:relative;min-width:0}
.seo-hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b2035 0%,transparent 20%);pointer-events:none}
.seo-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 46%}
.seo-book-section{display:grid;grid-template-columns:29% 1fr 20%;align-items:stretch;background:linear-gradient(110deg,#e9dac7,#fffaf2 56%,#f1e6d7)}
.seo-panel-copy{padding:76px 40px;align-self:center;max-width:780px}
.seo-panel-copy h2{font-size:clamp(2rem,3.1vw,3.1rem);font-weight:500;line-height:1.15;color:#0b2035;margin:0 0 16px}
.seo-panel-copy p{font-size:1.1rem;line-height:1.7;margin:0 0 20px}
.seo-panel-copy p.small{font-size:.9rem;color:#6d675f;margin:22px 0 0}
.seo-book-visual,.seo-book-face{min-width:0;overflow:hidden}
.seo-book-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.seo-book-face{display:flex;align-items:center;padding:30px 25px 30px 0}
.seo-book-face img{width:100%;height:auto;box-shadow:0 14px 30px rgba(55,30,10,.15)}
.seo-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.seo-origin-section{display:grid;grid-template-columns:40% 1fr;background:#102b45;color:#f8f3e9}
.seo-origin-section h2,.seo-origin-section p{color:#f8f3e9}
.seo-origin-visual{display:flex;justify-content:center;align-items:center;padding:48px;background:linear-gradient(90deg,#4f321d,#241a13)}
.seo-origin-visual img{width:auto;max-height:650px;max-width:100%;object-fit:contain;box-shadow:0 18px 35px rgba(0,0,0,.25)}
.seo-about-section{display:grid;grid-template-columns:48% 1fr;background:linear-gradient(110deg,#e9dac7,#fffaf2 56%,#f1e6d7)}
.seo-about-visual{overflow:hidden}
.seo-about-visual img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.site-footer{background:#071827;color:var(--footer-ink);padding:0 28px;border-top:1px solid #c59441}
.footer-shell{max-width:1180px;margin:auto}
.footer-invitation{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:42px 0;border-bottom:1px solid rgba(214,163,75,.35)}
.footer-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#e3c188;margin:0 0 8px}
.footer-invitation h2{font-weight:500;font-size:2.15rem;line-height:1.15;color:var(--footer-ink);margin:0 0 10px}
.footer-invitation p:last-child{margin:0;max-width:620px;font-size:1rem;color:#e4ded4}
.footer-button{display:inline-block;border:1px solid #d6a34b;color:#f8f3e9;padding:13px 24px;border-radius:3px;white-space:nowrap}
.footer-button:hover{background:#b67a25;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:62px;padding:52px 0 44px}
.footer-name{font-size:1.65rem;line-height:1.3;color:#f3deba;margin:0 0 18px}
.footer-author p:not(.footer-name),.footer-contact p{margin:0 0 14px;font-size:1rem;line-height:1.7;color:#e4ded4}
.footer-author .footer-place{color:#c9bba6;font-size:.95rem}
.footer-grid h2{font-weight:500;font-size:1.2rem;line-height:1.4;color:#f3deba;margin:0 0 18px}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin:0 0 9px}
.footer-grid a{font-size:1rem;line-height:1.7}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px;color:#f3deba}
.footer-grid a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px;color:#f3deba}
.footer-email{display:block;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.footer-contact-link{display:inline-block;margin-top:18px;color:#e3c188}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-top:1px solid rgba(214,163,75,.25);color:#c9bba6;font-size:.875rem}
.footer-bottom p{margin:0}
.footer-bottom div{display:flex;gap:28px;flex-wrap:wrap}
.contact-card{overflow-wrap:anywhere}
.contact-card h2{font-weight:500;color:#0b2035}
.contact-card h2:first-child{margin-top:0}
.painting-gallery{grid-template-columns:1fr}
.artwork-credit{display:block;margin-top:6px}
.prologue-reader{max-width:760px;margin:auto;font-size:1.15rem;line-height:1.8}
.prologue-reader p{margin:0 0 20px}
.prologue-reader .prologue-back{margin-top:46px}
.section.prologue-section{padding-top:55px}
@media(min-width:761px){.menu-button{display:none}.nav-links{display:flex!important}}
@media(max-width:1100px){.footer-grid{gap:30px}.seo-book-section{grid-template-columns:33% 1fr}.seo-book-face{display:none}.seo-hero-copy{padding:60px 32px}.seo-hero{min-height:620px}.seo-panel-copy{padding:60px 32px}.brand{font-size:1.2rem}.nav-links{gap:18px}}
@media(max-width:760px){
  .site-header{position:sticky;top:0;z-index:100;background:#fffdf8}
  .nav{min-height:62px;padding:0 16px;gap:12px}
  .brand{font-size:1.1rem;min-width:0;white-space:normal;line-height:1.25}
  .menu-button{display:block;padding:10px;border:0;background:transparent;cursor:pointer;flex-shrink:0;font-size:1.3rem}
  .nav-links{display:none;top:62px;box-shadow:0 10px 20px rgba(11,32,53,.1)}
  .nav-links.open{display:flex}
  html:not(.js-menu-ready) .nav-links{display:flex;position:static;box-shadow:none}
  html:not(.js-menu-ready) .nav{flex-wrap:wrap}
  html:not(.js-menu-ready) .menu-button{display:none}
  .seo-hero{display:flex;flex-direction:column;min-height:0}
  .seo-hero-photo{order:-1;height:430px}
  .seo-hero-photo:before{background:linear-gradient(0deg,#0b2035 0%,transparent 25%)}
  .seo-hero-photo img{object-position:center 40%}
  .seo-hero-copy{padding:24px 24px 48px;text-align:center}
  .seo-hero h1{font-size:2.5rem;max-width:520px;margin:0 auto 18px}
  .seo-tagline{font-size:1.2rem}
  .seo-gold-line{margin:24px auto}
  .seo-hero-sub{margin:0 auto 26px}
  .seo-book-section,.seo-origin-section,.seo-about-section{grid-template-columns:1fr}
  .seo-book-visual{max-height:540px}
  .seo-book-visual img{object-fit:contain;background:#271b12;max-height:540px}
  .seo-panel-copy{padding:44px 24px}
  .seo-panel-copy h2{font-size:2.25rem}
  .seo-origin-visual{padding:38px 50px}
  .seo-origin-visual img{max-height:560px}
  .seo-about-visual{height:420px}
  .seo-origin-section .seo-gold-line{margin-left:0}
  .site-footer{padding:0 24px}
  .footer-invitation{align-items:flex-start;flex-direction:column;gap:22px;padding:36px 0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px;padding:38px 0}
  .footer-author{grid-column:1/-1;max-width:500px}
  .footer-grid h2{font-size:1.2rem}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}
  .page-title{overflow-wrap:normal;font-size:2.25rem}
  .painting-gallery{width:100%}
  .breadcrumbs{padding:14px 20px}
}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.footer-author{grid-column:auto}.seo-hero-photo{height:360px}.seo-hero h1{font-size:2.1rem}.seo-link-row{gap:18px}.footer-bottom div{gap:22px}.seo-about-visual{height:340px}.prologue-reader{font-size:1.05rem}.site-footer a{min-height:28px;display:inline-block}.footer-grid .footer-email{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* V8.37 — consistente bruine knoppen en volledig auteursportret. */
:root{--v35-paper:#fffdf8;--v35-cream:#f8f3e9;--v35-soft:#f1e8da;--v35-bronze:#805517}
section[id]{scroll-margin-top:88px}
.v35-shell{max-width:1180px;margin:auto;padding:0 36px}
.v35-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;line-height:1.5;color:var(--v35-bronze);margin:0 0 18px}
.v35-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}
.v35-actions .btn{gap:20px;font-size:1rem;min-height:48px;padding:13px 24px;box-shadow:none;border-color:#805517;background:#805517}
.v35-actions .btn:hover,.v35-signup .btn:hover{background:#b67a25}
.v35-hero .v35-actions .btn{align-self:auto}
a:focus-visible,button:focus-visible,input[type=email]:focus-visible{outline:3px solid #805517;outline-offset:5px}
.site-footer a:focus-visible{outline-color:#d6a34b}
.v35-actions .text-link{font-size:1rem}
.v35-home .btn{border-radius:3px;box-shadow:none}
.v35-home .rule,.v35-home .seo-gold-line{display:none}
.v35-hero{position:relative;min-height:680px;height:calc(100svh - 68px);max-height:830px;overflow:hidden;background:var(--v35-cream)}
.v35-hero-scene{position:absolute;inset:0;overflow:hidden;display:block}
.v35-hero-scene img{position:absolute;top:-6.33%;height:106.33%;width:100%;max-width:none;object-fit:cover;object-position:70% 100%}
.v35-hero-panel{position:relative;z-index:1;height:100%;width:53%;display:flex;align-items:center;background:var(--v35-cream)}
.v35-hero-panel:after{position:absolute;content:"";pointer-events:none;top:0;bottom:0;left:100%;width:6vw;background:linear-gradient(90deg,var(--v35-cream),transparent)}
.v35-hero-copy{width:100%;max-width:710px;padding:50px 36px 68px max(36px,calc((100vw - 1180px)/2 + 36px))}
.v35-hero .v35-kicker{margin-bottom:8px}
.v35-hero h1{font-size:clamp(1.15rem,1.65vw,1.55rem);font-weight:400;color:#16263a;line-height:1.3;margin:0 0 34px}
.v35-hero .v35-hero-title{font-size:clamp(2.8rem,4.6vw,4.5rem);line-height:1.08;font-weight:400;letter-spacing:-.025em;color:#0b2035;margin:0 0 26px}
.v35-hero-promise{font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.65;max-width:430px;margin:0;color:#473d31}
.v35-hero-signature{font-size:.98rem;line-height:1.6;font-style:italic;color:#665d51;margin:40px 0 0}
.v35-hero .v35-actions{gap:18px}
.v35-scroll{position:absolute;z-index:2;bottom:22px;left:max(36px,calc((100vw - 1180px)/2 + 36px));font-size:.85rem;letter-spacing:.04em;color:#805517;display:flex;gap:16px;align-items:center}
.v35-scroll span{font-size:1.4rem}
.v35-book{background:var(--v35-paper);padding:96px 0}
.v35-book-grid{display:grid;grid-template-columns:38% 1fr;gap:76px;align-items:center}
.v35-book-photo{overflow:hidden;border-radius:3px;max-width:390px}
.v35-book-photo img{width:100%;height:auto;max-height:560px;object-fit:cover}
.v35-copy h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.2;font-weight:400;color:#0b2035;margin:0 0 28px;letter-spacing:-.015em}
.v35-copy p{font-size:1.06rem;line-height:1.8;margin:0 0 18px;max-width:600px}
.v35-copy .v35-kicker{font-size:.78rem;margin-bottom:16px}
.v35-copy .v35-setting{font-size:1rem;color:#625a50}
.v35-muted{color:#665d51!important;font-size:.92rem!important;line-height:1.7}
.v35-copy .v35-cover-note{margin:24px 0 0;font-style:italic;font-size:.85rem!important}
.v35-origin{background:var(--v35-cream);padding:80px 0;border-top:1px solid #e7dbc9;border-bottom:1px solid #e7dbc9}
.v35-origin-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:105px;align-items:center}
.v35-origin-image{margin:0;text-align:center;justify-self:center;max-width:280px}
.v35-origin-image img{max-height:370px;width:auto;max-width:100%;margin:auto;border-radius:2px}
.v35-origin-image figcaption{font-size:.8rem;line-height:1.6;color:#655d51;margin-top:16px}
.v35-origin-image figcaption span{font-style:italic}
.v35-story-link{display:inline-block;margin-top:14px;line-height:1.7}
.v35-about{background:var(--v35-paper);padding:88px 0}
.v35-about-grid{display:grid;grid-template-columns:40% 1fr;gap:80px;align-items:center}
.v35-about-image{max-width:430px;overflow:hidden;border-radius:3px}
.v35-about-image img{width:100%;height:auto;object-fit:contain}
.v35-release{background:var(--v35-soft);padding:70px 36px;border-top:1px solid #e0d1b8}
.v35-release-inner{max-width:1108px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
.v35-release h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:400;line-height:1.2;color:#0b2035;margin:0 0 22px}
.v35-release p{font-size:1.05rem;line-height:1.75;margin:0 0 18px}
.v35-release .v35-kicker{font-size:.78rem}
.v35-signup{max-width:480px;min-width:0}
.v35-email-label{display:block;color:#16263a;font-size:1rem;margin:0 0 9px}
.v35-signup input[type=email]{font:inherit;font-size:1rem;width:100%;min-height:50px;padding:13px 16px;border:1px solid #978365;border-radius:3px;background:#fffdf8;color:#16263a}
.v35-consent{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.6;margin:20px 0;color:#473d31;cursor:pointer}
.v35-consent input{margin:4px 0 0;flex:none;width:18px;height:18px;accent-color:#805517}
.v35-signup .btn{font:inherit;font-size:1rem;border-color:#805517;background:#805517;cursor:pointer;box-shadow:none;min-height:48px}
.v35-release .v35-form-note,.v35-release .v35-mail-alternative{font-size:.82rem;line-height:1.65;color:#625a50;margin:16px 0 0}
.v35-form-note a,.v35-mail-alternative a{text-decoration:underline;text-underline-offset:3px}
.v35-form-status{background:var(--v35-paper);border-left:3px solid #805517;padding:14px 16px;margin:16px 0!important;font-size:.95rem!important}
.v35-book-page-actions{margin-top:26px}
.v35-book-interest{max-width:1050px;margin:0 auto 65px;background:#f1e8da;border:1px solid #e0d1b8;padding:42px}
.v35-book-interest h2{font-weight:400;font-size:2rem;line-height:1.25;margin:0 0 18px;color:#0b2035}
.v35-book-interest p{line-height:1.75}
.v35-reading-next{margin:55px 0 0;padding:35px 0 0;border-top:1px solid #cdb99b}
.v35-reading-next h2{font-size:1.85rem;line-height:1.3;font-weight:400;margin:0 0 18px;color:#0b2035}
.v35-reading-next .v35-kicker{font-size:.78rem;margin:0 0 12px}
.v35-reading-next .v35-actions{margin-top:22px}
.v35-reading-next .v35-actions .btn{font-size:1rem}
.v35-reading-next p{font-size:1rem}
.footer-stage{font-size:.85rem!important;color:#c9bba6!important;margin-top:20px!important}
.footer-release-link{color:#e3c188}
.v35-utility{max-width:830px;margin:0 auto;min-height:50vh;padding:85px 36px}
.v35-utility h1{font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;color:#0b2035}
.v35-utility p{font-size:1.1rem;line-height:1.8}
.v35-utility .btn{margin-top:20px}
@media(min-width:761px){.v35-home .site-header{background:var(--v35-paper)}.v35-home .nav{min-height:68px}}
@media(max-width:1100px) and (min-width:761px){.v35-hero{min-height:620px}.v35-hero-copy{padding-left:36px;padding-right:24px}.v35-hero-title{font-size:3.1rem!important}.v35-hero .v35-actions{gap:16px;align-items:flex-start;flex-direction:column}.v35-hero-signature{margin-top:28px}.v35-book-grid,.v35-about-grid{gap:45px}.v35-origin-grid{gap:60px}.v35-release-inner{gap:50px}}
@media(max-width:760px){
 .v35-shell{padding:0 24px}.v35-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:visible}
 .v35-hero-scene{position:relative;height:370px;flex:none;overflow:hidden}
 .v35-hero-scene img{inset:0;height:100%;width:100%;object-fit:cover;object-position:center 38%}
 .v35-hero-panel{width:100%;height:auto;display:block;background:var(--v35-cream)}.v35-hero-panel:after{display:none}
 .v35-hero-copy{padding:36px 24px 32px;max-width:none;text-align:center}.v35-hero h1{font-size:1.2rem;margin-bottom:24px}
 .v35-hero .v35-hero-title{font-size:clamp(2.5rem,8.5vw,3.7rem);margin-bottom:22px;line-height:1.08}
 .v35-hero-promise{font-size:1.1rem;margin:auto;max-width:420px}.v35-desktop-break{display:none}
 .v35-hero .v35-actions{justify-content:center;gap:20px;margin-top:26px}.v35-hero-signature{font-size:.88rem;margin:28px 0 0}
 .v35-scroll{position:static;justify-content:center;padding:0 24px 22px;font-size:.82rem;background:var(--v35-cream)}
 .v35-book{padding:48px 0 58px}.v35-book-grid,.v35-origin-grid,.v35-about-grid,.v35-release-inner{grid-template-columns:1fr;gap:36px}
 .v35-book-photo{max-width:330px;justify-self:center;width:100%}.v35-book-photo img{max-height:400px;object-fit:contain}
 .v35-copy h2{font-size:2.05rem;margin-bottom:24px}.v35-copy p{font-size:1rem;line-height:1.8}
 .v35-book .v35-copy h2 br{display:none}.v35-book .v35-copy h2{max-width:440px}
 .v35-origin{padding:50px 0}.v35-origin-image{max-width:260px}.v35-origin-image img{max-height:340px}
 .v35-about{padding:50px 0}.v35-about-image{max-width:380px;justify-self:center}.v35-about-image img{max-height:380px}
 .v35-release{padding:48px 24px}.v35-release-inner{gap:26px}.v35-release h2{font-size:2.1rem}.v35-release p{font-size:1rem}
 .v35-signup{max-width:none}.v35-book-interest{margin:0 20px 45px;padding:28px 24px}.v35-book-interest h2{font-size:1.75rem}
 .v35-reading-next .v35-actions{flex-direction:column;align-items:flex-start;gap:20px}.v35-utility{padding:55px 24px}
 .v35-book-page-actions{align-items:flex-start;gap:20px}
}
@media(max-width:380px){.v35-hero-scene{height:320px}.v35-hero .v35-actions{flex-direction:column;align-items:center}.v35-hero .v35-hero-title{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Alle actieknoppen delen dezelfde rustige bruine opvulling. */
.btn,.btn.ghost,.footer-button{background:#805517;border-color:#805517;color:#fffdf8;border-radius:3px;box-shadow:none;min-height:48px;text-decoration:none;line-height:1.5;text-align:center;white-space:normal}
.btn:hover,.btn.ghost:hover,.footer-button:hover{background:#b67a25;border-color:#b67a25;color:#0b2035}
.v35-story-link.btn{display:inline-flex;gap:16px;padding:13px 24px}
.footer-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;flex-shrink:0}
/* De HTML-hoogte dient als bronverhouding, niet als vaste weergavehoogte. */
.about-grid{grid-template-columns:minmax(0,46%) minmax(0,1fr)}
.about-photo{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;align-self:start}
.book-page-hero-visual img{filter:none;height:auto;object-fit:contain}
.book-page-hero-visual{flex-direction:column;align-items:center;justify-content:center;gap:16px}
.v36-cover-caption{max-width:260px;text-align:center;color:#665d51;font-size:.85rem;line-height:1.65;margin:0}
@media(max-width:760px){.about-grid{grid-template-columns:minmax(0,1fr)}.v35-actions{gap:16px}.footer-button{align-self:flex-start}}

/* V8.38 — vloeiende foto's en echte, leesbare tekst. */
.v35-hero{background:#f8f3e9;min-height:700px}
.v35-hero-scene img{inset:0;height:100%;width:100%;object-fit:cover;object-position:75% center}
.v35-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,233,.97) 0%,rgba(248,243,233,.93) 25%,rgba(248,243,233,.79) 43%,rgba(248,243,233,.43) 55%,rgba(248,243,233,.08) 67%,transparent 75%);pointer-events:none}
.v35-hero-panel{width:54%;background:transparent}
.v35-hero-panel:after{display:none}
.v35-hero-copy{padding-right:24px}
.v35-hero .v35-hero-title{font-size:clamp(2.8rem,4.6vw,4.5rem)}
.v35-about{position:relative;isolation:isolate;overflow:hidden;background:#f8f3e9;padding:0;min-height:660px;height:calc(100svh - 68px);max-height:840px;display:flex;align-items:center}
.v38-about-scene{display:block;position:absolute;inset:0;z-index:-1}
.v38-about-scene img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.v38-about-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(248,243,233,.12) 52%,rgba(248,243,233,.42) 68%,rgba(248,243,233,.25) 100%);pointer-events:none}
.v38-about-inner{max-width:1320px;width:100%;margin:auto;display:flex;justify-content:flex-end;padding:55px 48px}
.v38-about-copy{width:48%;max-width:580px}
.v38-about-copy h2{font-size:clamp(2.6rem,4.7vw,4.3rem);line-height:1.12;margin-bottom:24px}
.v38-about-copy p{font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.65;margin-bottom:22px}
.v38-about-copy .v35-kicker{font-size:.78rem;margin-bottom:12px}
.v38-about-rule{display:flex;align-items:center;gap:14px;color:#805517;max-width:260px;margin:0 0 28px;font-size:1rem}
.v38-about-rule:before,.v38-about-rule:after{content:"";height:1px;flex:1;background:currentColor}
.v38-about-copy .v35-story-link{margin-top:6px}
.about-photo{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:1100px) and (min-width:761px){
 .v35-hero{min-height:700px}.v35-hero-copy{padding-left:36px}.v35-hero-panel{width:55%}
 .v38-about-inner{padding:42px 32px}.v38-about-copy{width:48%}.v38-about-copy h2{font-size:3.2rem}
 .v38-about-copy p{font-size:1.08rem;line-height:1.6;margin-bottom:18px}.v38-about-copy .v35-muted{font-size:.86rem!important}.v38-about-rule{margin-bottom:24px}
}
@media(max-width:760px){
 .v35-hero{height:auto;min-height:0;max-height:none}.v35-hero-scene{height:370px}
 .v35-hero-scene img{object-position:84% center}
 .v35-hero-scene:after{background:linear-gradient(0deg,#f8f3e9 0%,rgba(248,243,233,.45) 12%,transparent 34%)}
 .v35-hero-panel{width:100%;background:#f8f3e9}.v35-hero-copy{padding:18px 24px 32px}
 .v35-hero h1{font-size:1.2rem}.v35-hero .v35-hero-title{font-size:clamp(2.5rem,8.5vw,3.7rem)}
 .v35-about{display:block;min-height:0;height:auto;max-height:none;overflow:hidden}
 .v38-about-scene{position:relative;z-index:0;height:410px;overflow:hidden}
 .v38-about-scene img{object-position:12% center}
 .v38-about-scene:after{background:linear-gradient(0deg,#f8f3e9 0%,rgba(248,243,233,.45) 10%,transparent 29%)}
 .v38-about-inner{padding:20px 24px 52px;display:block}.v38-about-copy{width:100%;max-width:560px;margin:auto;text-align:left}
 .v38-about-copy h2{font-size:2.6rem}.v38-about-copy p{font-size:1.05rem;line-height:1.75}.v38-about-rule{max-width:200px;margin-bottom:24px}
}
@media(max-width:380px){.v35-hero-scene{height:320px}.v38-about-scene{height:350px}.v35-hero .v35-hero-title{font-size:2.5rem}.v38-about-copy h2{font-size:2.4rem}}

/* V8.39: de volledige 4:3-compositie, zonder verlies van elleboog of schrijfdetail. */
@media(min-width:761px){
 .v35-hero{background:#0b2035}
 .v35-hero-scene:after{background:linear-gradient(90deg,rgba(7,23,39,.55) 0%,rgba(7,23,39,.4) 42%,rgba(7,23,39,.12) 58%,transparent 72%)}
 .v35-hero-panel{background:transparent}
 .v35-hero h1{color:#fffdf8}
 .v35-hero .v35-kicker{color:#f2cd85}
 .v35-hero .v35-hero-title{color:#fff5dc;text-shadow:0 2px 6px rgba(0,0,0,.25)}
 .v35-hero-promise,.v35-hero-signature{color:#fffdf8;text-shadow:0 1px 4px rgba(0,0,0,.3)}
 .v35-scroll{color:#fff5dc}
}
.v35-about{height:auto;min-height:0;max-height:none;aspect-ratio:1448/1086;display:flex;align-items:flex-start}
.v38-about-scene img{object-fit:contain;object-position:center center}
.v38-about-scene:after{display:none}
.v38-about-inner{max-width:1448px;margin:0 auto;padding:clamp(64px,10vw,150px) 5% 22%;align-self:flex-start}
.v38-about-copy{width:47%;max-width:620px}
@media(max-width:1100px) and (min-width:901px){
 .v38-about-inner{padding:72px 4% 22%}.v38-about-copy{width:48%}
}
@media(max-width:900px){
 .v35-about{display:block;aspect-ratio:auto;min-height:0;height:auto;max-height:none}
 .v38-about-scene{position:relative;z-index:0;width:100%;height:auto;aspect-ratio:1448/1086;overflow:visible}
 .v38-about-scene img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
 .v38-about-inner{padding:24px 24px 52px;display:block}
 .v38-about-copy{width:100%;max-width:640px;margin:auto;text-align:left}
 .v38-about-copy h2{font-size:2.6rem}
 .v38-about-copy p{font-size:1.05rem;line-height:1.75}
 .v38-about-rule{max-width:200px;margin-bottom:24px}
}
@media(max-width:380px){.v38-about-scene{height:auto}.v38-about-copy h2{font-size:2.4rem}}

/* V8.40 — volledige compositie op de beschikbare schermhoogte. */
@media(min-width:901px) and (min-height:650px){
 #home-about{scroll-margin-top:69px}
 .v35-about{--about-height:calc(100svh - 70px);height:var(--about-height);min-height:0;max-height:none;aspect-ratio:auto;align-items:center;scroll-margin-top:68px;background:#f8f3e9}
 .v38-about-scene{inset:0 auto 0 50%;transform:translateX(-50%);width:min(100%,calc((100svh - 70px)*1448/1086));height:100%;aspect-ratio:1448/1086}
 .v38-about-scene img{width:100%;height:100%;object-fit:contain;object-position:center}
 .v38-about-inner{width:min(100%,calc((100svh - 70px)*1448/1086));max-width:none;margin:0 auto;padding:clamp(24px,4svh,44px) 4%;align-self:center}
 .v38-about-copy{width:48%;max-width:none}
 .v38-about-copy h2{font-size:clamp(2.2rem,6svh,4rem);line-height:1.12;margin-bottom:14px}
 .v38-about-copy p{font-size:clamp(1rem,2.35svh,1.25rem);line-height:1.5;margin-bottom:16px}
 .v38-about-copy .v35-kicker{font-size:.72rem;line-height:1.4;margin-bottom:8px}
 .v38-about-copy .v35-muted{font-size:.82rem!important;line-height:1.5;margin-bottom:16px}
 .v38-about-rule{max-width:220px;margin-bottom:20px}
 .v38-about-copy .v35-story-link{margin-top:0;font-size:1rem;padding:12px 20px}
}
/* Bij weinig verticale ruimte krijgt leesbaarheid voorrang. */
@media(min-width:901px) and (max-height:649px){
 .v35-about{display:block;aspect-ratio:auto;height:auto;min-height:0;max-height:none}
 .v38-about-scene{position:relative;z-index:0;width:min(100%,720px);height:auto;aspect-ratio:1448/1086;margin:auto;inset:auto}
 .v38-about-inner{width:100%;padding:28px 32px 48px;display:block}
 .v38-about-copy{width:100%;max-width:680px;margin:auto}
 .v38-about-copy h2{font-size:2.6rem}
 .v38-about-copy p{font-size:1.05rem;line-height:1.7}
}

/* V8.42 — brede duinfoto, met dezelfde tekstmaten als de boekonderdelen. */
@media(min-width:1280px) and (min-height:650px) and (min-aspect-ratio:3/2){
 .v35-about{height:auto;aspect-ratio:1916/821;min-height:0;max-height:none;background:#f8f3e9}
 .v38-about-scene{inset:0;transform:none;width:100%;height:100%;aspect-ratio:auto}
 .v38-about-scene img{width:100%;height:100%;object-fit:contain;object-position:center}
 .v38-about-inner{width:100%;max-width:1448px;margin:0 auto;padding:28px 4%;align-self:center}
 .v38-about-copy{width:48%;max-width:600px;margin-left:auto}
 .v38-about-copy h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.2;margin-bottom:22px}
 .v38-about-copy p{font-size:1.06rem;line-height:1.8;margin-bottom:18px}
 .v38-about-copy .v35-kicker{font-size:.78rem;line-height:1.4;margin-bottom:16px}
 .v38-about-copy .v35-muted{font-size:.85rem!important;line-height:1.65;margin-bottom:18px}
 .v38-about-rule{max-width:260px;margin-bottom:22px}
 .v38-about-copy .v35-story-link{margin-top:0;font-size:1rem;padding:14px 24px}
}
/* Op hoge, smalle vensters blijven de volledige foto en tekst leesbaar. */
@media(min-width:901px) and (min-height:650px) and (max-aspect-ratio:1499/1000), (min-width:901px) and (max-width:1279px){
 .v35-about{display:block;height:auto;min-height:0;aspect-ratio:auto}
 .v38-about-scene{position:relative;inset:auto;transform:none;width:100%;height:auto;aspect-ratio:1448/1086}
 .v38-about-scene img{object-fit:contain}
 .v38-about-inner{width:100%;padding:32px 4% 48px}
 .v38-about-copy{width:100%;max-width:600px;margin:auto}
 .v38-about-copy h2{font-size:clamp(2rem,3vw,2.9rem);line-height:1.2}
 .v38-about-copy p{font-size:1.06rem;line-height:1.8}
}
@media(max-width:760px){
 .v38-about-copy h2{font-size:2.05rem;line-height:1.2}
 .v38-about-copy p{font-size:1rem;line-height:1.8}
}