.trades-band{padding:30px 0 21px;background:#edf2fc;border-top:1px solid #d5dfef;border-bottom:1px solid #d5dfef;color:#10254b;overflow:hidden}
.trades-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.trades-head .eyebrow{font-size:10px;letter-spacing:.08em;margin:0 0 7px}
.trades-head h2{font:600 clamp(22px,2.1vw,30px)/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;margin:0}
.trades-head h2 span{color:#194bea}
.trades-band .trades-pause{display:flex;align-items:center;gap:7px;flex:none;padding:9px 12px;border:1px solid #bdcde8;border-radius:9px;background:white;box-shadow:0 3px 0 #d3def0;color:#10254b;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.trades-band .trades-pause[hidden]{display:none}
.trades-pause svg{width:17px;height:17px}
.trades-pause:focus-visible,.trades-viewport:focus-visible{outline:3px solid #194bea;outline-offset:-3px}
.trades-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 0 7px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.trades-viewport::-webkit-scrollbar{display:none}
.trades-track{display:flex;width:max-content}
.trades-list{display:flex;gap:16px;padding:0 16px 0 0;margin:0;list-style:none;width:max-content}
.trade-item{width:244px;flex:none}
.trade-item figure{position:relative;width:100%;height:168px;margin:0;border:1px solid #10254b;border-radius:12px 12px 22px 12px;overflow:hidden;box-shadow:3px 4px 0 #c0cee5;background:#10254b}
.trade-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.trade-item figure:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,24,48,.87));pointer-events:none}
.trade-item figcaption{position:absolute;bottom:15px;left:15px;right:12px;z-index:1;font:600 19px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:white;text-shadow:0 1px 4px #10254b55;padding-left:11px;border-left:3px solid #ff742b}
.trades-note{text-align:center;font:400 12px/1.5 'DM Sans',sans-serif;color:#526580;margin:16px 20px 0}
@media(max-width:650px){.trades-band{padding:24px 0 18px}.trades-head{gap:12px;margin-bottom:18px}.trades-head h2{font-size:23px}.trades-head .eyebrow{font-size:8px}.trade-item{width:211px}.trade-item figure{height:150px}.trade-item figcaption{font-size:18px}.trades-list{gap:12px;padding-right:12px}.trades-band .trades-pause{padding:8px}.trades-pause span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.trades-pause svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.trades-list[aria-hidden=true]{display:none}.trades-viewport{scrollbar-width:thin}.trades-viewport::-webkit-scrollbar{display:block;height:5px}}

/* Compact trade ribbon directly following the hero. */
.trades-band{position:relative;padding:12px 0 8px;background:#f7f9ff;border-top:0}
.trades-head{position:absolute;top:22px;right:14px;width:auto;margin:0;padding:0;z-index:2}
.trades-band .trades-pause{width:34px;height:34px;justify-content:center;padding:0;background:#fff;box-shadow:0 2px 0 #bdcde8}
.trades-pause span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:650px){.trades-band{padding:8px 0 6px}.trades-head{top:16px;right:10px}}