/* Brand refresh: red, charcoal and quiet greys, with the original Kunstuitleen logo. */
:root{--paper:#f3f3f2;--ink:#1c1c1e;--green:#ff0000;--lime:#e5e5e5;--coral:#ff0000;--line:#d2d2d2;--cream:#fff}
body{background:var(--paper)}
.topnote{background:#202022;color:#fff}.topnote span+span:before{color:#ff0000}
.site-header{background:#fff}.site-header .brand img{width:165px;height:auto;display:block}.brand{line-height:1}
.site-header nav a:not(.nav-button):hover{color:var(--green)}.nav-button{border-color:var(--green);color:var(--green)}.nav-button:hover{background:var(--green);color:#fff}
.hero-copy{background:#f4f4f3}.hero-intro{color:#56565a}.hero-foot{color:#68686b}.hero h1 em,.section-head h2 em,.collection-copy h2 em,.visit-copy h2 em{color:#ff0000}
.eyebrow{color:#ff0000}.dot{background:#ff0000}.button.dark{background:#1e1e21}.button.dark:hover{background:#ff0000}.asterisk{color:#ff0000}
.hero-gallery{background:#dedede}.gallery-wall{background:linear-gradient(160deg,#d8d8d8,#f0f0f0 58%,#c9c9c9)}.gallery-wall:after{background:linear-gradient(#aaa,#d4d4d4)}
.art-a:before{background:#d8d8d8}.shape-a{background:#ff0000}.shape-b{background:#28282a}.shape-c{background:#bbb;mix-blend-mode:multiply}.art-b:before{background:#d8d8d8}.sun{background:#ff0000}.hill-one{background:#242426}.hill-two{background:#aaa}.bench{background:#333;box-shadow:0 4px 4px #2225}.bench:before,.bench:after{background:#222}
.gallery-caption{background:#ff0000}.ribbon{background:#222326;color:#fff}.ribbon b{color:#ff0000}
.section-head>p,.section-side p{color:#5d5d61}.section-side{max-width:350px}.section-side p{font-size:15px;margin:0 0 20px}
.exhibitions-section{max-width:none;background:#ff0000;color:#fff;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2))}
.exhibitions-section .eyebrow{color:#ffb6bd}.exhibitions-section h2 em{color:#fff;font-style:italic}.exhibitions-section .section-side p{color:#ffe1e4}.exhibitions-section .text-link{color:#fff}
.exhibition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.exhibition-card{display:grid;grid-template-columns:45% 55%;background:#fff;color:#1c1c1e;min-height:318px;overflow:hidden}.feature-image{position:relative;min-height:318px;background:#777}.feature-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(20%)}.image-number{position:absolute;top:16px;left:16px;background:#fff;color:#ff0000;font-size:11px;font-weight:700;padding:7px 10px}.exhibition-detail{padding:37px 32px;display:flex;flex-direction:column;align-items:flex-start}.tag{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#ff0000;font-weight:700}.exhibition-detail h3{font:500 clamp(27px,2.6vw,40px) var(--serif);letter-spacing:-.04em;margin:22px 0 12px}.exhibition-detail p{font-size:13px;color:#5b5b5d;line-height:1.65}.exhibition-detail a{margin-top:auto;color:#ff0000;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.exhibition-detail a:hover{text-decoration:underline}.exhibition-note{display:flex;gap:20px;align-items:center;border-top:1px solid #e97c8a;margin-top:28px;padding-top:22px;font-size:13px}.exhibition-note span{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:10px;white-space:nowrap}.exhibition-note p{margin:0 auto 0 0;color:#ffe5e7}.exhibition-note a{color:#fff;font-weight:700;white-space:nowrap}
.artists-section{max-width:none;background:#f9f9f9;padding-left:max(28px,calc((100vw - 1280px)/2));padding-right:max(28px,calc((100vw - 1280px)/2))}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.artist-card{background:#eee;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}.artist-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0002}.artist-image{aspect-ratio:1;background:#d2d2d2;overflow:hidden}.artist-image img{display:block;width:100%;height:100%;object-fit:cover}.artist-card>div:last-child{position:relative;padding:22px 23px 24px;border-top:4px solid #ff0000;min-height:121px}.artist-card span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#7a7a7c}.artist-card h3{font:500 clamp(23px,2vw,29px) var(--serif);letter-spacing:-.035em;margin:11px 20px 0 0}.artist-card b{position:absolute;right:20px;bottom:21px;color:#ff0000;font-size:20px;font-weight:400}
.intro-section{background:#f3f3f2}.price-card{background:#e8e8e8;border-color:#d9d9d9}.price-card.featured{background:#ff0000;border-color:#ff0000}.mini-one{background:radial-gradient(circle at 69% 35%,#d9d9d9 0 23%,transparent 24%),linear-gradient(130deg,#ff0000 0 48%,#2d2d31 49%)}.mini-two{background:radial-gradient(ellipse at 25% 70%,#29292c 0 28%,transparent 29%),linear-gradient(45deg,#b5b5b5 0 45%,#ff0000 46%)}.mini-three{background:radial-gradient(circle at 50% 50%,#e7e7e7 0 22%,transparent 23%),linear-gradient(120deg,#999 0 40%,#ff0000 41%)}
.calculator{background:#e5e5e5}.calculator p:not(.eyebrow),.section-note,.steps p,.collection-copy>p:not(.eyebrow),.accordions details p,.extras-card p:not(.eyebrow),.visit-copy>p:not(.eyebrow),.hours-card>p{color:#5e5e62}.input-wrap{border-color:#999}.process-cta{background:#e5e5e5}.steps article>span{color:#ff0000}.steps a,.link-stack a:hover,.faq-more a,.contact-actions a:hover{color:#ff0000}
.collection-section{background:#ededed}.collection-art{background:#d5d5d5}.visual-one{background:radial-gradient(circle at 60% 30%,#ddd 0 16%,transparent 17%),linear-gradient(130deg,#ff0000 0 32%,#2d2d30 33% 70%,#bababa 71%)}.visual-two{background:linear-gradient(30deg,#aaa 0 25%,#242427 26% 65%,#ff0000 66%)}.visual-three{background:#777}.link-stack a{border-color:#bdbdbd}
.faq-intro{background:#e7e7e7}.faq-mark{color:#ff0000}.accordions details,.accordions details:first-child{border-color:#c6c6c6}
.business-section{background:#202022}.eyebrow.light{color:#ff0000}.business-copy h2 em{color:#ff0000}.business-copy>p:not(.eyebrow){color:#d5d5d5}.business-facts{border-color:#666}.business-facts strong{color:#ff0000}.business-facts span,.business-copy small{color:#ccc}.light-button{background:#ff0000;color:#fff}.light-button:hover{background:#fff;color:#ff0000}.business-visual{background:#aaa}.business-visual:after{background:#888}.business-paint{background:radial-gradient(ellipse at 70% 28%,#e7e7e7 0 17%,transparent 18%),radial-gradient(ellipse at 65% 75%,#29292b 0 27%,transparent 28%),linear-gradient(130deg,#ff0000 0 45%,#bdbdbd 46%)}.business-plinth{background:#ddd}
.extras-card,.extras-card:nth-child(2){background:#e9e9e9}.extras-card:nth-child(2){background:#f0ebeb}.icon-circle{background:#252528;color:#fff}.icon-circle.coral{background:#ff0000;color:#fff}.visit-section{background:#e7e7e7}.hours-card{box-shadow:14px 14px 0 #d0d0d0}.hours-row{border-color:#ddd}
footer{background:#1b1b1d;color:#ddd}.footer-brand img{width:190px;height:auto;display:block}.footer-top p,.footer-top a:not(.brand),.footer-top span:not(.brand-mark){color:#c4c4c4}.footer-top h4{color:#ff0000}.footer-bottom{border-color:#555;color:#aaa}
@media(max-width:1180px){.site-header .menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:90px;left:0;right:0;background:#fff;padding:24px clamp(24px,5vw,60px);box-shadow:0 15px 18px #0002;flex-direction:column;align-items:stretch;gap:5px}.site-header nav.open{display:flex}.site-header nav a{font-size:15px;padding:9px}.site-header nav .nav-button{text-align:center;margin-top:8px}}
@media(max-width:900px){.exhibition-card{grid-template-columns:1fr}.feature-image{min-height:260px}.exhibition-detail{min-height:265px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header nav{top:73px}.exhibitions-section,.artists-section{padding:75px 25px}.exhibition-grid{grid-template-columns:1fr}.exhibition-card{grid-template-columns:42% 58%;min-height:250px}.feature-image{min-height:250px}.exhibition-detail{min-height:250px;padding:27px}.exhibition-note{align-items:flex-start;flex-wrap:wrap}.section-side{margin-top:20px}.artist-grid{gap:13px}}
@media(max-width:520px){.exhibition-card{grid-template-columns:1fr}.feature-image{height:250px}.exhibition-detail{min-height:245px}.artist-grid{grid-template-columns:1fr 1fr}.artist-card>div:last-child{padding:16px;min-height:110px}.artist-card h3{font-size:21px}.artist-card b{right:15px;bottom:12px}}

/* Exact red from the original site's inline styles and logo. */
.exhibitions-section{color:#1c1c1e}
.exhibitions-section .eyebrow,.exhibitions-section .section-side p,.exhibitions-section .text-link,.exhibition-note p,.exhibition-note a{color:#1c1c1e}
.exhibitions-section h2 em{color:#fff}
.exhibition-note{border-color:#9c0000}
.eyebrow,.exhibition-detail .tag,.exhibition-detail a,.artist-card b,.steps a,.faq-more a,.hours-row.active strong,.contact-actions a:hover{color:#bf0000}
.exhibition-detail a{border-color:#bf0000}
/* Keep small type legible on the saturated brand red. */
.price-card.featured,.gallery-caption,.light-button,.site-header nav .nav-button:hover,.button.dark:hover{color:#171719}
.site-header nav .nav-button,.hours-head,.hours-row.active strong{color:#bf0000}
/* Real works replace the decorative hero shapes. */
.gallery-wall{background:linear-gradient(150deg,#e4e4e4 0%,#f1f1f1 58%,#d5d5d5 100%)}
.gallery-wall:after{height:17%;background:linear-gradient(#c6c6c6,#dddddd);clip-path:polygon(0 45%,100% 12%,100% 100%,0 100%)}
.hero-work{position:absolute;z-index:2;display:flex;flex-direction:column;background:#fafafa;padding:9px;box-shadow:8px 13px 20px #19191935,0 0 0 1px #b0b0b0;text-decoration:none;transition:transform .2s,box-shadow .2s}
.hero-work:hover{transform:translateY(-5px);box-shadow:10px 19px 25px #19191944,0 0 0 1px #999}
.hero-work img{display:block;width:100%;height:calc(100% - 27px);object-fit:cover;background:#eee}
.hero-work span{font-size:10px;line-height:27px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-work-main{left:7%;top:9%;width:49%;height:63%}
.hero-work-photo{right:6%;top:15%;width:37%;height:38%}
.hero-work-object{right:15%;bottom:10%;width:25%;height:35%}
.gallery-caption a{color:inherit;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.gallery-caption a:hover{text-decoration:underline}
@media(max-width:760px){.hero-work{padding:6px}.hero-work img{height:calc(100% - 23px)}.hero-work span{line-height:23px;font-size:9px}.hero-work-object{right:12%;width:29%}}
@media(prefers-reduced-motion:reduce){.hero-work{transition:none}}

/* Photographed works throughout the remaining image panels. */
.mini-art{display:block;width:72px;height:72px;object-fit:cover;background:#fff;border:6px solid #fff}
.collection-work{position:absolute;z-index:2;display:block;box-sizing:border-box;padding:10px;background:#fff;box-shadow:9px 13px 22px #20202045;transition:box-shadow .2s,translate .2s}
.collection-work:hover{translate:0 -5px;box-shadow:12px 18px 24px #20202055}
.collection-work img{display:block;width:100%;height:100%;object-fit:cover}
.collection-work-main{left:8%;top:12%;width:58%;height:48%;transform:rotate(-4deg)}
.collection-work-photo{right:7%;top:22%;width:35%;height:35%;transform:rotate(6deg)}
.collection-work-object{right:19%;bottom:8%;width:29%;height:38%;transform:rotate(-3deg)}
.collection-work-object img{object-fit:contain}
.business-frame{display:block;background:#fff}
.business-frame img{display:block;width:100%;height:100%;object-fit:cover}
.business-object{position:absolute;right:7%;bottom:8%;width:30%;height:38%;box-sizing:border-box;padding:8px;background:#fff;box-shadow:11px 14px 22px #20202055;z-index:3;transform:rotate(4deg);transition:translate .2s}
.business-object:hover{translate:0 -5px}
.business-object img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.collection-work{padding:7px}.business-object{padding:6px}}
@media(prefers-reduced-motion:reduce){.collection-work,.business-object{transition:none}}

/* Prominent paths for visitors who want to arrange a work immediately. */
.direct-section{background:#202022;color:#fff;scroll-margin-top:88px}
.direct-inner{max-width:1280px;margin:auto;padding:78px clamp(28px,6vw,90px) 86px}
.direct-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:44px;margin-bottom:31px}
.direct-heading .eyebrow{color:#ff7777}
.direct-heading h2{font:500 clamp(40px,4vw,64px)/1.08 var(--serif);letter-spacing:-.045em;margin:14px 0 0}
.direct-heading h2 em{color:#ff3434;font-weight:400}
.direct-heading>p{max-width:480px;color:#d0d0d0;font-size:16px;line-height:1.65;margin:0 0 4px}
.direct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.direct-card{min-height:315px;display:flex;flex-direction:column;justify-content:space-between;padding:30px 34px 34px}
.direct-card-rent{background:#ff0000;color:#1c1c1e}
.direct-card-delivery{background:#f1f1f0;color:#1c1c1e}
.direct-card-news{background:#d7d7d7;color:#1c1c1e;border-top:5px solid #ff0000}
.direct-card-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.14em}
.direct-card-top span:last-child{font-size:26px;line-height:18px;font-weight:400;letter-spacing:0}
.direct-card h3{font:500 clamp(32px,3vw,45px)/1.1 var(--serif);letter-spacing:-.04em;margin:28px 0 10px}
.direct-card p{font-size:15px;line-height:1.6;max-width:470px;margin:0 0 24px}
.direct-card a{align-self:flex-start;display:inline-flex;gap:24px;align-items:center;padding:13px 17px;background:#202022;color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
.direct-card a:hover{background:#515155;transform:translateY(-2px)}
.direct-card-rent a{background:#fff;color:#202022}
.direct-card-rent a:hover{background:#e9e9e9}
.direct-card a:focus-visible{outline:3px solid #202022;outline-offset:4px}
.direct-card-delivery a:focus-visible{outline-color:#ff0000}
.direct-card-news a:focus-visible{outline-color:#ff0000}
@media(max-width:1080px) and (min-width:761px){.direct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-card-news{grid-column:1/-1;min-height:230px}}
@media(max-width:760px){.direct-inner{padding:64px 25px 70px}.direct-heading{grid-template-columns:1fr;gap:18px}.direct-grid{grid-template-columns:1fr}.direct-card{min-height:280px}}
@media(max-width:520px){.direct-card{padding:26px;min-height:285px}.direct-card h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.direct-card a{transition:none}}

/* Artwork carousel keeps all three frames in place while the works crossfade. */
.hero-work .hero-image{position:relative;width:100%;height:calc(100% - 27px);overflow:hidden;background:#e7e7e7}
.hero-work .hero-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hero-work .hero-image img.incoming{opacity:0;transition:opacity .45s ease}
.hero-work .hero-image img.incoming.visible{opacity:1}
.gallery-caption{gap:16px}
.gallery-caption>span{margin-right:auto}
.gallery-toggle{appearance:none;border:1px solid currentColor;background:transparent;color:inherit;padding:6px 10px;font:inherit;font-weight:700;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.gallery-toggle:hover{background:#202022;color:#fff;border-color:#202022}
.gallery-toggle:focus-visible{outline:3px solid #202022;outline-offset:3px}
@media(max-width:760px){.hero-work .hero-image{height:calc(100% - 23px)}.gallery-caption{padding:0 18px;gap:10px}.gallery-caption>span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-work .hero-image img.incoming{transition:none}}