:root{--paper:#fffaf7;--cream:#fbf5ef;--peach:#df8060;--line:#efc5b7;--ink:#1f211f;--muted:#77706a;--max:1260px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.info{background:#f6d9d5;border-bottom:1px solid rgba(0,0,0,.025)}.info-inner{max-width:var(--max);margin:auto;padding:8px 28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.035em}
.header{background:rgba(255,250,247,.98);border-bottom:1px solid rgba(0,0,0,.04)}.nav{max-width:var(--max);margin:auto;min-height:104px;padding:12px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.nav-left,.nav-right{display:flex;align-items:center;gap:26px}.nav-right{justify-content:flex-end}.nav a{font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.nav-logo{width:185px}.nav-logo img{width:100%;height:auto}
.main{max-width:var(--max);margin:auto;padding:38px 28px 58px}.page-title{text-align:center;margin-bottom:38px}.page-title h1{font-size:56px;font-weight:300;letter-spacing:.23em;text-transform:uppercase;margin:0}.rule{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px auto;color:var(--peach)}.rule:before,.rule:after{content:"";width:145px;height:1px;background:var(--line)}.page-title p{margin:8px 0 0;color:var(--muted);font-size:14px}
.brand-row{display:grid;grid-template-columns:210px minmax(0,1fr) 160px;gap:26px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.brand-logo img{max-width:175px;max-height:85px;object-fit:contain}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{background:#fff;border-radius:12px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.tile img{width:100%;height:100%;object-fit:contain;padding:8px}.placeholder{background:linear-gradient(145deg,#fff,#f9eee8);border:1px dashed #e7c4b9;color:#9b8d85;font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:18px}.more{justify-self:end;border:1px solid var(--peach);padding:12px 18px;color:#5f554f;font-size:10px;text-transform:uppercase;font-weight:700;white-space:nowrap}
.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px}.brand-hero{text-align:center;margin-bottom:34px}.brand-hero .big-logo{height:84px;display:flex;justify-content:center;align-items:center;margin-bottom:14px}.brand-hero .big-logo img{max-width:240px;max-height:84px;object-fit:contain}.brand-hero h1{font-size:42px;letter-spacing:.16em;text-transform:uppercase;margin:0}.back{display:inline-block;margin-top:16px;border:1px solid var(--peach);padding:10px 18px;font-size:10px;text-transform:uppercase;font-weight:700}
.all-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.all-card{background:#fff;border-radius:14px;padding:12px}.all-card .photo{aspect-ratio:1/1;background:#fbf7f3;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.all-card img{width:100%;height:100%;object-fit:contain}.empty-page{background:#fff;border:1px solid var(--line);padding:55px 30px;text-align:center;color:var(--muted);font-size:14px}
.footer{background:#f8dfdc;padding:26px;text-align:center;font-size:11px}.footer a{font-weight:700}
@media(max-width:900px){.info-inner{flex-wrap:wrap}.nav{grid-template-columns:1fr}.nav-left,.nav-right{justify-content:center;flex-wrap:wrap}.nav-logo{order:-1;margin:auto}.brand-row{grid-template-columns:1fr}.brand-logo{display:flex;justify-content:center}.more{justify-self:center}.preview-grid,.all-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.info-inner span:nth-child(2){display:none}.preview-grid,.all-grid{grid-template-columns:1fr 1fr}.page-title h1{font-size:38px}.brand-row{padding:22px 0}.nav-left,.nav-right{gap:14px}.nav a{font-size:9px}}

/* 19-08-2026 definitieve merk-subpagina update */
.nav-logo img{width:190px;height:auto;object-fit:contain}
.brand-hero .big-logo{margin-bottom:22px}
.brand-hero>p{font-size:16px;color:var(--ink);margin:0 0 8px}
.empty-page.coming-soon{
  background:transparent;border:0;border-top:1px solid var(--line);
  padding:34px 30px;text-align:center;color:var(--ink);
  font-size:28px;font-style:italic;letter-spacing:.02em
}


/* DEFINITIEVE LOGO-FIX: witte rechthoeken van bronlogo's laten opgaan in achtergrond */
.brand-logo img,
.brand-hero .big-logo img{
    mix-blend-mode:multiply !important;
}
.brand-logo,
.brand-hero .big-logo{
    background:transparent !important;
}