/* Homepage-only presentation. Existing enquiry, offices and admin styles stay independent. */
.goldcross-showcase { --hero-navy:#002b60; --hero-gold:#f5cf70; }
.goldcross-showcase>.header-logos { height:90px; padding:7px 20px; }
.goldcross-showcase>.header-logos .logo-strip { width:min(100%,520px); }
.goldcross-showcase .header { background:linear-gradient(110deg,#fff,#f3f7fb); }
.goldcross-showcase .nav-inner { width:min(1220px,calc(100% - 48px)); height:70px; grid-template-columns:44px 1fr auto; gap:28px; }
.goldcross-showcase .nav-inner nav { justify-self:center; }
.goldcross-showcase .nav-inner .nav-quote { min-height:46px; font-size:.875rem; }
.goldcross-showcase .utility { background:transparent; }
.goldcross-showcase .location-wave { display:none; }
.goldcross-showcase .utility-inner { width:100%; margin:auto; padding:17px 24px 8px; gap:clamp(14px,2.1vw,34px); flex-wrap:wrap; }
.goldcross-showcase .utility-item { font-size:.875rem; }
.goldcross-showcase .utility-item svg { color:var(--hero-gold); }
.goldcross-showcase .utility-item strong { color:var(--hero-gold); }
.goldcross-showcase .landmark-carousel { background:var(--hero-navy); aspect-ratio:2170/490; margin-top:-45px; }
.goldcross-showcase .landmark-artwork { top:-22.44898%; width:100%; height:147.95918%; max-width:none; }
.goldcross-showcase .reference-hero { background:radial-gradient(ellipse at 50% 0,#064b86 0,transparent 64%),var(--hero-navy); padding:12px clamp(16px,2.35vw,40px) 34px; margin:0 0 38px; }
.goldcross-showcase .hero-layout { width:min(100%,1700px); grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:stretch; }
.goldcross-showcase .hero-visual,.goldcross-showcase .hero-video { width:100%; height:auto; min-height:0; aspect-ratio:16/9; border:2px solid #7fcaff; border-radius:17px; box-shadow:0 0 0 1px #1c81d4,0 9px 30px #001a4666,inset 0 0 12px #7fcaff44; transform:none; }
.goldcross-showcase .hero-visual:hover,.goldcross-showcase .hero-video:hover { transform:none; }
.goldcross-showcase .hero-visual::before,.goldcross-showcase .hero-visual::after { display:none; }
.goldcross-showcase .cargo-slides { position:absolute; inset:0; background:#102f48; }
.goldcross-showcase .cargo-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .85s ease,visibility .85s; }
.goldcross-showcase .cargo-slide.is-active { opacity:1; visibility:visible; }
.goldcross-showcase .cargo-slide img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--image-position,55% 50%); }
.goldcross-showcase .cargo-slide.is-active img { animation:showcase-drift 7s linear both; }
.goldcross-showcase .hero-visual.is-paused .cargo-slide img { animation-play-state:paused; }
.goldcross-showcase .hero-shade { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,#00182de6 0,#001b35a1 45%,#001b3520 86%),linear-gradient(0deg,#001a3fcc,transparent 35%); pointer-events:none; }
.goldcross-showcase .hero-copy { z-index:2; top:50%; bottom:auto; left:clamp(22px,2.5vw,42px); right:22px; transform:translateY(-50%); padding-bottom:32px; pointer-events:none; }
.goldcross-showcase .hero-copy h2 { font:700 clamp(1.375rem,2.2vw,2.25rem)/1.1 Inter,Arial,sans-serif; letter-spacing:-.055em; margin:0 0 12px; }
.goldcross-showcase .hero-copy h2 em { color:var(--hero-gold); }
.goldcross-showcase .hero-copy>p { max-width:425px; font-size:clamp(.8125rem,.95vw,.875rem); line-height:1.45; margin:0 0 18px; }
.goldcross-showcase .hero-copy .button { pointer-events:auto; background:var(--hero-gold); color:#08243c; border:0; min-height:46px; font-size:.875rem; padding:12px 23px; border-radius:30px; gap:26px; }
.goldcross-showcase .hero-copy .button:hover { background:#ffe297; }
.goldcross-showcase .slide-toolbar { position:absolute; z-index:3; bottom:0; left:0; right:0; display:flex; gap:10px; align-items:center; padding:9px 15px; color:#fff; background:linear-gradient(transparent,#001932c9); }
.goldcross-showcase .slide-description { min-width:0; display:grid; gap:2px; margin-right:auto; }
.goldcross-showcase .slide-description strong { font-size:.875rem; font-weight:600; }
.goldcross-showcase .slide-description span { font-size:.75rem; color:#cce3f6; }
.goldcross-showcase .slide-controls { display:flex; gap:5px; flex-shrink:0; }
.goldcross-showcase .slide-controls button,.goldcross-showcase .media-controls button { display:grid; place-items:center; border:1px solid #ffffff5c; border-radius:50%; background:#0029528c; color:#fff; width:40px; height:40px; padding:8px; }
.goldcross-showcase .slide-controls button:hover,.goldcross-showcase .media-controls button:hover { background:#0b5185; }
.goldcross-showcase .slide-controls svg,.goldcross-showcase .media-controls svg { width:20px; height:20px; }
.goldcross-showcase .hero-video .video-frame { background:#001f42; }
.goldcross-showcase .hero-video video { object-fit:contain; object-position:center; }
.goldcross-showcase .hero-video-title { top:22px; left:28px; right:18px; text-shadow:0 2px 12px #002548; }
.goldcross-showcase .hero-video-title strong { font-size:clamp(1.25rem,2.45vw,2.5rem); }
.goldcross-showcase .hero-video-title span { font-size:clamp(.875rem,1.4vw,1.25rem); }
.goldcross-showcase .hero-video .video-play { background:#0c345cc9; color:white; border:2px solid #fff; width:68px; height:68px; }
.goldcross-showcase .media-controls { position:absolute; z-index:4; bottom:0; left:0; right:0; display:flex; align-items:center; gap:10px; min-height:60px; padding:10px 14px; color:white; background:linear-gradient(transparent,#00152deb); }
.goldcross-showcase .media-controls button { border:0; background:transparent; flex-shrink:0; width:36px; height:36px; }
.goldcross-showcase .video-time { font-size:.75rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.goldcross-showcase .video-seek { min-width:30px; flex:1; accent-color:white; height:24px; cursor:pointer; }
.goldcross-showcase .video-notice { position:absolute; z-index:5; bottom:65px; left:18px; right:18px; color:white; background:#002b60ed; padding:10px 13px; border-radius:8px; font-size:.875rem; line-height:1.4; }
.goldcross-showcase .reference-hero :focus-visible { outline:3px solid #ffda76; outline-offset:3px; }
.goldcross-showcase .reference-hero+.enquiry-card { margin-top:0; }
@keyframes showcase-drift { from { transform:scale(1); } to { transform:scale(1.045); } }
@media(min-width:769px) and (max-width:1080px) {
 .goldcross-showcase .hero-visual,.goldcross-showcase .hero-video { aspect-ratio:4/3; }
 .goldcross-showcase .nav-inner { gap:12px; width:calc(100% - 32px); }
 .goldcross-showcase .nav-inner nav { gap:0; padding:4px; }
 .goldcross-showcase .nav-inner nav a { padding:10px; }
 .goldcross-showcase .nav-inner .nav-quote { padding-inline:14px; }
 .goldcross-showcase .hero-copy h2 { font-size:clamp(1.375rem,2.5vw,1.8rem); }
 .goldcross-showcase .hero-copy>p { font-size:.8125rem; }
 .goldcross-showcase .video-time { display:none; }
 .goldcross-showcase .utility-divider { display:none; }
}
@media(max-width:768px) {
 .goldcross-showcase>.header-logos { height:78px; padding:8px 14px; }
 .goldcross-showcase .nav-inner { width:calc(100% - 32px); height:64px; grid-template-columns:44px 1fr auto; gap:10px; }
 .goldcross-showcase .nav-inner nav { justify-self:stretch; }
 .goldcross-showcase .nav-inner .nav-quote { font-size:.875rem; min-height:44px; }
 .goldcross-showcase .utility-inner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; padding:16px; }
 .goldcross-showcase .utility-item { font-size:.875rem; line-height:1.45; white-space:normal; }
 .goldcross-showcase .utility-item svg { width:15px; height:15px; }
 .goldcross-showcase .utility-divider { display:none; }
 .goldcross-showcase .utility { background:var(--hero-navy); }
 .goldcross-showcase .landmark-carousel { aspect-ratio:auto; height:154px; margin-top:0; }
 .goldcross-showcase .landmark-artwork { width:682px; height:228px; left:50%; top:-34.5px; transform:translateX(-50%); }
 .goldcross-showcase .reference-hero { padding:10px 16px 26px; margin-bottom:28px; }
 .goldcross-showcase .hero-layout { grid-template-columns:minmax(0,1fr); gap:16px; max-width:650px; }
 .goldcross-showcase .hero-visual { aspect-ratio:4/3; min-height:370px; }
 .goldcross-showcase .hero-copy { left:25px; padding-bottom:34px; }
 .goldcross-showcase .hero-copy h2 { font-size:clamp(1.5rem,4.5vw,2.1rem); }
 .goldcross-showcase .hero-copy>p { font-size:.8125rem; max-width:350px; }
 .goldcross-showcase .hero-video { aspect-ratio:16/9; }
 .goldcross-showcase .hero-video-title { top:16px; left:18px; }
 .goldcross-showcase .hero-video-title strong { font-size:clamp(1.25rem,4.5vw,1.8rem); }
 .goldcross-showcase .hero-video-title span { font-size:.875rem; }
 .goldcross-showcase .media-controls { gap:5px; padding:6px; min-height:46px; }
 .goldcross-showcase .media-controls button { width:32px; height:36px; padding:5px; }
 .goldcross-showcase .video-time { font-size:.75rem; }
}
@media(max-width:360px) {
 .goldcross-showcase .utility-inner { grid-template-columns:1fr; }
 .goldcross-showcase .hero-copy { left:19px; right:16px; }
 .goldcross-showcase .hero-copy h2 { font-size:1.4rem; }
 .goldcross-showcase .slide-toolbar { padding-inline:10px; gap:5px; }
 .goldcross-showcase .slide-controls button { width:36px; height:36px; }
 .goldcross-showcase .video-time { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .goldcross-showcase .cargo-slide { transition:none; }
 .goldcross-showcase .cargo-slide.is-active img { animation:none; }
}

/* Establishment strip: keep every country on the same navy surface. */
.goldcross-showcase .utility { background:var(--hero-navy); color:#fff; }
.goldcross-showcase .utility-inner {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(1450px,100%); min-height:58px; height:auto;
  margin-inline:auto; padding:14px 20px; gap:0; align-items:stretch;
}
.goldcross-showcase .utility-item {
  min-width:0; padding:0 12px; gap:7px; justify-content:center;
  font-size:.875rem; line-height:1.5; white-space:normal;
  text-align:center; color:#fff; border-left:0;
}
.goldcross-showcase .utility-item~.utility-item { border-left:1px solid #ffffff38; }
.goldcross-showcase .utility-divider { display:none; }
.goldcross-showcase .landmark-carousel { margin-top:0; }
@media(max-width:1179px) {
  .goldcross-showcase .utility-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 0; padding:14px 16px; }
  .goldcross-showcase .utility-item:nth-of-type(odd) { border-left:0; }
}
@media(max-width:360px) {
  .goldcross-showcase .utility-inner { grid-template-columns:minmax(0,1fr); gap:8px; }
  .goldcross-showcase .utility-item~.utility-item { border-left:0; }
}
/* Persistent hero actions sit below the caption as the slide changes. */
.goldcross-showcase .hero-copy .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:0; }
.goldcross-showcase .hero-copy .hero-actions .button { min-height:56px; padding:15px 26px; font-size:.9375rem; gap:20px; }


@media(max-width:600px) {
 .goldcross-showcase .hero-copy .hero-actions { justify-content:center; }
 .goldcross-showcase .hero-copy>p { margin-inline:auto; }
}

/* Let longer compact captions grow above the carousel controls. */
@media(max-width:1080px) {
 .goldcross-showcase .hero-visual { display:flex; flex-direction:column; justify-content:center; padding:28px 0 80px; aspect-ratio:auto; min-height:390px; }
 .goldcross-showcase .hero-copy { position:relative; top:auto; bottom:auto; left:auto; right:auto; transform:none; padding:0; margin:0 24px; }
}

/* Header proportions and landmark artwork from the supplied news.png reference. */
.goldcross-showcase > .header-logos { height:96px; padding:5px 20px; border:0; background:#fff; display:flex; justify-content:center; align-items:center; }
.goldcross-showcase > .header-logos .logo-strip { position:relative; flex:none; width:min(510px,100%); height:auto; aspect-ratio:766/130; overflow:hidden; margin:0; }
.goldcross-showcase > .header-logos .logo-strip img { position:absolute; left:-17.4935%; top:0; width:117.4935%; max-width:none; height:100%; max-height:none; object-fit:fill; }
.goldcross-showcase .header { background:linear-gradient(105deg,#fff,#f8fbff); border-block:1px solid #e1eaf4; }
.goldcross-showcase .nav-inner { position:relative; width:min(1250px,calc(100% - 64px)); height:80px; grid-template-columns:minmax(48px,1fr) minmax(0,676px) 240px; gap:clamp(24px,4.4vw,78px); }
.goldcross-showcase .nav-inner .menu-toggle { position:static; width:46px; height:46px; padding:10px; justify-self:start; align-items:center; border:1px solid #c6d8ef; background:#fff; border-radius:50%; }
.goldcross-showcase .nav-inner .menu-toggle span { width:24px; height:2px; background:#101c27; }
.goldcross-showcase .nav-inner nav { width:100%; height:56px; padding:5px 20px; gap:0; justify-content:space-between; border:1px solid #e0ebf7; border-radius:30px; background:linear-gradient(110deg,#f2f7fc,#f5f8fc); box-shadow:none; }
.goldcross-showcase .nav-inner nav a { padding:10px 15px; font:500 16px/1.5 Inter,Arial,sans-serif; color:#001778; }
.goldcross-showcase .nav-inner nav a.active { color:#001778; font-weight:700; }
.goldcross-showcase .nav-inner nav a::after { display:block; width:auto; height:3px; left:15px; right:15px; bottom:2px; background:#ffc500; }
.goldcross-showcase .nav-inner .nav-quote { width:240px; min-height:52px; padding:12px 28px; gap:24px; border-radius:30px; background:#003160; font-size:14px; font-weight:500; }
.goldcross-showcase .header-world { background:#002b60; overflow:hidden; }
.goldcross-showcase .header-world .utility { position:relative; z-index:1; background:transparent; pointer-events:none; }
.goldcross-showcase .header-world .utility-inner { background:transparent; width:min(1640px,calc(100% - 80px)); min-height:76px; padding:6px 0 40px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.goldcross-showcase .header-world .utility-item { padding:0 12px; font-size:clamp(.75rem,1vw,1rem); font-weight:400; letter-spacing:0; line-height:1.4; gap:6px; white-space:nowrap; border:0; }
.goldcross-showcase .header-world .utility-item ~ .utility-item { border-left:1px solid #b4c7dd; }
.goldcross-showcase .header-world .utility-item strong { font-weight:600; color:#ffcd00; }
.goldcross-showcase .header-world .utility-item svg { width:18px; height:18px; color:#ffcd00; stroke-width:2.1; }
.goldcross-showcase .header-world .landmark-carousel { height:auto; aspect-ratio:1774/220; margin-top:-62px; background:transparent; }
.goldcross-showcase .landmark-clip-defs { position:absolute; }
.goldcross-showcase .landmark-window { position:absolute; inset:0; clip-path:url(#header-landmark-curve); }
.goldcross-showcase .header-world .landmark-artwork { width:100%; height:auto; left:0; top:-86.363636%; max-width:none; transform:none; }
@media(min-width:951px) {
 .goldcross-showcase .nav-inner nav.open { position:absolute; top:calc(100% + 8px); left:0; right:auto; width:270px; height:auto; z-index:12; display:flex; flex-direction:column; align-items:stretch; padding:12px; background:#fff; border-radius:16px; box-shadow:0 14px 32px #001d3833; }
 .goldcross-showcase .nav-inner nav.open a { padding:12px 16px; }
 .goldcross-showcase .nav-inner nav.open a::after { width:42px; }
}
@media(min-width:951px) and (max-width:1200px) {
 .goldcross-showcase .nav-inner { width:calc(100% - 48px); grid-template-columns:46px minmax(0,1fr) 210px; gap:22px; }
 .goldcross-showcase .nav-inner nav { padding-inline:10px; }
 .goldcross-showcase .nav-inner nav a { padding-inline:10px; font-size:14px; }
 .goldcross-showcase .nav-inner .nav-quote { width:210px; padding-inline:18px; }
}
@media(max-width:1179px) {
 .goldcross-showcase .header-world .utility-inner { width:100%; padding:16px 12px; min-height:84px; gap:12px 0; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .goldcross-showcase .header-world .utility-item { font-size:13px; white-space:normal; }
 .goldcross-showcase .header-world .utility-item:nth-of-type(odd) { border-left:0; }
 .goldcross-showcase .header-world .landmark-carousel { margin-top:-14px; }
}
@media(max-width:950px) {
 .goldcross-showcase .nav-inner { width:calc(100% - 40px); height:72px; grid-template-columns:46px 1fr auto; gap:14px; }
 .goldcross-showcase .nav-inner nav { position:absolute; top:calc(100% + 1px); left:0; right:0; z-index:12; display:none; width:auto; height:auto; padding:12px; border-radius:16px; background:#fff; box-shadow:0 14px 28px #001d3826; }
 .goldcross-showcase .nav-inner nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 .goldcross-showcase .nav-inner nav a { padding:13px 16px; font-size:15px; }
 .goldcross-showcase .nav-inner nav a::after { width:42px; }
 .goldcross-showcase .nav-inner .nav-quote { width:auto; min-height:48px; padding:12px 22px; }
}
@media(max-width:600px) {
 .goldcross-showcase > .header-logos { height:80px; padding:7px 18px; }
 .goldcross-showcase > .header-logos .logo-strip { width:min(380px,100%); }
 .goldcross-showcase .nav-inner { width:calc(100% - 32px); height:68px; }
 .goldcross-showcase .nav-inner .nav-quote { max-width:none; padding:12px 18px; font-size:13px; gap:18px; }
 .goldcross-showcase .header-world .utility-item { padding-inline:9px; font-size:12px; gap:6px; }
 .goldcross-showcase .header-world .utility-item svg { width:17px; height:17px; }
 .goldcross-showcase .header-world .landmark-carousel { height:142px; aspect-ratio:auto; }
 .goldcross-showcase .landmark-window { width:1145px; left:50%; right:auto; transform:translateX(-50%); }
 .goldcross-showcase .header-world .landmark-artwork { width:100%; height:auto; top:-86.363636%; }
}

/* Match shipment actions with the cargo enquiry they open. */
.goldcross-showcase .shipment-button-icon { width:21px; height:21px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; }
.goldcross-showcase .nav-inner .nav-quote { gap:8px; padding-inline:14px; white-space:nowrap; }
.goldcross-showcase .hero-copy .hero-actions .button-gold { gap:12px; }

/* Keep packing guidance beside the enquiry throughout every step. */
.goldcross-showcase .enquiry-form-tools { display:flex; justify-content:flex-end; margin-top:20px; }
.goldcross-showcase .enquiry-form-tools .button-restricted { min-height:48px; padding:12px 24px; gap:10px; border-radius:999px; font-size:.9375rem; }
.goldcross-showcase .enquiry-form-tools .button-restricted > span { display:flex; }
.goldcross-showcase .enquiry-form-tools .button-restricted svg { width:20px; height:20px; }
@media(max-width:600px) {
 .goldcross-showcase .enquiry-form-tools { justify-content:flex-start; margin-top:18px; }
}
/* Compact corner caption leaves the cargo photograph visible. */
.goldcross-showcase .hero-shade { background:radial-gradient(ellipse 80% 70% at 0 0,#00182d33,transparent 75%); }
.goldcross-showcase .hero-copy { position:absolute; top:18px; bottom:auto; left:18px; right:auto; width:calc(100% - 36px); max-width:340px; transform:none; margin:0; padding:12px 14px; border-radius:12px; background:linear-gradient(120deg,#001d36d4,#001d368c); text-align:left; }
.goldcross-showcase .hero-copy h2 { font-size:clamp(1.125rem,1.55vw,1.5rem); line-height:1.15; letter-spacing:-.035em; margin-bottom:8px; }
.goldcross-showcase .hero-copy>p { max-width:none; font-size:.875rem; line-height:1.4; margin:0 0 12px; text-shadow:0 1px 3px #00182d; }
.goldcross-showcase .hero-copy .hero-actions { justify-content:flex-start; }
.goldcross-showcase .hero-copy .hero-actions .button { min-height:46px; padding:10px 18px; gap:10px; font-size:.875rem; }
.goldcross-showcase .hero-copy .shipment-button-icon { width:18px; height:18px; }
@media(max-width:1080px) {
 .goldcross-showcase .hero-visual { display:block; padding:0; }
}
@media(max-width:600px) {
 .goldcross-showcase .hero-copy { top:14px; left:14px; width:calc(100% - 28px); max-width:320px; }
 .goldcross-showcase .hero-copy h2 { font-size:1.125rem; }
}
/* Keep longer slide captions clear of the controls on compact desktop screens. */
@media(min-width:1081px) {
 .goldcross-showcase .hero-visual,
 .goldcross-showcase .hero-video { min-height:330px; }
}