*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#161616;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #777;outline-offset:5px}header{height:100px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;background:white}.brand{display:flex;gap:15px;align-items:center;line-height:1.15;font-size:22px;font-weight:800;letter-spacing:-.6px}.brand img{width:48px;height:auto}.brand b{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:700}.nav-contact{border:1px solid #161616;padding:11px 24px}.hero{background:#111;color:white;padding:76px 6% 0;display:grid;grid-template-columns:1.05fr 1fr;gap:40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 28px}h1{font-size:clamp(48px,5.7vw,86px);line-height:1.03;letter-spacing:-4px;margin:0 0 30px;font-weight:800}h1 span{color:#a3a3a3}.intro{max-width:445px;font-size:18px;color:#c4c4c4;margin:0 0 32px}.button{display:inline-block;font-size:14px;font-weight:700;padding:16px 26px;border:1px solid transparent;cursor:pointer;border-radius:0}.light{background:white;color:#111}.dark{background:#111;color:white}.button:hover{background:#d0d0d0;color:#111;text-decoration:none}.hero-mark{background:#fff;align-self:center;padding:60px 46px 24px;color:#111;transform:translateY(-10px)}.hero-mark img{width:100%;height:auto;display:block}.mark-caption{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;letter-spacing:1px;border-top:1px solid #ddd;margin-top:42px;padding-top:20px;gap:12px}.hero-bottom{grid-column:1/-1;border-top:1px solid #3b3b3b;margin-top:28px;padding:25px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px}.hero-bottom a{letter-spacing:0;font-size:14px}.section{padding:100px 6%}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:end}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 28px}.section-heading>p:last-child{max-width:440px;color:#626262;margin:0 0 28px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:32px}.service-grid article{border:1px solid #d8d8d8;padding:30px;position:relative}.number{font-size:12px;font-weight:bold;color:#666}.service-art{height:115px;margin:15px 0 26px;background:#111;overflow:hidden;position:relative}.beams{background:repeating-linear-gradient(120deg,#111 0px,#111 35px,#aaa 36px,#fff 38px,#111 40px,#111 72px)}.frames{display:flex;align-items:center;justify-content:center;gap:14px}.frames i{width:64px;height:50px;border:2px solid white;display:block}.frames i:nth-child(2){width:90px;height:70px}h3{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin:0 0 16px}.service-grid p{max-width:470px;color:#626262}.service-grid ul{padding:0;list-style:none;border-top:1px solid #ddd;margin:24px 0 0}.service-grid li{padding:10px 0;border-bottom:1px solid #ddd;font-size:14px}.events{background:#f1f1f1}.event-list{margin-top:50px}.event-list article{display:grid;grid-template-columns:50px 1fr 1fr;gap:24px;padding:34px 0;border-top:1px solid #c8c8c8;align-items:start}.event-list article:last-child{border-bottom:1px solid #c8c8c8}.event-list span{font-size:12px;font-weight:bold}.event-list p{margin:0;color:#5b5b5b;max-width:450px}.event-list h3{margin:0;font-size:28px}.approach{background:#111;color:white}.approach-title{display:grid;grid-template-columns:1fr 1fr;gap:8%}.approach-title p{max-width:420px;color:#b9b9b9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.steps>div{border-top:1px solid #555;padding-top:26px}.steps span{font-size:12px;letter-spacing:1.5px;color:#aaa}.steps h3{margin-top:20px}.steps p{color:#b9b9b9;max-width:300px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact>div>p:not(.eyebrow){max-width:360px;color:#626262}.email{font-size:14px;border-bottom:1px solid #111;overflow-wrap:anywhere;display:inline-block;margin-top:20px}form label{display:block;font-size:14px;font-weight:bold;margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{width:100%;display:block;background:#f7f7f7;color:#111;border:1px solid #ccc;border-radius:0;padding:13px 14px;margin-top:8px;font-weight:normal;font-size:16px}textarea{resize:vertical}.form-note{font-size:14px;color:#666;margin-top:0}#form-status{font-size:14px}footer{padding:35px 6%;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p,footer>span{font-size:12px;color:#666}footer .brand{font-size:18px}footer .brand img{width:38px}@media(min-width:1500px){header,.hero,.section,footer{padding-left:max(6%,calc((100vw - 1320px)/2));padding-right:max(6%,calc((100vw - 1320px)/2))}}@media(max-width:800px){header{height:80px;padding:0 5%}.brand{font-size:18px}.brand img{width:38px}nav{gap:18px}.nav-contact{padding:8px 14px}.hero{padding:50px 5% 0;grid-template-columns:1fr;gap:34px}h1{letter-spacing:-2px}.hero-mark{padding:32px;max-width:480px;transform:none}.hero-bottom{margin-top:0;gap:18px;flex-wrap:wrap}.hero-bottom>span{font-size:10px}.section{padding:65px 5%}.section-heading,.approach-title,.contact{grid-template-columns:1fr;gap:20px}.service-grid{gap:18px}.service-grid article{padding:22px}.event-list article{grid-template-columns:30px 1fr;gap:16px}.event-list p{grid-column:2}.steps{gap:22px}.steps h3{font-size:22px}.contact{gap:38px}footer{flex-wrap:wrap;padding:28px 5%}footer p{display:none}}@media(max-width:500px){nav{gap:12px;font-size:12px}nav>a:nth-child(2){display:none}.brand b{font-size:8px}h1{font-size:52px}.hero-mark{padding:30px 24px 20px}.mark-caption{font-size:8px}.service-grid,.steps,.form-row{grid-template-columns:1fr}.service-art{height:105px}.steps{margin-top:25px}.steps p{max-width:none}h2{font-size:38px}.form-row{gap:0}.event-list h3{font-size:24px}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.event-photo{margin:0;background:#111}.event-photo img{display:block;width:100%;height:auto}

.work-example{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid #ddd}.work-example p:not(.eyebrow){max-width:430px;color:#626262}.work-example figure{margin:0}.work-example img{display:block;width:100%;height:auto}.work-example figcaption{font-size:14px;color:#666;padding-top:12px}@media(max-width:800px){.work-example{grid-template-columns:1fr;gap:28px}}

.wedding-gallery img+img{margin-top:18px}

.work-example[aria-label="Exclusieve bruiloft"]{border-top:0}

.work-example:has(+ .work-example){padding-bottom:20px}.work-example + .work-example{padding-top:20px}

.work-example[aria-label="Exclusieve bruiloft"]{grid-template-columns:1fr;gap:18px}.work-example[aria-label="Exclusieve bruiloft"]>div>p{margin:0;font-size:24px;font-weight:700;color:#161616;max-width:none}.work-example[aria-label="Exclusieve bruiloft"] figure{width:100%}.work-example[aria-label="Exclusieve bruiloft"] img{width:100%;height:auto}

@media(max-width:500px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:16px;padding-top:16px;padding-bottom:16px}nav{width:100%;justify-content:space-between;gap:10px}nav>a:nth-child(2){display:inline-block}nav>a[href="#evenementen"]{display:none}}

.contact-address{font-style:normal;margin-top:28px;line-height:1.8}.contact-address strong{font-weight:700}

/* Navigation and headings for the separate pages. */
header{height:auto;min-height:100px;gap:24px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
nav{gap:22px;flex-wrap:wrap}nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.section h1{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 28px}
.section-heading>h1{align-self:end}
main{min-height:calc(100vh - 220px)}
@media(max-width:1100px){nav{width:100%;gap:18px}}
@media(max-width:500px){nav{justify-content:flex-start;gap:12px 18px}nav>a[href="evenementen.html"],nav>a:nth-child(2){display:inline-block}.section h1{font-size:38px}}

#werkzaamheden{grid-template-columns:1fr;gap:28px}#werkzaamheden>div>p{max-width:700px}#werkzaamheden .project-label{font-size:24px;font-weight:700;line-height:1.6;letter-spacing:normal;margin:0 0 18px}

footer{justify-content:flex-start;gap:32px}footer .footer-contact{font-size:12px;font-style:normal;color:#666;line-height:1.8}footer>span{margin-left:auto}footer .footer-contact a{overflow-wrap:anywhere}@media(max-width:500px){footer{gap:20px}footer .footer-contact{flex-basis:100%}footer>span{margin-left:0}}



.service-art.lighting-icon{background:#fff;height:180px;display:flex;align-items:center;justify-content:center}.lighting-icon img{display:block;width:100%;height:100%;object-fit:contain}

.service-art.lighting-icon{height:150px;margin:8px 0 12px;overflow:hidden}.lighting-icon img{width:100%;height:100%;object-fit:contain;transform:scale(1.8)}

.service-art.lighting-icon{background:#000}.lighting-icon img{filter:brightness(0) invert(1)}

.service-art.lighting-icon{height:180px;background:#000}.lighting-icon img{filter:none;transform:none;object-fit:cover;object-position:center top}

.service-art.lighting-icon{background:transparent;height:230px}.lighting-icon img{object-fit:contain;object-position:center;filter:none;transform:none}

.service-art.video-icon{background:#fff;height:230px;display:flex;align-items:center;justify-content:center;margin:8px 0 12px}.video-icon img{display:block;width:100%;height:100%;object-fit:contain}

.sound-service{grid-column:1/-1}.sound-service h3{margin-top:20px}

.service-art.lighting-icon{background:#000}.lighting-icon img{object-fit:contain;filter:none;transform:none}

.service-art.video-icon{background:#000}.video-icon img{object-fit:contain;filter:none;transform:none}

.service-art.sound-icon{height:230px;max-width:560px;background:#111;margin:8px 0 12px}.sound-icon img{display:block;width:100%;height:100%;object-fit:contain}

.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-service{grid-column:auto}.service-grid .service-art{height:200px;max-width:none}.service-grid article{min-width:0}@media(max-width:800px){.service-grid{grid-template-columns:1fr}}

.portfolio-page .work-example figure{width:100%;max-width:650px}.portfolio-page .work-example img{display:block;width:auto;height:auto;max-width:100%;max-height:650px}.portfolio-page .wedding-gallery img{max-height:500px}

.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.portfolio-page .portfolio-grid figure{max-width:none;width:100%}.portfolio-page .portfolio-grid img{max-width:100%;max-height:600px;width:auto;height:auto}.portfolio-page #werkzaamheden{padding-bottom:65px}@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr;gap:36px}}

.portfolio-page .portfolio-grid img{border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 40px 8px rgba(0,0,0,.14);border-radius:4px}

.language-switch{display:flex;gap:14px;align-items:center;font-size:14px}.language-switch a{padding:5px 0}.language-switch [aria-current="true"]{font-weight:700;border-bottom:2px solid #111}@media(max-width:1100px){.language-switch{width:100%;justify-content:flex-end}}
