/*
Theme Name: Scheringa-art
Author: Studio Atelier
Description: Een premium museum- en collectiethema met rustige aardetinten, lichtblauw en sculpturale beweging. Inclusief beheerbare kunstcollectie en verkoop op aanvraag.
Version: 1.5.3
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scheringa-atelier
Tags: art, portfolio, custom-logo, featured-images, e-commerce
*/
:root{--paper:#f5f2eb;--white:#fcfbf8;--ink:#302d28;--muted:#777167;--red:#7db8d9;--line:#d9d4c9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:white}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.reading-progress{height:2px;background:var(--red);position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:99}.site-header{height:112px;margin:0 5.2%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{font-family:var(--serif);font-size:29px;letter-spacing:4px;line-height:1.1}.brand span{display:block;font:16px var(--sans);letter-spacing:2.2px;margin-top:10px}.site-header nav,.site-header nav ul{display:flex;align-items:center;gap:38px;list-style:none;padding:0}.site-header nav a{font-size:16px;position:relative}.site-header nav a:after{content:'';height:1px;background:var(--red);position:absolute;left:0;bottom:-7px;width:0;transition:width .3s}.site-header nav a:hover:after{width:100%}.site-header nav a span{margin-left:20px}.menu-toggle{display:none}.hero{position:relative;max-width:1600px;margin:auto;padding:74px 7% 0;min-height:790px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.eyebrow{font-size:16px;letter-spacing:2px;font-weight:500;line-height:1.7;margin:0 0 29px}.small-star{color:var(--red);font-size:22px;margin-right:12px;vertical-align:middle;display:inline-block;animation:rotate 35s linear infinite}h1,h2,.statement{font-family:var(--serif);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:0}h1{font-size:clamp(70px,7.8vw,122px)}em{font-weight:400;color:var(--red)}.hero-copy{padding-top:26px;z-index:2}.intro{max-width:340px;font-size:16px;color:var(--muted);line-height:1.9;margin:28px 0 30px}.button{display:inline-flex;gap:43px;align-items:center;background:var(--red);border:1px solid var(--red);color:white;padding:16px 24px;font-size:16px;transition:background .3s,transform .3s}.button:hover{background:#66a5ca;transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:44px;font-size:16px;line-height:1.8;color:var(--muted)}.vertical-line{height:35px;width:1px;background:var(--red)}.hero-stage{position:relative;align-self:start;height:565px;perspective:1200px;margin-top:5px;--rx:0deg;--ry:0deg}.hero-frame{position:absolute;inset:14px 35px 25px 33px;padding:11px;background:linear-gradient(125deg,#705741,#b59c77 15%,#382b21 48%,#baa586 72%,#55422d);box-shadow:21px 28px 40px #30251235,inset 0 0 0 2px #8f7858;transform:rotate(-5deg) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s;animation:arrive 1.4s cubic-bezier(.2,.7,.2,1) both;overflow:hidden}.hero-frame img{height:100%;width:100%;object-fit:cover;border:5px solid #27221a}.frame-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,#fff1 45%,transparent 60%)}.floating-outline{position:absolute;inset:-13px -2px 53px 63px;border:1px solid #b6a58d;transform:rotate(8deg);animation:float 12s ease-in-out infinite}.stage-line{position:absolute;top:-79px;bottom:-30px;left:50%;width:1px;background:var(--line);opacity:.4}.art-caption{position:absolute;bottom:-20px;left:35px;right:0;font-size:16px;letter-spacing:1.2px;display:flex;justify-content:space-between;color:var(--muted)}.art-caption span:last-child{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0}.seal{width:126px;height:126px;position:absolute;bottom:11px;left:-30px;background:var(--paper);border-radius:50%;color:var(--red);display:grid;place-items:center}.seal svg{position:absolute;width:100%;height:100%;animation:rotate 45s linear infinite;fill:var(--red);font-size:16px;letter-spacing:2.3px}.seal>span{font:45px var(--serif)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:16px;letter-spacing:1.6px;border-top:1px solid var(--line);padding:23px 0 26px;margin-top:20px}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:#eeeadf}.ticker>div{font:24px var(--serif);letter-spacing:2px;white-space:nowrap;width:max-content;animation:ticker 55s linear infinite}.ticker i{font-style:normal;color:var(--red);margin:0 45px}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between}.section-note{font-size:16px;color:var(--muted);margin:0;line-height:1.8}.collection-heading{display:flex;align-items:end;justify-content:space-between;margin:20px 0 52px}h2{font-size:clamp(46px,5vw,74px)}.filters{display:flex;border-bottom:1px solid var(--line);gap:26px;margin-bottom:5px}.filters button{border:0;background:none;padding:13px 0;font-size:16px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px}.filters button.active{color:var(--red);border-color:var(--red)}.filters sup{font-size:16px;margin-left:5px}.dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--red);margin:0 0 2px 6px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.art-card:nth-child(2){padding-top:68px}.art-card:nth-child(3){padding-top:20px}.art-open{display:block;text-align:left;width:100%;border:0;background:none;padding:0}.art-image{height:390px;display:flex;background:#eae5db;padding:35px;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-image:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 45% 20%,#fff6,transparent)}.art-image img{position:relative;max-height:100%;max-width:100%;object-fit:contain;box-shadow:7px 12px 18px #392c3029;transition:transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .9s}.art-open:hover img{transform:scale(1.06) rotate(-2deg);box-shadow:15px 20px 25px #392c3033}.view-art{position:absolute;bottom:20px;left:50%;transform:translate(-50%,15px);background:var(--white);padding:9px 17px;white-space:nowrap;opacity:0;font-size:16px;transition:.4s}.art-open:hover .view-art,.art-open:focus-visible .view-art{opacity:1;transform:translate(-50%,0)}.art-info{display:flex;justify-content:space-between;margin-top:21px}.art-info small{font-size:16px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);display:block;margin-bottom:7px}.art-info strong{font:25px var(--serif);letter-spacing:-.6px}.art-arrow{font-size:22px;color:var(--red)}.art-meta{display:flex;justify-content:space-between;gap:10px;font-size:16px;color:var(--muted);margin-top:11px}.demo-note{font-size:16px;line-height:1.7;color:var(--muted);max-width:730px;margin-top:32px}.interlude{height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--white);text-align:center}.interlude .eyebrow{position:relative;z-index:2}.statement{font-size:clamp(38px,5vw,72px);position:relative;z-index:2}.orbital-art{position:absolute;width:380px;height:380px;right:-100px;top:10px;perspective:700px}.orbital-art div{position:absolute;inset:0;border:1px solid #ad998068;border-radius:50%;animation:orbit 25s linear infinite}.orbital-art div:nth-child(2){animation-delay:-8s}.orbital-art div:nth-child(3){animation-delay:-16s}.interlude-star{position:absolute;bottom:47px;left:9%;font-size:66px;color:var(--red);animation:rotate 70s linear infinite}.story{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center;padding-top:125px;padding-bottom:125px}.story-art{position:relative;padding:10px 30px 50px 10px}.story-mat{background:#ded7ca;padding:40px;transform:rotate(-4deg);box-shadow:12px 16px 30px #4c3c2410}.story-mat img{width:100%;height:430px;object-fit:cover;filter:saturate(.6);border:10px solid var(--white)}.vertical-caption{position:absolute;right:0;top:80px;writing-mode:vertical-rl;font-size:16px;letter-spacing:2px}.story-index{background:var(--paper);position:absolute;bottom:0;right:15px;width:195px;padding:19px 25px;font:53px var(--serif);color:var(--red)}.story-index span{display:block;font:16px var(--sans);letter-spacing:1px;margin-top:7px;color:var(--muted)}.story-copy .lead{margin-top:30px}.lead{font-size:17px;line-height:1.7}.story-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:16px;line-height:1.9}.history{border-block:1px solid var(--line);padding:18px 0;margin-top:27px;font-size:16px}.history summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.history summary::-webkit-details-marker{display:none}.history summary span{color:var(--red)}.history[open] summary span{transform:rotate(45deg)}.history p{color:var(--muted)}.history a{color:var(--red);text-decoration:underline}.acquire{background:var(--red);color:var(--paper);max-width:none;display:grid;grid-template-columns:1.3fr 1fr;gap:9%;position:relative;overflow:hidden;padding-top:88px;padding-bottom:88px}.acquire em{color:#c7e4f4}.acquire .eyebrow{color:#193c50}.acquire h2{font-size:clamp(43px,4.7vw,70px)}.acquire-copy{max-width:350px;z-index:1}.acquire-copy>p:first-child{font:24px/1.45 var(--serif)}.acquire-copy>p:nth-child(2){font-size:16px;color:#24465a;margin:20px 0 30px}.light{background:var(--paper);color:var(--red);border-color:var(--paper)}.light:hover{background:#e5ddcf}.red-outline{position:absolute;border:1px solid #c7e4f430;width:310px;height:410px;left:38%;top:45px;transform:rotate(20deg);pointer-events:none}.contact{text-align:center;padding-top:100px;padding-bottom:110px}.contact h2{font-size:clamp(38px,4vw,60px)}.contact .eyebrow{color:var(--muted)}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid var(--red);padding:18px 0 10px;color:var(--red);margin-top:20px;font-size:16px}.contact>p:last-child{color:var(--muted);font-size:16px;margin-top:30px}.site-footer{padding:40px 5.2% 25px;border-top:1px solid var(--line)}.footer-brand{display:flex;justify-content:space-between;font:clamp(40px,8.8vw,140px)/1.2 var(--serif);letter-spacing:6px;color:var(--red)}.footer-brand span{font-size:.7em;animation:rotate 80s linear infinite}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:30px;align-items:center}.footer-bottom button{border:0;background:none;padding:0;font-size:16px;text-decoration:underline}.art-dialog{padding:0;border:0;width:min(1000px,92vw);max-height:90dvh;background:var(--paper);color:var(--ink);overflow:auto}.art-dialog[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialog-in .4s ease}.art-dialog::backdrop{background:#191713b8;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:2;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--paper)}.dialog-image{background:#e5ded2;display:flex;align-items:center;justify-content:center;padding:40px}.dialog-image img{max-height:70vh;object-fit:contain;box-shadow:8px 12px 25px #332a2825}.dialog-copy{padding:70px 40px 40px}.dialog-copy h2{font-size:43px;letter-spacing:-1.5px}.dialog-copy>p:not(.eyebrow):not(.lead){font-size:16px;line-height:1.8}.dialog-copy dl{border-top:1px solid var(--line);padding-top:20px;font-size:16px}.dialog-copy dt{color:var(--muted);float:left;clear:left;margin-right:12px}.dialog-copy dd{margin-bottom:10px}.dialog-copy .button{margin-top:20px;font-size:16px;gap:10px}.standard-content{min-height:65vh;max-width:1150px}.standard-content h1{font-size:65px;margin-bottom:40px}.standard-content h2{font-size:35px;margin:25px 0}.standard-content article{margin-bottom:60px}.standard-content article>img{max-height:650px;object-fit:contain;margin:25px 0}.entry-content a{text-decoration:underline;color:var(--red)}.entry-content p{max-width:760px}.entry-content img{height:auto}.entry-content .alignwide{max-width:100%}.comments input,.comments textarea{max-width:100%;background:var(--white);border:1px solid var(--line);padding:10px}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero-frame{transform:rotate(-5deg)!important}.motion-paused .art-image img{transition:none}.motion-paused .art-open:hover img{transform:none}body.modal-open{overflow:hidden}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{50%{transform:rotate(4deg) translateY(-14px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes orbit{0%{transform:rotateX(35deg) rotateY(0deg) rotateZ(-25deg)}100%{transform:rotateX(35deg) rotateY(360deg) rotateZ(-25deg)}}@keyframes arrive{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.acquire{padding-inline:calc((100vw - 1376px)/2)}}
@media(max-width:1000px){.hero{gap:25px;padding:50px 6% 0;min-height:690px}.hero-stage{height:480px}.hero-frame{inset:20px 15px 25px 15px}.hero h1{font-size:80px}.art-caption{left:0}.art-caption span:last-child{display:none}.hero-foot{margin-top:28px}.art-image{height:320px;padding:25px}.art-grid{gap:20px}.art-meta{flex-wrap:wrap}.story{gap:50px}.story-mat{padding:22px}.story-mat img{height:350px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:700px){html{scroll-padding-top:35px}.site-header{height:92px;margin:0 6%}.brand{font-size:24px;letter-spacing:3px}.brand span{font-size:16px;letter-spacing:1.6px}.menu-toggle{display:flex;gap:16px;background:none;border:0;font-size:16px;padding:10px 0}.site-header nav{display:none;position:absolute;top:91px;left:-7%;right:-7%;background:var(--paper);padding:30px 7%;border-bottom:1px solid var(--line);align-items:start;box-shadow:0 20px 30px #302d2810}.site-header nav.open{display:flex;flex-direction:column;gap:25px}.site-header nav ul{flex-direction:column;align-items:start;gap:25px;margin:0}.hero{display:flex;flex-direction:column;padding:35px 7% 0;gap:10px;min-height:0}.hero-copy{padding-top:0}.hero .eyebrow{font-size:16px;margin-bottom:22px}.hero h1{font-size:76px;letter-spacing:-4px}.intro{font-size:16px;margin-top:25px;max-width:330px}.hero-foot{display:none}.hero-stage{height:470px;width:85%;margin:50px auto 10px;align-self:center}.hero-frame{inset:15px 15px 28px 15px}.floating-outline{inset:-5px -7px 45px 35px}.stage-line{display:none}.seal{width:100px;height:100px;left:-32px;bottom:10px}.seal>span{font-size:33px}.art-caption{bottom:0;font-size:16px}.hero-bottom{font-size:16px;gap:30px;padding-top:20px;margin-top:10px;line-height:1.7}.ticker{padding:17px 0}.ticker>div{font-size:19px}.ticker i{margin:0 26px}.section{padding:70px 7%}.section-top{gap:20px}.section-note{font-size:16px}.eyebrow{font-size:16px}.collection-heading{display:block;margin:15px 0 30px}h2{font-size:48px;letter-spacing:-2px}.filters{width:max-content;margin-top:30px}.art-grid{grid-template-columns:1fr;gap:38px}.art-card:nth-child(n){padding-top:0}.art-image{height:430px;padding:35px 50px}.art-info strong{font-size:28px}.art-meta{font-size:16px}.view-art{opacity:1;transform:translate(-50%,0);bottom:12px;padding:6px 12px;font-size:16px}.demo-note{font-size:16px}.interlude{height:310px}.statement{font-size:42px;letter-spacing:-2px}.interlude-star{font-size:30px;bottom:15px;left:8%}.orbital-art{width:240px;height:240px;right:-150px;top:35px}.story{grid-template-columns:1fr;gap:50px}.story-art{padding:10px 25px 45px 10px}.story-mat{padding:30px}.story-mat img{height:350px}.story-index{width:170px;font-size:46px}.story-copy .eyebrow{margin-bottom:22px}.acquire{grid-template-columns:1fr;gap:15px}.acquire h2{font-size:47px}.acquire-copy>p:first-child{font-size:23px}.acquire-copy{max-width:none}.red-outline{left:60%;top:30px;opacity:.5}.contact h2{font-size:44px}.footer-brand{font-size:40px;letter-spacing:3px}.footer-bottom{font-size:16px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.footer-bottom button{font-size:16px;text-align:left}.art-dialog[open]{grid-template-columns:1fr}.dialog-image{padding:30px;min-height:250px}.dialog-image img{max-height:40vh}.dialog-copy{padding:35px 25px}.dialog-copy h2{font-size:38px}.dialog-copy .eyebrow{margin-bottom:15px}.standard-content h1{font-size:47px}.art-dialog{max-height:92dvh}.button{padding:15px 20px}.footer-brand span{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-frame{transform:rotate(-5deg)!important}}

/* Scheringa-art — collectie, museum en tickets */
.hero-copy>.eyebrow{font-size:16px;letter-spacing:1.2px;text-transform:none}.seal{overflow:hidden;border:5px solid var(--paper);box-shadow:0 5px 20px #302d2825}.seal img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.hero-bottom{border-top:0;font-size:16px;gap:24px}.art-caption{justify-content:flex-end}.filters button{font-size:16px}.filters sup{font-size:16px}.art-card:nth-child(2),.art-card:nth-child(3){padding-top:0}.vertical-caption{font-size:16px}.story-index{font-size:24px;line-height:1.15;width:240px}.story-index span{font-size:16px}.story-copy>p:not(.eyebrow):not(.lead){font-size:17px;line-height:1.85}.story-mat{padding:20px}.story-mat img{height:390px;object-fit:contain;filter:none;border:0}.site-header nav a{font-size:16px}.brand{letter-spacing:1px}.ticket-intro{font:28px/1.4 var(--serif);max-width:540px;margin:24px 0 18px}.ticket-description{font-size:17px;max-width:520px}.ticket-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ticket-facts span{border:1px solid #c7e4f460;padding:8px 12px;font-size:16px}.ticket-panel{background:var(--paper);color:var(--ink);padding:32px;position:relative;z-index:1}.ticket-panel h3{font:34px/1.2 var(--serif);margin:0}.ticket-panel>p{color:var(--muted);margin-bottom:24px}.ticket-panel label{display:block;margin:16px 0 8px;font-size:16px}.ticket-panel select,.ticket-panel input{width:100%;padding:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:16px var(--sans);border-radius:0}.ticket-panel input{width:100px}.ticket-panel label span{color:var(--muted)}.ticket-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;margin-top:20px;font-size:20px}.ticket-total output{font-family:var(--serif);font-size:28px}.ticket-panel .button{width:100%;justify-content:space-between;font-size:16px}.ticket-panel button:disabled{cursor:not-allowed;opacity:.65;transform:none}.ticket-policy{font-size:16px;color:var(--muted)}.ticket-policy a{text-decoration:underline}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.calendar-head button{background:none;border:1px solid var(--line);width:36px;height:36px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}.calendar-grid>*{padding:7px 0;font-size:16px;color:var(--muted)}.calendar-grid .weekday{font-size:16px}.calendar-grid .tour-day{border:1px solid var(--red);background:none;color:var(--red)}.calendar-grid .tour-day[aria-pressed=true]{background:var(--red);color:white}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin:40px 0}.footer-links h3{font:24px var(--serif);margin:0 0 16px}.footer-links a,.footer-links summary{display:block;font-size:16px;margin:9px 0}.footer-links details p{font-size:16px;max-width:280px}.photo-credits{font-size:16px;color:var(--muted);margin-top:20px}.photo-credits a{text-decoration:underline}.footer-brand{letter-spacing:1px}
@media(max-width:900px){.acquire{grid-template-columns:1fr;gap:36px}.ticket-panel{max-width:620px;width:100%}.hero-bottom{flex-wrap:wrap}.footer-links{gap:20px}.story{gap:40px}.brand{font-size:25px}}
@media(max-width:600px){.footer-links{grid-template-columns:1fr}.ticket-panel{padding:22px}.hero-bottom{font-size:16px}.filters{gap:20px}.filters button{font-size:16px}.collection-heading{align-items:start;gap:24px;flex-direction:column}.story-index{width:220px}.story-copy>p:not(.eyebrow):not(.lead){font-size:16px}.hero-copy>.eyebrow{font-size:16px}.footer-brand{font-size:42px}.ticket-intro{font-size:26px}}

/* Eerste scherm, beschikbare kunst en rondleidingen */
.hero{min-height:max(790px,calc(100svh - 112px));grid-template-rows:1fr auto}
.hero-bottom{margin-top:26px;padding-bottom:60px;align-self:end}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px}
.hero-copy .small-star{flex:none;margin:0;font-size:25px;line-height:1;transform-origin:center}
.acquire-copy{max-width:480px;align-self:center}
.acquire .light:focus-visible{outline-color:var(--paper)}
.tickets{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:start;padding-top:100px;padding-bottom:100px}
.tickets .ticket-description{color:var(--muted)}
.tickets .ticket-facts span{border-color:var(--line)}
.tickets .ticket-panel{background:var(--white);border:1px solid var(--line)}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:max(690px,calc(100svh - 112px))}}
@media(max-width:900px){.tickets{grid-template-columns:1fr;gap:36px}}
@media(max-width:700px){.hero{min-height:calc(100svh - 92px)}.hero-bottom{margin-top:16px;padding-bottom:56px}.tickets{padding-top:70px;padding-bottom:70px}.tickets h2{font-size:47px}.hero-copy>.eyebrow{gap:10px}.hero-copy .small-star{font-size:22px}}

/* Consistente, leesbare tekst op desktop en mobiel */
:root{--text-body:18px;--text-small:16px;--muted:#655f56}
body{font-size:var(--text-body);line-height:1.7}
.intro,.story-copy>p:not(.eyebrow):not(.lead),.ticket-description,.acquire-copy>p:nth-child(2),.dialog-copy>p:not(.eyebrow):not(.lead){font-size:var(--text-body);line-height:1.75}
.intro{max-width:420px}
.eyebrow,.hero-copy>.eyebrow,.hero-bottom,.art-caption,.art-caption span:last-child,.art-info small,.art-meta,.demo-note,.section-note,.ticket-facts span,.ticket-panel label,.ticket-policy,.footer-links a,.footer-links summary,.footer-links details p,.photo-credits,.footer-bottom,.footer-bottom button,.view-art,.dialog-copy dl,.dialog-copy .button,.button,.ticket-panel .button{font-size:var(--text-small);line-height:1.6}
.hero-bottom{letter-spacing:.8px;align-items:center;flex-wrap:wrap;row-gap:12px}
.brand span{font-size:var(--text-small);letter-spacing:.8px;max-width:300px;line-height:1.4}
.art-caption{bottom:-32px}
.hero-stage{margin-bottom:12px}
.art-meta{flex-wrap:wrap}
.art-info small{letter-spacing:.8px}
.view-art{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 24px)}
.demo-note{max-width:780px}
.vertical-caption{font-size:var(--text-small);letter-spacing:.8px}
.story-index span{font-size:var(--text-small);letter-spacing:0;line-height:1.5}
.story-index{width:270px}
.footer-bottom{flex-wrap:wrap}
.calendar-head button{width:44px;height:44px}
.calendar-grid>*{font-size:var(--text-small);line-height:1.4;padding:10px 0}
.calendar-grid .weekday{font-size:var(--text-small)}
.ticket-panel label span,.calendar-grid>*{color:var(--muted)}
@media(max-width:1000px) and (min-width:701px){.site-header nav,.site-header nav ul{gap:20px}.brand{font-size:24px}.brand span{max-width:240px}}
@media(max-width:700px){.brand{font-size:24px}.brand span{font-size:var(--text-small);max-width:240px}.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-stage{margin-bottom:26px}.art-caption{bottom:-24px}.footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.story-index{width:250px}.site-header nav a,.menu-toggle{font-size:var(--text-small)}}
@media(max-width:380px){.brand span{max-width:200px}.hero h1{font-size:68px}.ticket-panel{padding:18px}}

/* Scheringa-art: woordlogo met ster, zonder ondertitel */
.site-header .brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:0}
.site-header .brand-logo{display:block;width:300px;max-width:100%;height:auto}
@media(max-width:1000px) and (min-width:701px){.site-header .brand-logo{width:260px}}
@media(max-width:700px){.site-header .brand-logo{width:250px;max-width:calc(100vw - 130px)}}

/* Header, persoonlijk contact en belknop */
.site-header{border-bottom:0;gap:28px}
.site-header .brand-logo{width:300px}
.site-header nav a{font-size:18px;line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.hero-actions .button{gap:18px;min-height:58px;justify-content:center}
.button-outline{background:transparent;color:var(--red);border:1px solid var(--red);white-space:nowrap}
.button-outline:hover{background:var(--red);color:var(--white)}
.hero-bottom{text-transform:none;letter-spacing:.3px}
.contact-page{min-height:65vh;padding-top:90px;padding-bottom:100px}
.contact-page h1{font-size:clamp(50px,6.5vw,90px);letter-spacing:-2px}
.contact-page-intro{max-width:760px}
.contact-page-intro>p{font-size:18px;color:var(--muted);max-width:630px;margin-top:28px}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:60px 0 22px}
.contact-option{padding-top:28px;border-top:1px solid var(--line)}
.contact-option h2{font-size:38px;letter-spacing:-1px}
.contact-option p{font-size:18px;color:var(--muted)}
.contact-detail{display:inline-flex;gap:20px;align-items:center;font-size:clamp(18px,2vw,26px);color:var(--red);border-bottom:1px solid var(--red);padding-bottom:8px;overflow-wrap:anywhere;max-width:100%}
.footer-links a{overflow-wrap:anywhere}
@media(min-width:701px) and (max-width:1100px){.site-header .brand-logo{width:240px}.site-header nav,.site-header nav ul{gap:18px}.site-header{gap:20px}}
@media(max-width:700px){.site-header .brand-logo{width:250px;max-width:calc(100vw - 130px)}.site-header nav a{font-size:18px}.hero-actions{gap:12px}.hero-actions .button{padding:14px 18px}.contact-page{padding-top:60px;padding-bottom:70px}.contact-options{grid-template-columns:1fr;gap:36px;margin-top:40px}}

/* Twee vensters tonen het originele S-symbool en woordmerk naast elkaar. */


/* Afgeronde knoppen en uitfadende scrollverwijzing */
:root{--button-radius:10px}
.button,.ticket-panel .button,.view-art,.menu-toggle,.calendar-head button,.calendar-grid .tour-day{border-radius:var(--button-radius)}
.filters button{border-radius:var(--button-radius) var(--button-radius) 0 0}
.phone-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.hero-bottom{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}
.hero-bottom.is-faded{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s .35s}
.motion-paused .hero-bottom{transition:none!important}

/* Collectielabel: niet-klikbare pil met het draaiende sterretje binnenin. */
.hero-copy>.eyebrow.collection-label{display:inline-flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:0 0 29px;padding:12px 18px;border:1px solid #7db8d926;border-radius:999px;background:#7db8d910;color:var(--red);font-size:16px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;cursor:default}
.collection-label>span:last-child{min-width:0}
.hero-copy .collection-label .small-star{font-size:23px;flex:0 0 26px;text-align:center;margin:0}
@media(max-width:700px){.hero-copy>.eyebrow.collection-label{padding:11px 16px;gap:10px;margin-bottom:24px}}

/* Collectiecarrousel: midden op de voorgrond, zijkanten verder naar achteren. */
.js .art-grid.is-carousel{position:relative;display:block;height:610px;overflow:hidden;perspective:1200px;isolation:isolate}
.js .art-grid.is-carousel[data-count="0"]{height:0}
.js .art-grid.is-carousel .art-card{position:absolute;left:50%;top:45px;width:40%;margin:0;padding:0;opacity:0;visibility:hidden;z-index:0;transform:translateX(140%) scale(.74);transform-origin:50% 30%;pointer-events:none;transition:transform .7s cubic-bezier(.22,.7,.22,1),opacity .5s ease,filter .7s ease,visibility 0s .7s;will-change:transform}
.js .art-grid.is-carousel .art-card[data-slot="off-left"]{transform:translateX(-240%) scale(.74)}
.js .art-grid.is-carousel .art-card[data-slot="center"],.js .art-grid.is-carousel .art-card[data-slot="left"],.js .art-grid.is-carousel .art-card[data-slot="right"]{visibility:visible;pointer-events:auto;transition:transform .7s cubic-bezier(.22,.7,.22,1),opacity .5s ease,filter .7s ease,visibility 0s}
.js .art-grid.is-carousel .art-card[data-slot="center"]{z-index:3;opacity:1;transform:translateX(-50%) scale(1);filter:none}
.js .art-grid.is-carousel .art-card[data-slot="left"]{z-index:1;opacity:.72;transform:translate(-135%,-26px) scale(.8) rotateY(7deg);filter:saturate(.75)}
.js .art-grid.is-carousel .art-card[data-slot="right"]{z-index:1;opacity:.72;transform:translate(35%,-26px) scale(.8) rotateY(-7deg);filter:saturate(.75)}
.js .art-grid.is-carousel .art-image{height:390px;padding:30px;background:#eae5db}
.js .art-grid.is-carousel .art-card[data-slot="center"] .art-image img{box-shadow:12px 20px 30px #392c3038}
.js .art-grid.is-carousel .art-open:focus-visible{outline-offset:-3px}
.carousel-controls{display:flex;justify-content:center;gap:16px;margin-top:12px}
.carousel-arrow{display:inline-grid;place-items:center;width:58px;height:54px;border:1px solid var(--red);border-radius:var(--button-radius);background:transparent;color:var(--red);font-size:28px;line-height:1;transition:background .2s,color .2s}
.carousel-arrow:hover{background:var(--red);color:var(--white)}
.carousel-arrow:disabled{opacity:.4;cursor:default}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.motion-paused .art-grid.is-carousel .art-card{transition:none!important}
@media(max-width:1000px){.js .art-grid.is-carousel{height:570px}.js .art-grid.is-carousel .art-image{height:340px;padding:24px}.js .art-grid.is-carousel .art-info strong{font-size:24px}}
@media(max-width:700px){.js .art-grid.is-carousel{height:570px;margin-inline:-8%;width:116%}.js .art-grid.is-carousel .art-card{width:68%;top:40px}.js .art-grid.is-carousel .art-card[data-slot="left"]{transform:translate(-130%,-14px) scale(.72) rotateY(7deg)}.js .art-grid.is-carousel .art-card[data-slot="right"]{transform:translate(30%,-14px) scale(.72) rotateY(-7deg)}.js .art-grid.is-carousel .art-image{height:340px;padding:25px}.js .art-grid.is-carousel .art-info strong{font-size:25px}.js .art-grid.is-carousel .art-card[data-slot="left"] .art-info,.js .art-grid.is-carousel .art-card[data-slot="right"] .art-info,.js .art-grid.is-carousel .art-card[data-slot="left"] .art-meta,.js .art-grid.is-carousel .art-card[data-slot="right"] .art-meta{visibility:hidden}.carousel-controls{margin-top:0}}

/* Toon het nieuwe portret volledig binnen de bestaande lijst. */
.hero-frame img{object-fit:contain;background:#27221a}

/* De nieuwe foto vult de lijst; de uitsnede past zich aan het scherm aan. */
.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* 1.4.4: shared landing-page alignment and a centered scroll arrow. */
.site-header{width:100%;max-width:1600px;margin-inline:auto;padding-inline:7%}
.hero{padding-inline:7%}
.hero-bottom{width:100%;justify-content:center;align-items:center;flex-direction:row;gap:0}
.hero-scroll{display:inline-flex;align-items:center;justify-content:center;width:48px;height:60px;color:var(--red)}
.hero-scroll svg{display:block;width:32px;height:48px}
@media(max-width:700px){
 .site-header nav{left:0;right:0;padding-inline:7%}
 .site-header .brand-lockup{max-width:calc(86vw - 90px)}
 .hero-bottom{margin-top:auto;align-self:center;padding-top:28px}
}

/* 1.4.5: retain the framed portrait and Dirk's photo, with an upright frame. */
.hero .hero-frame{transform:none!important;animation:none;transition:none}

/* 1.4.6: calm landing page with one shared content grid. */
:root{--page-gutter:max(7vw,calc((100vw - 1376px)/2));--layout-gap:clamp(32px,6vw,96px)}
.site-header,.hero,.section,.site-footer{width:100%;max-width:none;margin-inline:0;padding-inline:var(--page-gutter)}
.site-header{gap:24px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--layout-gap)}
.hero-copy{padding-top:0;min-width:0}
.hero-copy>.eyebrow.collection-label{display:block;width:auto;max-width:380px;margin:0 0 28px;padding:0;border:0;border-radius:0;background:none;color:var(--muted);font-size:16px;font-weight:400;line-height:1.6;letter-spacing:0}
.hero-actions{gap:24px;align-items:center}
.hero-phone{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--muted);font-size:16px;white-space:nowrap}
.hero-phone:hover{color:var(--red);text-decoration:underline;text-underline-offset:5px}
.hero-phone .phone-icon{width:18px;height:18px;flex:none}
.hero-stage{height:clamp(420px,40vw,550px);margin:0 0 12px;align-self:start;min-width:0}
.hero .hero-frame{inset:0 0 24px;padding:9px;background:linear-gradient(135deg,#867055,#b09a79 25%,#69553f 65%,#9a8262);box-shadow:8px 12px 24px #3025121a}
.hero-frame img{border-width:3px}
.hero .seal{width:88px;height:88px;left:-20px;bottom:0;border:4px solid var(--paper);box-shadow:0 3px 10px #302d2814}
.hero-bottom{justify-content:center;align-items:center}
.story,.acquire,.tickets{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--layout-gap)}
.story-art,.story-copy,.acquire-copy,.ticket-panel{min-width:0}
.acquire-copy{max-width:none}
.site-footer .footer-brand{gap:24px}
@media(min-width:901px) and (max-width:1100px){.site-header nav,.site-header nav ul{gap:20px}.site-header nav a{font-size:16px}}
@media(max-width:900px){
 .site-header{height:92px}
 .menu-toggle{display:flex;gap:12px;align-items:center;flex:none;background:none;border:0;font-size:16px;padding:10px 0}
 .site-header nav{display:none;position:absolute;top:91px;left:0;right:0;background:var(--paper);padding:24px var(--page-gutter);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #302d2810}
 .site-header nav.open{display:flex;flex-direction:column;align-items:start;gap:22px}
 .site-header nav ul{flex-direction:column;align-items:start;gap:22px;margin:0}
 .hero{display:flex;flex-direction:column;min-height:calc(100svh - 92px);gap:36px;padding-top:40px}
 .hero-copy{width:100%}
 .hero h1{font-size:clamp(64px,10vw,88px)}
 .intro{max-width:440px}
 .hero-stage{width:min(100%,440px);height:auto;aspect-ratio:440/530;margin:8px auto 0;align-self:center}
 .hero .seal{width:76px;height:76px;left:-12px}
 .hero-bottom{margin-top:auto;padding:12px 0 36px;align-self:center;flex-direction:row}
 .story,.acquire,.tickets{grid-template-columns:1fr;gap:36px}
 .ticket-panel{max-width:none}
}
@media(max-width:480px){
 .hero-actions{align-items:flex-start;flex-direction:column;gap:10px}
 .hero-copy>.eyebrow.collection-label{font-size:15px;margin-bottom:24px}
 .hero-stage{width:calc(100% - 12px)}
 .hero .seal{width:68px;height:68px}
}

/* 1.4.7: portrait logo, larger navigation and a clearer collection introduction. */
.site-header{justify-content:flex-start;gap:44px}
.site-header .brand-lockup{position:static;display:flex;align-items:center;gap:12px;width:280px;max-width:100%;aspect-ratio:auto;margin:0}
.site-header .brand-lockup .brand-portrait{position:static;display:block;flex:0 0 50px;width:50px;height:auto;max-width:100%;object-fit:contain}
.site-header .brand-lockup .brand-name{position:static;display:block;overflow:visible;min-width:0;margin:0;padding:0;font:32px/1.1 var(--serif);letter-spacing:-1px;white-space:nowrap;color:var(--ink)}
.site-header .brand-name em{font-style:italic;color:inherit}
.site-header nav,.site-header nav ul{gap:32px}
.site-header nav a{font-size:20px;white-space:nowrap}
.site-header nav ul{margin:0}
.hero .seal{width:108px;height:108px}
@media(min-width:901px) and (max-width:1100px){
 .site-header{gap:28px}
 .site-header .brand-lockup{width:260px}
 .site-header nav,.site-header nav ul{gap:22px}
 .site-header nav a{font-size:19px}
}
@media(max-width:900px){
 .site-header{justify-content:space-between;gap:18px}
 .site-header .brand-lockup{width:250px;max-width:calc(86vw - 90px)}
 .site-header .brand-lockup .brand-portrait{flex-basis:44px;width:44px}
 .site-header .brand-lockup .brand-name{font-size:29px}
 .site-header nav,.site-header nav ul{gap:22px}
 .hero .seal{width:94px;height:94px}
}
@media(max-width:480px){
 .site-header .brand-lockup{width:228px;gap:9px}
 .site-header .brand-lockup .brand-portrait{flex-basis:40px;width:40px}
 .site-header .brand-lockup .brand-name{font-size:26px}
 .hero .seal{width:86px;height:86px}
}
@media(max-width:360px){
 .site-header .brand-lockup{gap:7px}
 .site-header .brand-lockup .brand-name{font-size:23px}
 .site-header .brand-lockup .brand-portrait{flex-basis:36px;width:36px}
}

/* 1.4.8: Dirk presents the painting in one waist-up photographic composition. */
.hero .hero-stage.hero-presentation{display:flex;align-items:flex-start;justify-content:center;width:100%;height:auto;aspect-ratio:auto;perspective:none;margin:0 0 12px;align-self:start}
.hero-presentation .hero-presenter{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none}
@media(max-width:900px){
 .hero .hero-stage.hero-presentation{width:min(100%,640px);height:auto;aspect-ratio:auto;margin:8px auto 0;align-self:center}
}

/* 1.4.9: one cohesive landing composition with more readable supporting copy. */
:root{--text-body:20px;--text-small:18px;--layout-gap:clamp(32px,4.2vw,72px)}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;min-height:calc(100svh - 112px);padding-top:44px;row-gap:20px}
.hero-copy{align-self:center;padding:0}
.hero h1{font-size:clamp(72px,7.2vw,112px);line-height:1.04;letter-spacing:-3px}
.hero .intro{font-size:20px;line-height:1.7;max-width:460px;margin:28px 0 30px;color:var(--muted)}
.hero .hero-stage.hero-presentation{align-self:center;margin:0;align-items:center}
.hero-presentation .hero-presenter{width:100%;height:auto;object-fit:contain}
.hero-actions{gap:18px 24px}
.hero-actions .button{font-size:18px;min-height:58px;padding:15px 22px}
.hero-phone{font-size:18px;gap:10px}
.hero-phone .phone-icon{width:20px;height:20px}
.hero-bottom{margin-top:8px;padding:8px 0 30px;align-self:end}
.filters button,.filters sup,.art-meta,.art-info small,.ticket-facts span,.ticket-panel label,.ticket-panel .button,.ticket-policy,.footer-links a,.footer-links summary,.footer-links details p,.photo-credits,.footer-bottom,.footer-bottom button,.demo-note,.menu-toggle{font-size:18px}
.story-copy>p:not(.eyebrow):not(.lead),.ticket-description,.acquire-copy>p:nth-child(2){font-size:20px;line-height:1.75}
.section{padding-top:88px;padding-bottom:88px}
.art-info strong{font-size:28px;line-height:1.25}
.art-meta{line-height:1.6;gap:8px 16px}
.footer-links a,.footer-links summary{line-height:1.65}
@media(max-width:1100px) and (min-width:901px){
 .hero h1{font-size:76px}
 .hero .intro{font-size:19px}
 .hero-actions{gap:10px}
}
@media(max-width:900px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:32px;padding-top:36px}
 .hero-copy{align-self:stretch;max-width:620px}
 .hero h1{font-size:clamp(60px,10vw,88px)}
 .hero .intro{max-width:560px;font-size:20px;margin:24px 0 26px}
 .hero .hero-stage.hero-presentation{width:min(100%,600px);margin:0 auto;align-self:center}
 .hero-bottom{width:100%;margin:0;padding:0 0 24px;align-self:center}
 .section{padding-top:64px;padding-bottom:64px}
}
@media(max-width:480px){
 .hero{gap:28px;padding-top:30px}
 .hero h1{font-size:clamp(56px,14.8vw,71px);letter-spacing:-2.5px}
 .hero .intro{font-size:19px;line-height:1.65}
 .hero-actions{gap:12px}
 .hero-actions .button{font-size:18px}
 .hero-phone{font-size:18px}
 .story-copy>p:not(.eyebrow):not(.lead),.ticket-description,.acquire-copy>p:nth-child(2){font-size:19px}
 .filters{gap:18px}
}

/* 1.5.0: museum scene dissolving into the copy on the left. */
.hero.hero-museum{position:relative;isolation:isolate;overflow:hidden}
.hero-museum .hero-copy{position:relative;z-index:2}
.hero-museum .hero-stage.hero-presentation{position:relative;z-index:0;overflow:hidden}
.hero-museum .hero-stage.hero-presentation::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--paper),transparent 7%,transparent 97%,var(--paper))}
@media(min-width:1101px){
 .hero.hero-museum{display:flex;align-items:center;min-height:max(680px,calc(100svh - 112px));padding-top:56px;padding-bottom:100px}
 .hero-museum .hero-copy{width:37%;max-width:460px;align-self:center}
 .hero-museum h1{font-size:clamp(70px,6.5vw,104px)}
 .hero-museum .hero-stage.hero-presentation{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto}
 .hero-museum .hero-presenter{width:100%;height:100%;object-fit:cover;object-position:center top}
 .hero-museum .hero-stage.hero-presentation::after{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 22%,#f5f2ebf5 27%,#f5f2eb99 33%,#f5f2eb00 43%),linear-gradient(0deg,var(--paper) 0%,#f5f2eb00 7%,#f5f2eb00 98%,var(--paper) 100%)}
 .hero-museum .hero-bottom{position:absolute;z-index:3;bottom:12px;left:0;width:100%;margin:0;padding:0}
}
@media(max-width:1100px){
 .hero.hero-museum{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:28px;padding-top:36px;padding-bottom:0}
 .hero-museum .hero-copy{width:100%;max-width:640px;align-self:stretch}
 .hero-museum .hero-stage.hero-presentation{width:calc(100% + 2 * var(--page-gutter));max-width:none;height:auto;aspect-ratio:1.35;margin:0 calc(-1 * var(--page-gutter));align-self:stretch}
 .hero-museum .hero-presenter{width:100%;height:100%;object-fit:cover;object-position:right top}
 .hero-museum .hero-bottom{position:relative;z-index:2;margin:-22px 0 0;padding:0 0 24px;align-self:center}
}
@media(max-width:480px){
 .hero.hero-museum{gap:24px;padding-top:30px}
 .hero-museum .hero-stage.hero-presentation{aspect-ratio:1.18}
}

/* 1.5.1: lichtblauwe accenten en een gelijkmatig uitgelijnde footer. */

.site-header .brand-portrait{filter:url(#sa-logo-blue)}
.button{color:var(--ink)}
.button-outline,.light{color:var(--ink)}
.button-outline:hover,.carousel-arrow:hover,.calendar-grid .tour-day[aria-pressed=true]{color:var(--ink)}
.acquire{color:var(--ink)}
.acquire em{color:#24465a}
.light:hover{background:#dceef8}
.site-footer{padding-block:48px 28px}
.site-footer .footer-brand{align-items:center;letter-spacing:0;font-size:clamp(36px,8.8vw,140px)}
.footer-wordmark{min-width:0}
.footer-wordmark em{font-style:italic}
.site-footer .footer-brand .footer-mark{flex:none;font-size:.7em}
.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--layout-gap);margin:40px 0;text-align:left;align-items:start}
.footer-links>div{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}
.footer-links h3{margin:0 0 4px;line-height:1.3}
.footer-links a,.footer-links summary,.footer-links p{margin:0;font-size:18px;line-height:1.65;text-align:left}
.footer-links a{overflow-wrap:anywhere}
.footer-links details p{margin-top:12px}
.footer-links .footer-visit-note{max-width:none}
.footer-bottom{margin-top:0;padding-top:24px;gap:24px}
@media(max-width:700px){.footer-bottom{flex-direction:row;justify-content:space-between}}
@media(max-width:600px){.footer-links{grid-template-columns:1fr;gap:32px;margin-block:32px}.footer-bottom{flex-direction:column;gap:12px}.site-footer .footer-brand{gap:12px}}
.footer-wordmark{font-weight:400}

/* 1.5.2: iets dieper blauw en een collectiemenu met directe filters. */
.site-header .nav-collection{position:relative;display:flex;align-items:center;gap:0;list-style:none}
.site-header nav .collection-submenu{position:absolute;top:100%;left:-18px;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:180px;margin:0;padding:12px 0;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 24px #302d2814;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:30}
.site-header nav .collection-submenu li{margin:0;padding:0;list-style:none}
.site-header nav .collection-submenu a{display:block;padding:10px 18px;color:var(--ink);font-size:18px;white-space:nowrap}
.site-header nav .collection-submenu a::after{display:none}
.site-header nav .collection-submenu a:hover,.site-header nav .collection-submenu a:focus-visible{background:#7db8d926}
.site-header .nav-collection:hover>.collection-submenu,.site-header .nav-collection:focus-within>.collection-submenu,.site-header .nav-collection.is-open>.collection-submenu{visibility:visible;opacity:1;pointer-events:auto;transform:none}
@media(max-width:900px){
 .site-header .nav-collection{flex-wrap:wrap;width:100%;justify-content:space-between}
 .site-header nav .collection-submenu{position:static;display:none;flex-basis:100%;width:100%;min-width:0;box-shadow:none;transform:none;margin-top:6px}
 .site-header .nav-collection.is-open>.collection-submenu{display:flex}
}

/* 1.5.3: gelijke menukleuren en normale afstanden, zonder pijltje. */
.site-header nav a{color:var(--ink)}