.globe-intro{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.city-story{height:530svh}.hero-opening{z-index:3}.city-title,.hero-footer,.film-progress{z-index:4}.trade-sequence{position:relative;isolation:isolate;background:#17303f}.trade-viewport{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:0;overflow:hidden}.trade-viewport .port-photograph{inset:0}.trade-sequence .port-story{background:transparent;z-index:1}.trade-sequence .expertise{background:transparent;position:relative;z-index:1;padding-top:0;padding-bottom:0}.expertise-paper{background:white;margin:0 calc(var(--gutter)*-1);padding:95px var(--gutter)}.expertise-paper .section-label{margin-bottom:55px}.expertise-reading{padding-top:45px;padding-bottom:95px}.import-route{height:100svh;min-height:650px;position:relative;margin:0 calc(var(--gutter)*-1);color:white;background:linear-gradient(90deg,#081f36ab,transparent 85%),linear-gradient(0deg,#081f36d0,transparent 70%)}.import-caption{position:absolute;left:var(--gutter);right:var(--gutter);top:34%;max-width:800px}.import-caption h3{font-size:clamp(45px,5vw,77px);line-height:1.1;letter-spacing:-.04em;margin:25px 0}.import-caption>p:last-child{font-size:19px;line-height:1.7;max-width:470px;color:#e8eef1}.import-stops{position:absolute;left:var(--gutter);right:var(--gutter);bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.import-stops button{background:none;border:0;border-top:1px solid #ffffff50;color:#ffffff90;padding:20px 0;text-align:left;font-size:16px}.import-stops button[aria-pressed=true]{border-color:white;color:white}.explore-port{border:1px solid #ffffff70;color:white;background:#081f3628;padding:9px 15px;font:inherit;cursor:pointer}.explore-tools{display:none;position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;gap:12px;z-index:2;flex-wrap:wrap}.explore-tools button{background:#f0f1eff2;color:#20282d;padding:12px 18px;border:0;font-size:14px}.trade-exploring .trade-viewport{z-index:70;position:fixed;inset:0;margin:0;cursor:grab;touch-action:none}.trade-exploring .trade-viewport.dragging{cursor:grabbing}.trade-exploring .explore-tools{display:flex}.trade-exploring .port-story,.trade-exploring .expertise{pointer-events:none;visibility:hidden}.trade-exploring .port-photograph img{will-change:transform}.trade-sequence .port-footer{flex-wrap:wrap}.trade-sequence .port-story{height:290svh}.import-route:focus-within{outline:0}
@media(max-width:760px){.city-story{height:470svh}.expertise-paper{padding:65px var(--gutter)}.expertise-reading{padding-top:35px}.import-route{height:95svh;min-height:650px}.import-caption{top:28%;left:6%;right:6%;max-width:none}.import-caption h3{font-size:43px}.import-caption>p:last-child{font-size:17px;max-width:330px}.import-stops{left:6%;right:6%;bottom:8%;grid-template-columns:1fr;gap:0}.import-stops button{font-size:14px;padding:13px 0}.explore-tools{left:6%;right:6%;gap:8px;bottom:20px}.explore-tools button{font-size:13px;padding:10px 12px}.trade-sequence .port-footer{bottom:15px;gap:12px}.trade-sequence .port-footer>span{display:none}.trade-sequence .port-story{height:260svh}}
@media(prefers-reduced-motion:reduce){.globe-intro{display:none}.city-story{height:auto}.trade-viewport{position:relative;height:70svh;margin:0}.trade-sequence .port-story{height:auto;background:#17303f}.trade-sequence .port-pin{height:700px}.trade-sequence .expertise{background:white}.import-route{height:auto;min-height:600px;background:#17303f}.import-caption{position:relative;inset:auto;padding:65px 6%}.import-stops{bottom:30px}.trade-exploring .trade-viewport{position:fixed;height:100svh}}
@media(prefers-reduced-motion:reduce){.city-images{opacity:1!important}.trade-viewport .port-photograph img{transform:none!important}}
.globe-stage .city-switch button{color:#667176;border-color:#20282d35}.globe-stage .city-switch button[aria-pressed=true]{color:#20282d;border-color:#20282d}
.trade-viewport{overflow:clip!important}.trade-exploring{z-index:60}
.trade-sequence .expertise>.expertise-paper:first-child{background:linear-gradient(90deg,#081f36dc,#081f364a);color:white}.trade-sequence .expertise>.expertise-paper:first-child .expertise-head>p{color:#e7edf0}.import-route{height:250svh;min-height:0;background:none}.import-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:linear-gradient(90deg,#081f36ab,transparent 85%),linear-gradient(0deg,#081f36d0,transparent 70%)}
@media(max-width:760px){.import-route{height:240svh;min-height:0}.import-pin{min-height:650px}}
@media(prefers-reduced-motion:reduce){.import-route{height:auto;min-height:600px}.import-pin{position:relative;height:750px;min-height:0}}