.navlogo img{height:46px;width:auto}
.case-hero .r img{object-fit:cover}
.steps{padding:14vh var(--pad) 6vh;background:var(--bone);color:var(--gun)}
.steps-head{margin-bottom:8vh}
.steps-head h2{font-family:Teko;font-weight:700;font-size:clamp(64px,8vw,140px);line-height:.8;text-transform:uppercase;margin-top:10px}
.stp{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;margin-bottom:14vh}
.stp.flip{grid-template-columns:.8fr 1.2fr}
.stp.flip .vis{order:2}
.vis{position:relative;overflow:hidden;width:min(100%,calc(74vh * var(--a)));aspect-ratio:var(--a);justify-self:center;background:#ddd}
.vis img{width:100%;height:100%;display:block}
.vis.pal{display:flex;width:100%}
.vis.pal div{display:flex;flex-direction:column;justify-content:flex-end;padding:18px;font-family:Teko;font-size:28px;text-transform:uppercase;line-height:1}
.vis.pal small{font-family:Titillium;font-size:13px;text-transform:none;opacity:.85;margin-top:6px}
.vis.labels{display:grid;grid-template-columns:1fr;align-content:center;gap:12px;padding:6%;background:#0f1012;width:min(100%,calc(74vh * 1.1))}
.vis.labels img{height:auto}
.stp .num{font-family:Teko;font-weight:700;font-size:110px;line-height:.8;color:var(--cin)}
.stp h3{font-family:Teko;font-weight:600;font-size:clamp(34px,3vw,48px);text-transform:uppercase;line-height:1;margin:10px 0 16px}
.stp p{font-size:19px;line-height:1.65;color:#34444d;max-width:520px}
.results.jg{padding:14vh var(--pad) 10vh}
.results.jg .steps-head{margin-bottom:5vh}
.jrow figcaption{position:absolute;left:0;bottom:0;background:var(--gun-d);font-family:Teko;font-size:17px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px 4px;color:var(--bone)}
.f a{color:var(--cin)}

/* instagram carrousel */
.igc{display:grid;grid-template-columns:1fr auto;gap:6vw;align-items:center;padding:14vh var(--pad);background:var(--gun)}
.igc h2{font-family:Teko;font-weight:700;font-size:clamp(56px,6.5vw,110px);line-height:.85;text-transform:uppercase;margin:12px 0 22px}
.igc p{font-size:19px;line-height:1.6;max-width:480px;color:rgba(237,234,227,.85)}
.igpost{width:min(36vw,440px);background:#fff;color:#111;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);font-family:system-ui,sans-serif}
.igh{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px}
.igh .av{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;border:2px solid #e1306c}
.igh i{margin-left:auto;font-style:normal;color:#666}
.igv{position:relative;overflow:hidden;aspect-ratio:4/5}
.igt{display:flex;height:100%}
.igt img{height:100%;aspect-ratio:4/5;flex:none;object-fit:cover}
.igv .cnt{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;border-radius:12px;padding:3px 9px}
.igf{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 14px;font-size:20px;color:#222}
.igf .dots{display:flex;gap:4px}.igf .dots i{width:6px;height:6px;border-radius:50%;background:#ccc}.igf .dots i.on{background:#0095f6}
@media (max-width:900px){.stp,.stp.flip{grid-template-columns:1fr}.stp.flip .vis{order:0}.igc{grid-template-columns:1fr}.igpost{width:86vw}}
/* horizontaal proces (Bolt&Brush-cases) */
.process .ptrack{align-items:center;gap:7vw}
.pcard2{display:flex;align-items:center;gap:40px;flex:none}
.pcard2 .vis{height:min(58vh,560px);width:auto;max-width:52vw;aspect-ratio:var(--a);flex:none;justify-self:auto}
.pcard2 .vis.pal{aspect-ratio:1.5;width:auto}
.pcard2 .vis.labels{aspect-ratio:1.1;width:auto}
.pcard2 .tx{width:340px;flex:none}
.pcard2 .num{font-family:Teko;font-weight:700;font-size:100px;line-height:.8;color:var(--cin)}
.pcard2 h3{font-family:Teko;font-weight:600;font-size:38px;text-transform:uppercase;line-height:1;margin:8px 0 14px}
.pcard2 p{font-size:17px;line-height:1.6;color:#3b4b54}
@media (max-width:900px){.pcard2{flex-direction:column;align-items:flex-start;width:84vw}.pcard2 .vis{height:auto;width:84vw;max-width:none}.pcard2 .tx{width:auto}}

/* ---------- v6 ---------- */
/* proces: kader volgt het beeld, nooit croppen */
.process-pin{padding-top:var(--hh)}
.pcard2 .vis{height:auto;max-width:none;width:min(calc(min(54vh,540px) * var(--a)),56vw);aspect-ratio:var(--a)}
.pcard2 .vis img{object-fit:contain}
.pcard2 .vis.pal{width:min(calc(min(54vh,540px) * 1.5),56vw);aspect-ratio:1.5}
.pcard2 .vis.labels{width:min(calc(min(54vh,540px) * 1.9),56vw);height:auto;aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:14px;padding:4%}

.pcard2 .vis.pal{box-shadow:inset 0 0 0 1px rgba(32,54,66,.18)}
@media (max-width:900px){.pcard2 .vis,.pcard2 .vis.pal,.pcard2 .vis.labels{width:84vw}}
.pcard2 .vis.pal div{box-shadow:inset 0 0 0 1px rgba(32,54,66,.14)}