@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{--bg:#081827;--panel:#0c2033;--ink:#f1eee7;--muted:#a1afba;--gold:#cbb18b;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.75 DM Sans,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline:2px solid var(--gold);outline-offset:5px}::selection{color:#081827;background:#cbb18b}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:400;line-height:1.1}em{color:var(--gold);font-weight:400}h2{letter-spacing:-1.8px;font-size:clamp(35px,4.2vw,64px)}h3{font-size:30px}p{color:#c3cdd4}header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;height:110px;padding:0 5.5%;display:flex;position:relative}.brand{letter-spacing:3px;font-size:19px;font-weight:600;line-height:1.3}.brand span{letter-spacing:3px;color:var(--gold);margin-top:7px;font-size:9px;display:block}nav{gap:29px;font-size:13px;display:flex}nav a{color:#bec7ce;border-bottom:1px solid #0000;padding:12px 0}nav a.active,nav a:hover{border-color:var(--gold);color:var(--ink)}.hero{height:calc(100svh - 110px);min-height:730px;max-height:1000px;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:70% 45%;width:86%;height:100%;position:absolute;top:0;right:0}.hero-shade{background:linear-gradient(90deg,#081827 3%,#081827f5 20%,#081827a6 40%,#08182710 70%),linear-gradient(#0000 65%,#081827 100%);position:absolute;inset:0}.hero-copy{max-width:780px;padding:85px 7% 100px;position:relative}.eyebrow{letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.8}.eyebrow>span{background:var(--gold);border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}.hero h1{letter-spacing:-5px;margin:34px 0 24px;font-size:clamp(85px,9vw,142px);line-height:.95}.hero h2{letter-spacing:1px;font:400 20px DM Sans,sans-serif}.tagline{max-width:350px;margin:20px 0 34px;font-size:17px}.actions{align-items:center;gap:28px;display:flex}.primary{background:var(--gold);color:#0b1b2a;justify-content:space-between;align-items:center;gap:32px;padding:15px 23px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.primary:hover{background:#e1c9a6}.plain{font-size:12px}.hero-foot{letter-spacing:2px;color:#a2afb9;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:25px;left:7%;right:7%}.section{padding:100px 7%;scroll-margin-top:30px}.intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 2.1fr;gap:50px;display:grid}.intro h2{margin-bottom:35px}.intro-columns{columns:2;column-gap:45px;font-size:15px}.intro-columns p{break-inside:avoid}.text-link{color:var(--gold);border-bottom:1px solid #cbb18b70;padding:6px 0;font-size:13px;display:inline-block}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{margin:0 0 5px;font-size:14px}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 36px;display:grid}.home-projects .project:first-child{grid-column:1/-1;grid-template-columns:1.65fr 1fr;align-content:center;column-gap:35px;display:grid}.home-projects .project:first-child .project-image{aspect-ratio:1.85;grid-row:1/5}.home-projects .project:first-child h3{margin-top:20px;font-size:48px}.home-projects .project:first-child .project-meta{margin-top:50px}.project{text-align:left;width:100%;padding:0;display:block}.project-image{aspect-ratio:1.6;background:var(--panel);position:relative;overflow:hidden}.project img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transition:transform .5s,filter .5s}.project:hover img{filter:saturate();transform:scale(1.035)}.round-arrow{background:#08182788;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:16px;right:16px}.project-meta{color:var(--gold);text-transform:uppercase;letter-spacing:1.7px;justify-content:space-between;gap:10px;margin:20px 0 10px;font-size:9px;display:flex}.project h3{margin:0 0 9px}.project>p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.type-image{aspect-ratio:1.6;border:1px solid var(--line);background:linear-gradient(135deg,#132f46,#0a1d2d);flex-direction:column;justify-content:space-between;padding:32px;display:flex}.type-image>span{letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-size:10px}.type-image>b{color:#d2dce3;max-width:90%;font:italic 400 clamp(30px,4vw,60px)/1.1 Playfair Display,Georgia}.type-image i{float:right;font-size:22px;font-style:normal}.current{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;display:grid}.current h2{font-size:55px}.current p:not(.eyebrow){max-width:500px;font-size:15px}.current-quote{align-self:center;font:400 34px/1.5 Playfair Display,Georgia}.current-quote span{letter-spacing:2px;color:var(--muted);margin-top:25px;font:9px/2 DM Sans,sans-serif;display:block}.contact-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;display:flex}.contact-strip h2{margin:0;font-size:42px}.contact-strip .primary{min-width:180px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:40px 5.5%;display:flex}footer>span,footer>button{color:var(--muted);font-size:11px}.page-top{padding-bottom:50px}.page-top h1,.about h1,.contact-page h1{letter-spacing:-4px;margin:25px 0;font-size:clamp(60px,8vw,115px)}.page-top>p:last-child{max-width:600px;font-size:18px}.collection{padding-top:15px}.filter{border-bottom:1px solid var(--line);gap:12px;margin-bottom:40px;display:flex}.filter button{color:var(--muted);border-bottom:2px solid #0000;padding:12px 20px;font-size:13px}.filter button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.repertoire{background:var(--panel)}.muted{color:var(--muted);font-size:13px}.repertoire details{margin-top:30px}.repertoire summary{cursor:pointer;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;list-style:none}.repertoire summary span{float:right}.credit{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr 1fr;gap:20px;padding:25px 0;display:grid}.credit>span{color:var(--gold);font-size:12px}.credit h3{margin:0;font-size:22px}.credit small{color:var(--muted);margin-top:8px;font:12px/1.6 DM Sans;display:block}.credit p{margin:0;font-size:12px}.about{grid-template-columns:1fr 1.15fr;align-items:start;gap:80px;display:grid}.about-photo{position:sticky;top:40px}.about-photo img{object-fit:cover;object-position:51%;width:100%;height:630px}.about-photo small{color:var(--muted);font-size:10px}.about p{font-size:15px}.more-list{padding-top:10px}.more-list article{border-top:1px solid var(--line);grid-template-columns:70px 1fr 1.3fr;gap:35px;padding:45px 0;display:grid}.more-list h2{font-size:38px}.more-list p{font-size:15px}.contact-page{min-height:70vh}.contact-page>p{font-size:18px}.email{color:var(--gold);border-bottom:1px solid var(--gold);margin-top:25px;font-size:clamp(20px,4vw,42px);display:inline-block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020913de;padding:45px 20px;position:fixed;inset:0;overflow:auto}.project-dialog{background:var(--bg);border:1px solid var(--line);max-width:950px;margin:auto;position:relative}.close{z-index:2;border:1px solid var(--line);background:#081827;border-radius:50%;width:44px;height:44px;font-size:26px;position:absolute;top:15px;right:15px}.dialog-photo{object-fit:cover;width:100%;max-height:530px}.dialog-copy{padding:45px 65px}.dialog-copy h2{font-size:48px}.dialog-copy p{font-size:15px}.dialog-copy small{color:var(--muted);margin-top:25px;font-size:10px;display:block}.mobile-menu{display:none}.skip{z-index:100;background:var(--gold);color:var(--bg);padding:10px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.editor{z-index:70;background:#0a1a29;position:fixed;inset:0;overflow:auto}.editor-top{border-bottom:1px solid var(--line);z-index:2;background:#0a1a29;align-items:center;gap:20px;padding:20px 30px;display:flex;position:sticky;top:0}.editor-top>div{flex:1}.editor-top strong{display:block}.editor-top small{color:var(--muted);font-size:11px}.editor-status{color:var(--gold);padding:0 30px;font-size:13px}.editor-body{grid-template-columns:250px 1fr;gap:40px;max-width:1200px;margin:auto;padding:20px 30px 80px;display:grid}.editor aside{flex-direction:column;align-items:stretch;gap:4px;display:flex}.editor aside button{text-align:left;padding:9px 12px;font-size:13px}.editor aside .active{background:var(--gold);color:var(--bg)}.editor aside h3{margin:25px 10px 10px;font:16px DM Sans}.editor-fields{max-width:740px}.editor label{color:#cad3da;margin:18px 0;font-size:13px;display:block}.editor input:not([type=checkbox]),.editor textarea,.editor select{width:100%;color:var(--ink);background:#13283b;border:1px solid #ffffff35;border-radius:0;margin-top:7px;padding:12px;display:block}.editor textarea{resize:vertical}.editor fieldset{border:1px solid var(--line);margin:20px 0}.editor .check{align-items:center;gap:12px;display:flex}.editor-preview{max-width:300px;max-height:180px}.danger{color:#edb0a6;border-bottom:1px solid;margin-top:35px}@media (min-width:1600px){.section{padding-left:max(7%,50vw - 700px);padding-right:max(7%,50vw - 700px)}}@media (max-width:900px){header{height:85px;padding:0 6%}nav{gap:18px;font-size:11px}.brand{font-size:15px}.hero{height:760px;min-height:0}.hero-img{object-position:65%;width:100%}.hero-copy{padding-top:90px}.hero h1{font-size:100px}.hero-shade{background:linear-gradient(90deg,#081827f5,#081827a6 45%,#08182700),linear-gradient(#0000 40%,#081827)}.intro{grid-template-columns:1fr;gap:15px}.section{padding:70px 6%}.home-projects .project:first-child{grid-column:auto;display:block}.home-projects .project:first-child .project-meta{margin-top:20px}.home-projects .project:first-child h3{margin-top:0;font-size:30px}.current,.about{gap:35px}.about-photo img{height:500px}.dialog-copy{padding:35px}.more-list article{grid-template-columns:40px 1fr;gap:20px}.more-list article>div{grid-column:2}.editor-body{grid-template-columns:190px 1fr;gap:20px}.current-quote{font-size:28px}}@media (max-width:620px){header{height:85px}.mobile-menu{color:var(--gold);font-size:12px;display:block}nav{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:15px 6% 25px;display:none;position:absolute;top:85px;left:0;right:0}nav.open{display:flex}nav a{font-size:15px}.hero{height:760px}.hero-img{object-position:72%;width:100%;height:60%;top:0}.hero-shade{background:linear-gradient(#08182700 15%,#081827 72%)}.hero-copy{max-width:100%;padding:300px 6% 90px}.hero h1{letter-spacing:-3px;margin:18px 0;font-size:82px}.hero h2{font-size:17px}.hero .eyebrow{font-size:8px}.tagline{max-width:270px;margin:15px 0 24px;font-size:14px}.actions{gap:20px}.primary{gap:20px;padding:13px 17px;font-size:11px}.plain{font-size:11px}.hero-foot{letter-spacing:1px;font-size:7px;left:6%;right:6%}.hero-foot a{text-align:right;max-width:120px}.section{padding:55px 6%}h2{letter-spacing:-1px}.intro-columns{columns:1;font-size:14px}.section-heading{margin-bottom:30px;display:block}.section-heading>p{margin-top:20px}.projects{grid-template-columns:1fr;gap:35px}.project h3{font-size:29px}.type-image{padding:25px}.type-image>b{font-size:42px}.current{grid-template-columns:1fr;gap:30px}.current h2{font-size:43px}.current-quote{border-top:1px solid var(--line);padding-top:25px;font-size:28px}.contact-strip{display:block}.contact-strip h2{font-size:33px}.contact-strip .primary{margin-top:25px}.page-top h1,.about h1,.contact-page h1{letter-spacing:-2px;font-size:65px}.page-top>p:last-child{font-size:16px}.collection{padding-top:0}.credit{grid-template-columns:60px 1fr;gap:10px}.credit>p{grid-column:2}.about{grid-template-columns:1fr;gap:35px}.about-photo{order:2;position:static}.about-photo img{height:430px}.more-list article{grid-template-columns:25px 1fr}.more-list h2{margin:0;font-size:32px}.email{font-size:23px}footer{flex-wrap:wrap;padding:30px 6%}footer .brand{width:100%;margin-bottom:15px}.modal-backdrop{padding:15px 10px}.dialog-copy{padding:30px 22px}.dialog-copy h2{font-size:35px}.dialog-photo{min-height:180px}.editor-top{flex-wrap:wrap;gap:12px;padding:12px}.editor-top>div{flex:auto;width:100%}.editor-top strong{font-size:14px}.editor-body{padding:10px 18px 50px;display:block}.editor aside{border-bottom:1px solid var(--line);max-height:170px;margin-bottom:30px;overflow:auto}.editor-fields h2{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.photo-note{color:var(--muted);text-align:right;border-bottom:1px solid var(--line);margin:0;padding:8px 7%;font-size:9px}.order-note{color:var(--muted);letter-spacing:.6px;margin-bottom:18px;font-size:11px}.repertoire-group summary{color:var(--ink);font-size:18px}.missing-photo{color:var(--gold);margin-top:10px;font-size:10px;line-height:1.6;display:block}.photo-warning{border:1px solid var(--gold);color:var(--gold);padding:14px;font-size:13px}.work-jumps{flex-wrap:wrap;gap:18px;margin-top:35px;display:flex}.work-jumps button{border:1px solid var(--line);color:var(--gold);justify-content:space-between;gap:35px;padding:14px 20px;font-size:13px;display:flex}.work-jumps button:hover{background:var(--panel)}.work-medium{border-top:1px solid var(--line);scroll-margin-top:20px}.work-medium-heading{padding-bottom:28px}.work-medium-heading h2{margin:12px 0 20px}.work-medium-heading>p:last-child{color:var(--muted);margin-bottom:0;font-size:13px}.work-medium .collection{padding-top:20px;padding-bottom:65px}.list-subheading{text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:30px;font:12px/1.6 DM Sans,sans-serif}.complete-heading{margin:20px 0;font-size:36px}.credit-title{text-align:left;line-height:1.2;font:inherit;padding:0}.credit-title:hover{color:var(--gold)}.credit .credit-status{color:var(--gold);letter-spacing:.4px;text-transform:uppercase;margin-top:7px;font:9px/1.7 DM Sans,sans-serif;display:block}.credit .credit-featured{color:var(--gold);font-size:9px}.training{border-top:1px solid var(--line);margin:35px 0;padding-top:28px}.training h2{letter-spacing:-.5px;margin-bottom:20px;font-size:32px}.training ul{color:#c3cdd4;margin:0;padding:0;list-style:none}.training li{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.photo-credit{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5;display:block}.project-image:has(img[src="/assets/zwins-scene.jpg"]){aspect-ratio:2048/1365}.project img[src="/assets/zwins-scene.jpg"]{filter:none}.dialog-photo[src="/assets/zwins-scene.jpg"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/popcorn.png"]){aspect-ratio:2048/1361}.project img[src="/assets/popcorn.png"]{filter:none}.dialog-photo[src="/assets/popcorn.png"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/woeste-hoogten.png"]){aspect-ratio:2048/1367}.project img[src="/assets/woeste-hoogten.png"]{filter:none}.dialog-photo[src="/assets/woeste-hoogten.png"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/rur.jpg"]){aspect-ratio:2048/1365}.project img[src="/assets/rur.jpg"]{filter:none}.dialog-photo[src="/assets/rur.jpg"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/de-gronholmmethode.png"]){aspect-ratio:1024/520}.project img[src="/assets/de-gronholmmethode.png"]{filter:none}.dialog-photo[src="/assets/de-gronholmmethode.png"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/op-het-valsche-plat.jpg"]){aspect-ratio:3/2}.project img[src="/assets/op-het-valsche-plat.jpg"]{filter:none}.dialog-photo[src="/assets/op-het-valsche-plat.jpg"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.project-image:has(img[src="/assets/een-pompstation-original.jpg"]){aspect-ratio:2048/1366}.project img[src="/assets/een-pompstation-original.jpg"]{filter:none}.dialog-photo[src="/assets/een-pompstation-original.jpg"]{object-fit:contain;height:auto;min-height:0;max-height:none;display:block}.editor-category>h3{color:var(--gold);border-top:1px solid var(--line);padding-top:28px;font:20px DM Sans,sans-serif}@media (max-width:620px){.work-medium-heading h2{font-size:36px}.complete-heading{font-size:28px}.work-jumps{gap:10px}.work-jumps button{gap:20px;padding:10px 13px;font-size:11px}}
