:root{--blue:#659dcc;--blue-dark:#5c8fba;--navy:#053868;--ink:#24282b;--grey:#686868;--orange:#ff8508;--line:#9a9a9a;--max:1290px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ececec;color:var(--ink);font-family:"Montserrat",sans-serif;line-height:1.5}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:100}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.site-header{height:112px;background:var(--blue-dark);position:sticky;top:0;z-index:30}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-pill{background:#fff;border-radius:999px;padding:13px 24px;display:block}.logo-pill img{display:block;width:250px;max-height:44px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:43px}.site-header nav a{text-transform:uppercase;color:#fff;font-size:.95rem;letter-spacing:.04em;font-weight:500}.site-header nav .english{background:var(--orange);border-radius:999px;padding:14px 29px;font-weight:800}.menu{display:none;border:1px solid rgba(255,255,255,.35);background:transparent;border-radius:8px;width:48px;height:42px;padding:9px 10px}.menu span{height:2px;background:#fff;display:block;margin:5px 0}.hero{height:515px;background:var(--blue);position:relative;overflow:hidden;color:#fff}.hero-inner{height:100%;display:flex;align-items:flex-start;justify-content:space-between;padding-top:72px;position:relative;z-index:2}.hero-copy{width:43%}.hero-copy p{font-size:2rem;font-weight:400;margin:0 0 3px}.hero-copy h1{font-size:2.32rem;line-height:1.43;margin:0;font-weight:800;letter-spacing:-.02em}.hero-search{width:49%;margin-top:56px;display:flex;height:54px}.hero-search input{width:100%;border:0;border-radius:999px 0 0 999px;padding:0 30px;color:#666;outline:none;font-size:1.02rem}.hero-search button{width:142px;border:0;border-radius:0 999px 999px 0;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.city{position:absolute;right:0;bottom:-1px;height:84%;width:auto;max-width:74%;object-fit:contain;object-position:right bottom;z-index:1}.section-white{background:#fff}.topics{padding:42px 0 84px}.section-label{display:flex;align-items:center;gap:35px;text-transform:uppercase;color:#676767;font-size:1.05rem;margin-bottom:42px}.section-label span{height:3px;flex:1;background-image:radial-gradient(circle,#888 1.3px,transparent 1.4px);background-size:11px 3px}.section-label.light{color:#fff}.section-label.light span{background-image:radial-gradient(circle,rgba(255,255,255,.8) 1.3px,transparent 1.4px)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.topic-circle{aspect-ratio:1;border-radius:50%;border:2px solid var(--blue);background:#fff;position:relative;overflow:hidden;cursor:pointer;color:var(--blue);text-transform:uppercase;padding:0}.topic-circle:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2),rgba(5,56,104,.58)),var(--topic-img) center/cover;opacity:0;transition:.3s}.topic-circle:hover:before,.topic-circle:focus:before{opacity:1}.topic-circle span,.topic-circle strong,.topic-circle em{position:relative;z-index:2;display:block;font-style:normal}.topic-circle span{font-size:1rem}.topic-circle strong{font-size:1.65rem;margin:12px 0;color:var(--navy)}.topic-circle em{font-size:.85rem;font-weight:700}.topic-circle:hover span,.topic-circle:hover strong,.topic-circle:hover em,.topic-circle:focus span,.topic-circle:focus strong,.topic-circle:focus em{color:#fff}.articles{padding:62px 0 96px;background:#666 url('assets/wi-flow.png') center/cover fixed}.article-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.article-heading .section-label{flex:1}.article-heading label{color:#fff;font-weight:600;display:flex;align-items:center;gap:14px}.article-heading select{border:0;border-radius:999px;background:#fff;padding:12px 42px 12px 18px;color:#555}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.article-card{background:#fff;min-height:570px;display:flex;flex-direction:column;box-shadow:0 9px 25px rgba(0,0,0,.1)}.article-card:nth-child(4n+1),.article-card:nth-child(4n+4){background:#76a5d0;color:#fff}.article-card img{width:100%;height:205px;object-fit:cover;filter:grayscale(1)}.article-card .card-body{padding:26px 28px 28px;display:flex;flex-direction:column;flex:1}.article-card .topic{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.article-card h2{font-size:1.6rem;line-height:1.18;color:#1f568a;margin:9px 0 18px;letter-spacing:-.02em}.article-card:nth-child(4n+1) h2,.article-card:nth-child(4n+4) h2{color:#fff}.article-card p{margin:0;font-size:1.02rem;line-height:1.55}.read-more{margin-top:auto;align-self:flex-start;border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;padding:12px 27px;cursor:pointer}.empty{display:none;text-align:center;color:#fff;font-weight:700;padding:40px}.faq{padding:62px 0 96px}.faq h2{font-size:3.3rem;line-height:1.14;margin:0 0 45px;letter-spacing:-.035em}.faq h2 span{font-weight:400;color:#666}.faq-list{border-top:1px solid #ddd}.faq details{border-bottom:1px solid #ddd}.faq summary{list-style:none;cursor:pointer;font-weight:700;padding:23px 52px 23px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:8px;top:14px;color:var(--blue);font-size:2rem}.faq details[open] summary:after{content:"−"}.faq details p{max-width:920px;margin:0 0 24px;color:#666}.about{padding:66px 0 92px;background:var(--blue)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;color:#fff}.about-grid img{width:100%;max-height:440px;object-fit:cover}.about h2{font-size:2.65rem;margin:0 0 20px}.about p{font-size:1.02rem}.contact{padding:64px 0 90px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:78px}.contact h2{font-size:3.2rem;margin:0 0 6px}.contact h3{font-size:1.55rem;color:var(--blue);margin:0}.contact form{background:#f1f1f1;padding:32px}.contact form p{margin-top:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:block;font-size:.85rem;font-weight:600;margin-bottom:17px}.contact input:not([type=checkbox]),.contact textarea{width:100%;border:0;background:#fff;padding:13px;margin-top:7px;outline:none}.contact input:focus,.contact textarea:focus{box-shadow:0 0 0 2px var(--blue)}.consent{display:flex!important;gap:10px;align-items:flex-start}.contact form button{background:var(--orange);color:#fff;border:0;border-radius:999px;padding:13px 31px;font-weight:800;cursor:pointer}footer{height:300px;background:var(--navy);position:relative;overflow:hidden;color:#fff}.footer-city{position:absolute;right:0;bottom:0;height:100%;max-width:72%;object-fit:contain;object-position:right bottom}.footer-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-top:70px}.footer-content>img{width:255px;background:#fff;border-radius:999px;padding:13px 20px}.footer-content div{display:flex;flex-direction:column;align-items:flex-start;margin-right:12%}.footer-content div span{font-size:.82rem}.footer-content a{font-size:1.08rem;font-weight:700}.studio{position:absolute;left:22px;bottom:16px;z-index:2;font-size:.76rem}.article-card[hidden]{display:none}dialog{width:min(760px,calc(100% - 32px));max-height:90vh;border:0;padding:0;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(5,35,65,.72)}dialog>img{width:100%;height:260px;object-fit:cover;filter:grayscale(1)}.dialog-body{padding:32px}.dialog-body>span{text-transform:uppercase;color:var(--orange);font-weight:700;font-size:.8rem}.dialog-body h2{color:var(--navy);font-size:2rem;line-height:1.2}.dialog-body p{color:#555}.close{position:absolute;right:16px;top:16px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:1.7rem;color:var(--navy);cursor:pointer}.dialog-back{border:0;border-radius:999px;background:var(--navy);color:#fff;padding:12px 23px;font-weight:700}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:15px 20px;z-index:50;transform:translateY(120px);transition:.25s}.toast.show{transform:translateY(0)}
@media(max-width:940px){.site-header{height:76px}.logo-pill{padding:8px 14px}.logo-pill img{width:170px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:22px 32px;flex-direction:column;align-items:flex-start;gap:18px}.site-header nav.open{display:flex}.menu{display:block}.hero{height:550px}.hero-inner{display:block;padding-top:55px}.hero-copy{width:100%}.hero-search{width:80%;margin-top:35px}.city{height:60%;max-width:100%}.topic-grid{gap:20px}.article-grid{gap:22px}.contact-grid{grid-template-columns:1fr}.footer-content div{margin-right:0}}
@media(max-width:660px){.container{width:min(calc(100% - 34px),var(--max))}.logo-pill img{width:138px}.hero{height:590px}.hero-copy p{font-size:1.55rem}.hero-copy h1{font-size:1.85rem}.hero-search{width:100%;height:49px}.hero-search button{width:110px}.city{height:45%;max-width:130%;right:-42%}.topics{padding-bottom:60px}.topic-grid{grid-template-columns:1fr;gap:24px}.topic-circle{width:min(100%,360px);margin:auto}.article-heading{display:block}.article-heading label{margin:-18px 0 32px}.article-grid{grid-template-columns:1fr}.article-card{min-height:520px}.faq h2,.contact h2{font-size:2.25rem}.about-grid{grid-template-columns:1fr;gap:34px}.about-grid>*{min-width:0}.form-row{grid-template-columns:1fr;gap:0}.footer-content{display:block}.footer-content>img{width:210px}.footer-content div{margin-top:28px}.footer-city{opacity:.45;max-width:100%}}
.site-header nav button.english{border:0;color:#fff;cursor:pointer}

/* Article archive mirrors the current WarehouseInsights category cards. */
.articles{padding:16px 0 48px;background-color:#595959;background-image:url('assets/wi-flow.png');background-position:top center;background-size:100% auto;background-repeat:repeat-y;background-attachment:scroll}
.articles .container{width:min(calc(100% - 48px),1116px)}
.article-grid{grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.article-card{min-height:622px;background:#fff;color:#808080;box-shadow:none}
.article-card img{height:200px;filter:none}
.article-card .card-body{padding:16px}
.article-card h2{margin:0 0 8px;color:inherit;font-size:1.6rem;line-height:1.18}
.article-card p{font-size:1rem;line-height:1.55}
.article-card[data-topic="Logistiek"]{background:#6098cb;color:#fff}
.article-card[data-topic="Warehousing"]{background:#ff8600;color:#fff}
.article-card[data-topic="E-commerce"]{background:#fff;color:#808080}
.article-card[data-topic] h2{color:inherit}
.read-more{margin-top:28px;padding:10px 30px;border-radius:50px;background:#002d5b}
@media(max-width:991px){.articles .container{width:min(calc(100% - 48px),696px)}.article-grid{grid-template-columns:repeat(2,1fr);gap:24px}.article-card{min-height:622px}}
@media(max-width:767px){.articles .container{width:min(calc(100% - 34px),356px)}.article-grid{grid-template-columns:1fr}.article-card{min-height:0}}
.dialog-date{margin:6px 0 0;font-size:.8rem;font-weight:600}.dialog-sources{display:flex;flex-direction:column;gap:6px;margin:0 0 24px}.dialog-sources a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
body{overflow-x:hidden}

/* Article pages retain the existing article-window typography and assets. */
.site-header nav a.english{text-transform:none;letter-spacing:normal}
.article-page{padding:48px 16px 64px;background:#595959 url('/assets/wi-flow.png') top center/100% auto repeat-y}
.article-detail{max-width:760px;margin:0 auto;background:#fff;box-shadow:0 9px 25px rgba(0,0,0,.1)}
.article-cover{display:block;width:100%;height:260px;object-fit:cover;filter:grayscale(1)}
.article-detail h1{color:var(--navy);font-size:2rem;line-height:1.2;overflow-wrap:anywhere}
.dialog-back{display:inline-block}
@media(max-width:660px){.article-page{padding:24px 16px 40px}.article-detail .dialog-body{padding:24px}.article-detail h1{font-size:1.6rem}}
