:root{color-scheme:dark;--bg:#080f19;--surface:#0e1825;--text:#f5f7fa;--muted:#b4c0ce;--blue:#2378ff;--line:#25303f;--lightblue:#76adff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #aaccff;outline-offset:6px}::selection{background:#276af0;color:white}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1{font-size:clamp(3.1rem,6vw,6rem);letter-spacing:-.055em;font-weight:800;margin-bottom:26px}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.045em;margin-bottom:25px}h3{font-size:1.6rem;letter-spacing:-.025em}p{margin-bottom:22px;color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--lightblue);margin-bottom:24px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;color:#000;padding:12px}.skip:focus{top:12px}.header{height:104px;background:#080f19;border-bottom:1px solid #1c2734;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;height:100%}.brand{flex-shrink:0;width:234px}nav{display:flex;gap:32px}nav a{font-size:.9rem;position:relative;padding:10px 0;color:#c5ceda}nav a:hover,nav a[aria-current]{color:white}nav a[aria-current]:after{content:'';height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}.header-cta{font-size:.875rem;border:1px solid #465263;padding:11px 18px;border-radius:3px;white-space:nowrap}.header-cta span{padding-left:18px}.header-cta:hover{border-color:var(--blue)}.menu-toggle{display:none}.hero{min-height:690px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;background:#101e30;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3;filter:saturate(.55)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,20,.97) 2%,rgba(3,10,20,.86) 36%,rgba(3,10,20,.24) 78%),linear-gradient(0deg,#080f19 1%,transparent 32%)}.hero-content{padding:78px 0 100px}.hero .eyebrow{display:flex;align-items:center;color:#d4deed;font-size:.75rem}.blue-line{height:2px;width:32px;background:var(--blue);margin-right:15px}.hero h1{max-width:800px;font-size:clamp(3.3rem,6.2vw,6.1rem)}.hero-lead{font-size:1.4rem;color:white;letter-spacing:-.015em;margin-bottom:15px}.hero-copy{color:#bfc9d8;line-height:1.65;max-width:530px}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;background:#1460d8;color:white;font-weight:700;font-size:.9rem;padding:16px 23px;border-radius:3px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#0c4dac;transform:translateY(-2px)}.button span{font-size:1.25rem;font-weight:400}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:.9rem;font-weight:700;padding-block:8px}.text-link:hover{color:var(--lightblue)}.hero-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff28;padding-top:22px;font-size:.75rem;letter-spacing:.09em;color:#bdc9d9}.hero-foot i{font-style:normal;color:var(--blue);padding:0 15px}.hero-foot span:last-child{letter-spacing:0}.section{padding-top:100px;padding-bottom:100px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:38px}.section-top h2{margin-bottom:0}.section-top>p{max-width:350px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-card{background:var(--surface);border:1px solid var(--line);transition:border-color .2s}.service-card:hover{border-color:#4a79b7}.card-photo{height:260px;position:relative;overflow:hidden;background:#17273d}.card-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform .5s}.service-card:hover img{transform:scale(1.025)}.card-no{position:absolute;bottom:16px;left:26px;font-size:.7rem;letter-spacing:.14em;background:#080f19da;padding:5px 9px;color:white}.card-content{padding:30px}.card-content h3{display:flex;justify-content:space-between;margin-bottom:15px}.card-content h3 span{color:#74abff;font-weight:400}.card-content p{font-size:.96rem;max-width:450px}.card-link{font-size:.85rem;color:var(--lightblue);font-weight:700;display:flex;gap:12px}.about-home{background:#0c1521;border-block:1px solid #1a2736;padding-block:80px}.about-grid{display:grid;grid-template-columns:.95fr 1fr;gap:90px;align-items:center}.brand-panel{min-height:365px;border:1px solid #233144;background:radial-gradient(ellipse at 50% 40%,#182e4c 0%,#0b1522 65%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:35px;position:relative;overflow:hidden}.brand-panel:after{content:'';position:absolute;width:160%;height:1px;background:#304868;transform:rotate(-55deg);left:0;top:0;opacity:.4}.brand-panel img{width:min(80%,310px)}.brand-panel span{font-size:.65rem;letter-spacing:.18em;text-align:center;color:#9aaec8}.about-grid p:not(.eyebrow){font-size:.98rem}.contact-band{padding-block:75px;background:#101f33}.contact-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}.contact-band h2{margin:0;font-size:clamp(2rem,3.5vw,3.1rem)}.contact-band .eyebrow{margin-bottom:18px}.footer{padding-top:66px;background:#060b12}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:44px}.footer-grid img{margin-bottom:24px}.footer-grid h2{font-size:.875rem;letter-spacing:0;margin:10px 0 22px}.footer-grid p,.footer-grid address,.footer-grid a:not(:has(img)){font-size:.85rem;color:#a6b4c6}.footer-grid a:not(:has(img)){display:block;width:fit-content;margin-bottom:6px}.footer-grid a:hover{color:white}address{font-style:normal}.footer-grid address{margin-bottom:15px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #202936;padding-block:22px;color:#8ea0b6;font-size:.75rem}.page-intro{padding-top:80px;padding-bottom:65px}.page-intro h1{font-size:clamp(3rem,5.7vw,5.5rem)}.intro-lead{font-size:1.2rem;max-width:720px}.anchor-nav{display:flex;gap:34px;margin-top:32px}.anchor-nav a{font-size:.875rem;color:var(--lightblue);padding-bottom:6px;border-bottom:1px solid #3b587e}.detail-section{display:grid;grid-template-columns:.95fr 1fr;gap:80px;padding-top:60px;padding-bottom:80px;border-top:1px solid var(--line);align-items:start}.detail-photo img{width:100%;height:560px;object-fit:cover;filter:saturate(.6)}.image-caption{font-size:.75rem;margin-top:10px;color:#96a7bc}.large{font-size:1.35rem;color:#e7edf5;line-height:1.45}.service-list{margin:28px 0 30px}.service-list>div{padding:17px 0;border-top:1px solid var(--line)}dt{font-weight:700;font-size:1rem}dd{margin:5px 0 0;color:var(--muted);font-size:.93rem}.reverse .detail-photo{order:2}.practical{border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.two-col h3{font-size:1.2rem}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-bottom:100px;align-items:start}.tall{min-height:510px}.story-copy{padding-top:12px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:100px}.contact-card{padding:45px;border:1px solid var(--line);background:var(--surface)}.contact-card h2{margin-bottom:10px}.contact-card address{font-size:1.1rem;color:var(--muted);margin-block:32px}.business-ids{border-top:1px solid var(--line);padding-top:20px}.business-ids p{margin:5px 0;font-size:.9rem}.business-ids span{display:inline-block;width:60px;color:#f5f7fa}.contact-notes{padding-top:10px}.contact-notes h2{font-size:1.8rem}.contact-notes>div{position:relative;padding-left:46px;margin-top:30px}.contact-notes h3{font-size:1.2rem;margin-bottom:12px}.number{position:absolute;left:0;top:0;color:var(--lightblue);font-size:.8rem}.quiet{border-top:1px solid var(--line);padding-top:24px;font-size:.875rem}.error-page{min-height:65vh}
@media(min-width:1600px){.hero{min-height:770px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header-inner{gap:20px}.brand{width:200px}nav{gap:22px}.header-cta{padding:10px}.header-cta span{padding-left:9px}.about-grid,.detail-section,.about-story,.contact-layout{gap:44px}.hero{min-height:660px}.card-photo{height:230px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:84px}.header-inner{min-height:84px;flex-wrap:wrap;gap:0}.brand{width:205px}.header-cta{display:none}.menu-toggle:not([hidden]){display:flex;gap:15px;align-items:center;background:transparent;border:1px solid #384558;color:white;padding:8px 12px;border-radius:3px;font-size:.875rem}.header nav{width:100%;justify-content:space-between;padding:8px 0 20px;gap:18px}.menu-toggle:not([hidden])+nav{display:none}.menu-toggle:not([hidden])+nav.open{display:flex}.header nav a{font-size:.875rem}.hero{min-height:665px}.hero-content{padding-top:58px;padding-bottom:115px}.hero h1{font-size:clamp(3.1rem,9vw,4.9rem)}.hero-shade{background:linear-gradient(90deg,#050d18ec,#050d18aa 70%,#050d1870),linear-gradient(0deg,#080f19,transparent 65%)}.hero-photo{object-position:62% center}.hero-lead{font-size:1.1rem}.hero-copy{font-size:.95rem}.hero-foot{bottom:20px;flex-wrap:wrap;gap:8px;font-size:.65rem}.section{padding-block:64px}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:20px;max-width:480px}.service-grid{gap:20px}.card-photo{height:200px}.card-content{padding:23px}.card-content h3{font-size:1.4rem}.about-grid,.about-story,.contact-layout,.detail-section{grid-template-columns:1fr;gap:34px}.about-home{padding-block:55px}.about-grid .brand-panel{min-height:280px}.about-grid .brand-panel img{width:220px}.contact-band{padding-block:55px}.contact-band>.wrap{align-items:flex-start;flex-direction:column;gap:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.page-intro{padding-block:55px}.page-intro h1{font-size:clamp(3rem,9vw,4.5rem)}.detail-section{padding-top:40px;padding-bottom:55px}.detail-photo img{height:340px}.reverse .detail-photo{order:0}.two-col{gap:35px}.tall{min-height:300px}.about-story{padding-bottom:60px}.contact-layout{padding-bottom:60px}.contact-card{padding:30px}}
@media(max-width:520px){.service-grid,.two-col{grid-template-columns:1fr}.service-grid{gap:28px}.card-photo{height:220px}.actions{gap:14px;align-items:flex-start;flex-direction:column}.actions .button{font-size:.8rem;padding:16px 17px;gap:17px}.hero h1{font-size:clamp(2.8rem,11.5vw,3.8rem)}.hero-foot{flex-direction:column}.hero-content{padding-bottom:140px}.eyebrow{font-size:.7rem}.hero .eyebrow{font-size:.65rem}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{gap:20px;font-size:.7rem}.anchor-nav{gap:24px}.intro-lead{font-size:1.1rem}.contact-card{padding:25px}.brand-panel{padding:25px}.brand-panel span{font-size:.6rem}.header nav{gap:14px}.detail-photo img{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:360px){.brand{width:175px}.menu-toggle:not([hidden]){gap:7px;padding:7px 9px}.hero h1{font-size:2.7rem}.button{max-width:100%;gap:12px}.button span{flex-shrink:0}.hero-foot{letter-spacing:.04em}}

.email-link{overflow-wrap:anywhere}.contact-card>.email-link{display:block;margin-top:16px;color:var(--lightblue);font-size:1rem}.contact-email{margin-top:12px}

/* AV-producties: derde dienst als brede, rustige uitgelichte kaart. */
.av-card{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center}.av-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:220px;background:radial-gradient(ellipse at center,#173352,#0b1522 75%);color:#76adff}.av-icon{width:110px;height:88px}.av-visual>span{font-size:.75rem;letter-spacing:.14em}.av-card .eyebrow{margin-bottom:16px}.av-card .card-content p{max-width:620px}.av-panel{padding:36px;background:#0e1825;border:1px solid #25303f}.av-panel .av-visual{margin-bottom:32px}.av-panel h2{font-size:2.25rem}.anchor-nav{flex-wrap:wrap}.practical .two-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.hero-foot i{padding-inline:8px}
@media(max-width:800px){.practical .two-col{grid-template-columns:1fr}.av-card{grid-template-columns:1fr}.av-card .av-visual{min-height:200px}.av-panel{padding:26px}.hero-foot span:first-child{font-size:.6rem;letter-spacing:.04em}.anchor-nav{gap:18px 24px}}

.studio-portrait{margin:0;min-width:0}.studio-portrait img{width:100%;height:auto;border:1px solid var(--line)}.studio-portrait figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}