/* Studio Peter Weidenbaum – nieuwe huisstijl (13-11-2026) */
:root{
  --bg:#F4F1EB; --ink:#1C1B19; --muted:#6B6760; --line:#DDD7CC; --placeholder:#E5DFD4;
  --accent:#B3471F;
  --font:"Helvetica Neue",Helvetica,Arial,system-ui,-apple-system,sans-serif;
}
.s-works{--accent:#6E6458}
.s-exhibitions{--accent:#55663A}
.s-publications{--accent:#665A80}
.s-about{--accent:#1F4E8C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px}
@media (max-width:640px){.wrap{padding:0 20px}}

/* kop */
.site-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 24px;padding:40px 0 32px}
.logo{display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.logo .studio{font-size:12px;letter-spacing:.42em;color:var(--muted)}
.logo .name{font-size:24px;letter-spacing:.32em;line-height:1.1}
.logo .name b{font-weight:400;color:var(--accent)}
.site-nav ul{display:flex;flex-wrap:wrap;gap:12px 32px;list-style:none;margin:0;padding:0;font-size:13px;letter-spacing:.16em}
.site-nav a{display:inline-block;padding:6px 0 4px;border-bottom:2px solid transparent}
.site-nav a[aria-current="page"]{border-bottom-color:var(--accent)}
@media (max-width:640px){.logo .name{font-size:19px;letter-spacing:.24em}.site-nav ul{gap:8px 20px}}

/* algemene elementen */
.label{margin:0;font-size:12px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}
.muted{color:var(--muted)}
.more{font-size:14px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}
.btn-line{display:inline-block;font-size:14px;letter-spacing:.12em;border:1px solid var(--ink);padding:14px 28px}
.crumbs{padding:40px 0 0;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumbs span{color:var(--ink)}
h1.page{margin:0;font-size:44px;font-weight:300;line-height:1.15}
@media (max-width:640px){h1.page{font-size:34px}}

/* tabbladen (rubrieken) */
.tabs ul{display:flex;flex-wrap:wrap;gap:4px 36px;list-style:none;margin:32px 0 0;padding:0;border-bottom:1px solid var(--line);font-size:15px}
.tabs a{display:inline-block;padding:12px 0;margin-bottom:-1px;border-bottom:2px solid transparent}
.tabs a[aria-current="page"]{border-bottom-color:var(--ink);font-weight:500}
.tabs .n{color:var(--muted);font-weight:400;margin-left:4px}

/* raster van reeksen */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:48px 40px;padding:40px 0 80px}
.card{display:flex;flex-direction:column;gap:10px}
.card .img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--placeholder)}
.card .t{font-size:19px;line-height:1.3}
.card .m{font-size:14px;color:var(--muted)}
@media (max-width:640px){.grid{grid-template-columns:1fr 1fr;gap:28px 16px}.card .t{font-size:16px}}

/* reekspagina */
.serie-intro{display:flex;flex-wrap:wrap;gap:40px 56px;padding:28px 0 56px;border-bottom:1px solid var(--line)}
.serie-intro .head{flex:1 1 340px;display:flex;flex-direction:column;gap:10px}
.serie-intro h1{margin:0;font-size:52px;font-weight:300;line-height:1.1}
.serie-intro .text{flex:2 1 520px;font-size:17px;line-height:1.7}
.serie-intro .text h5{font-size:14px;font-weight:400;color:var(--muted);margin:0 0 12px}
.serie-intro .text p{margin:0 0 16px}
.serie-intro .text a{border-bottom:1px solid currentColor}
.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:48px 40px;padding:56px 0 64px;align-items:end}
.works .img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;background:none}
.works .t{font-size:16px}
@media (max-width:640px){.serie-intro h1{font-size:38px}.works{grid-template-columns:1fr 1fr;gap:28px 16px}}
.pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:40px 0 64px;border-top:1px solid var(--line);font-size:15px}
.pager a{display:flex;flex-direction:column;gap:4px}
.pager .k{font-size:12px;letter-spacing:.2em;color:var(--muted)}
.pager .next{text-align:right}
.pager .all{align-self:center;font-size:13px;letter-spacing:.16em;color:var(--muted)}

/* werkpagina */
.work{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-start;padding:32px 0 72px}
.work figure{flex:2 1 560px;margin:0;min-width:0}
.work figure img{display:block;width:100%;max-height:85vh;object-fit:contain;background:#ECE7DE;cursor:zoom-in}
.work figcaption{font-size:13px;color:var(--muted);padding-top:10px}
.work .info{flex:1 1 300px;display:flex;flex-direction:column;gap:24px}
.work h1{margin:0;font-size:38px;font-weight:300;font-style:italic;line-height:1.15}
.work dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;font-size:15px;line-height:1.5}
.work dt{color:var(--muted)}
.work dd{margin:0}
.work .nav{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
.work .nav a{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid var(--ink);font-size:18px}

/* voet */
.site-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;padding:32px 0 48px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.site-foot a{color:var(--muted)}

/* beeldbescherming */
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.zoom{cursor:zoom-in;}
.lb{position:fixed;inset:0;z-index:1000;background:rgba(20,19,17,.94);cursor:zoom-out;}
.lb[hidden]{display:none;}
.lb-img{position:absolute;inset:3vh 3vw;background:center/contain no-repeat;-webkit-touch-callout:none;user-select:none;}
.lb-close{position:absolute;top:12px;right:18px;background:none;border:0;color:#F4F1EB;font-size:34px;line-height:1;cursor:pointer;}

/* read more */
.serie-intro .more{background:none;border:0;padding:0;margin-top:.6em;font:inherit;color:var(--accent);border-bottom:1px solid currentColor;cursor:pointer;}

/* links in werkgegevens */
.work dl a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;transition:color .15s;}
.work dl a:hover,.work dl a:focus-visible{color:var(--accent);}

/* ===== nieuwe pagina's (13-11-2026) ===== */
.page-head{padding:16px 0 8px}
.kicker,.label{font-size:12px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}
.label{color:var(--muted);margin:0}
.more-link{font-size:14px;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}
.u{border-bottom:1px solid currentColor}
.small{font-size:14px}
.muted{color:var(--muted)}
h2.sub{font-size:26px;font-weight:300;margin:0 0 8px}
.feature{display:flex;flex-wrap:wrap;gap:40px 56px;align-items:center;padding:48px 0}
.feature-img{flex:1 1 420px;max-width:600px;display:block}
.feature-img img{width:100%;display:block}
.poster-blank{display:flex;align-items:flex-end;aspect-ratio:4/3;background:var(--placeholder);padding:28px;font-size:28px;font-weight:300}
.feature-text{flex:1 1 380px;display:flex;flex-direction:column;gap:16px}
.feature-text h2{margin:0;font-size:38px;font-weight:300;line-height:1.15}
.feature-text .where{margin:0;font-size:18px;line-height:1.5}
.feature-text .intro{margin:0;font-size:16px;line-height:1.65;color:#3A3833;max-width:540px}
.ex-list,.pub-list{padding:24px 0 64px}
.list-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}
.list-head h2{margin:0;font-size:26px;font-weight:300}
.filters{display:flex;gap:8px;font-size:14px}
.filters a{padding:7px 16px;border:1px solid var(--line)}
.filters a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.rows .row,.pub-list .row{display:grid;grid-template-columns:110px minmax(0,1fr) 300px 80px;gap:8px 24px;align-items:baseline;padding:16px 0}
.pub-list .row{grid-template-columns:110px minmax(0,1fr) 320px}
.rows .row.first,.pub-list .row.first{border-top:1px solid var(--line)}
.rows .y,.pub-list .y{font-size:22px;font-weight:300}
.rows .t{display:flex;flex-direction:column;gap:2px}
.rows .title,.pub-list .title{font-size:19px;line-height:1.35}
.rows .t .muted{font-size:14px}
.rows .v,.pub-list .v{font-size:15px;line-height:1.45}
.rows .k{font-size:12px;letter-spacing:.12em;color:var(--muted)}
.rows .k.solo{color:var(--accent)}
.rows a.row:hover .title{color:var(--accent)}
.pub-list .t{display:flex;flex-direction:column;gap:4px}
.pub-list a.title{border-bottom:1px solid transparent}
.pub-list a.title:hover{border-bottom-color:currentColor}
.pub-list .w,.cover-card .w{font-size:14px}
.pub-list .w a,.cover-card .w a{border-bottom:1px solid currentColor}
@media (max-width:820px){
  .rows .row{grid-template-columns:64px minmax(0,1fr)}
  .pub-list .row{grid-template-columns:64px minmax(0,1fr)}
  .rows .v,.pub-list .v{grid-column:2}
  .rows .k{grid-column:2}
  .rows .y,.pub-list .y{font-size:18px}
}
.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:48px 36px;padding:40px 0 80px}
.cover-card{display:flex;flex-direction:column;gap:8px}
.cover{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;aspect-ratio:3/4;background:#ECE7DE;padding:24px;margin-bottom:6px;overflow:hidden}
.cover img{max-width:100%;max-height:100%;width:auto;height:auto;min-height:0;object-fit:contain;box-shadow:0 6px 18px rgba(28,27,25,.16)}
.cover .blank{width:72%;aspect-ratio:3/4;background:#FBF9F5;box-shadow:0 6px 18px rgba(28,27,25,.12);display:flex;flex-direction:column;justify-content:space-between;padding:16px;font-size:16px;line-height:1.25;font-weight:300}
.cover .blank .yr{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.cover-card .t{font-size:16px;line-height:1.3}
.cover-card .m{font-size:14px;color:var(--muted)}
@media (max-width:640px){.covers{grid-template-columns:1fr 1fr;gap:28px 16px}.cover{padding:12px}}
.ex-detail{display:flex;flex-wrap:wrap;gap:40px 72px;align-items:flex-start;padding:24px 0 56px}
.ex-text{flex:1 1 440px;display:flex;flex-direction:column;gap:18px;max-width:720px}
.ex-text .where{margin:0;font-size:19px;line-height:1.5}
.ex-images{flex:1 1 380px;display:flex;flex-direction:column;gap:24px}
.ex-images img{width:100%;display:block}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;margin:0;font-size:15px}
.facts dt{color:var(--muted)}.facts dd{margin:0}
.rich p{margin:0 0 16px}
.rich a{border-bottom:1px solid currentColor}
.rich h2,.rich h3{font-size:20px;font-weight:400;margin:24px 0 8px}
.more{background:none;border:0;padding:0;margin-top:.4em;font:inherit;font-size:15px;color:var(--accent);border-bottom:1px solid currentColor;cursor:pointer}
.about{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px 80px;align-items:start;padding:16px 0 72px}
.bio{display:flex;flex-direction:column;gap:28px}
.bio .lead > p:first-child{font-size:21px;line-height:1.55;font-weight:300}
.bio .rich{font-size:17px;line-height:1.7}
.cv{display:flex;flex-direction:column;gap:32px;padding-top:10px}
.cv h2{margin:0;font-size:26px;font-weight:300}
.cv .born{margin:-16px 0 0;font-size:15px;color:var(--muted)}
.cv-sec h3{margin:0 0 8px;font-size:13px;letter-spacing:.16em;font-weight:500}
.cv-sec ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.45}
.cv-sec li{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:9px 0;border-top:1px solid var(--line)}
.cv-sec .y{color:var(--muted)}
@media (max-width:900px){.about{grid-template-columns:1fr}}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px 96px;align-items:start;padding:16px 0 80px}
.contact-info{display:flex;flex-direction:column;gap:40px}
.contact-info .block{display:flex;flex-direction:column;gap:8px}
.contact-info h2{margin:0;font-size:13px;letter-spacing:.16em;font-weight:500}
.contact-info p{margin:0}
.contact-info .big{font-size:19px;line-height:1.55}
.contact-info .muted{font-size:15px}
.contact-form{display:flex;flex-direction:column;gap:22px;padding-top:84px}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#3A3833}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 16px;font:inherit;font-size:16px;background:#FBF9F5;border:1px solid #CFC8BB;color:var(--ink);border-radius:0}
.contact-form textarea{resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
.contact-form [aria-invalid="true"]{border-color:#B3471F}
.contact-form .err{color:#B3471F;font-size:14px}
.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form .send-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.contact-form button{padding:16px 36px;font:inherit;font-size:14px;letter-spacing:.14em;background:var(--ink);color:var(--bg);border:0;cursor:pointer}
.contact-form button:hover{background:var(--accent)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media (max-width:820px){.contact{grid-template-columns:1fr}.contact-form{padding-top:0}.contact-form .two{grid-template-columns:1fr}}
.hero{margin:0}
.hero img{width:100%;aspect-ratio:1574/516;object-fit:cover;display:block}
.hero figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;font-size:13px;color:var(--muted)}
.hero .ink{color:var(--ink)}
@media (max-width:640px){.hero img{aspect-ratio:4/3}}
.home-intro{display:flex;flex-wrap:wrap;gap:40px 48px;padding:88px 0 80px;border-bottom:1px solid var(--line)}
.home-intro h1{flex:1 1 480px;margin:0;font-size:44px;line-height:1.15;font-weight:300;letter-spacing:-.01em}
.home-intro > div{flex:1 1 420px;display:flex;flex-direction:column;gap:20px}
.home-intro p{margin:0}
@media (max-width:640px){.home-intro{padding:48px 0}.home-intro h1{font-size:32px}.feature-text h2{font-size:30px}}
.home-block{padding:64px 0 24px;border-bottom:1px solid var(--line)}
.home-block:last-of-type{border-bottom:0}
.home-block .feature{padding:28px 0 32px}