:root{--fee-grey:var(--bs-secondary);}
html{scroll-behavior:smooth;scroll-padding-top:96px;}
body{font-family:Inter,sans-serif;color:#000;}
a{color:inherit;}
.fee-navbar{position:relative;z-index:1000;background:#fff!important;padding:12px 0;}
.navbar-brand.logo{font-size:40px;margin-left:10px;font-family:Inter,sans-serif;color:#000!important;}
.fee-navbar .nav-link{color:var(--bs-secondary)!important;font-family:Inter,sans-serif;padding-top:0!important;margin-top:0!important;}
.fee-navbar .nav-link small{font-size:15px;}
.fee-navbar .dropdown-menu{border:0;border-radius:0;box-shadow:none;min-width:380px;padding:12px 0;background:#fff;}
.fee-navbar .dropdown-header{font-size:13px;font-weight:500;color:#000;padding:8px 18px 4px;}
.fee-navbar .dropdown-item{white-space:normal;font-size:13px;line-height:1.35;color:var(--bs-secondary);padding:5px 18px;background:transparent!important;}
.fee-navbar .dropdown-item:hover{color:#000;background:transparent!important;}
@media(min-width:768px){.fee-navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0;}}
body.index-page{min-height:100vh;background:url('../img/voorpagina.webp') center center/cover no-repeat fixed;}
.index-page .fee-navbar{position:absolute;top:0;left:0;right:0;background:transparent!important;}
.index-page .fee-navbar .dropdown-menu{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.index-page .fee-navbar .dropdown-item,.index-page .fee-navbar .dropdown-header{background:transparent!important;}
.index-hit{display:block;min-height:100vh;}
footer{font-family:Inter,sans-serif;}
.works-title,.exhibitions-title{font-size:18px;font-weight:400;margin:60px 0 35px;}
.works-grid-selected{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 34px;align-items:start;}
.work-card{text-decoration:none;color:#000;display:block;}
.work-card img,.work-placeholder{width:100%;height:260px;object-fit:contain;object-position:top center;display:block;background:transparent;}
.work-placeholder{border:0;}
.work-card-title{font-size:13px;margin-top:12px;text-align:center;}
.work-card-meta{font-size:12px;color:var(--bs-secondary);text-align:center;line-height:1.35;}
.work-detail-img{max-width:100%;max-height:72vh;object-fit:contain;display:block;margin:0 auto;}
.detail-title{font-size:18px;font-weight:300;margin:0 0 12px;}
.detail-meta{font-size:14px;line-height:1.7;color:#000;}
.detail-price{font-size:14px;margin-top:22px;}
.detail-nav-left,.detail-nav-right{position:fixed;top:0;bottom:0;width:50%;z-index:900;text-decoration:none;}
.detail-nav-left{left:0;cursor:w-resize;}
.detail-nav-right{right:0;cursor:e-resize;}
.detail-content{position:relative;z-index:950;pointer-events:none;}
.detail-content a,.detail-content img,.detail-content .container{pointer-events:auto;}
.exhibitions-page{max-width:1180px;margin:0 auto;padding:20px 24px 70px;}
.exhibition-block{margin:70px 0 95px;}
.exhibition-heading{font-size:15px;font-weight:400;margin:0 0 24px;color:#000;}
.exhibition-heading span{color:var(--bs-secondary);font-size:13px;}
.exhibition-gallery{display:flex;align-items:flex-start;justify-content:space-between;gap:34px;flex-wrap:wrap;}
.exhibition-figure{margin:0 0 24px;}
.exhibition-figure.large{flex:1 1 58%;max-width:66%;}
.exhibition-figure.small{flex:0 1 31%;max-width:34%;}
.exhibition-figure.medium{flex:0 1 46%;max-width:48%;}
.exhibition-figure img{width:100%;height:auto;display:block;object-fit:contain;}
.exhibition-caption{font-size:12px;line-height:1.4;color:var(--bs-secondary);margin-top:7px;}
@media(max-width:991px){.works-grid-selected{grid-template-columns:repeat(2,minmax(0,1fr));}.work-card img,.work-placeholder{height:230px;}}
@media(max-width:767px){.navbar-brand.logo{font-size:30px;}.fee-navbar .dropdown-menu{min-width:100%;}.works-grid-selected{grid-template-columns:1fr;gap:34px;}.work-card img,.work-placeholder{height:auto;max-height:none;}.exhibitions-page{text-align:center;padding-left:18px;padding-right:18px;}.exhibition-gallery{display:block;text-align:center;}.exhibition-figure.large,.exhibition-figure.medium,.exhibition-figure.small{max-width:100%;width:100%;margin-left:auto;margin-right:auto;}.exhibition-figure img{margin-left:auto;margin-right:auto;}.detail-nav-left,.detail-nav-right{display:none;}}


/* Works on paper spacing + detail layout patch */
.fee-navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.works-page-wrapper {
    max-width: 1500px;
    margin: 0 auto;
    padding: 80px 70px 110px;
}

.works-page-wrapper .works-title {
    margin-top: 0;
    margin-bottom: 48px;
}

.works-grid-selected {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 72px 48px;
    align-items: start;
}

.work-card {
    text-decoration: none;
    color: #000;
    display: block;
}

.work-card-image {
    width: 100%;
    min-height: 280px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.work-card-image img,
.work-card > img,
.work-placeholder img {
    width: 100%;
    height: auto;
    max-height: 380px;
    object-fit: contain;
    object-position: top center;
    display: block;
}

.work-card-title {
    font-size: 13px;
    margin-top: 14px;
    text-align: center;
}

.work-card-meta {
    font-size: 12px;
    color: var(--bs-secondary);
    text-align: center;
    line-height: 1.35;
}

.detail-content {
    font-family: Inter, sans-serif;
}

.detail-content .container {
    max-width: 1280px;
}

.detail-content .row {
    align-items: center;
}

.work-detail-img {
    width: 100%;
    max-width: 760px;
    max-height: 78vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.detail-title {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 14px;
}

.detail-meta,
.detail-price {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 1100px) {
    .works-grid-selected {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .works-page-wrapper {
        padding: 50px 26px 80px;
    }

    .works-grid-selected {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 48px 26px;
    }

    .work-card-image {
        min-height: auto;
    }

    .work-card-image img,
    .work-card > img,
    .work-placeholder img {
        max-height: none;
    }

    .detail-content .row {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .works-grid-selected {
        grid-template-columns: 1fr;
    }
}