:root{--bg-canvas:#191b20;--bg-surface:#27272a;--bg-surface-hover:#333136;--text-primary:#f4f1ea;--text-muted:#c7c2b8;--accent-primary:#d4a84b;--accent-secondary:#eed39a;--border-subtle:#49463f;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #d4a84340;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.6rem,5.6vw,4.8rem);margin:.35em 0}h2{font-size:clamp(2rem,3.5vw,3rem);margin:0 0 .7em}h3{font-size:1.55rem;margin:.2em 0 .6em}p{margin:0 0 1.2em}a{color:var(--accent-secondary);text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}figure{margin:0}figcaption{font-size:.8rem;color:var(--text-muted);margin-top:.65rem}.wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}.site-header{position:relative;background:transparent;transition:background .3s;border-bottom:1px solid var(--border-subtle);z-index:20}.site-header.scrolled{background:var(--bg-surface)}.header-inner{max-width:1480px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-primary);font-size:1rem;font-weight:650;white-space:nowrap}.brand-mark{width:25px;height:29px;display:inline-grid;place-items:center;color:var(--accent-primary);border-left:3px solid var(--accent-primary);border-bottom:3px solid var(--accent-primary);font-size:20px}.main-nav{display:flex;gap:18px;align-items:center}.main-nav a{font-size:.83rem;text-decoration:none;color:var(--text-muted);position:relative}.main-nav a::after,.text-link::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s}.main-nav a:hover::after,.text-link:hover::after{transform:scaleX(1)}.main-nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;font-size:1.8rem;line-height:1;padding:6px 14px}.skip-link{position:absolute;top:-100px;left:16px;z-index:99;background:var(--accent-primary);color:#191b20;padding:10px}.skip-link:focus{top:10px}.band{padding:80px 0}.tonal{background:var(--bg-surface)}.gold-wash{background:radial-gradient(ellipse at 82% 30%,#d4a84b16,transparent 65%),var(--bg-canvas)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:650;color:var(--accent-primary);margin-bottom:16px}.intro{font-size:1.15rem;color:var(--text-muted);max-width:61ch}.hero{position:relative;background:radial-gradient(ellipse at 85% 35%,#d4a84b25,transparent 65%);padding:85px 0 95px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.hero h1{font-size:clamp(2.6rem,4.4vw,4.3rem)}.hero-photos{position:relative;min-height:420px}.hero-photos figure{position:absolute;box-shadow:var(--shadow-elevation);border:5px solid var(--bg-canvas);border-radius:4px}.hero-photos .photo-port-team{left:0;top:0;width:72%;height:220px;z-index:1}.hero-photos .photo-quayside-coordination{right:0;top:145px;width:68%;height:215px;z-index:2}.hero-photos .photo-terminal-planning{left:0;top:265px;width:45%;height:150px;z-index:3}.primary-button{display:inline-block;border:1px solid var(--accent-primary);background:var(--accent-primary);color:#191b20;font-weight:700;padding:12px 21px;border-radius:4px;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s}.primary-button:hover{color:#191b20;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-link{position:relative;display:inline-block;text-decoration:none}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:25px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:32px}.section-head p{color:var(--text-muted)}.operational-row{display:grid;grid-template-columns:46px 1fr auto;gap:20px;padding:29px 0;border-top:1px solid var(--border-subtle);align-items:start;transition:background .3s}.operational-row:last-child{border-bottom:1px solid var(--border-subtle)}.operational-row:hover{background:#d4a84b07}.operational-row p{margin:0;max-width:68ch;color:var(--text-muted)}.operational-icon{color:var(--accent-primary);font-size:1.5rem;line-height:1.4}.operational-row .text-link{font-size:.9rem;margin-top:8px}.handover{display:flex;list-style:none;padding:0;margin:32px 0;gap:0}.handover li{flex:1;border-top:2px solid var(--accent-primary);padding:18px 18px 8px 0;position:relative}.handover li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent-primary);position:absolute;top:-5px;left:0}.handover strong{display:block;font-family:Georgia,serif;font-size:1.2rem}.handover span{font-size:.85rem;color:var(--text-muted)}.note{border-left:3px solid var(--accent-primary);padding:12px 22px;margin:30px 0;color:var(--text-muted);background:#d4a84b08}.source-band{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:25px 0;margin:32px 0}.source-band p:last-child{margin:0}.source-label{color:var(--accent-primary);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.article-header{padding:64px 0 45px}.article-header h1{max-width:18ch}.reading{max-width:70ch;margin:0 auto}.article-body{padding-bottom:65px}.article-body h2{font-size:2.1rem;margin-top:1.65em}.article-body h3{margin-top:1.5em}.article-body li{margin-bottom:.7em}.article-banner{aspect-ratio:16/9;margin:0 0 40px}.article-banner img{aspect-ratio:16/9}.table-scroll{overflow-x:auto;margin:30px 0}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:540px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{color:var(--accent-secondary);background:var(--bg-surface)}.related{border-top:1px solid var(--border-subtle);padding-top:25px;margin-top:40px}.faq-list details{border-top:1px solid var(--border-subtle);padding:20px 0}.faq-list details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:600;color:var(--text-primary);padding-right:10px}details p{color:var(--text-muted);margin:16px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:35px}.contact-grid{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:50px}.contact-form label{display:block;margin:0 0 5px;font-size:.9rem}.contact-form input,.contact-form textarea,.contact-form select,.dispatch-preview{display:block;width:100%;background:var(--bg-canvas);border:1px solid #777065;color:var(--text-primary);border-radius:4px;padding:11px 13px;margin-bottom:20px}.contact-form textarea{min-height:170px;resize:vertical}.dispatch-panel{margin-top:45px;border-top:1px solid var(--border-subtle);padding-top:30px}.dispatch-preview{min-height:240px;resize:vertical;font-family:ui-monospace,monospace;font-size:.9rem}.text-button{border:0;background:none;padding:5px 0;color:var(--accent-secondary);text-decoration:underline;text-underline-offset:5px;cursor:pointer}.status{color:var(--accent-secondary);min-height:1.8em}.small{font-size:.87rem;color:var(--text-muted)}address{font-style:normal}.site-footer{border-top:2px solid var(--accent-primary);padding:48px 0 25px;background:#16171b}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.site-footer h2{font-family:system-ui,sans-serif;font-size:.9rem;font-weight:600}.site-footer p,.site-footer address{font-size:.85rem;color:var(--text-muted)}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:.85rem}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted)}.footer-legal{display:flex;gap:17px;flex-wrap:wrap}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}.preference-panel{padding:22px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);margin:25px 0}
@media(min-width:1025px){.main-nav{gap:17px}}
@media(min-width:769px) and (max-width:1024px){.header-inner{flex-wrap:wrap}.main-nav{width:100%;justify-content:space-between}.hero-grid{gap:24px}.hero-photos{min-height:390px}.hero-photos .photo-port-team{height:190px}.hero-photos .photo-quayside-coordination{top:140px;height:180px}.hero-photos .photo-terminal-planning{top:255px;height:130px}}
@media(max-width:768px){.wrap{width:calc(100% - 36px)}.header-inner{padding:17px 18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px;background:var(--bg-surface);border-bottom:1px solid var(--accent-primary);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:10px;font-size:1rem}.hero-grid,.section-head,.contact-grid{grid-template-columns:1fr}.hero{padding:45px 0 60px}.hero-photos{max-width:510px;width:100%;margin:auto;min-height:420px}.band{padding:55px 0}.section-head{gap:6px}.operational-row{grid-template-columns:32px 1fr;gap:12px}.operational-row>.text-link{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.article-header{padding-top:45px}.handover{flex-wrap:wrap}.handover li{flex:0 0 50%;margin-bottom:20px}}
@media(max-width:480px){body{font-size:16px}.brand{font-size:.9rem}.hero-photos{min-height:340px}.hero-photos .photo-port-team{height:170px}.hero-photos .photo-quayside-coordination{top:120px;height:170px}.hero-photos .photo-terminal-planning{top:225px;height:110px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.actions{gap:18px}.article-header h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.primary-button:hover{transform:none}}