:root{--font-serif: "Instrument Serif",Georgia,serif;--font-sans: "Instrument Sans",Arial,sans-serif}.navbar{--nav-cocoa: #442F2A;--nav-cream: #FFF7EC;--nav-pink: #F2B9CB;--nav-blush: #F9DDE5;position: sticky;top: 0;z-index: 9999;width: 100%;padding: 14px clamp(20px,3vw,45px);display: flex;align-items: center;justify-content: space-between;gap: 20px;background-color: var(--nav-cocoa);color: var(--nav-cream)}.nav-logo{display: flex;align-items: center;gap: 9px;color: var(--nav-cream);font-family: var(--font-serif);font-size: clamp(25px,2.3vw,30px);line-height: 1;white-space: nowrap;text-decoration: none}.nav-vonk{width: 0.66em;height: 0.66em;flex: 0 0 auto;fill: var(--nav-cream)}.nav-naam{color: var(--nav-pink)}.nav-menu{display: flex;align-items: center;gap: clamp(16px,2.2vw,30px);font-size: 17px}.nav-link,.nav-dd-knop{padding: 6px 0;color: var(--nav-cream);border-bottom: 2px solid transparent;line-height: 1.2;text-decoration: none;white-space: nowrap}.nav-link:hover,.nav-dd-knop:hover,.nav-dd.open .nav-dd-knop{color: var(--nav-blush)}.nav-link[aria-current="page"],.nav-dd-knop.is-active,.nav-over-link.is-active{border-bottom-color: var(--nav-pink)}.nav-dd{position: relative}.nav-dd-knop{display: flex;align-items: center;gap: 6px;margin: 0;background: none;border-top: 0;border-left: 0;border-right: 0;border-radius: 0;font: inherit;cursor: pointer}.nav-dd-knop svg{width: 12px;height: 12px;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;transition: transform 0.2s ease}.nav-dd.open .nav-dd-knop svg{transform: rotate(180deg)}.nav-dd-lijst{position: absolute;top: calc(100% + 12px);left: -14px;width: 290px;display: flex;flex-direction: column;padding: 8px;background-color: var(--nav-cream);border-radius: 10px;box-shadow: 0 18px 40px rgba(0,0,0,0.28);opacity: 0;visibility: hidden;transform: translateY(-4px);transition: opacity 0.2s ease,transform 0.2s ease,visibility 0s 0.2s}.nav-dd.open .nav-dd-lijst{opacity: 1;visibility: visible;transform: none;transition: opacity 0.2s ease,transform 0.2s ease}.nav-dd-kop{padding: 8px 12px 4px;color: #6B5650;font-size: 11px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase}.nav-dd-lijst a{display: flex;align-items: center;gap: 10px;padding: 8px 12px;color: var(--nav-cocoa);border-radius: 6px;font-size: 15px;line-height: 1.3;text-decoration: none}.nav-dd-lijst a:hover,.nav-dd-lijst a:focus-visible{background-color: var(--nav-blush)}.nav-dd-vonk{width: 10px;height: 10px;flex: 0 0 auto;fill: var(--nav-cocoa)}.nav-dd-lijst .nav-dd-alles{margin-top: 6px;padding-top: 12px;border-top: 1px solid rgba(68,47,42,0.14);border-radius: 0 0 6px 6px;font-size: 12px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase}.nav-soc{display: flex;align-items: center;gap: 4px}.nav-soc a{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: var(--nav-cream);border-radius: 6px}.nav-soc a:hover{background-color: rgba(255,247,236,0.12)}.nav-soc svg{width: 21px;height: 21px;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.nav-cta{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 20px;background-color: var(--nav-blush);color: var(--nav-cocoa);border-radius: 5px;font-size: 12.5px;font-weight: 600;letter-spacing: 0.12em;line-height: 1;text-transform: uppercase;text-decoration: none;white-space: nowrap;transition: background-color 0.2s ease}.nav-cta:hover{background-color: var(--nav-cream)}.navbar a:focus-visible,.navbar button:focus-visible{outline: 2px solid var(--nav-pink);outline-offset: 3px}.mobile-menu-button{display: none;width: 44px;height: 44px;margin: 0;padding: 0;flex-direction: column;align-items: center;justify-content: center;gap: 5px;background: transparent;border: 1px solid rgba(249,221,229,0.45);border-radius: 6px;box-shadow: none;cursor: pointer}.mobile-menu-button:hover{transform: none;background: transparent}.mobile-menu-button span{display: block;width: 20px;height: 2px;margin: 0;background-color: var(--nav-cream);border-radius: 999px;transition: transform 0.3s ease,opacity 0.3s ease}@media (max-width: 1100px){.navbar{flex-wrap: wrap;padding: 12px 20px}.mobile-menu-button{display: flex}.nav-menu{order: 3;display: none;width: 100%;max-height: calc(100vh - 70px);max-height: calc(100dvh - 70px);overflow-y: auto;flex-direction: column;align-items: stretch;gap: 2px;padding: 10px 0 22px}.navbar.menu-open .nav-menu{display: flex}.nav-link,.nav-dd-knop{width: 100%;justify-content: space-between;padding: 6px 0;border-bottom: 0;font-family: var(--font-serif);font-size: 30px}.nav-link[aria-current="page"],.nav-dd-knop.is-active,.nav-over-link.is-active{color: var(--nav-pink)}.nav-dd-knop svg{width: 16px;height: 16px}.nav-dd-lijst{position: static;width: 100%;display: none;padding: 0 0 8px;background: none;box-shadow: none;opacity: 1;visibility: visible;transform: none;transition: none}.nav-dd.open .nav-dd-lijst{display: flex}.nav-dd-kop{display: none}.nav-dd-lijst a{padding: 7px 0 7px 14px;color: var(--nav-blush);font-size: 16px}.nav-dd-lijst a:hover,.nav-dd-lijst a:focus-visible{background: none;color: var(--nav-cream)}.nav-dd-vonk{fill: var(--nav-pink)}.nav-dd-lijst .nav-dd-alles{padding-top: 12px;border-top: 0;color: var(--nav-cream)}.nav-soc{margin: 12px 0 14px -8px}.nav-soc a{width: 44px;height: 44px}.nav-cta{padding: 16px 20px}.navbar.menu-open .mobile-menu-button span:nth-child(1){transform: translateY(7px) rotate(45deg)}.navbar.menu-open .mobile-menu-button span:nth-child(2){opacity: 0}.navbar.menu-open .mobile-menu-button span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}}@media (prefers-reduced-motion: reduce){.nav-dd-lijst,.nav-dd-knop svg,.mobile-menu-button span{transition: none}}.site-footer{width: 100%;padding: 22px 40px;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;background-color: #FFF7EC}.footer-left{justify-self: start;display: flex;align-items: center;flex-wrap: wrap;gap: 7px}.footer-divider{color: #442F2A;font-size: 13px}.footer-socials{justify-self: center;display: flex;align-items: center;gap: 10px}.footer-right{justify-self: end}.footer-copyright,.footer-privacy,.footer-email{color: #442F2A;font-size: 13px;text-decoration: none}.footer-copyright:hover,.footer-privacy:hover,.footer-email:hover{text-decoration: underline;text-underline-offset: 4px}.footer-socials a{display: flex;align-items: center;justify-content: center}.footer-social-icon{display: block;width: 22px;height: 22px;object-fit: contain;transition: transform 0.2s ease}.footer-socials a:hover .footer-social-icon{transform: scale(1.1)}@media (max-width: 650px){.site-footer{grid-template-columns: 1fr;gap: 18px;padding-left: 20px;padding-right: 20px;text-align: center}.footer-left,.footer-socials,.footer-right{justify-self: center}.footer-left{justify-content: center}}.dj-nacht .site-footer,.dj-nacht .dj-hero,.dj-nacht .dj-showreel-section,.dj-nacht .dj-moments,.dj-nacht .dj-listen,.dj-nacht .dj-experience{background-color: var(--night);color: #F5CBD7}.dj-nacht .site-footer a,.dj-nacht .dj-page a:not(.dj-button){color: #F5CBD7}.dj-nacht .footer-social-icon{filter: invert(1) hue-rotate(180deg)}