:root{--paper:#f6f4ec;--ink:#151918;--yellow:#f7bd28;--teal:#0b9f9e;--line:#cbc9be}
html,body,body *{cursor:url("assets/cursor-plane.png?v=3") 3 3,auto}a,button,[role="button"],summary,input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="button"],select{cursor:url("assets/cursor-plane.png?v=3") 3 3,pointer}input,textarea,[contenteditable="true"]{cursor:text}
.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:1.6em;text-align:right}.site-credit{font:inherit;color:inherit;line-height:1.6;text-decoration:none}.site-credit a{font-weight:700;color:inherit;text-decoration:none}.site-credit a:hover,.site-credit a:focus-visible{color:var(--yellow)}.site-credit a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
body{font-synthesis:none;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow);color:var(--ink)}
.site-header{position:relative;z-index:5;background:var(--paper);border-bottom-color:var(--ink);height:106px}.logo{width:120px;height:82px}.logo img{width:115px;height:115px;transform:translateY(-13px)}
nav a{position:relative;white-space:nowrap}nav a:not(.nav-contact)::after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}nav a:not(.nav-contact):hover,nav a[aria-current=location]{text-decoration:none}nav a:not(.nav-contact):hover::after,nav a[aria-current=location]::after{transform:scaleX(1)}.nav-contact{border-radius:2px;padding:14px 19px;transition:background .2s,color .2s}.nav-contact:hover{background:var(--ink);color:var(--paper);text-decoration:none}
.hero{min-height:720px;display:flex;flex-direction:column;justify-content:center;padding-top:75px;padding-bottom:72px;background:radial-gradient(circle at 80% 53%,#fffdf8 0,transparent 38%)}.hero-kicker{font-size:11px;letter-spacing:.16em}.hero-edition{margin-left:auto;color:#686b64;font-size:10px}.dot{background:var(--yellow);width:8px;height:8px}.hero h1{font-size:clamp(70px,9.5vw,150px);line-height:.91;margin:64px 0 60px;letter-spacing:-.075em;max-width:1320px}.underline::after{bottom:-8px;height:10px;opacity:.9;transform:rotate(-1.2deg)}.hero-bottom{max-width:none;align-items:center}.hero-bottom p{font-size:clamp(18px,1.65vw,24px);max-width:460px;line-height:1.36;letter-spacing:-.025em;margin-bottom:0}.round-link{width:72px;height:72px;border-width:2px;font-family:'Space Grotesk';font-weight:500}.hero-margin-note{position:absolute;right:5vw;bottom:22px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#787970}.plane-path{right:9vw;top:134px;opacity:.8;transform:rotate(3deg);max-width:345px}
.hero.hero-font-dm h1{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.07em}.hero.hero-font-serif h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.055em}.hero.hero-size-small h1{font-size:clamp(58px,8vw,126px)}.hero.hero-size-large h1{font-size:clamp(76px,10.5vw,166px)}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);align-items:center;gap:clamp(65px,9vw,150px);overflow:hidden}.contact-copy{position:relative;z-index:2}.culture-video-shell{position:relative;isolation:isolate;width:min(100%,420px);justify-self:center;padding:30px 24px 24px}.culture-video-shell::before{content:'';position:absolute;z-index:-2;width:72%;aspect-ratio:1;border-radius:50%;background:var(--teal);right:-20%;top:3%;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.culture-video-shell::after{content:'';position:absolute;z-index:-3;width:80%;height:46%;left:-18%;bottom:2%;background:#f36a4b;transform:rotate(-8deg);transition:transform .55s cubic-bezier(.2,.75,.25,1)}.culture-video-orbit{position:absolute;z-index:-1;width:88%;height:35%;left:-13%;top:22%;border:2px dashed var(--ink);border-radius:50%;transform:rotate(-13deg);opacity:.72}.culture-video-card{position:relative;overflow:hidden;width:100%;aspect-ratio:900/1129;background:#f6f4ec;border:4px solid #fff;border-radius:17px;box-shadow:13px 15px 0 #151918;transform:rotate(3.5deg);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}.culture-video-card img,.culture-video-card video{display:block;width:100%;height:100%;object-fit:cover}.culture-video-card video{display:none;background:#111}.culture-video-shell.is-playing .culture-video-card img{display:none}.culture-video-shell.is-playing .culture-video-card video{display:block}.culture-video-start{position:absolute;inset:0;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.culture-video-start span{position:absolute;width:84px;height:84px;left:50%;top:50%;display:grid;place-items:center;border-radius:50%;background:#f6f4ecea;color:#5e5e5e;font-size:40px;padding-left:7px;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s,transform .2s}.culture-video-start:focus-visible span,.culture-video-start:hover span{opacity:.96;transform:translate(-50%,-50%) scale(1.06)}.culture-video-shell.is-playing .culture-video-start{display:none}.culture-video-caption{display:block;margin:27px 0 0;text-align:center;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.culture-video-shell:hover .culture-video-card{transform:rotate(1deg) translateY(-7px);box-shadow:17px 20px 0 #151918}.culture-video-shell:hover::before{transform:translate(-9px,10px)}.culture-video-shell:hover::after{transform:rotate(-3deg) translate(-7px,-3px)}.enhanced .culture-video-shell.in-view .culture-video-card{animation:culture-video-arrive .8s cubic-bezier(.2,.75,.25,1) both}@keyframes culture-video-arrive{from{opacity:0;transform:translate(35px,45px) rotate(9deg) scale(.92)}to{opacity:1;transform:rotate(3.5deg)}}@media(max-width:900px){.contact{grid-template-columns:1fr}.culture-video-shell{width:min(80vw,410px);margin-top:10px}}@media(max-width:620px){.culture-video-shell{width:min(88vw,360px);padding:22px 18px 20px}.culture-video-start span{width:68px;height:68px;font-size:31px}.culture-video-caption{line-height:1.5}}@media(prefers-reduced-motion:reduce){.culture-video-card{animation:none!important}.culture-video-card,.culture-video-shell::before,.culture-video-shell::after{transition:none}}
.ticker{background:var(--yellow);padding:19px 0;font-size:11px;letter-spacing:.19em}.ticker span{animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}
.section{padding-top:125px;padding-bottom:145px}.section-top{padding-bottom:32px;border-bottom:1px solid var(--line)}.section-top .eyebrow{margin-bottom:0}.small-intro{font-size:14px;line-height:1.5;margin-bottom:0}.section h2{margin-top:44px;margin-bottom:72px}.section h2 em,.about h2 em{color:var(--teal)}
.project-grid{column-gap:4vw;row-gap:85px}.project:nth-child(even){transform:translateY(92px)}.project-art{height:clamp(310px,35vw,550px);isolation:isolate;transition:box-shadow .35s ease}.project-art::before,.project-art::after,.project-art>*{transition:transform .6s cubic-bezier(.2,.75,.25,1)}.project:hover .project-art{box-shadow:0 22px 45px #1112}.project:hover .project-art>*{transform:translateY(-5px) rotate(-2deg)}.project:hover .art-droom::before{transform:translateY(-14px)}.project:hover .art-rewind .record{transform:rotate(8deg)}.art-droom{background:#e9ac1c}.art-droom::before{background:#f6d273}.art-droom::after{background:#0f7173}.art-label{font-size:clamp(44px,5.7vw,92px);text-shadow:none;color:#17201e;transform:rotate(-5deg);margin-left:-12%;letter-spacing:-.09em}.art-vaandel{background:#bdd9ce}.flag{background:#f7f1df;border-color:#18312c;box-shadow:16px 18px 0 #0c706d4d}.art-rewind{background:#e2d6c5}.record{box-shadow:0 0 0 13px #242424,0 0 0 18px #d7c6ae,inset 0 0 0 44px #333}.art-beer{background:#087d7c}.art-beer>span{text-shadow:4px 5px #163c3a}.project-meta{font-size:10px;letter-spacing:.15em;margin-top:21px;padding-top:14px;color:#575b55}.project-meta span:last-child{font-size:20px;color:var(--teal)}.project h3{margin-top:16px;margin-bottom:12px;line-height:1.05}.project p{font-size:16px;max-width:350px;color:#4a4d49}.project-note{margin-top:165px;font-size:11px;letter-spacing:.02em}
.manifesto{position:relative;padding:35px 5vw 125px;overflow:hidden;background:#dceae3}.manifesto-top{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:14px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:800}.manifesto p{font:700 clamp(43px,5.5vw,82px)/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.062em;max-width:1200px;margin:110px 0 0;position:relative;z-index:1}.manifesto em{font-style:normal;color:#077e7d}.manifesto-mark{font-size:clamp(240px,35vw,520px);color:#bfddd0;position:absolute;right:-2vw;bottom:-27vw;line-height:1;pointer-events:none}
.about{background:#182220;padding-top:130px;padding-bottom:105px}.about .eyebrow{color:#cbd4cb}.about h2{margin-top:60px;margin-bottom:70px}.about h2 em{color:var(--yellow)}.about-copy{padding-top:83px}.about-copy p{font-size:18px;line-height:1.6;color:#ecefe8}.about-copy strong{color:#fff}.scribble{font-size:23px!important;line-height:1.3!important;color:var(--yellow)!important}.names{border-top-color:#57615d;padding-top:30px}.names b{font-family:'Space Grotesk';font-size:27px;letter-spacing:-.04em}
.team-photo[hidden]{display:none}.team-photo{width:min(100%,720px);margin:0 auto 85px}.team-photo img{display:block;width:100%;height:auto;background:transparent}.team-photo figcaption{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #57615d;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.team-photo figcaption span{color:#cbd4cb;font-weight:500}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:85px;border-top:1px solid #57615d}.ways>div{padding-top:20px}.ways>div+div{border-left:1px solid #57615d;padding-left:35px}.ways span{display:block;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ways p{font-size:18px;line-height:1.45;max-width:290px;margin:28px 0 0;color:#f1f1ea}
.machine-section{gap:8vw;grid-template-columns:1fr .95fr}.machine-section h2{margin:36px 0 30px}.machine-copy>p:not(.eyebrow){color:#4a4d49;font-size:19px;max-width:510px}.button{background:var(--yellow);border-radius:2px;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.machine-poster{transform:rotate(1.3deg);box-shadow:15px 15px 0 var(--yellow);transition:transform .5s ease}.machine-poster:hover{transform:rotate(0deg)}
.contact{background:#f3be37;padding-top:125px;padding-bottom:130px}.contact h2{margin:48px 0 45px}.contact h2 em{text-decoration-thickness:5px}.contact p:not(.eyebrow){line-height:1.5}.contact-link{transition:gap .3s ease}.contact-link:hover{gap:90px}.site-footer{background:var(--paper);border-top:1px solid var(--ink);min-height:150px}.footer-links>a{text-decoration:underline;text-underline-offset:4px}
.enhanced [data-reveal]{transform:translateY(20px);transition:transform .8s cubic-bezier(.2,.75,.25,1)}.enhanced [data-reveal].in-view{transform:translateY(0)}.enhanced .project:nth-child(even):not(.in-view){transform:translateY(112px)}.enhanced .project:nth-child(even).in-view{transform:translateY(92px)}
@media(max-width:900px){.site-header{height:auto}.hero{min-height:625px}.hero h1{font-size:clamp(65px,9.6vw,90px)}.hero-edition{display:none}.plane-path{right:5vw;top:90px}.project:nth-child(even),.enhanced .project:nth-child(even).in-view{transform:none}.about-copy{padding-top:0}}
@media(max-width:620px){.site-header{padding-top:8px;padding-bottom:18px}.hero{padding-top:65px;padding-bottom:85px;min-height:570px}.hero h1{font-size:clamp(45px,10.7vw,65px);margin:82px 0 70px;letter-spacing:-.075em}.hero-kicker{font-size:9px;letter-spacing:.1em}.hero-bottom p{font-size:17px;max-width:265px}.plane-path{width:145px;top:83px;opacity:.35}.hero-margin-note{bottom:23px}.section{padding-top:75px;padding-bottom:90px}.section h2{margin-top:32px;margin-bottom:50px}.project-grid{row-gap:48px}.project-art{height:clamp(290px,95vw,420px)}.art-label{font-size:clamp(52px,13vw,80px)}.project h3{font-size:31px}.project p{font-size:15px}.project-note{margin-top:55px}.manifesto{padding-bottom:90px}.manifesto p{font-size:clamp(39px,9vw,61px);margin-top:75px}.manifesto-mark{bottom:-90px}.about{padding-top:85px;padding-bottom:80px}.about h2{margin-top:43px;margin-bottom:40px}.ways{grid-template-columns:1fr;gap:0;margin-top:65px}.ways>div{padding:18px 0 22px}.ways>div+div{border-left:0;border-top:1px solid #57615d;padding-left:0}.ways p{margin-top:12px}.machine-section{gap:50px;grid-template-columns:minmax(0,1fr)}.machine-poster{min-height:380px;min-width:0;overflow:hidden}.poster-word{font-size:clamp(80px,21vw,110px)}.poster-footer{flex-wrap:wrap;gap:8px}.contact{padding-top:80px;padding-bottom:90px}.contact h2{margin:30px 0 40px}.contact-link{gap:38px}.contact-link:hover{gap:50px}}
@media(prefers-reduced-motion:reduce){.ticker span{animation:none}.project-art,.project-art::before,.project-art::after,.project-art>*,.machine-poster,.button,.contact-link{transition:none}.enhanced [data-reveal]{opacity:1;transform:none;transition:none}}
@media(max-width:620px){.team-photo{margin-bottom:60px}.team-photo figcaption{flex-direction:column;gap:5px}}

/* Team portrait with its original proportions, beside the story. */
.about{overflow:hidden}
.about-title{max-width:1160px;margin-bottom:76px!important}
.about-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);align-items:center;gap:clamp(110px,11vw,165px);margin-bottom:85px}
.about-feature .about-copy{padding-top:0;position:relative;z-index:2;max-width:510px}
.about-feature .team-photo{width:100%;max-width:none;position:relative;isolation:isolate;margin:0}
.portrait-stage{position:relative;isolation:isolate;aspect-ratio:1258/837}
.team-photo img,.team-photo figcaption{position:relative;z-index:1}.team-photo figcaption{background:#182220}
.portrait-stage .portrait-original{z-index:2}
.profile-hotspot{position:absolute;z-index:5;border:0;background:transparent;padding:0;width:42%;height:72%;top:28%;font:800 10px 'Space Grotesk',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:transparent}.profile-hotspot span{position:absolute;bottom:14px;padding:8px 11px;background:var(--yellow);color:var(--ink);opacity:0;transform:translateY(6px);transition:.2s}.profile-hotspot:hover span,.profile-hotspot:focus-visible span,.profile-hotspot[aria-expanded=true] span{opacity:1;transform:none}.hotspot-roel{left:0}.hotspot-michiel{right:0}.hotspot-roel span{left:18px}.hotspot-michiel span{right:18px}.profile-note{position:absolute;z-index:8;width:min(330px,48%);padding:27px 25px 24px;background:#f7bd28;color:#182220;box-shadow:10px 12px 0 #0b9f9e;opacity:0;visibility:hidden;transform:rotate(-2deg) translateY(10px);transition:.22s;pointer-events:none}.profile-note.is-open{opacity:1;visibility:visible;transform:rotate(-2deg);pointer-events:auto}.profile-roel{left:5%;top:8%}.profile-michiel{right:4%;top:10%;transform:rotate(2deg) translateY(10px)}.profile-michiel.is-open{transform:rotate(2deg)}.profile-note strong,.profile-note em{display:block}.profile-note strong{font:700 28px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}.profile-note em{font:800 10px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:9px 0 16px}.profile-note p{font-size:14px;line-height:1.48;margin:0}.profile-close{position:absolute;right:8px;top:5px;border:0;background:transparent;font-size:23px;line-height:1;padding:5px;cursor:pointer}
.about-feature .scribble{max-width:390px}
@media(max-width:900px){.about-feature{grid-template-columns:minmax(0,1fr);gap:70px}.about-feature .team-photo{max-width:650px}.about-feature .about-copy{max-width:650px}}
@media(max-width:620px){.about-title{margin-bottom:50px!important}.about-feature{gap:40px;margin-bottom:70px}.about-feature .about-copy p{font-size:17px}}

/* Two identical flights keep the ticker moving seamlessly to the left. */
.ticker{padding:13px 0}
.ticker-track{display:flex;width:max-content;animation:ticker-flight 18s linear infinite}
.ticker-flight{display:flex;align-items:center;flex:0 0 auto;min-width:100vw;box-sizing:border-box;gap:18px;padding:0 32px}
.ticker .ticker-copy{display:flex;align-items:center;gap:28px;animation:none}
.ticker-copy b{font-weight:inherit}
.ticker-plane,.ticker-tow,.ticker-trail{flex-shrink:0}
.ticker-tow{margin-left:-18px}
.ticker-trail{margin-left:10px}
@keyframes ticker-flight{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.ticker-trail{overflow:hidden}
.ticker-trail path{animation:ticker-ripple 1.8s linear infinite}
@keyframes ticker-ripple{to{transform:translateX(-72px)}}
@media(prefers-reduced-motion:reduce){.ticker-trail path{animation:none}}
/* Align the footer slogan and back-to-top link on the same row. */
@media(min-width:621px){
  .site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:30px;row-gap:1.6em;align-items:center}
  .site-footer>a{grid-column:1;grid-row:1 / 3;justify-self:start}
  .site-footer>p{grid-column:2;grid-row:1;text-align:center;line-height:1.6}
  .site-footer .footer-links{display:contents}
  .footer-links>a{grid-column:3;grid-row:1;justify-self:end;line-height:1.6}
  .site-footer .site-credit{grid-column:3;grid-row:2;justify-self:end;text-align:right}
}
/* Match the header logo while keeping the footer text columns in place. */
.site-footer>a{display:block;width:120px;height:82px;overflow:hidden;flex-shrink:0}
.site-footer>a img{display:block;width:115px;height:115px;max-width:none;object-fit:contain;transform:translateY(-13px)}
/* Introduce the people immediately on arrival. */
.about-opening{padding-top:36px;padding-bottom:65px}
.about-opening .about-title{font-size:clamp(38px,4.8vw,68px);margin:18px 0 30px!important}
.about-opening .about-feature{gap:clamp(32px,5vw,80px);margin-bottom:40px;align-items:start}
.about-opening .team-photo{max-width:620px}
.project-card-link{display:block}.project-card-link:focus-visible{outline:3px solid var(--teal);outline-offset:7px}.project-image{width:100%;height:100%;object-fit:cover}.project-detail{padding:90px 5vw 130px}.project-back{display:inline-block;font-size:13px;font-weight:800;margin-bottom:80px;border-bottom:1px solid}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:7vw;align-items:center}.project-detail h1{font:700 clamp(60px,8vw,125px)/.9 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:30px 0 42px}.project-lead{font-size:clamp(20px,2vw,28px);line-height:1.45;max-width:650px}.project-detail .project-art{height:auto;aspect-ratio:1}.project-story{max-width:800px;margin:110px auto}.project-story>p{font-size:clamp(18px,1.6vw,23px);line-height:1.7}.project-story>p+p{margin-top:34px}.project-tags{font:800 12px/1.7 Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.11em;color:var(--teal);padding-top:30px;border-top:1px solid var(--line)}.project-next{display:flex;justify-content:space-between;gap:30px;padding:35px 0;border-top:2px solid;border-bottom:2px solid;font:700 clamp(25px,4vw,55px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}.project-next span{color:var(--teal)}
.project-detail-art{min-width:0}.project-detail-art .project-art{width:100%}
.project-detail-grid{align-items:start}.project-detail-grid>div:first-child{padding-top:clamp(20px,4vw,68px);text-align:left}.project-detail-art{width:min(100%,660px);justify-self:end}.project-story{max-width:none;margin:115px 0 125px;text-align:left}.story-heading{display:flex;align-items:center;justify-content:space-between;max-width:760px;padding-bottom:14px;border-bottom:1px solid var(--ink)}.story-heading h2{font:800 11px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}.story-heading span{color:var(--teal);font-size:22px}.story-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,270px);gap:clamp(70px,10vw,170px);align-items:start;margin-top:38px}.story-copy{position:relative;padding-left:28px;border-left:4px solid var(--yellow)}.story-copy p{font-size:clamp(18px,1.55vw,23px);line-height:1.72;max-width:720px}.story-copy p:first-child{font-size:clamp(21px,1.8vw,27px);line-height:1.58}.story-copy p+p{margin-top:34px}.story-note{margin-top:12px;padding:20px 19px;background:#dceae3;transform:rotate(2deg);box-shadow:8px 8px 0 #f7bd28}.story-note span{font:800 10px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.story-note p{font:italic 18px/1.4 Georgia,serif;margin:16px 0 10px}.story-note svg{width:100%;height:auto;stroke:var(--ink);stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round}.story-note svg path+path{fill:var(--yellow);stroke-dasharray:none}.project-tags{margin-top:45px!important}.project-next{margin-top:0}
.about-opening .about-copy{padding-top:0}
.project-plane-source{display:none}.arrival-plane{position:fixed;left:0;top:0;width:48px;height:32px;z-index:20;pointer-events:none;color:#151918;filter:drop-shadow(0 2px 3px #0003);will-change:transform}
@media(max-width:900px){.about-opening .about-feature{gap:28px}}
@media(max-width:900px){.project-detail-grid{grid-template-columns:1fr}.project-detail .project-art{max-width:650px}.profile-note{width:60%;max-width:340px}.profile-roel{left:2%}.profile-michiel{right:2%}}
@media(max-width:900px){.project-detail-grid>div:first-child{padding-top:0}.project-detail-art{justify-self:start}.story-layout{grid-template-columns:minmax(0,1fr) minmax(180px,230px);gap:45px}}
@media(max-width:620px){.profile-hotspot span{opacity:1}.profile-note{width:88%;max-width:none;top:4%}.profile-roel,.profile-michiel{left:6%;right:auto}.profile-note p{font-size:13px}.project-detail{padding-top:55px;padding-bottom:85px}.project-back{margin-bottom:55px}.project-detail-grid{gap:50px}.project-detail h1{font-size:clamp(53px,15vw,76px)}.project-story{margin:75px auto}.project-next{flex-direction:column}}
@media(max-width:620px){.project-story{margin:75px 0 85px}.story-layout{grid-template-columns:1fr;gap:40px}.story-copy{padding-left:18px}.story-note{width:min(88%,280px);margin-left:auto}.story-heading{max-width:none}}
@media(prefers-reduced-motion:reduce){.arrival-plane{display:none}}

/* Selectable project poster system. */
.template-title{position:relative;z-index:3;display:block;max-width:78%;font:700 clamp(40px,5vw,78px)/.88 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;overflow-wrap:anywhere}.template-symbol{position:absolute;z-index:3;font-style:normal;font-weight:800}.art-orbit{background:#172320;color:#f7bd28}.template-orbit{position:absolute;width:68%;aspect-ratio:1;border:3px dashed #f6f4ec;border-radius:50%;transform:rotate(-20deg)}.art-orbit::after{content:'';position:absolute;width:18%;aspect-ratio:1;background:#0b9f9e;border-radius:50%;top:14%;right:17%}.art-orbit .template-symbol{bottom:8%;left:9%;color:#f6f4ec}.project:hover .template-orbit{transform:rotate(25deg) scale(1.05)}
.art-spotlight{background:#ef5b42;color:#172320}.template-beam{position:absolute;inset:-10% 24%;background:#f8d570;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.art-spotlight .template-title{transform:rotate(-4deg)}.art-spotlight .template-symbol{right:9%;top:8%;font-size:60px}.project:hover .template-beam{transform:scaleX(1.22)}
.art-grid{background:#b8d7cd;color:#172320;background-image:linear-gradient(#17232022 1px,transparent 1px),linear-gradient(90deg,#17232022 1px,transparent 1px);background-size:12.5% 12.5%}.template-grid{position:absolute;width:43%;height:46%;background:#f7bd28;right:8%;top:9%;box-shadow:-18px 18px 0 #ef5b42}.art-grid .template-title{align-self:end;margin:0 0 10% -10%;transform:rotate(3deg)}.art-grid .template-symbol{left:8%;top:7%;font-size:55px}.project:hover .template-grid{transform:translate(-9px,9px) rotate(4deg)}
.art-wave{background:#f3e9d8;color:#172320}.template-wave{position:absolute;left:-10%;right:-10%;bottom:-12%;height:58%;background:#0b9f9e;border-radius:50% 50% 0 0;transform:rotate(-7deg);box-shadow:0 -55px 0 #f7bd28}.art-wave .template-title{transform:translateY(-16%) rotate(-3deg)}.art-wave .template-symbol{right:7%;bottom:4%;font-size:68px}.project:hover .template-wave{transform:translateY(-18px) rotate(-4deg)}
.art-stamp{background:#f7bd28}.template-stamp{width:70%;min-height:54%;display:grid;place-content:center;text-align:center;border:8px solid #172320;padding:8%;transform:rotate(-7deg)}.template-stamp strong{font:700 clamp(35px,4.5vw,70px)/.9 'Space Grotesk';letter-spacing:-.07em;text-transform:uppercase}.template-stamp small{margin-top:20px;border-top:3px solid;padding-top:9px;font-weight:900;letter-spacing:.16em}.project:hover .template-stamp{transform:rotate(2deg) scale(1.04)}
.art-cutout{background:#193b55;color:#f6f4ec}.template-cutout{position:absolute;width:72%;height:67%;background:#ef5b42;clip-path:polygon(5% 12%,88% 0,100% 86%,20% 100%);transform:rotate(5deg);box-shadow:20px 20px 0 #f7bd28}.art-cutout .template-title{transform:rotate(-4deg)}.art-cutout .template-symbol{right:8%;bottom:6%;font-size:55px}.project:hover .template-cutout{transform:rotate(-3deg) scale(1.08)}
.art-signal{background:#dceae3;color:#172320}.template-signal{position:absolute;width:20%;aspect-ratio:1;background:#ef5b42;border-radius:50%;left:13%;top:14%;box-shadow:0 0 0 34px #f7bd28,0 0 0 68px #0b9f9e}.art-signal .template-title{margin-left:18%;transform:rotate(-2deg)}.art-signal .template-symbol{right:5%;bottom:4%;font-size:40px}.project:hover .template-signal{transform:scale(1.25)}
.art-arch{background:#0b9f9e;color:#f6f4ec}.template-arch{position:absolute;width:58%;height:78%;bottom:0;background:#f7bd28;border-radius:50% 50% 0 0;box-shadow:inset 0 -120px 0 #ef5b42}.art-arch .template-title{text-align:center;color:#172320}.art-arch .template-symbol{right:7%;top:6%;font-size:45px}.project:hover .template-arch{transform:scaleX(.84) translateY(-4%)}
.art-confetti{background:#f3e9d8;color:#172320}.template-confetti{position:absolute;inset:7%;font:700 clamp(35px,7vw,95px)/1.4 'Space Grotesk';word-spacing:40px;color:#ef5b42;transform:rotate(-8deg)}.art-confetti .template-title{padding:6%;background:#f7bd28;transform:rotate(4deg);box-shadow:13px 13px 0 #0b9f9e}.project:hover .template-confetti{transform:rotate(7deg) scale(1.08)}
.art-tape{background:#e8c9dc;color:#172320}.template-tape{position:absolute;width:72%;height:48%;background:#f6f4ec;border:7px solid #172320;border-radius:14px;transform:rotate(-6deg)}.template-tape::before{content:'';position:absolute;inset:15% 10% 42%;background:#f7bd28;border:3px solid}.template-tape i{position:absolute;width:15%;aspect-ratio:1;border:8px solid #172320;border-radius:50%;bottom:8%;left:20%}.template-tape i+ i{left:auto;right:20%}.art-tape .template-title{position:absolute;bottom:6%;left:7%;font-size:clamp(30px,3.6vw,58px)}.project:hover .template-tape i{transform:rotate(180deg)}
.art-window{background:#172320;color:#f6f4ec}.template-window{position:absolute;width:70%;height:70%;border:18px solid #f7bd28;background:linear-gradient(145deg,#0b9f9e 0 49%,#ef5b42 50%);transform:rotate(3deg)}.template-window::after{content:'';position:absolute;inset:48% 0 auto;border-top:8px solid #f7bd28}.art-window .template-title{transform:rotate(-5deg);text-shadow:4px 4px #172320}.art-window .template-symbol{left:5%;bottom:4%;font-size:12px;letter-spacing:.18em}.project:hover .template-window{transform:rotate(-4deg) scale(.95)}
.art-steps{background:#f7bd28;color:#172320}.template-steps{position:absolute;right:0;bottom:0;width:75%;height:76%;background:linear-gradient(to top left,transparent 0 49%,#0b9f9e 50%);clip-path:polygon(0 100%,0 75%,25% 75%,25% 50%,50% 50%,50% 25%,75% 25%,75% 0,100% 0,100% 100%)}.art-steps .template-title{margin-right:17%;transform:rotate(-4deg)}.art-steps .template-symbol{left:6%;bottom:5%;font-size:12px;letter-spacing:.12em}.project:hover .template-steps{transform:translate(-5%,-5%)}
.art-burst{background:#ef5b42;color:#172320}.template-burst{position:absolute;font-size:clamp(230px,33vw,500px);line-height:1;color:#f7bd28;transform:rotate(8deg)}.art-burst .template-title{text-align:center;background:#f6f4ec;padding:6%;transform:rotate(-4deg)}.project:hover .template-burst{transform:rotate(38deg) scale(1.12)}
.art-map{background:#dceae3;color:#172320}.template-route{position:absolute;inset:8%;width:84%;height:84%;stroke:#172320;stroke-width:4;stroke-dasharray:8 10;stroke-linecap:round;stroke-linejoin:round}.template-route path+path{fill:#f7bd28;stroke-dasharray:none}.art-map .template-title{align-self:end;margin:0 0 8%;background:#f7bd28;padding:3%;transform:rotate(-2deg)}.project:hover .template-route{transform:translate(10px,-8px)}
.art-poster{background:#193b55;color:#172320}.template-poster{width:68%;height:80%;background:#f3e9d8;border:5px solid #172320;display:flex;flex-direction:column;justify-content:space-between;padding:7%;transform:rotate(5deg);box-shadow:17px 17px 0 #ef5b42}.template-poster small,.template-poster i{font:800 10px Arial;letter-spacing:.15em}.template-poster strong{font:700 clamp(34px,4.2vw,67px)/.88 'Space Grotesk';letter-spacing:-.07em;text-transform:uppercase}.project:hover .template-poster{transform:rotate(-3deg) translateY(-7px)}
.art-type{background:#0b9f9e;color:#f7bd28;align-items:end;justify-items:start;padding:7%;overflow:hidden}.template-type{font:700 clamp(70px,9vw,145px)/.72 'Space Grotesk';letter-spacing:-.1em;text-transform:uppercase;overflow-wrap:anywhere;transform:rotate(-5deg);text-shadow:5px 5px #172320}.art-type .template-symbol{right:6%;top:4%;font-size:55px;color:#f6f4ec}.project:hover .template-type{transform:rotate(1deg) scale(.96)}
@media(prefers-reduced-motion:reduce){.template-orbit,.template-beam,.template-grid,.template-wave,.template-stamp,.template-cutout,.template-signal,.template-arch,.template-confetti,.template-tape,.template-window,.template-steps,.template-burst,.template-route,.template-poster,.template-type{transition:none!important}}

/* Project pages use the same editorial landscape ratio as the overview. */
.project-detail-art{width:min(100%,720px)}.project-detail .project-art{aspect-ratio:16/10;overflow:hidden}.project-detail .art-label,.project-detail .template-title{max-width:78%;margin-left:0;font-size:clamp(34px,3.8vw,62px);line-height:.88;overflow-wrap:anywhere}.project-detail .art-beer>span{max-width:82%;font-size:clamp(42px,4.2vw,68px);overflow-wrap:anywhere}.project-detail .template-type{max-width:92%;font-size:clamp(54px,6vw,94px);overflow-wrap:anywhere}.project-detail .flag{font-size:clamp(24px,2.8vw,44px);overflow-wrap:anywhere}.project-detail .record span{overflow-wrap:anywhere;padding:8px}
@media(max-width:620px){.project-detail .art-label,.project-detail .template-title{font-size:clamp(31px,9vw,48px)}.project-detail .art-beer>span{font-size:clamp(36px,10vw,54px)}.project-detail .template-type{font-size:clamp(48px,13vw,72px)}}

/* Photo compositions selected in project management. */
.art-photo{background:#dceae3;overflow:hidden}.photo-frame{position:absolute;inset:8%;z-index:2;transition:transform .6s cubic-bezier(.2,.75,.25,1),box-shadow .6s}.photo-frame .project-image{display:block;width:100%;height:100%;object-fit:cover}.photo-detail{position:absolute;pointer-events:none}.photo-offset{inset:9% 8% 10% 9%;transform:rotate(-2deg);box-shadow:18px 18px 0 #f7bd28,-18px -18px 0 #0b9f9e}.project:hover .photo-offset{transform:rotate(1deg) translateY(-5px);box-shadow:24px 24px 0 #f7bd28,-12px -12px 0 #0b9f9e}.photo-paper{inset:6%;padding:3%;background:#f6f4ec;transform:rotate(1.5deg);box-shadow:0 18px 35px #17232033}.project:hover .photo-paper{transform:rotate(-1deg) translateY(-5px)}.photo-polaroid{inset:5% 11% 5%;padding:3% 3% 13%;background:#fffdf6;transform:rotate(-3deg);box-shadow:10px 15px 0 #17232022}.photo-polaroid::after{content:'MOOI DING ✳';position:absolute;left:6%;bottom:4%;font:800 10px Arial;letter-spacing:.15em}.project:hover .photo-polaroid{transform:rotate(2deg) scale(1.02)}.photo-tape{inset:8%;transform:rotate(1deg);box-shadow:12px 13px 0 #172320}.photo-tape .photo-detail{width:30%;height:12%;left:35%;top:-6%;background:#f7bd28cc;transform:rotate(-3deg);box-shadow:0 1px 3px #0002}.project:hover .photo-tape{transform:rotate(-2deg) translateY(-5px)}.photo-window{inset:5%;padding:5%;background:#f7bd28;clip-path:polygon(2% 8%,96% 0,100% 91%,7% 100%)}.photo-window img{clip-path:polygon(0 4%,96% 0,100% 94%,5% 100%)}.project:hover .photo-window{transform:scale(.97) rotate(1deg)}.photo-split{inset:8% 10%;box-shadow:-24px 20px 0 #ef5b42,24px -20px 0 #0b9f9e}.project:hover .photo-split{transform:translateY(-5px);box-shadow:-32px 25px 0 #ef5b42,32px -25px 0 #0b9f9e}.photo-film{inset:4% 7%;padding:6% 3%;background:#172320}.photo-film .photo-detail{inset:1.5% 2%;background:radial-gradient(circle,#f6f4ec 0 4px,transparent 5px) 0 0/28px 100%;mix-blend-mode:screen}.project:hover .photo-film{transform:translateY(-5px) rotate(-1deg)}.photo-stamp{inset:6% 9%;padding:4%;background:#f6f4ec;outline:4px dashed #172320;outline-offset:-11px;box-shadow:14px 14px 0 #f7bd28;transform:rotate(1deg)}.photo-stamp::after{content:'BVMD';position:absolute;right:6%;bottom:5%;border:2px solid #0b9f9e;border-radius:50%;padding:8px 5px;color:#0b9f9e;font:800 10px Arial;transform:rotate(-12deg)}.project:hover .photo-stamp{transform:rotate(-2deg) translateY(-4px)}

/* Compact project library and pagination. */
.project-more{margin-top:155px;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px}.project-more p{margin:0}.project-more strong,.project-more span{display:block}.project-more strong{font:700 clamp(24px,3vw,38px)/1 'Space Grotesk',Arial,sans-serif}.project-more p span{margin-top:8px;font-size:13px;color:#65655f}.project-more .button{margin:0;white-space:nowrap}.archive-heading{padding:85px 5vw 35px}.archive-heading h1{font:700 clamp(65px,9vw,145px)/.9 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:30px 0 40px}.archive-heading h1 em{font-style:normal;color:var(--teal)}.archive-heading>p:last-child{max-width:620px;font-size:20px;line-height:1.55}.archive-projects{padding-top:45px}.archive-projects .project h2{font:700 clamp(26px,3vw,42px)/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;margin:13px 0 10px}.archive-projects .project p{font-size:16px;line-height:1.55;max-width:420px}.project-pagination{margin-top:165px;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.project-pagination>div{display:flex;gap:8px}.project-pagination a{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--ink);font-weight:800}.project-pagination a[aria-current=page]{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.project-pagination .page-direction{padding:0 18px;width:max-content}.project-pagination>.page-direction:last-child{justify-self:end}@media(max-width:620px){.project-more{margin-top:65px;align-items:flex-start;flex-direction:column}.project-more .button{white-space:normal}.archive-heading{padding-top:60px}.archive-heading h1{font-size:clamp(54px,15vw,80px)}.archive-projects{padding-top:25px}.project-pagination{margin-top:75px;grid-template-columns:1fr 1fr}.project-pagination>div{grid-column:1/-1;grid-row:1;justify-content:center}.project-pagination>.page-direction{grid-row:2}.project-pagination>.page-direction:last-child{grid-column:2}}
/* Keep the expanded main navigation compact on narrower desktop screens. */
.site-header nav{gap:clamp(12px,1.7vw,28px)}@media(max-width:1150px){.site-header{padding-left:3vw;padding-right:3vw}.site-header nav{gap:10px;font-size:13px}.site-header .nav-contact{padding:11px 13px}.site-header .nav-contact span{margin-left:9px}}

/* The navigation stays available while the large brand mark yields on scroll. */
.site-header{position:sticky;top:0;z-index:100;height:106px;transition:height .34s ease,padding .34s ease,box-shadow .34s ease,background-color .34s ease;box-shadow:0 0 0 rgba(22,22,22,0);background-color:rgba(249,248,242,.97);backdrop-filter:blur(10px)}
.site-header .logo{flex:0 0 120px;opacity:1;transform:translateY(0) scale(1);transform-origin:left center;transition:flex-basis .34s ease,width .34s ease,opacity .22s ease,transform .34s ease}
.site-header nav{margin-left:auto;transition:gap .34s ease,font-size .34s ease}
.site-header.is-compact{height:72px;box-shadow:0 8px 24px rgba(22,22,22,.08)}
.site-header.is-compact .logo{flex-basis:0;width:0;opacity:0;transform:translateY(-12px) scale(.78);pointer-events:none}
.site-header.is-compact nav{gap:clamp(10px,1.35vw,22px);font-size:13px}
.site-header.is-compact .nav-contact{padding:10px 15px}
@media(max-width:620px){.site-header{position:sticky;display:block;height:auto;padding-top:8px;padding-bottom:8px}.site-header .logo{margin:0 auto;transform-origin:center}.site-header nav{overflow-x:auto;width:100%;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header.is-compact{display:flex;height:62px}.site-header.is-compact .logo{margin:0}.site-header.is-compact nav{flex-wrap:nowrap;justify-content:flex-start;font-size:11px}.site-header.is-compact .nav-contact{padding:8px 10px}}