/*
Theme Name: François Bloemhof
Theme URI: https://francois-bloemhof.skobbejakmedia.chatgpt.site
Author: Digi Dienste
Description: 'n Selfstandige, raaiselagtige skrywerstema vir François Bloemhof. Geen bladsybouer word benodig nie.
Version: 1.3.2
Requires at least: 5.8
Requires PHP: 7.0
Text Domain: francois-bloemhof
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{--paper:#f2efe8;--light:#faf8f3;--ink:#171513;--muted:#726c64;--wine:#4a0b12;--blood:#811a26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.home-shell{min-height:100vh;background:radial-gradient(circle at 50% 38%,#fff 0,var(--paper) 48%,#e8e3da 100%)}.home-header{height:92px;max-width:1180px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgb(23 21 19 / 14%)}.home-header h1{margin:0;font:600 clamp(1.2rem,2vw,1.55rem)/1 'Cormorant Garamond',serif;letter-spacing:.04em}.monogram{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--wine);color:var(--wine);font:600 1rem/1 'Cormorant Garamond',serif}.all-link{justify-self:end;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.home-stage{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:58px 24px 72px}.home-line{margin:0 0 26px;color:var(--wine);font:500 clamp(1.25rem,2.4vw,1.8rem)/1.2 'Cormorant Garamond',serif;letter-spacing:.02em}.mosaic{width:min(628px,92vw);aspect-ratio:628/333;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:5px}.mosaic-tile{position:relative;overflow:hidden;background:#241f1d;outline-offset:3px}.mosaic-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.mosaic-tile span{position:absolute;inset:auto 0 0;padding:9px 8px 7px;color:#fff;background:linear-gradient(transparent,rgb(0 0 0 / 82%));font-size:.61rem;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:.25s ease}.mosaic-tile:hover img,.mosaic-tile:focus-visible img{transform:scale(1.04);filter:saturate(.8) contrast(1.06)}.mosaic-tile:hover span,.mosaic-tile:focus-visible span{opacity:1;transform:none}.tile-1{grid-area:1/1/5/3}.tile-2{grid-area:5/1/9/3}.tile-3{grid-area:1/3/4/6}.tile-4{grid-area:4/3/9/5}.tile-5{grid-area:4/5/7/7}.tile-6{grid-area:7/5/9/8}.tile-7{grid-area:1/6/4/9}.tile-8{grid-area:4/7/7/10}.tile-9{grid-area:1/9/5/11}.tile-10{grid-area:5/10/9/13}.tile-11{grid-area:1/11/3/13}.tile-12{grid-area:3/11/5/13}.tile-13{grid-area:7/8/9/10}.tile-14{grid-area:4/6/7/7}.mosaic-hint{margin:18px 0 0;color:var(--muted);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase}.door-index{max-width:1000px;margin:0 auto;padding:90px 32px 110px;display:grid;grid-template-columns:repeat(2,1fr)}.door-index a{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;min-height:68px;border-top:1px solid rgb(23 21 19 / 18%);font:500 1.35rem/1 'Cormorant Garamond',serif}.door-index span{color:var(--blood);font:500 .62rem/1 Inter,sans-serif;letter-spacing:.12em}.door-index b{font:400 .8rem/1 Inter,sans-serif;transition:transform .2s}.door-index a:hover b{transform:translate(3px,-3px)}footer{max-width:1180px;margin:auto;padding:28px 32px 36px;border-top:1px solid rgb(23 21 19 / 18%);display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}footer a{color:var(--wine)}
@media(max-width:700px){.home-header{height:76px;padding:0 18px}.home-header h1{font-size:1.1rem}.home-stage{padding:40px 12px 54px}.mosaic{width:min(94vw,480px);aspect-ratio:4/7;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,1fr);gap:4px}.tile-1{grid-area:1/1/3/3}.tile-2{grid-area:1/3/2/5}.tile-3{grid-area:2/3/4/5}.tile-4{grid-area:3/1/5/2}.tile-5{grid-area:3/2/5/3}.tile-6{grid-area:4/3/5/5}.tile-7{grid-area:5/1/7/3}.tile-8{grid-area:5/3/7/4}.tile-9{grid-area:5/4/6/5}.tile-10{grid-area:6/4/7/5}.tile-11{grid-area:7/1/9/3}.tile-12{grid-area:7/3/8/5}.tile-13{grid-area:8/3/9/4}.tile-14{grid-area:8/4/9/5}.mosaic-tile span{opacity:1;transform:none;font-size:.52rem;padding:14px 5px 5px}.door-index{grid-template-columns:1fr;padding:60px 22px 80px}footer{padding-inline:22px}.all-link{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mosaic-tile img,.mosaic-tile span,.door-index b{transition:none}}

.inner-shell{min-height:100vh;background:var(--light)}.site-header{height:92px;max-width:1180px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgb(23 21 19 / 14%)}.author-link{font:600 1.35rem/1 'Cormorant Garamond',serif;letter-spacing:.04em}.page-hero{max-width:1100px;margin:auto;padding:100px 32px 120px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:100px;align-items:center}.eyebrow,.section-title>p,.catalogue-heading>p,.index-hero>p{margin:0 0 18px;color:var(--blood);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.page-hero h1,.index-hero h1{max-width:720px;margin:0;font:500 clamp(3.3rem,7vw,6.5rem)/.88 'Cormorant Garamond',serif;letter-spacing:-.045em}.lede{max-width:660px;margin:30px 0 0;color:var(--wine);font:500 clamp(1.35rem,2.4vw,1.8rem)/1.25 'Cormorant Garamond',serif}.body-copy{max-width:650px;margin:42px 0 0;display:grid;gap:18px;color:#4f4943;font-size:.96rem;line-height:1.78}.body-copy p{margin:0}.page-hero figure{margin:0;position:relative}.page-hero figure:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgb(74 11 18 / 26%);z-index:0}.page-hero figure img{position:relative;display:block;width:100%;max-height:500px;object-fit:cover;box-shadow:0 24px 55px rgb(41 29 24 / 20%)}.page-hero figcaption{position:relative;margin-top:14px;color:var(--muted);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.highlights{padding:110px max(32px,calc((100vw - 1100px)/2));background:var(--ink);color:var(--light)}.section-title{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:50px}.section-title h2,.catalogue-heading h2{margin:0;font:500 clamp(2.5rem,5vw,4.8rem)/.92 'Cormorant Garamond',serif}.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgb(255 255 255 / 22%)}.highlight-grid article{min-height:230px;padding:28px 34px 38px 0;border-bottom:1px solid rgb(255 255 255 / 16%)}.highlight-grid article:nth-child(odd){border-right:1px solid rgb(255 255 255 / 16%)}.highlight-grid article:nth-child(even){padding-left:34px}.highlight-grid span{color:#c76f77;font-size:.64rem;letter-spacing:.14em}.highlight-grid h3{margin:42px 0 10px;font:500 1.75rem/1.05 'Cormorant Garamond',serif}.highlight-grid p{max-width:460px;margin:0;color:#bdb6ad;font-size:.84rem;line-height:1.7}.source-links{max-width:1100px;margin:auto;padding:110px 32px}.source-links .section-title{grid-template-columns:1fr 2fr}.source-links>div:last-child{border-top:1px solid rgb(23 21 19 / 18%)}.source-links a{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid rgb(23 21 19 / 18%)}.source-links h3{margin:0;font:500 1.35rem/1 'Cormorant Garamond',serif}.source-links p{margin:0;color:var(--muted);font-size:.8rem}.source-links span{color:var(--blood)}.cross-nav{max-width:1100px;margin:auto;padding:70px 32px;display:flex;flex-wrap:wrap;gap:8px}.cross-nav a{padding:10px 14px;border:1px solid rgb(23 21 19 / 18%);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.cross-nav a:hover,.cross-nav a:focus-visible{background:var(--wine);border-color:var(--wine);color:#fff}.index-hero{max-width:1100px;margin:auto;padding:100px 32px 90px}.index-hero>div{max-width:720px;margin:44px 0 0 34%;display:grid;grid-template-columns:1fr 1fr;gap:32px;color:#514a44;font-size:.9rem;line-height:1.7}.index-hero>div p{margin:0}.catalogue{padding:100px max(32px,calc((100vw - 1100px)/2));background:var(--ink);color:var(--light)}.catalogue-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:55px}.catalogue-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.catalogue-tools label{display:grid;gap:7px}.catalogue-tools label>span{color:#a79e95;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}.catalogue-tools input,.catalogue-tools select{width:100%;height:46px;padding:0 13px;border:1px solid rgb(255 255 255 / 24%);border-radius:0;background:#24211f;color:#fff;font:400 .82rem Inter,sans-serif}.catalogue-tools input:focus,.catalogue-tools select:focus{outline:2px solid #c76f77;outline-offset:2px}.result-count{margin:24px 0 12px;color:#a79e95;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.book-list{border-top:1px solid rgb(255 255 255 / 22%)}.book-row{display:grid;grid-template-columns:70px 1.3fr 1fr;gap:22px;align-items:center;min-height:92px;padding:15px 0;border-bottom:1px solid rgb(255 255 255 / 14%)}.book-row time{color:#c76f77;font:500 .7rem Inter,sans-serif}.book-row h3{margin:0 0 7px;font:500 1.25rem/1.05 'Cormorant Garamond',serif}.book-row p{margin:0;color:#aaa29a;font-size:.7rem}.book-meta{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.book-meta span{padding:6px 8px;border:1px solid rgb(255 255 255 / 16%);color:#bfb7ae;font-size:.58rem;letter-spacing:.04em}.inner-shell>footer{max-width:1100px}
@media(max-width:760px){.site-header{height:76px;padding:0 18px}.author-link{font-size:1.05rem}.page-hero{padding:70px 22px 90px;grid-template-columns:1fr;gap:60px}.page-hero h1,.index-hero h1{font-size:clamp(3rem,16vw,5.3rem)}.page-hero figure{width:min(72vw,330px);margin-left:auto}.highlights{padding:80px 22px}.section-title,.catalogue-heading,.source-links .section-title{grid-template-columns:1fr;margin-bottom:38px}.highlight-grid{grid-template-columns:1fr}.highlight-grid article,.highlight-grid article:nth-child(even){padding:26px 0 34px;border-right:0!important}.source-links{padding:80px 22px}.source-links a{grid-template-columns:1fr auto}.source-links a p{grid-column:1/-1}.index-hero{padding:70px 22px}.index-hero>div{margin:38px 0 0;grid-template-columns:1fr}.catalogue{padding:80px 22px}.catalogue-tools{grid-template-columns:1fr}.book-row{grid-template-columns:52px 1fr}.book-meta{grid-column:2;justify-content:flex-start}.cross-nav{padding:55px 22px}.inner-shell>footer{margin-inline:22px;padding-inline:0;gap:18px;align-items:flex-start}.inner-shell>footer span{text-align:center}}

.mosaic {
  --mosaic-size: min(680px, 88vw);
  width: var(--mosaic-size);
  height: var(--mosaic-size);
  aspect-ratio: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(6, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  background: transparent;
  box-shadow: 0 26px 70px rgb(42 24 21 / 24%);
}

.mosaic-tile {
  isolation: isolate;
  min-width: 0;
  min-height: 0;
  border: 0;
  background: linear-gradient(145deg, #72101e, #2d2a2a 58%, #a47b35);
}

.mosaic-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 42%, transparent 26%, rgb(16 14 14 / 38%) 100%),
    linear-gradient(145deg, rgb(119 10 25 / 68%), rgb(47 44 44 / 62%) 56%, rgb(169 127 54 / 42%));
  mix-blend-mode: color;
}

.mosaic-tile img {
  display: block;
  min-width: 0;
  min-height: 0;
  filter: grayscale(1) sepia(.12) contrast(1.12) brightness(.7);
  mix-blend-mode: luminosity;
  opacity: .94;
}

.mosaic-tile span {
  z-index: 2;
}

.tile-1  { grid-area: 1 / 1 / 3 / 3; }
.tile-2  { grid-area: 1 / 3 / 2 / 5; }
.tile-3  { grid-area: 2 / 3 / 3 / 5; }
.tile-4  { grid-area: 1 / 5 / 3 / 7; }
.tile-5  { grid-area: 3 / 1 / 5 / 3; }
.tile-6  { grid-area: 3 / 3 / 4 / 5; }
.tile-7  { grid-area: 4 / 3 / 5 / 5; }
.tile-8  { grid-area: 3 / 5 / 5 / 6; }
.tile-9  { grid-area: 3 / 6 / 5 / 7; }
.tile-10 { grid-area: 5 / 1 / 7 / 3; }
.tile-11 { grid-area: 5 / 3 / 6 / 5; }
.tile-12 { grid-area: 6 / 3 / 7 / 5; }
.tile-13 { grid-area: 5 / 5 / 6 / 7; }
.tile-14 { grid-area: 6 / 5 / 7 / 7; }

.tile-1 img  { object-position: 50% 22%; }
.tile-2 img  { object-position: 50% 76%; }
.tile-3 img  { object-position: 50% 43%; }
.tile-4 img  { object-position: 50% 64%; }
.tile-5 img  { object-position: 50% 17%; }
.tile-6 img  { object-position: 50% 18%; }
.tile-7 img  { object-position: 50% 27%; }
.tile-8 img  { object-position: 50% 28%; }
.tile-9 img  { object-position: 50% 14%; }
.tile-10 img { object-position: 50% 10%; }
.tile-11 img { object-position: 50% 20%; }
.tile-12 img { object-position: 50% 18%; }
.tile-13 img { object-position: 50% 66%; }
.tile-14 img { object-position: 50% 25%; }

.developer-credit {
  white-space: nowrap;
}

.home-shell > footer,
.inner-shell > footer {
  flex-wrap: wrap;
  gap: 16px 28px;
}

@media (max-width: 620px) {
  .mosaic { --mosaic-size: min(94vw, 560px); gap: 0; padding: 0; }
  .mosaic-tile span { opacity: 1; transform: none; padding: 18px 6px 6px; font-size: .52rem; }
}

.book-buy,.book-unavailable{display:inline-block;margin-top:.62rem;font:700 .66rem/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.book-buy{color:#d99097;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.12rem}.book-buy:hover,.book-buy:focus-visible{color:#fff}.book-unavailable{color:#817a73}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}