/* Layout and brand styling for the static Sluis Transport site */
:root{--gold:#dd8d16;--gold-deep:#cf7f09;--blue:#185993;--ink:#222;--muted:#65676a;--cream:#f7f7f6;--line:#e9e6e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.75 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}p{margin:0 0 1.3rem}h1,h2,h3{font-family:'Trebuchet MS',Arial,sans-serif;line-height:1.18;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,5.8vw,5.6rem);margin:0 0 1.2rem}h2{font-size:clamp(2rem,3.6vw,3.5rem);margin:0 0 1.2rem}h3{font-size:1.45rem;margin:0 0 .6rem}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.narrow{width:min(760px,calc(100% - 48px));margin:auto}.centered{text-align:center}.eyebrow{display:block;color:var(--gold);font-size:.76rem;text-transform:uppercase;font-weight:800;letter-spacing:.22em;margin:0 0 1rem}.eyebrow.light{color:#fff8}.section-pad{padding:clamp(75px,9vw,130px) 0}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:999}.skip-link:focus{left:10px}.site-header{position:relative;background:#fff;z-index:100;border-bottom:1px solid #eee}.header-inner{width:min(1240px,calc(100% - 64px));height:110px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}.brand{display:flex;align-items:center;min-width:0}.brand img{height:72px;width:auto;max-width:250px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:2.3rem}.main-nav a{position:relative;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:15px 0}.main-nav a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:2px;background:var(--gold);transition:width .2s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:#333;margin:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:50px;border-radius:4px;padding:.7rem 1.55rem;font-weight:800;font-size:.81rem;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s,background .2s;border:2px solid transparent}.button:hover{transform:translateY(-2px)}.button-orange{background:var(--gold);color:#fff}.button-orange:hover{background:var(--gold-deep)}.button-outline{border-color:var(--gold);color:var(--gold);background:transparent}.button-outline:hover{background:var(--gold);color:#fff}.button-light{background:#fff;color:var(--gold)}.home-hero{height:clamp(420px,58vw,720px);position:relative;overflow:hidden;background:#333}.home-hero>img{height:100%;width:100%;object-fit:cover;object-position:center 54%}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,22,27,.65),rgba(18,22,27,.22) 66%,rgba(18,22,27,0))}.hero-content{position:absolute;left:max(6%,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);color:#fff;max-width:780px;padding-right:24px}.hero-content h1{font-size:clamp(2.4rem,4.8vw,4.9rem)}.vacancy{background:var(--blue);color:#fff}.vacancy .wrap{min-height:95px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center;padding:20px 0}.vacancy strong{font-size:1.15rem}.vacancy a{font-weight:800;border-bottom:1px solid #fff;padding-bottom:2px}.intro h2{margin-bottom:1rem}.intro p,.page-intro p{font-size:1.22rem;line-height:1.9;color:var(--muted)}.intro .button{margin-top:1rem}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:580px}.split-section.gold{background:var(--gold);color:#fff}.split-section.reverse{background:#272727;color:#fff}.split-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(45px,7vw,125px)}.split-copy p{font-size:1.07rem;line-height:1.95;max-width:530px;color:inherit;opacity:.92}.split-photo{min-height:440px}.split-photo img{width:100%;height:100%;object-fit:cover}.reverse .split-copy{background:#fff;color:#262626}.reverse .split-copy .eyebrow{color:var(--gold)}.wide-photo{height:clamp(360px,42vw,600px);position:relative;background:#444}.wide-photo>img{width:100%;height:100%;object-fit:cover}.wide-photo:after{content:'';position:absolute;inset:0;background:rgba(19,24,31,.40)}.wide-photo-overlay{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px}.wide-photo-overlay span{text-transform:uppercase;letter-spacing:.2em;font-weight:800}.wide-photo-overlay h2{max-width:850px;margin:12px auto}.page-banner{position:relative;background:var(--gold);color:#fff;min-height:265px;display:flex;align-items:center;overflow:hidden}.page-banner .wrap{padding:52px 0;position:relative;z-index:1}.page-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(21,30,38,.62),rgba(21,30,38,.12))}.page-banner h1{font-size:clamp(2.6rem,5vw,4.9rem);margin:0 0 .4rem}.page-banner p{font-size:1.1rem;margin:0}.photo-banner{background:linear-gradient(120deg,#2b3135,#aa650c)}.fleet-banner{background:linear-gradient(120deg,#2b3135,#c5862a)}.contact-banner{background:linear-gradient(120deg,#363637,#cf8b27)}.page-intro{text-align:center;max-width:720px;margin:0 auto 60px}.page-intro h2{margin-bottom:1rem}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.photo-item{display:block;overflow:hidden;position:relative;background:#eee;aspect-ratio:4/3}.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.photo-item:hover img{transform:scale(1.06)}.zoom-icon{position:absolute;right:16px;bottom:15px;display:grid;place-items:center;width:42px;height:42px;background:var(--gold);color:#fff;border-radius:50%;font-size:27px;line-height:1}.after-gallery{text-align:center;padding:65px 0 0}.after-gallery p{font-size:1.2rem}.lightbox{position:fixed;inset:4%;width:min(1300px,92vw);height:92vh;max-height:92vh;max-width:none;border:0;background:#111b;color:#fff;padding:52px 62px 32px;overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox button{position:absolute;z-index:2;color:#fff;background:rgba(0,0,0,.4);border:0;cursor:pointer;font-size:2.5rem;line-height:1}.lightbox-close{right:15px;top:12px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-count{position:absolute;bottom:4px;left:0;right:0;text-align:center;margin:0;font-size:.8rem}.fleet-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.fleet-description p{color:var(--muted);line-height:1.9}.fleet-description .button{margin-top:10px}.fleet-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.fleet-features{background:#f6f6f6;padding:80px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-line{display:block;background:var(--gold);height:4px;width:52px;margin-bottom:22px}.feature-grid p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);align-items:start}.contact-layout>div>p{color:var(--muted);font-size:1.15rem}.contact-links{display:grid;gap:18px;margin-top:42px}.contact-links a{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid var(--line)}.contact-links span{text-transform:uppercase;font-size:.7rem;letter-spacing:.16em;color:var(--muted)}.contact-links strong{font-size:clamp(1.05rem,2vw,1.4rem)}.address-card{background:var(--gold);color:#fff;padding:clamp(30px,5vw,70px)}.address-card h3{font-size:1.8rem}.address-card address{font-style:normal;margin:24px 0}.address-card .button{margin-top:16px}.contact-end{background:#f5f5f5;padding:65px 0}.contact-end .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-end h2{margin-bottom:.6rem}.site-footer{background:#d78b16;color:#fff}.footer-inner{display:grid;grid-template-columns:1.7fr 1fr 1.4fr .7fr;gap:50px;width:min(1240px,calc(100% - 64px));margin:auto;padding:80px 0}.footer-inner h2{font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin:0 0 20px}.footer-inner a{display:block;width:max-content;max-width:100%;line-height:2.1}.footer-inner a:hover{text-decoration:underline}.footer-inner address{font-style:normal;line-height:1.85;margin-bottom:10px}.footer-brand img{max-width:225px;width:100%;height:auto;object-fit:contain;object-position:left;margin-bottom:15px}.footer-brand p{font-size:.85rem}.footer-bottom{border-top:1px solid #ffffff4d;padding:18px max(32px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:20px;font-size:.8rem}
@media(max-width:900px){.header-inner{height:88px}.brand img{height:62px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:88px;background:#fff;padding:18px 32px 28px;box-shadow:0 15px 20px #0002;flex-direction:column;gap:2px;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px 0}.split-section,.fleet-detail,.contact-layout{grid-template-columns:1fr}.split-copy{min-height:370px;padding:65px 7%}.split-photo{min-height:360px}.split-section.reverse .split-photo{order:2}.split-section.reverse .split-copy{order:1}.feature-grid{gap:20px}.footer-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-inner{width:calc(100% - 36px)}.hero-content{left:20px;right:20px;max-width:none}.home-hero{height:510px}.home-hero>img{object-position:62% center}.home-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.35))}.vacancy .wrap{align-items:flex-start;flex-direction:column;gap:7px}.page-banner{min-height:220px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature-grid{grid-template-columns:1fr;gap:26px}.footer-inner{grid-template-columns:1fr;gap:25px;width:calc(100% - 36px);padding:58px 0}.footer-bottom{flex-direction:column;gap:3px;padding:20px 18px}.contact-end .wrap{flex-direction:column;align-items:flex-start}.lightbox{inset:2%;width:96vw;height:96vh;max-height:96vh;padding:55px 35px 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}