/* ═══════════════════════════════════════════════════════════
   CHROME — huisstijl van de publieke site: navigatie, menu,
   paginakoppen, footer, typografie en werkkaarten. Alleen geladen
   door de Site-controller, zodat beheer en login onaangeroerd blijven.

   Kleur komt alleen uit het werk; de site zelf is zwart op wit.
   ═══════════════════════════════════════════════════════════ */

:root{
	--wall: #f6f5f2;
	--wall-2: #ecebe7;
	--ink: #141414;
	--muted: #66645f;
	--rule: rgba(20,20,20,.12);
	--serif: 'Fraunces', Georgia, serif;
	--sans: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
	--gutter: clamp(16px, 4vw, 64px);
	--nav-h: 84px;
	--ease: cubic-bezier(.2,.7,.2,1);

	/* typografische schaal: dit zijn de enige groottes op de site */
	--fs-display: clamp(3rem, 7vw, 6.5rem);
	--fs-xl: clamp(2rem, 3.4vw, 3rem);
	--fs-l: 1.5rem;
	--fs-m: 1.125rem;
	--fs-base: 1rem;
	--fs-s: .875rem;
}

body{
	background: var(--wall);
	color: var(--ink);
	font-family: var(--sans);
	font-size: var(--fs-base);
	line-height: 1.65;
	cursor: auto;
}
body a:hover{ cursor: pointer; }
::selection{ background: var(--ink); color: var(--wall); }
:focus-visible{ outline: 1px solid var(--ink); outline-offset: 3px; }

/* het handtekeninglogo neemt de tekstkleur aan */
.logo-signature{ display: block; height: 100%; width: auto; }
.logo-signature .cls-1{ fill: currentColor; }

/* ═══════════ TYPOGRAFIE ═══════════
   Twee families: Fraunces voor titels, Instrument Sans voor al het
   andere. Oude paginastijlen gebruiken Raleway, Source Serif, Playfair
   en Libre Baskerville met eigen groottes; die worden hier op de schaal
   gezet. Uitzonderingen: het handschrift en de kop van de biografie. */

body h1, body h2, body h3, body h4, body h5, body h6{ color: inherit; margin-top: 0; }

/* paginatitel */
body h1, body .h1, body .display-1, body .display-2, body .display-3, body .display-4,
body .big-title, body .u-h1, body #tiles-title, body .t-diff, body #muziek-titel, body .groot-jaartal{
	font-family: var(--serif) !important;
	font-weight: 300 !important;
	font-size: var(--fs-display) !important;
	line-height: 1 !important;
	letter-spacing: -.03em !important;
}

/* sectietitel */
body h2, body .h2, body .u-h2, body .sec-title, body .title-serif, body #hero-title, body blockquote{
	font-family: var(--serif) !important;
	font-weight: 300 !important;
	font-size: var(--fs-xl) !important;
	line-height: 1.1 !important;
	letter-spacing: -.02em !important;
}

/* tussenkop */
body h3, body .h3, body .alt_title, body #hero-year{
	font-family: var(--serif) !important;
	font-weight: 400 !important;
	font-size: var(--fs-l) !important;
	line-height: 1.2 !important;
	letter-spacing: -.01em !important;
}

/* kleine koppen en inleidingen */
body h4, body .h4, body .u-h4, body h5, body .h5, body .text-block, body .quote{
	font-family: var(--sans) !important;
	font-weight: 500 !important;
	font-size: var(--fs-m) !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
}
body h6, body .h6{
	font-family: var(--sans) !important;
	font-weight: 500 !important;
	font-size: var(--fs-base) !important;
	line-height: 1.5 !important;
	letter-spacing: 0 !important;
}

/* lopende tekst en kleine tekst */
body p, body li, body label, body .form-control, body #description, body #hero-description,
body #schilderij-description, body .alt_text{ font-size: var(--fs-base); }
body small, body .small, body .afmetingen, body figcaption, body .fotos-eike{
	font-size: var(--fs-s) !important; letter-spacing: 0 !important;
}
body .serif{ font-family: var(--serif) !important; }

/* uitzonderingen die bewust afwijken */
body .handwritten{ font-family: 'Indie Flower', cursive !important; }
body #hero-in h1{
	font-family: var(--sans) !important; font-weight: 700 !important;
	font-size: 6em !important; line-height: 1.2 !important; letter-spacing: -.03em !important;
}
@media screen and (max-width: 768px){ body #hero-in h1{ font-size: 3em !important; } }

/* ═══════════ NAVIGATIE ═══════════ */
.sn{
	position: fixed; inset: 0 0 auto 0; z-index: 1000;
	color: var(--ink);
	transition: transform .5s var(--ease);
}
.sn.is-hidden{ transform: translateY(-100%); }

.sn__bar{
	position: relative; z-index: 2;
	height: var(--nav-h);
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem;
	padding: 0 var(--gutter);
	background: var(--wall);
	box-shadow: 0 1px 0 transparent;
	transition: box-shadow .4s ease;
}
.sn.is-scrolled .sn__bar{ box-shadow: 0 1px 0 var(--rule); }

.sn__logo{ display: block; height: 34px; color: var(--ink); justify-self: center; transition: opacity .3s ease; }
.sn__logo:hover{ opacity: .6; }

.sn__links{ display: flex; align-items: center; gap: clamp(20px, 2.6vw, 40px); }
.sn__links--right{ justify-content: flex-end; }

.sn__link{
	position: relative;
	font-size: var(--fs-s); font-weight: 500;
	color: var(--ink); text-decoration: none;
	padding: 8px 0;
}
.sn__link:hover{ color: var(--ink); }
.sn__link--series{ font-family: var(--serif); font-style: italic; font-weight: 400; font-size: var(--fs-base); }

.sn__link::after{
	content: ''; position: absolute; left: 0; bottom: 0;
	width: 100%; height: 1px; background: currentColor;
	transform: scaleX(0); transform-origin: left;
	transition: transform .45s var(--ease);
}
.sn__link:hover::after, .sn__link.active::after{ transform: scaleX(1); }

.sn__toggle{
	display: none;
	align-items: center; gap: .8rem; justify-self: end;
	background: none; border: 0; padding: 8px 0;
	font: inherit; font-size: var(--fs-s); font-weight: 500; color: var(--ink);
}
.sn__toggle-icon{ position: relative; width: 24px; height: 8px; }
.sn__toggle-icon i{
	position: absolute; left: 0; right: 0; height: 1px; background: currentColor;
	transition: transform .4s var(--ease), top .4s var(--ease);
}
.sn__toggle-icon i:first-child{ top: 0; }
.sn__toggle-icon i:last-child{ top: 7px; }
.sn.is-open .sn__toggle-icon i:first-child{ top: 4px; transform: rotate(45deg); }
.sn.is-open .sn__toggle-icon i:last-child{ top: 4px; transform: rotate(-45deg); }

/* menu op kleine schermen */
.sn__menu{
	position: fixed; inset: 0; z-index: 1;
	display: flex; flex-direction: column; justify-content: space-between;
	padding: calc(var(--nav-h) + 32px) var(--gutter) 32px;
	background: var(--wall);
	visibility: hidden; opacity: 0;
	transition: opacity .4s ease, visibility 0s linear .4s;
}
.sn.is-open .sn__menu{ visibility: visible; opacity: 1; transition: opacity .4s ease; }
.sn__menu-list{ list-style: none; margin: 0; padding: 0; }
.sn__menu-list li{
	opacity: 0; transform: translateY(14px);
	transition: opacity .6s var(--ease), transform .6s var(--ease);
}
.sn.is-open .sn__menu-list li{ opacity: 1; transform: none; }
.sn.is-open .sn__menu-list li:nth-child(2){ transition-delay: .04s; }
.sn.is-open .sn__menu-list li:nth-child(3){ transition-delay: .08s; }
.sn.is-open .sn__menu-list li:nth-child(4){ transition-delay: .12s; }
.sn.is-open .sn__menu-list li:nth-child(5){ transition-delay: .16s; }
.sn.is-open .sn__menu-list li:nth-child(6){ transition-delay: .2s; }
.sn.is-open .sn__menu-list li:nth-child(7){ transition-delay: .24s; }
.sn__menu-list a{
	display: block; padding: .15rem 0;
	font-family: var(--serif); font-weight: 300; font-size: var(--fs-xl); line-height: 1.2; letter-spacing: -.02em;
	color: var(--ink); text-decoration: none;
}
.sn__menu-foot{ margin: 0; font-size: var(--fs-s); color: var(--muted); }

body.sn-locked{ overflow: hidden; }

/* taalkeuze */
.sn__right{ display: flex; align-items: center; justify-content: flex-end; gap: clamp(20px, 2.6vw, 40px); }
.sn__lang{ position: relative; }
.sn__lang summary{
	list-style: none; cursor: pointer;
	font-size: var(--fs-s); font-weight: 500; letter-spacing: .04em;
	padding: 8px 0 8px 1.2rem; border-left: 1px solid var(--rule);
}
.sn__lang summary::-webkit-details-marker{ display: none; }
.sn__lang summary::after{ content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 8px; border: solid currentColor; border-width: 0 1px 1px 0; transform: rotate(45deg); transition: transform .3s ease; }
.sn__lang[open] summary::after{ transform: translateY(3px) rotate(-135deg); }
.sn__lang ul{
	position: absolute; right: 0; top: calc(100% + 10px); z-index: 3;
	list-style: none; margin: 0; padding: .5rem 0; min-width: 11rem;
	background: var(--wall); box-shadow: 0 0 0 1px var(--rule), 0 18px 40px -20px rgba(0,0,0,.35);
}
.sn__lang a{ display: block; padding: .45rem 1.1rem; font-size: var(--fs-s); color: var(--ink); text-decoration: none; }
.sn__lang a:hover{ background: var(--wall-2); color: var(--ink); }
.sn__lang a[aria-current]{ font-weight: 600; }

.sn__menu-langs{ display: flex; gap: 1.2rem; list-style: none; margin: 0 0 1rem; padding: 0; }
.sn__menu-langs a{ font-size: var(--fs-s); font-weight: 500; color: var(--muted); text-decoration: none; }
.sn__menu-langs a[aria-current]{ color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.sn__menu-foot p{ margin: 0; font-size: var(--fs-s); color: var(--muted); }

@media (max-width: 1080px){
	.sn__bar{ grid-template-columns: auto 1fr; }
	.sn__links, .sn__right{ display: none; }
	.sn__toggle{ display: inline-flex; }
	.sn__logo{ justify-self: start; height: 28px; }
}
@media (max-width: 900px){
	:root{ --nav-h: 68px; }
}

/* ═══════════ PAGINAKOP ═══════════ */
.ph{
	display: grid; grid-template-columns: repeat(12, 1fr); column-gap: clamp(16px, 2vw, 32px);
	align-items: end;
	padding: calc(var(--nav-h) + clamp(56px, 12vh, 140px)) var(--gutter) clamp(56px, 9vh, 104px);
}
.ph--image{ padding-top: calc(var(--nav-h) + clamp(32px, 6vh, 72px)); }
.ph__text{ grid-column: 1 / span 7; }
/* ruimte onder de titel; specifiek genoeg om .museum h1 { margin: 0 } te winnen */
body .ph .ph__title{ margin: 0 0 clamp(24px, 3.4vh, 40px) !important; }
.ph__intro{ max-width: 44ch; margin: 0; font-size: var(--fs-m) !important; line-height: 1.6; color: var(--muted); }
.ph i{ font-family: var(--serif); font-style: italic; }

.ph__figure{ grid-column: 9 / span 4; margin: 0; }
.ph__figure img{ display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.ph__figure figcaption{ margin-top: .7rem; color: var(--muted); }

@media (max-width: 900px){
	.ph{ grid-template-columns: 1fr; padding-top: calc(var(--nav-h) + 48px); }
	.ph__text{ grid-column: 1; }
	.ph__figure{ grid-column: 1; margin-bottom: 40px; order: -1; }
	.ph__figure img{ aspect-ratio: 4 / 3; }
}

/* ═══════════ WERKKAARTEN (galerie, sculpturen, locaties) ═══════════
   Het werk heel en ongesneden, zonder kader, schaduw of witte kaart. */
.schilderij-kaart-holder{ gap: clamp(40px, 5vw, 72px) clamp(20px, 3vw, 40px) !important; align-items: end; }
body .schilderij-kaart{
	display: flex; flex-direction: column;
	background: transparent;
	box-shadow: none;
	color: var(--ink);
}
body .schilderij-kaart .schilderij-img{
	display: flex; align-items: flex-end; justify-content: flex-start;
	height: auto; aspect-ratio: 1;
	background-size: contain;
	background-position: left bottom;
	transition: opacity .3s ease;
}
body .schilderij-kaart .schilderij-img img{ display: block; max-width: 100%; max-height: 100%; }
body .schilderij-kaart:hover .schilderij-img{ opacity: .85; }
body .schilderij-kaart .schilderij-info{ padding: 1rem 0 0; }
body .schilderij-kaart .schilderij-info h5{
	font-family: var(--serif) !important; font-style: italic; font-weight: 400 !important;
	font-size: var(--fs-m) !important; margin: 0;
}
body .schilderij-kaart .schilderij-info p{ font-size: var(--fs-s); font-weight: 400; color: var(--muted); }

body .schilderij-kaart.locatie{ display: inline-flex; flex-direction: row; align-items: center; gap: 1rem; margin-right: 2rem !important; }
body .schilderij-kaart.locatie .locatie-image-holder{ width: 120px; height: 80px; }
body .schilderij-kaart.locatie .locatie-info-holder{ padding: 0; }
body .schilderij-kaart.locatie h6{ font-size: var(--fs-s) !important; }

/* de grijze vlakken van oude pagina's worden muur */
body .bg-solid-less-light, body .bg-solid-light, body .bg-themed-light{ background: transparent; }

/* ═══════════ FOOTER ═══════════ */
footer.sf{
	border-top: 0;
	background: var(--ink);
	color: rgba(255,255,255,.9);
	padding: clamp(72px, 12vh, 128px) var(--gutter) 28px;
	font-size: var(--fs-s);
}
.sf a{ color: inherit; text-decoration: none; }
.sf a:hover{ color: #fff; }

.sf__top{
	display: grid; grid-template-columns: 2fr 1fr 1.4fr 1fr;
	gap: clamp(32px, 4vw, 64px);
	padding-bottom: clamp(48px, 8vh, 88px);
}
.sf__logo{ display: block; height: 40px; width: max-content; color: #fff; margin-bottom: 1.8rem; }
body .sf__motto{
	font-family: var(--serif); font-weight: 300; font-size: var(--fs-l); line-height: 1.25; letter-spacing: -.01em;
	max-width: 17ch; margin: 0 0 2rem;
}
.sf__cta{
	display: inline-flex; align-items: center; gap: .7em;
	font-weight: 500;
	padding-bottom: 3px; border-bottom: 1px solid currentColor;
}
.sf__cta::after{ content: '\2192'; transition: transform .3s ease; }
.sf__cta:hover::after{ transform: translateX(4px); }

body .sf__head{
	font-family: var(--sans) !important; font-weight: 500 !important; font-size: var(--fs-s) !important;
	color: rgba(255,255,255,.5);
	margin: 0 0 1.1rem;
}
.sf__col ul{ list-style: none; margin: 0; padding: 0; }
body .sf__col li{ margin-bottom: .45rem; font-size: var(--fs-s); }
.sf__col a{ color: rgba(255,255,255,.82); transition: color .2s ease; }

.sf__bottom{
	display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
	padding-top: 32px;
	font-size: var(--fs-s); color: rgba(255,255,255,.45);
}
.sf__top-link::after{ content: ' \2191'; }
.sf__head--lang{ margin-top: 2rem !important; }
.sf__langs a[aria-current]{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px){
	.sf__top{ grid-template-columns: 1fr 1fr; }
	.sf__brand{ grid-column: 1 / -1; }
}
@media (max-width: 520px){
	.sf__top{ grid-template-columns: 1fr; }
}

/* ═══════════ KNOPPEN EN FORMULIEREN ═══════════ */
.btn{ border-radius: 0; font-size: var(--fs-s); font-weight: 500; }
.btn-black-outline{
	cursor: pointer !important;
	border: 1px solid var(--ink); color: var(--ink);
	transition: background .3s ease, color .3s ease;
}
.btn-black-outline:hover{ background: var(--ink); color: var(--wall); }
.form-control, .form-select{ background: var(--wall-2); }
.form-control:focus, .form-select:focus{ background: #fff; box-shadow: 0 0 0 1px var(--ink); }

@media (prefers-reduced-motion: reduce){
	.sn, .sn__menu, .sn__menu-list li{ transition: none !important; }
}

/* ═══════════ KANTLIJN ═══════════
   Oude paginacontainers volgen dezelfde kantlijn als koppen en footer,
   zodat alle inhoud op één verticale lijn begint. */
body .container, body .container-lg, body .container-xl, body .container-wide{
	max-width: none;
	padding-left: var(--gutter); padding-right: var(--gutter);
}

/* ═══════════ TE ZIEN BIJ (galerie, sculpturen) ═══════════ */
.ls{ padding: 0 0 clamp(56px, 9vh, 96px); position: relative; }
.ls__head{
	display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem;
	padding: 0 var(--gutter); margin-bottom: clamp(20px, 3vh, 32px);
}
body .ls__title{ margin: 0 0 .5rem !important; }
.ls__sub{ margin: 0 !important; color: var(--muted); max-width: 46ch; }
.ls__nav{ display: flex; gap: .5rem; flex: none; }
.ls__arrow{
	width: 44px; height: 44px; border-radius: 50%;
	border: 1px solid var(--rule); background: transparent; color: var(--ink);
	font-size: 18px; line-height: 1; cursor: pointer;
	transition: background .2s ease, border-color .2s ease, opacity .2s ease;
}
.ls__arrow:hover{ background: var(--ink); color: var(--wall); border-color: var(--ink); }
.ls.is-start [data-ls-prev], .ls.is-end [data-ls-next]{ opacity: .3; pointer-events: none; }
.ls.is-fit .ls__nav{ display: none; }

.ls__track{
	list-style: none; margin: 0; padding: 0 var(--gutter) 6px;
	display: grid; grid-auto-flow: column; grid-auto-columns: clamp(220px, 24vw, 300px);
	gap: clamp(16px, 2vw, 28px);
	overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter);
	scrollbar-width: none;
}
.ls__track::-webkit-scrollbar{ display: none; }
.ls__track > li{ scroll-snap-align: start; }
.ls__item{ display: flex; flex-direction: column; color: var(--ink); text-decoration: none; }
.ls__item:hover{ color: var(--ink); }
.ls__img{ display: block; aspect-ratio: 4 / 3; background: var(--wall-2); overflow: hidden; margin-bottom: .9rem; }
.ls__img img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.ls__item:hover .ls__img img{ transform: scale(1.03); }
.ls__name{ font-family: var(--serif); font-style: italic; font-weight: 300; font-size: var(--fs-m); line-height: 1.3; }
.ls__place{ font-size: var(--fs-s); color: var(--muted); margin-top: .15rem; }

/* kop boven de werken in galerie en sculpturen */
body .gl-heading{ margin: 0 0 clamp(24px, 4vh, 40px) !important; }

@media (max-width: 700px){
	.ls__nav{ display: none; }
	.ls__track{ grid-auto-columns: 72%; }
}
@media (prefers-reduced-motion: reduce){
	.ls__img img{ transition: none; }
}

/* ═══════════ ZOEKEN IN DE GALERIE ═══════════ */
.gl-head{ display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: clamp(24px, 4vh, 40px); }
body .gl-head .gl-heading{ margin: 0 !important; }
.gl-search{ position: relative; flex: 0 1 380px; margin: 0; }
.gl-search__icon{ position: absolute; left: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.gl-search input{
	width: 100%; padding: .6rem 2rem .6rem 1.9rem;
	border: 0; border-bottom: 1px solid rgba(20,20,20,.25); border-radius: 0; background: transparent;
	font: inherit; font-size: var(--fs-m); color: var(--ink);
	transition: border-color .2s ease;
}
.gl-search input::placeholder{ color: var(--muted); opacity: .8; }
.gl-search input:focus{ outline: 0; border-bottom-color: var(--ink); box-shadow: 0 1px 0 0 var(--ink); }
.gl-search input::-webkit-search-cancel-button{ display: none; }
.gl-search__clear{
	position: absolute; right: 0; top: 50%; transform: translateY(-50%);
	width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent;
	font-size: 20px; line-height: 1; color: var(--muted); cursor: pointer;
}
.gl-search__clear:hover{ background: var(--wall-2); color: var(--ink); }
.gl-empty{ color: var(--muted); font-family: var(--serif); font-size: var(--fs-l) !important; font-weight: 300; margin: 0 0 3rem !important; }
@media (max-width: 700px){ .gl-search{ flex-basis: 100%; } }

/* ═══════════ FOTO VERGROTEN (Fancybox) ═══════════
   De donkere laag begint onder de navigatie; de navigatie blijft zichtbaar. */
.fancybox__container{ top: var(--nav-h) !important; height: auto !important; bottom: 0 !important; }
html.with-fancybox .sn{ transform: none !important; }
html.with-fancybox .sn__bar{ box-shadow: 0 1px 0 var(--rule); }
.fancybox__container{ --fancybox-accent-color: #ffffff; --carousel-button-svg-stroke-width: 1.5; }

/* ═══════════ IMPRESSIES EN LOCATIEKAART (schilderij, sculptuur, locatie) ═══════════ */
.wk-more{ padding: clamp(56px, 9vh, 104px) var(--gutter) clamp(72px, 12vh, 128px); display: grid; gap: clamp(56px, 9vh, 96px); }
.wk-more__head{ display: flex; align-items: baseline; gap: .8rem; margin-bottom: clamp(20px, 3vh, 32px); }
body .wk-more__head h2{ margin: 0 !important; }
.wk-more__count{ font-size: var(--fs-s); color: var(--muted); font-variant-numeric: tabular-nums; }

/* impressies: rustig raster, alles even hoog */
.wk-imp{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); }
.wk-imp--1{ grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.wk-imp--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wk-imp__item{ display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--wall-2); cursor: zoom-in; }
.wk-imp--1 .wk-imp__item{ aspect-ratio: 3 / 2; }
.wk-imp__item img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1), opacity .3s ease; }
.wk-imp__item:hover img{ transform: scale(1.03); }

/* locatie: brede kaart, foto links en tekst rechts */
.wk-loc{
	display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center;
	gap: clamp(24px, 4vw, 64px); color: var(--ink); text-decoration: none;
}
.wk-loc:hover{ color: var(--ink); }
.wk-loc__img{ display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--wall-2); }
.wk-loc__img img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.wk-loc:hover .wk-loc__img img{ transform: scale(1.03); }
.wk-loc__body{ display: flex; flex-direction: column; gap: .5rem; max-width: 46ch; }
.wk-loc__name{ font-family: var(--serif); font-style: italic; font-weight: 300; font-size: var(--fs-xl); line-height: 1.1; letter-spacing: -.01em; }
.wk-loc__place{ font-size: var(--fs-s); color: var(--muted); }
.wk-loc__text{ color: var(--muted); line-height: 1.65; margin-top: .4rem; }
.wk-loc__link{ margin-top: 1rem; align-self: flex-start; font-size: var(--fs-s); font-weight: 500; border-bottom: 1px solid var(--ink); padding-bottom: 2px; }

@media (max-width: 760px){
	.wk-imp, .wk-imp--1{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wk-imp--1 .wk-imp__item{ grid-column: 1 / -1; }
	.wk-loc{ grid-template-columns: 1fr; gap: 20px; }
}

/* na navigeren krijgt de paginatitel de focus (voor schermlezers); geen zichtbare rand */
h1[tabindex="-1"]:focus, h1[tabindex="-1"]:focus-visible{ outline: none !important; }