@charset "UTF-8";
:root{
    box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
    --bg:#fff;
    --ink:#1a1a1a;
    --or:#e8601c;
    --bar:#c8dbe4;--blue:#8aa5b5;--cap:#333;
    --rule:#888;
}


.bar {
    background:var(--bar);height:70px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:2px dotted var(--rule);position:relative;
}
.bar .n{font-size:56px;color:var(--or);line-height:1;font-family:Georgia,serif}
.bar .stripes{display:flex;gap:10px;align-self:flex-start}
.bar .stripes i{display:block;width:12px;height:44px;background:#fff}
.bar .stripes i:nth-child(3){width:40px}
.bar small{margin-left:auto;font:700 11px/1 Arial,Helvetica,sans-serif;display:flex;gap:110px;white-space:nowrap;overflow:hidden}


.bmp-byline{
    font:9px Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    color:var(--cap);
    letter-spacing:0.1em;margin:0 0 20px;
    /*grid-column:1;grid-row:3;align-self:end;*/
    text-wrap: balance;
    border-bottom: 1px solid;
}











.lc-page .lc-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: var(--band);
    height: 78px;
    width:100%;
    /*margin: 0 calc(-1 * clamp(10px, 1vw, 18px));*/
    padding: 0 clamp(10px, 1vw, 18px);

}
.lc-page .top {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 4px dotted var(--rule);
}

.lc-page .top .n {
    font: 400 62px/1 Georgia, serif;
    color: var(--accent);
    margin-top: 2px;
}

.lc-page .top .bars {
    display: flex;
    gap: 6px;
    margin-top: 0;
}

.lc-page .bars i {
    display: block;
    width: 16px;
    height: 52px;
    background: var(--paper);
}

.lc-page .top .meta {
    margin-left: auto;
    display: flex;
    /*gap: min(20vw, 390px);*/
    gap: 0.4em;
    font: 700 11px/1 Arial, sans-serif;
    padding-top: 44px;
}






/*
Foto van het rode plein
 */
.kvp-grid .ph-l .photo-credit {
    /*"Roboto Condensed",*/
    font-family: "Roboto Condensed", Helvetica, "Nimbus Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #111;
    -webkit-font-smoothing: antialiased;
}
.kvp-grid .kvp-photo {
    /* halves sit side by side, no whitespace between them */
    display: flex;
    gap: 0;
}
/*height for both: 565px*/
.kvp-grid .kvp-photo img {
    height: auto;         /* keep each half's aspect ratio */
    min-width: 0;
}
.kvp-grid .kvp-photo img:first-child {
    width: 654%;           /* left (wider) half */
}
.kvp-grid .kvp-photo img:last-child {
    width: 240%;           /* right (narrower) half */
}