.fotografie-page{background:#F7F7F3;overflow:hidden}.fotografie-page section{box-sizing:border-box}.fotografie-hero{min-height:560px;display:flex;align-items:center;padding:150px 0 110px;background:linear-gradient(90deg,rgb(24 49 38 / .92) 0%,rgb(24 49 38 / .72) 48%,rgb(24 49 38 / .25) 100%),url(https://stoopendaal.nl/wp-content/themes/Stoopendaal/assets/css/../images/fotografie-hero.jpg) center center / cover no-repeat;color:#fff}.fotografie-hero__content{max-width:850px}.fotografie-hero .section-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:14px 24px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .28);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box}.fotografie-hero .section-eyebrow::before{content:"";width:10px;height:10px;flex:0 0 10px;background:#ff7217;border-radius:50%}.fotografie-hero h1{max-width:900px;margin:0 0 28px;color:#fff;font-family:Manrope,Inter,sans-serif;font-size:clamp(56px,6vw,88px);font-weight:800;line-height:.98;letter-spacing:-.055em}.fotografie-hero p{max-width:650px;margin:0;color:rgb(255 255 255 / .86);font-size:1.2rem;line-height:1.7}.fotografie-gallery{padding:110px 0 120px;background:#F7F7F3}.fotografie-filters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:55px}.fotografie-filter{padding:12px 22px;border:1px solid rgb(24 49 38 / .15);border-radius:999px;background:#fff0;color:#183126;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:.3s ease}.fotografie-filter:hover{border-color:#183126;background:#183126;color:#fff}.fotografie-filter.active{border-color:#183126;background:#183126;color:#fff}.fotografie-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:18px}.fotografie-item{position:relative;grid-column:span 4;grid-row:span 2;margin:0;overflow:hidden;border-radius:18px;background:#E7E9E4;cursor:pointer}.fotografie-item--large{grid-column:span 6;grid-row:span 3}.fotografie-item--wide{grid-column:span 6;grid-row:span 2}.fotografie-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .45s ease}.fotografie-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0 55%,rgb(0 0 0 / .25) 100%);opacity:0;transition:opacity .4s ease}.fotografie-item:hover img{transform:scale(1.035)}.fotografie-item:hover::after{opacity:1}.fotografie-cta{padding:120px 0;background:#183126}.fotografie-cta__inner{max-width:900px;margin:0 auto;padding:80px 60px;text-align:center;background:#F7F7F3;border-radius:28px}.fotografie-cta .section-eyebrow{display:block;margin-bottom:18px;color:#58704F;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.fotografie-cta h2{margin:0 0 20px;color:#183126;font-family:Manrope,Inter,sans-serif;font-size:clamp(40px,5vw,62px);font-weight:800;line-height:1.03;letter-spacing:-.045em}.fotografie-cta p{max-width:650px;margin:0 auto 32px;color:#64748B;font-size:1rem;line-height:1.7}.fotografie-page .button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border-radius:999px;background:#B64632;color:#fff;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 15px 35px rgb(182 70 50 / .22);transition:.3s ease}.fotografie-page .button-primary:hover{transform:translateY(-3px);background:#9F3B2A;color:#fff}@media (max-width:1100px){.fotografie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.fotografie-item{grid-column:span 3;grid-row:span 2}.fotografie-item--large{grid-column:span 6;grid-row:span 3}.fotografie-item--wide{grid-column:span 6;grid-row:span 2}}@media (max-width:768px){.fotografie-hero{min-height:500px;padding:140px 0 80px}.fotografie-hero h1{font-size:clamp(42px,11vw,64px)}.fotografie-hero p{font-size:1rem}.fotografie-gallery{padding:80px 0}.fotografie-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:35px;scrollbar-width:none}.fotografie-filters::-webkit-scrollbar{display:none}.fotografie-filter{flex:0 0 auto}.fotografie-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:12px}.fotografie-item{grid-column:span 1;grid-row:span 1;border-radius:16px}.fotografie-item--large{grid-column:span 2;grid-row:span 2}.fotografie-item--wide{grid-column:span 2;grid-row:span 1}.fotografie-cta{padding:80px 0}.fotografie-cta__inner{padding:55px 28px;border-radius:22px}}@media (max-width:480px){.fotografie-hero{min-height:470px;padding:125px 0 70px}.fotografie-hero h1{font-size:42px}.fotografie-grid{grid-auto-rows:155px;gap:10px}.fotografie-item{border-radius:14px}.fotografie-cta__inner{padding:45px 22px}}@media (prefers-reduced-motion:reduce){.fotografie-item img,.fotografie-item::after,.fotografie-filter,.fotografie-page .button-primary{transition:none!important}}.fotografie-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:40px;background:rgb(8 18 14 / .94);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.fotografie-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}.fotografie-lightbox__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fotografie-lightbox__image{display:block;max-width:90vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 25px 80px rgb(0 0 0 / .45);transform:scale(.96);transition:transform .35s ease}.fotografie-lightbox.is-open .fotografie-lightbox__image{transform:scale(1)}.fotografie-lightbox__close{position:absolute;top:25px;right:30px;z-index:5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .12);color:#fff;font-size:32px;line-height:1;cursor:pointer;transition:background .25s ease,transform .25s ease}.fotografie-lightbox__close:hover{background:#B64632;transform:rotate(90deg)}.fotografie-lightbox__prev,.fotografie-lightbox__next{position:absolute;top:50%;z-index:5;width:52px;height:52px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .12);color:#fff;font-size:24px;cursor:pointer;transform:translateY(-50%);transition:background .25s ease,transform .25s ease}.fotografie-lightbox__prev{left:25px}.fotografie-lightbox__next{right:25px}.fotografie-lightbox__prev:hover{background:#B64632;transform:translateY(-50%) translateX(-3px)}.fotografie-lightbox__next:hover{background:#B64632;transform:translateY(-50%) translateX(3px)}.fotografie-item{cursor:zoom-in}@media (max-width:768px){.fotografie-lightbox{padding:20px}.fotografie-lightbox__image{max-width:94vw;max-height:82vh;border-radius:10px}.fotografie-lightbox__close{top:15px;right:15px;width:42px;height:42px;font-size:28px}.fotografie-lightbox__prev,.fotografie-lightbox__next{width:42px;height:42px;font-size:19px}.fotografie-lightbox__prev{left:10px}.fotografie-lightbox__next{right:10px}}@media (prefers-reduced-motion:reduce){.fotografie-lightbox,.fotografie-lightbox__image,.fotografie-lightbox__close,.fotografie-lightbox__prev,.fotografie-lightbox__next{transition:none!important}}