@font-face{font-family:Explorer;src:local('DejaVu Sans');font-display:swap}*{box-sizing:border-box} :root{--navy:#0A0A0A;--teal:#B4001E;--ink:#0A0A0A;--muted:#5E5E5E;--line:#dce5e9;--pale:#eef4f6;--orange:#dd762b}body{margin:0;color:var(--ink);background:#f7fafb;font:15px/1.6 Explorer,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #df782c;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}button{border:0;background:none}.primary{background:var(--teal);color:white;border-radius:7px;padding:11px 21px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:600;font-size:13px;min-height:44px}.primary:hover{background:#8E0018;text-decoration:none}.outline{border:1px solid #bfd0d7;border-radius:6px;padding:10px 13px;min-height:44px}.site-header{height:92px;display:flex;align-items:center;gap:35px;padding:0 3.2%;background:white;border-bottom:1px solid var(--line)}.brand{font-family:Arial,sans-serif;font-size:31px;font-weight:750;letter-spacing:-1.6px;color:var(--navy)}.site-header nav{display:flex;align-items:center;gap:26px;align-self:stretch}.site-header nav a,.site-header nav button{display:flex;align-items:center;color:var(--navy);font-size:13px;padding:0 0;border-bottom:3px solid transparent}.site-header nav a[aria-current=page]{border-bottom-color:var(--teal);color:var(--teal)}.enquire{margin-left:auto}.tagline{max-width:160px;font-size:11px;color:var(--muted);line-height:1.5}.section-heading{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:43px 3.2% 29px}h1{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(28px,3.1vw,46px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 12px}h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}h3{font-size:14px;margin:18px 0 7px}.section-heading p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;color:var(--teal)!important;margin-bottom:10px!important}.search{width:310px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#f0f5f7;display:flex;align-items:center;padding:7px 12px;gap:9px}.search>span{font-size:25px}.search input{width:100%;min-width:0;border:0;outline:0;background:none;font-size:13px;height:36px;color:var(--ink)}kbd{border:1px solid #c4d0d7;border-radius:4px;padding:0 5px;color:#637785}.catalogue-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 355px;gap:23px;padding:0 3.2% 48px;align-items:start}.filters{background:linear-gradient(#eff5f7,#f9fbfc);padding:19px 13px;border-radius:7px;position:sticky;top:18px}.filters h2{font-size:13px;letter-spacing:0;padding-left:5px;margin-bottom:14px}#families{display:flex;flex-direction:column;gap:4px}#families button{text-align:left;padding:10px 10px;font-size:12px;border-left:3px solid transparent;line-height:1.5;border-radius:3px}#families button[aria-pressed=true]{background:#EBEBEB;color:#0A0A0A;border-left-color:#B4001E}#families button:hover{background:#e3eef1}.refine{margin:25px 6px 0;padding-top:13px;border-top:1px solid #d7e3e7}.refine h3{font-weight:500;margin:0 0 9px}.refine label{font-size:10px;color:var(--muted);display:block;margin:12px 0 5px}.refine input,.refine select{width:100%;border:1px solid #cedde4;background:#fff;border-radius:5px;padding:10px 7px;font-size:12px;color:var(--muted);min-width:0}.text-button{font-size:12px;padding:10px 0;color:var(--teal)}.filter-bottom{margin:30px -13px -19px;padding:0 16px 22px;font-size:12px}.port-photo{height:95px;margin:0 -16px;background:linear-gradient(0deg,#f7fafb,transparent),url('/assets/photos/port-vessel-alongside.jpg') center/cover}.filter-bottom p{margin:0 0 12px}.result-bar{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:10px}.result-bar select{background:none;border:0;color:var(--ink);font-size:11px;min-height:30px}#commodity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.commodity-card{position:relative;aspect-ratio:1.05;text-align:left;border-radius:7px;overflow:hidden;padding:0;color:white;background:var(--navy)}.commodity-card[aria-pressed=true]{outline:3px solid var(--teal);outline-offset:2px}.material-photo{background-image:none;background-size:400% 200%;background-position:var(--photo-x,0%) var(--photo-y,0%);background-color:#bcc8c5}.commodity-card .material-photo{position:absolute;inset:0;transition:transform .4s}.commodity-card:hover .material-photo{transform:scale(1.055)}.commodity-card:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.83))}.card-label{position:absolute;z-index:1;bottom:16px;left:17px;right:12px}.card-label strong{font-size:22px;line-height:1.15;display:block;letter-spacing:-.5px}.card-label small{font-size:10px;display:block;margin-top:5px;color:#e1eef1}.card-arrow{position:absolute;right:13px;top:10px;z-index:2;font-size:20px}.results{min-width:0}#empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);border-radius:10px}#profile{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:sticky;top:18px;min-width:0}#profile-image{height:220px;position:relative}#profile-close{position:absolute;right:12px;top:10px;border-radius:50%;width:32px;height:32px;background:#000000b3;color:#fff;font-size:24px;line-height:1}.image-label{position:absolute;bottom:8px;left:12px;background:#000000b3;color:white;padding:2px 6px;border-radius:3px;font-size:9px}.profile-content{padding:21px}.profile-content h2{font-size:29px;margin-bottom:14px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px;gap:3px}.tabs button{flex:1;padding:10px 2px 12px;font-size:10px;border-bottom:2px solid transparent;white-space:nowrap;min-height:40px}.tabs button[aria-selected=true]{color:var(--teal);border-color:var(--teal);font-weight:bold}#profile-body{min-height:176px;color:var(--muted);font-size:12px;line-height:1.8}#profile-body h3{color:var(--navy)}#profile-body p{margin-top:0}.sheet{width:100%;margin-top:15px}.source-caption{font-size:10px;color:var(--muted);line-height:1.65;margin:14px 0 0}.data-list{display:grid;grid-template-columns:1fr 1.35fr;gap:8px 10px;font-size:11px}.data-list dt{color:var(--muted)}.data-list dd{margin:0;color:var(--ink)}.source-note{background:#F5F5F5;border-left:2px solid #B4001E;padding:9px 10px;font-size:10px!important}.excluded{color:#9b351d;background:#fff1e9;border-radius:3px;padding:0 3px}.excluded small{font-size:9px;font-weight:bold}.terminal-heading{padding-bottom:27px}.config-switch{display:flex;flex-shrink:0;padding:4px;background:#e6eef2;border-radius:24px}.config-switch button{min-width:93px;min-height:39px;font-size:13px;border-radius:22px}.config-switch button[aria-pressed=true]{background:var(--teal);color:white}.terminal-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:0;margin:0 3.2%;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.stage-wrap{position:relative;min-height:660px;background:#BEBEBE;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block}.scene-top{position:absolute;left:20px;top:18px;pointer-events:none;display:flex;gap:10px;align-items:center;font-size:10px}.scene-top span{background:#fffffff0;border-radius:5px;padding:5px 10px}.scene-top span:first-child{background:var(--navy);color:white}.scene-bottom{position:absolute;bottom:15px;left:15px;right:15px;display:flex;align-items:center;gap:13px;font-size:10px;color:white}.scene-bottom>span{background:#000000aa;padding:5px 8px;border-radius:3px}.camera-buttons{display:flex;gap:5px}.camera-buttons button{width:35px;height:35px;border-radius:5px;background:white;font-size:21px}.scene-bottom #motion-toggle{margin-left:auto;background:white;border-radius:5px;padding:9px;font-size:11px}.hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);background:var(--navy);color:white;padding:8px 12px 8px 30px;border-radius:22px;font-size:10px;white-space:nowrap;box-shadow:0 2px 8px #00000033;border:2px solid white;min-height:36px}.hotspot:before{content:'';position:absolute;left:9px;top:11px;width:9px;height:9px;border-radius:50%;background:#BEBEBE}.hotspot[aria-pressed=true]:before{background:#f1944c}.hotspot[aria-pressed=true]{border-color:#f1944c}.equipment-panel{padding:23px;min-width:0}.equipment-panel>label{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.equipment-panel>select{width:100%;border:1px solid var(--line);border-radius:5px;background:#f6f9fa;padding:9px;font-size:12px;margin-bottom:23px}.equipment-panel h2{font-size:25px}.equipment-panel>.primary,.equipment-panel>.outline{width:100%;margin-top:12px;font-size:11px}.equipment-panel>.source-caption{display:block}.equipment-illustration{background:linear-gradient(#f4f8f9,#eaf1f4);border-radius:6px;overflow:hidden;padding:14px 6px;margin:10px 0}.equipment-illustration svg{width:100%;height:180px;display:block}.equipment-illustration figcaption{text-align:center;font-size:9px;color:var(--muted)}#equipment-body{font-size:12px;color:var(--muted);line-height:1.75}#equipment-body ol{padding-left:20px}#equipment-body li{padding:5px 0}#equipment-body li strong{color:var(--navy);display:block}#equipment-body details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;font-size:11px}#equipment-body summary{cursor:pointer;color:var(--navy)}.terminal-foot{display:flex;justify-content:space-between;gap:40px;padding:19px 3.2% 30px;font-size:11px;color:var(--muted)}.terminal-foot p{max-width:480px;margin:0}#scene-fallback{position:absolute;inset:0;padding:100px 30px;background:linear-gradient(#F5F5F5,#BEBEBE);color:var(--navy)}footer{display:flex;gap:24px;align-items:center;padding:20px 3.2%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer a{margin-left:auto}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:20}.skip:focus{top:0}dialog{border:1px solid var(--line);border-radius:12px;color:var(--navy);padding:35px;width:min(650px,94vw);max-height:90dvh;overflow:auto;box-shadow:0 15px 80px #00000055}dialog::backdrop{background:#000000b3}.dialog-close{position:absolute;right:9px;top:9px;width:35px;height:35px;font-size:25px}#info-content p{color:var(--muted)}#info-content label{display:block;margin:10px 0}#info-content textarea{width:100%;min-height:120px;padding:12px;font:inherit;border:1px solid var(--line)}#drawing-large svg{width:100%;height:auto}#source-dialog{width:min(980px,96vw)}#source-dialog select{max-width:100%;padding:8px;margin-bottom:15px}.source-scroll{max-height:60vh;overflow:auto;background:#e9eff2}.source-scroll img{width:100%;height:auto;display:block}#source-dialog p{font-size:11px}body.profile-closed .catalogue-layout{grid-template-columns:205px minmax(0,1fr)}body.profile-closed #commodity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.noscript{padding:30px}.operation-dot{animation:flow 2s linear infinite}.motion-paused .operation-dot{animation-play-state:paused}@keyframes flow{from{transform:translateY(-25px)}to{transform:translateY(25px)}}@media(min-width:1700px){.catalogue-layout{grid-template-columns:230px minmax(0,1fr) 400px}#commodity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.terminal-layout{grid-template-columns:minmax(0,1fr) 400px}.stage-wrap{min-height:740px}}@media(max-width:1150px){.tagline{display:none}.catalogue-layout{grid-template-columns:160px minmax(0,1fr) 290px;gap:14px}.profile-content{padding:16px}.card-label strong{font-size:18px}.search{width:240px}.tabs button{font-size:9px}.terminal-layout{grid-template-columns:minmax(0,1fr) 300px}.scene-bottom>span{display:none}.section-heading{gap:20px}.equipment-panel{padding:18px}}@media(max-width:900px){.catalogue-layout{grid-template-columns:145px minmax(0,1fr)}#profile{grid-column:2;position:relative;top:0;grid-row:1}#profile:not([hidden])~*{display:none}.results{grid-column:2;grid-row:2}.filters{grid-column:1;grid-row:1 / span 2}#profile-image{height:220px}.section-heading{align-items:flex-start;flex-direction:column}.search{width:100%;max-width:460px}.terminal-heading{flex-direction:row;align-items:center}.terminal-heading h1{font-size:32px}.config-switch button{min-width:65px}.terminal-layout{grid-template-columns:minmax(0,1fr) 280px}.stage-wrap{min-height:680px}.scene-top span:last-child{display:none}body.profile-closed .catalogue-layout{grid-template-columns:145px minmax(0,1fr)}body.profile-closed #commodity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-bar{margin-top:10px}}@media(max-width:600px){.site-header{height:auto;min-height:109px;flex-wrap:wrap;gap:0;padding:14px 18px 0}.brand{font-size:28px}.enquire{order:1;padding:8px 16px}.site-header nav{order:2;flex-basis:100%;gap:28px;height:45px}.site-header nav a,.site-header nav button{font-size:12px}.section-heading{padding:28px 18px 20px}.section-heading h1{font-size:31px;letter-spacing:-1.1px}.section-heading p{font-size:12px}.search{height:44px}.eyebrow{font-size:10px!important}.catalogue-layout,body.profile-closed .catalogue-layout{display:flex;flex-direction:column;padding:0 18px 30px;gap:18px}.filters{position:static;width:100%;padding:0;background:none}.filters h2{display:none}#families{flex-direction:row;overflow:auto;padding:3px 2px 7px}#families button{white-space:nowrap;font-size:11px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;flex-shrink:0}#families button[aria-pressed=true]{border:1px solid var(--teal)}.refine{display:grid;grid-template-columns:1fr 1fr;margin:5px 0 0;padding:8px 0 0;gap:5px 10px}.refine h3{display:none}.refine label{margin:0}.refine label[for=industry-filter]{grid-column:2;grid-row:1}.refine input,.refine select{grid-row:2}.refine .text-button{grid-column:1 / -1;text-align:left;padding:3px 0}.filter-bottom{display:none}.results{width:100%;order:1}.result-bar{margin-top:0}#profile{width:100%;order:2;position:relative;top:0}.profile-content{padding:20px}.tabs button{font-size:11px}#profile-image{height:210px}#profile-body{min-height:0}.commodity-card{aspect-ratio:1}.card-label{bottom:14px;left:12px}.card-label strong{font-size:20px}.card-label small{font-size:9px}.terminal-heading{flex-direction:column;gap:20px}.config-switch{width:100%}.config-switch button{flex:1}.terminal-layout{display:flex;flex-direction:column;margin:0 12px}.stage-wrap{min-height:370px}.equipment-panel{padding:22px}.scene-top{left:10px;top:10px}.scene-bottom{left:10px;right:10px;bottom:10px}.camera-buttons button{width:32px;height:35px}.hotspot{font-size:9px;padding-right:8px}.terminal-foot{flex-direction:column;gap:12px;padding:18px}.equipment-panel>select{margin-bottom:20px}.equipment-illustration svg{height:200px}footer{padding:18px;flex-wrap:wrap;gap:7px}footer span:first-child{width:100%}footer a{margin-left:0}.source-caption{font-size:10px}dialog{padding:30px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.scene-bottom button{color:var(--navy)}@media(max-width:600px){#profile{order:0}.filters{order:-1}}

/* Black + Crimson palette (2026-10-05), replacing the 28 Sep live navy/red brand. */
:root{--navy:#0A0A0A;--teal:#B4001E;--ink:#0A0A0A;--muted:#5E5E5E;--line:#DCDCDC;--pale:#F5F5F5;--orange:#B4001E;--display:"Bodoni Moda",Georgia,serif;--body:"IBM Plex Sans",system-ui,sans-serif;--data:"IBM Plex Mono",ui-monospace,monospace}
body{background:#000;font-family:var(--body);font-weight:300;color:#FAFAFA;-webkit-font-smoothing:antialiased}
a{color:#BEBEBE}.primary{background:#B4001E;border-radius:0;font-family:var(--data);font-weight:400;letter-spacing:.05em}.primary:hover{background:#8E0018}.outline{border-radius:0;border-color:#C8C8C8}
.site-header{height:64px;background:#000000;color:#FAFAFA;border-bottom:1px solid #2A2A2A;gap:34px;padding:0 3.2%}
.brand{font-family:var(--display);font-weight:400;letter-spacing:0;color:#FAFAFA;display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-size:23px}.brand:hover{text-decoration:none}.brand .name em{font-style:normal;color:#B4001E}.brand .sub{font-family:var(--data);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#BEBEBE}
.site-header nav{gap:25px}.site-header nav a,.site-header nav button{font-family:var(--data);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#C4C4C4;border-bottom-width:2px}.site-header nav a[aria-current=page]{color:#FAFAFA;border-bottom-color:#B4001E}.site-header nav a:hover,.site-header nav button:hover{color:#fff}.site-header .enquire{background:transparent;border:1px solid #B4001E;color:#FAFAFA;padding:7px 17px;font-size:10px;min-height:36px}.site-header .enquire:hover{background:#B4001E;border-color:#B4001E}
h1,h2,.profile-content h2,.equipment-panel h2{font-family:var(--display);font-weight:400;letter-spacing:-.01em;color:#0A0A0A}h1{font-size:clamp(32px,3.5vw,50px)}h2{font-size:29px}.profile-content h2{font-size:34px}
h3{font-weight:500}.eyebrow,.filters h2,.result-bar,.refine label,.tabs button,.source-caption,footer{font-family:var(--data)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#5E5E5E!important}.section-heading{padding-top:42px;padding-bottom:32px}.section-heading p{font-weight:300}
.filters{background:#0A0A0A;border-radius:0;border-top:1px solid #2A2A2A;padding-top:17px;color:#BEBEBE}.filters h2{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#BEBEBE}#families button{border-radius:0;color:#BEBEBE}#families button[aria-pressed=true]{background:#1A1A1A;color:#FAFAFA;border-left-color:#B4001E}#families button:hover{background:#1A1A1A;color:#FAFAFA}.refine{border-color:#2A2A2A}.refine h3{color:#FAFAFA}.refine label{color:#BEBEBE}.refine input,.refine select{border-radius:0;background:#000;border-color:#2A2A2A;color:#FAFAFA}.search{border-radius:0}.text-button{color:#B4001E}.port-photo{background-image:linear-gradient(0deg,#000,transparent),url('/assets/photos/port-vessel-alongside.jpg')}.filter-bottom{color:#BEBEBE}.filter-bottom a{color:#FAFAFA}.result-bar{color:#BEBEBE}.result-bar select{color:#FAFAFA}
.commodity-card,#profile,.terminal-layout,.equipment-panel>select,.equipment-illustration,dialog,#empty{border-radius:0}.commodity-card[aria-pressed=true]{outline-color:#B4001E}.card-label strong{font-family:var(--display);font-size:27px;font-weight:400;letter-spacing:-.01em}.card-label small{font-family:var(--data);font-size:9px;letter-spacing:.06em}.commodity-card:after{background:linear-gradient(transparent,rgba(0,0,0,.88))}#profile{background:#0A0A0A;border-color:#2A2A2A;color:#BEBEBE}.profile-content h2,#profile-body h3{color:#FAFAFA}.tabs{border-color:#2A2A2A}.tabs button{color:#BEBEBE}.tabs button[aria-selected=true]{color:#FAFAFA;border-color:#B4001E}#profile-body{color:#BEBEBE}.source-caption{color:#BEBEBE}.source-note{background:#1A1A1A;border-color:#B4001E;color:#BEBEBE}.data-list{font-family:var(--data);font-size:10px}.data-list dt{color:#BEBEBE}.data-list dd{color:#FAFAFA}#empty{border-color:#2A2A2A;background:#0A0A0A;color:#BEBEBE}#empty h2{color:#FAFAFA}.excluded{color:#FAFAFA;background:#2A2A2A}dialog{background:#FAFAFA;color:#0A0A0A}a{color:#BEBEBE}a:hover{color:#FAFAFA}#profile-body a,.source-caption a,#photo-credit a{color:#FAFAFA}.config-switch,.config-switch button{border-radius:0}.config-switch{background:#E8E8E8}.config-switch button[aria-pressed=true]{background:#B4001E}.equipment-illustration{background:#F5F5F5}.hotspot:before{background:#BEBEBE}.hotspot[aria-pressed=true]:before{background:#B4001E}.hotspot[aria-pressed=true]{border-color:#B4001E}
footer{background:#000000;color:#BEBEBE;border-top:1px solid #2A2A2A}footer a{color:#BEBEBE}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:#B4001E}
@media(max-width:1150px){.brand{font-size:21px}.brand .sub{font-size:8px}.site-header{gap:22px}.site-header nav{gap:18px}.site-header nav a,.site-header nav button{font-size:9px}.card-label strong{font-size:24px}}
@media(max-width:700px){.site-header{height:auto;min-height:109px;flex-wrap:wrap;padding:14px 18px 0;gap:0}.brand{font-size:24px}.brand .sub{font-size:8px}.site-header .enquire{margin-left:auto;order:1}.site-header nav{order:2;flex-basis:100%;height:45px;gap:22px}.site-header nav a,.site-header nav button{font-size:9px}.section-heading h1{font-size:35px;letter-spacing:-.01em}}
@media(max-width:600px){#families button{border-radius:0;border-color:#2A2A2A}#families button[aria-pressed=true]{border-color:#B4001E;background:#1A1A1A;color:#FAFAFA}.card-label strong{font-size:24px}.filters{border-top:0}.tabs button{font-size:10px}}

/* Inline sources remain distinguishable without relying on colour. */
#photo-credit a,#profile-body a,.source-caption a{ text-decoration:underline;text-underline-offset:3px }

.engineering-basis{border-top:1px solid #BEBEBE;border-bottom:1px solid #BEBEBE;padding:14px 0;margin:16px 0}.engineering-basis summary{cursor:pointer;font-weight:500}.engineering-basis a{color:#1A1A1A;text-decoration:underline;text-underline-offset:3px}.engineering-basis p{font-size:12px;line-height:1.65}.engineering-basis .data-list{font-size:12px}

@media(min-width:901px){.terminal-layout{align-items:start}.stage-wrap{height:clamp(600px,76vh,850px);position:sticky;top:20px}.stage-wrap #scene{height:100%;min-height:0}}
#equipment-body a{text-decoration:underline;text-underline-offset:3px}

@media(min-width:901px){.stage-wrap{position:relative;top:0;min-height:0}.equipment-panel{height:clamp(600px,76vh,850px);overflow-y:auto;overscroll-behavior:contain}}

#equipment-3d{height:310px;width:100%;overflow:hidden;cursor:grab}#equipment-3d:active{cursor:grabbing}#equipment-3d canvas{display:block;width:100%;height:310px}.equipment-illustration:has(#equipment-3d){padding:0 0 10px;background:#e8edf2}

/* Equipment actions stay ahead of the engineering register in the reading order. */
.equipment-actions{display:grid;gap:10px;margin:14px 0 20px}.equipment-actions .primary{width:100%;justify-content:space-between;font-size:12px;min-height:46px}.equipment-actions small{font-size:10px;color:var(--muted);line-height:1.5}.operation-action{display:flex;align-items:center;gap:12px;text-align:left;min-height:46px;font-size:12px;padding:4px 0}.operation-action>span{display:grid;place-items:center;background:#000000;color:white;width:36px;height:36px;border-radius:50%;font-size:12px}.operation-action:hover{color:#B4001E}.operation-action:hover>span{background:#B4001E}.scene-hotspots{position:absolute;inset:0;pointer-events:none}.scene-hotspots .hotspot{pointer-events:auto}.hotspot-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.hotspot-leaders line{stroke:rgba(255,255,255,.9);stroke-width:1.5;filter:drop-shadow(0 1px 1px #00000080)}
@media(max-width:600px){.hotspot{min-height:44px;padding-top:11px;padding-bottom:11px}.hotspot:before{top:15px}.equipment-actions{gap:12px}.equipment-actions .primary,.operation-action{min-height:48px}}

/* Reuse the existing port artwork and controls inside the terminal tab. */
#terminal-art{display:block;width:100%;height:calc(100dvh - 80px);min-height:600px;border:0}
@media(max-width:600px){#terminal-art{height:calc(100dvh - 109px);min-height:640px}}

.terminal-view-link{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 0;margin-top:28px;font-size:12px;color:#BEBEBE;background:transparent;border:0}.terminal-view-link a{color:#FAFAFA;text-underline-offset:3px;font-weight:500}.terminal-view-link a:hover{color:#B4001E}

/* Phone audit: tighter spacing without hiding copy; larger form text avoids iOS input zoom. */
@media(max-width:600px){.section-heading{padding-top:24px;padding-bottom:20px;gap:14px}.section-heading .company-intro-copy{line-height:1.6}.company-intro-copy p+p{margin-top:10px}.section-heading h1{font-size:32px}.site-header .enquire{min-height:44px}.search input,.refine input,.refine select{font-size:16px}.search input{height:30px}.refine input,.refine select{min-height:44px}#families{scrollbar-width:thin}#families button{min-height:44px}#profile-close{width:44px;height:44px}.tabs button{min-height:44px}.company-view-intro{padding-top:24px;padding-bottom:24px}}

/* Terminals: no solid credit band — still fills to page bottom */
body:has(#terminals-view:not([hidden]))>.site-credit{display:none}
body:has(#terminals-view:not([hidden])){background:#000}
/* superseded: single-viewport terminal-art */
@media(max-width:600px){/* superseded: single-viewport terminal-art */}
/* No white switch-band — link sits on intro photo */
.company-view-intro .terminal-view-link{width:100%;max-width:none}

/* Single-viewport terminals: TA copy on night grain still, no stacked scroll */
body:has(#terminals-view:not([hidden])){background:#000;overflow:hidden}
body:has(#terminals-view:not([hidden])) #market-strip{display:none}
body:has(#terminals-view:not([hidden])) .site-header{border-bottom-color:#2A2A2A}
body:has(#terminals-view:not([hidden]))>.site-credit{display:none}
body:has(#terminals-view:not([hidden])){display:flex;flex-direction:column;min-height:100dvh;height:100dvh}
body:has(#terminals-view:not([hidden])) #main{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body:has(#terminals-view:not([hidden])) #main #commodities-view{display:none!important}
body:has(#terminals-view:not([hidden])) .site-header{flex:0 0 auto}
body:has(#terminals-view:not([hidden])) .site-header .market-clocks{display:none}
body:has(#terminals-view:not([hidden])) .skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#terminals-view{position:relative;overflow:hidden;background:#000}
#terminals-view:not([hidden]){display:block;flex:1 1 0;min-height:0;height:auto;position:relative}
#terminals-view .terminal-stage{position:absolute;inset:0;overflow:hidden;background:#000}
#terminals-view #terminal-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;background:#000;z-index:0}
#terminals-view .terminal-intro-overlay{position:absolute;z-index:2;left:0;right:0;top:0;bottom:auto;max-width:min(720px,92vw);margin:0;padding:28px 3.2% 36px;min-height:0;pointer-events:none;
  background:transparent;background-image:linear-gradient(105deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,0) 100%);
  border:0}
#terminals-view .terminal-intro-overlay .company-intro-copy,
#terminals-view .terminal-intro-overlay .view-title,
#terminals-view .terminal-intro-overlay .eyebrow{pointer-events:none}
#terminals-view .terminal-intro-overlay .terminal-view-link{pointer-events:auto;margin-top:16px;padding:0;background:transparent;border:0}
#terminals-view .terminal-intro-overlay .view-title{font-size:clamp(28px,3.2vw,44px);margin:0 0 10px;max-width:18ch}
#terminals-view .terminal-intro-overlay .company-intro-copy{font-size:clamp(13px,1.15vw,15px);line-height:1.55;max-width:54ch;color:#E0E0E0}
#terminals-view .terminal-intro-overlay .company-intro-copy p{margin:0 0 .7rem}
#terminals-view .terminal-intro-overlay .company-intro-copy p:last-child{margin-bottom:0}
@media(max-width:600px){
  #terminals-view{height:auto;flex:1 1 auto}
  #terminals-view .terminal-intro-overlay{padding:16px 5% 20px;max-width:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 70%,rgba(0,0,0,0) 100%)}
  #terminals-view .terminal-intro-overlay .view-title{font-size:26px}
  #terminals-view .terminal-intro-overlay .company-intro-copy{font-size:13px}
}

/* Commodities catalogue desk: black-crimson chrome */
body:has(#commodities-view:not([hidden])){background:#000}
#commodities-view .catalogue-layout{color:#BEBEBE}
#commodities-view .primary{color:#FAFAFA}