*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Segoe UI',sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit} .wrap{width:min(1180px,calc(100% - 48px));margin:0 auto} h1,h2,h3{margin-top:0;font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.045em} h1{font-size:clamp(3rem,6vw,6rem);line-height:.94;margin-bottom:22px} h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin-bottom:18px} h3{font-size:1.45rem;line-height:1.15;margin-bottom:10px} .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--coral);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:'';width:30px;height:3px;background:var(--coral);border-radius:999px}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;padding:22px 0;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.08em}.logo-mark{width:29px;height:29px;position:relative;display:inline-block;border:3px solid currentColor;border-radius:50%}.logo-mark:after{content:'';position:absolute;width:11px;height:11px;background:var(--coral);border-radius:50%;inset:6px}.nav-links{display:flex;align-items:center;gap:29px;font-size:.92rem;color:rgba(255,255,255,.76)}.nav-links a:hover{color:#fff}.nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff}.menu{display:none;border:0;background:none;color:#fff;font-size:1.5rem}.detail-hero{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;background:var(--navy-deep);color:#fff}.detail-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,34,61,.98),rgba(3,34,61,.82) 45%,rgba(3,34,61,.38)),url('assets/hero-logistiek.png') center/cover}.detail-hero:after{content:'';position:absolute;width:420px;height:420px;top:-170px;right:8%;border:1px solid rgba(255,255,255,.1);border-radius:36% 64% 55% 45%;transform:rotate(18deg)}.detail-hero-inner{position:relative;z-index:1;padding:174px 0 72px;max-width:810px}.detail-hero p{max-width:650px;color:rgba(255,255,255,.74);font-size:1.12rem;margin:0}.detail-hero .eyebrow{color:#86d4ef}.detail-hero .eyebrow:before{background:var(--coral)}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:32px;color:rgba(255,255,255,.58);font-size:.8rem}.breadcrumb span{color:var(--coral)}.detail-main{padding:92px 0}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.story-grid>div:first-child{max-width:680px}.lead{font-size:1.15rem;color:var(--muted)}.body-copy{color:var(--muted);font-size:1rem}.side-note{padding:28px;border-radius:var(--radius);background:var(--blue-soft)}.side-note strong{display:block;color:var(--navy);font-family:'Space Grotesk';font-size:2.7rem;line-height:1;margin-bottom:10px}.side-note p{margin:0;color:var(--ink)}.light-section{padding:94px 0;background:#f1f6f8}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:45px}.section-head>div:first-child{max-width:650px}.section-head p{max-width:360px;color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.info-card{padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.info-card:nth-child(2){background:var(--navy);color:#fff;border-color:transparent}.info-card:nth-child(2) p{color:rgba(255,255,255,.72)}.info-card:nth-child(3){background:#f5f1ed;border-color:transparent}.card-number{display:grid;place-items:center;width:44px;height:44px;margin-bottom:35px;border-radius:50%;background:var(--coral);color:#fff;font-family:'Space Grotesk';font-weight:700}.info-card:nth-child(2) .card-number{background:var(--blue)}.info-card p{color:var(--muted);margin-bottom:0}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:28px}.check-item{padding:17px 18px;border-radius:14px;background:#fff;border:1px solid var(--line)}.check-item:before{content:'↗';margin-right:9px;color:var(--coral);font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:32px;border-top:1px solid var(--line)}.step{position:relative;padding:26px 22px 0 0;border-right:1px solid var(--line)}.step:not(:first-child){padding-left:22px}.step:last-child{border-right:0}.step-number{color:var(--coral);font-family:'Space Grotesk';font-size:.85rem;font-weight:700}.step p{color:var(--muted);font-size:.92rem}.route-detail{background:var(--navy);color:#fff}.route-detail .section-head p,.route-detail .body-copy{color:rgba(255,255,255,.7)}.route-detail .eyebrow{color:#86d4ef}.route-map{min-height:360px;position:relative;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:radial-gradient(circle at 72% 33%,rgba(126,209,240,.13),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));overflow:hidden}.route-map:before{content:'';position:absolute;inset:35px;border:1px dashed rgba(126,209,240,.35);border-radius:53% 42% 57% 38%;transform:rotate(-18deg)}.route-map:after{content:'';position:absolute;width:78%;height:60%;top:18%;left:10%;border-top:2px solid var(--coral);border-right:2px solid var(--coral);border-radius:44% 52% 0 0;transform:rotate(18deg)}.pin{position:absolute;z-index:1;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px rgba(239,91,60,.17)}.pin.nl{top:49%;left:33%}.pin.world{top:28%;right:20%}.map-label{position:absolute;z-index:1;color:rgba(255,255,255,.72);font-family:'Space Grotesk';font-size:.82rem}.map-label.nl{top:55%;left:21%}.map-label.world{top:21%;right:10%}.contact-section{padding:94px 0;background:#f8f4ee}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-copy p{color:var(--muted);font-size:1.08rem}.contact-form{padding:30px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;color:var(--ink);font-size:.82rem;font-weight:700}label.full{grid-column:1/-1}input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;outline:none;color:var(--ink);background:#fbfcfd}textarea{min-height:145px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,119,186,.12)}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.form-note{color:var(--muted);font-size:.78rem}.success{display:none;margin-top:15px;padding:14px 15px;border-radius:12px;background:#e6f4ed;color:#17633d;font-size:.9rem}.success.show{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:700;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 25px rgba(239,91,60,.3)}.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}.cta{padding:70px 0;background:var(--blue-soft)}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{color:var(--navy);max-width:620px;margin-bottom:0}footer{padding:28px 0;background:var(--navy-deep);color:rgba(255,255,255,.65);font-size:.82rem}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-logo{color:#fff;font-size:1.15rem}.footer-links{display:flex;gap:20px}@media(max-width:920px){.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(4,41,75,.96);box-shadow:0 18px 45px rgba(0,0,0,.18)}.nav-links.open{display:grid;gap:15px}.menu{display:block}.story-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.card-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:20px}.step:nth-child(2){border-right:0}.cta-row{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wrap{width:min(100% - 32px,1180px)}.detail-hero-inner{padding-top:150px}.detail-main,.light-section,.contact-section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:18px}.card-grid,.check-grid,.form-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.form-bottom,.footer-row{align-items:flex-start;flex-direction:column}.contact-form{padding:22px}}
:root { --navy:#063764; --navy-deep:#04294b; --blue:#0877ba; --blue-soft:#dceff7; --coral:#ef5b3c; --ink:#102c45; --muted:#6f7f8e; --paper:#fbfcfd; --line:#dfe7ec; --shadow:0 24px 70px rgba(3,38,70,.13); --radius:22px; }

/* Brand story in the first content block below the header. */
.detail-hero .brand-story { display: grid; gap: 12px; max-width: 760px; }
.detail-hero .brand-story p { max-width: none; }