/* v253 PackForge location theme = owner design (we-supply-in v255) + page layout */

/* ===== We Supply In — page-scoped design (v252 sample). Header/footer untouched. ===== */
.ws{--ws-navy:#0A1F3D;--ws-navy2:#0F2D57;--ws-ink:#141A22;--ws-txt:#3A4452;--ws-mut:#626D79;--ws-line:#E3E8EF;--ws-soft:#F4F7FB;--ws-pri:#0B4DA2;--ws-acc:#F5A100;--ws-r:14px;color:var(--ws-txt);font-size:15px;line-height:1.6}
.ws *{box-sizing:border-box}
.ws svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ws h1,.ws h2,.ws h3{color:var(--ws-ink);letter-spacing:-.015em;margin:0}
.ws p{margin:0}
.ws a{text-decoration:none}

/* buttons */
.ws-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:10px;font-weight:600;font-size:15px;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}
.ws-btn svg{font-size:18px}
.ws-btn-a{background:var(--ws-acc);color:#1B1300}
.ws-btn-a:hover{background:#FFB21F;transform:translateY(-1px);box-shadow:0 8px 20px rgba(245,161,0,.35)}
.ws-btn-g{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}
.ws-btn-g:hover{background:rgba(255,255,255,.16)}

/* hero */
.ws-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1100px 520px at 78% 30%,rgba(11,77,162,.55),transparent 60%),linear-gradient(160deg,var(--ws-navy) 0%,var(--ws-navy2) 100%)}
.ws-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);pointer-events:none}
.ws-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-top:26px;padding-bottom:96px}
.ws-crumb.hlp-crumb{margin:0 0 26px;color:rgba(255,255,255,.7)}
.ws-crumb.hlp-crumb a{color:rgba(255,255,255,.85)}
.ws-crumb.hlp-crumb a:hover{color:#fff}
.ws-crumb .pf-bth{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)!important;color:#fff!important}
.ws-crumb .hcs{color:rgba(255,255,255,.45)}
.ws-kick{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#FFD27A;background:rgba(245,161,0,.12);border:1px solid rgba(245,161,0,.35);padding:6px 13px;border-radius:99px}
.ws-kick i{width:7px;height:7px;border-radius:50%;background:var(--ws-acc);box-shadow:0 0 0 4px rgba(245,161,0,.25)}
.ws-hero h1{color:#fff;font-size:clamp(30px,4.1vw,52px);line-height:1.08;font-weight:700;margin:18px 0 18px;letter-spacing:-.025em}
.ws-hero h1 span{display:block;color:var(--ws-acc)}
.ws-lede{font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);max-width:560px}
.ws-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 30px}
.ws-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;max-width:600px}
.ws-ticks li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(255,255,255,.88);line-height:1.45}
.ws-ticks svg{font-size:13px;padding:3px;box-sizing:content-box;border-radius:50%;background:rgba(26,158,108,.25);color:#5BE0AA;stroke-width:2.6;margin-top:1px}

/* map */
.ws-mapcard{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px 18px 14px;backdrop-filter:blur(4px)}
.ws .ws-map{display:block;width:100%;height:auto;max-height:580px;overflow:visible;fill:initial;stroke:none;stroke-width:initial}
.ws-states path{fill:#23508C;stroke:#5482BE;stroke-width:.8;transition:fill .2s}
.ws-states path:hover{fill:#2C60A6}
.ws-routes path{fill:none;stroke:#FFB524;stroke-width:1.4;stroke-opacity:.75;stroke-dasharray:4 5;animation:wsFlow 1.6s linear infinite;animation-delay:var(--d)}
@keyframes wsFlow{to{stroke-dashoffset:-18}}
.ws-exp-route{fill:none;stroke:#7FD3FF;stroke-width:1.5;stroke-dasharray:5 5;animation:wsFlow 1.4s linear infinite}
.ws-dots2 circle{fill:#9CC3F5;stroke:#0F2D57;stroke-width:1.4}
.ws-dots a{cursor:pointer}
.ws-dots circle{fill:#fff;stroke:#F5A100;stroke-width:2.6;transition:r .15s}
.ws-dots text{fill:#E6EEF9;font-size:12.5px;font-weight:600;paint-order:stroke;stroke:#0E2A50;stroke-width:3.4px;stroke-linejoin:round}
.ws-dots a:hover circle,.ws-dots a:focus circle,.ws-dots a.hl circle{r:8;fill:#F5A100}
.ws-dots a:hover text,.ws-dots a.hl text{fill:#FFD27A}
.ws-hub{cursor:pointer}
.ws-hubc{fill:#F5A100;stroke:#fff;stroke-width:3}
.ws-ping{fill:none;stroke:#F5A100;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:wsPing 2.2s ease-out infinite}
@keyframes wsPing{from{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}
.ws-hub rect{fill:#fff}
.ws-hub .ws-h1{fill:#0A1F3D;font-size:13px;font-weight:700}
.ws-hub .ws-h2{fill:#55606E;font-size:11px;font-weight:500}
.ws-exp-lbl rect{fill:rgba(127,211,255,.14);stroke:#7FD3FF;stroke-width:1}
.ws-exp-lbl text{fill:#CDEBFF;font-size:11px}
.ws-exp-lbl text.b{font-size:13px;font-weight:700;fill:#fff}
.ws-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:12.5px;color:rgba(255,255,255,.75);padding-top:10px;border-top:1px solid rgba(255,255,255,.1);margin-top:6px}
.ws-credit{display:block;text-align:right;font-size:10px;color:rgba(255,255,255,.35);margin-top:6px}
.ws-legend span{display:inline-flex;align-items:center;gap:7px}
.ws-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.ws-legend .l1{background:#F5A100;box-shadow:0 0 0 3px rgba(245,161,0,.3)}
.ws-legend .l2{background:#fff;border:2.5px solid #F5A100}
.ws-legend .l3{background:#9CC3F5}
@media (prefers-reduced-motion:reduce){.ws-routes path,.ws-exp-route,.ws-ping{animation:none}}

/* stats */
.ws-stats{position:relative;z-index:2;margin-top:-56px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--ws-line);border-radius:18px;box-shadow:0 18px 44px rgba(10,31,61,.13)}
.ws-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:22px 24px}
.ws-stats>div+div{border-left:1px solid var(--ws-line)}
.ws-si{grid-row:1/3;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#EAF1FA;color:var(--ws-pri);font-size:22px}
.ws-stats b{font-size:26px;line-height:1.1;color:var(--ws-ink);font-weight:700;letter-spacing:-.02em}
.ws-stats span:last-child{font-size:13.5px;color:var(--ws-mut);line-height:1.35}

/* sections */
.ws-sec{padding:72px 0}
.ws-alt{background:var(--ws-soft);border-top:1px solid var(--ws-line);border-bottom:1px solid var(--ws-line)}
.ws-head{max-width:720px;margin:0 auto 40px;text-align:center}
.ws-head-l{margin-left:0;text-align:left;max-width:820px}
.ws-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-pri);margin-bottom:10px}
.ws-eyebrow-l{color:#FFD27A}
.ws-head h2,.ws-works h2,.ws-export h2{font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:700}
.ws-head p{margin-top:12px;font-size:16px;color:var(--ws-mut)}

/* steps */
.ws-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s;position:relative}
.ws-steps:before{content:"";position:absolute;top:44px;left:12%;right:12%;border-top:2px dashed #C9D6E8;z-index:0}
.ws-steps li{position:relative;z-index:1;background:#fff;border:1px solid var(--ws-line);border-radius:var(--ws-r);padding:24px 22px 22px;transition:box-shadow .2s,transform .2s}
.ws-steps li:hover{box-shadow:0 12px 30px rgba(10,31,61,.1);transform:translateY(-2px)}
.ws-sn{position:absolute;top:18px;right:20px;font-size:13px;font-weight:700;color:#656c75;letter-spacing:.05em}
.ws-sic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0B4DA2,#1C6FD6);color:#fff;font-size:24px;box-shadow:0 8px 18px rgba(11,77,162,.25);margin-bottom:16px}
.ws-steps h3{font-size:17px;font-weight:700;margin-bottom:8px}
.ws-steps p{font-size:14px;color:var(--ws-mut);line-height:1.6}

/* directory */
.ws-dir{padding-top:24px}
.ws-bar{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--ws-line);border-radius:16px;padding:16px;box-shadow:0 6px 22px rgba(10,31,61,.06)}
.ws-search{display:flex;align-items:center;gap:12px;height:54px;padding:0 18px;border:1.5px solid #D3DCE8;border-radius:12px;background:var(--ws-soft);transition:border-color .15s,background .15s;cursor:text}
.ws-search:focus-within{border-color:var(--ws-pri);background:#fff;box-shadow:0 0 0 4px rgba(11,77,162,.1)}
.ws-search svg{font-size:20px;color:var(--ws-mut)}
.ws-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15.5px;color:var(--ws-ink);height:100%}
.ws-pills{display:flex;flex-wrap:wrap;gap:8px}
.ws-pill,.ws-tab{font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #D3DCE8;background:#fff;color:var(--ws-txt);height:40px;padding:0 16px;border-radius:99px;display:inline-flex;align-items:center;gap:8px;transition:all .15s}
.ws-pill em,.ws-tab em{font-style:normal;font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:var(--ws-soft);color:var(--ws-mut)}
.ws-pill:hover,.ws-tab:hover{border-color:var(--ws-pri);color:var(--ws-pri)}
.ws-pill.on,.ws-tab.on{background:var(--ws-navy);border-color:var(--ws-navy);color:#fff}
.ws-pill.on em,.ws-tab.on em{background:var(--ws-acc);color:#1B1300}
.ws-count{font-size:13.5px;color:var(--ws-mut);margin:16px 2px 0;min-height:20px}
.ws-reg{margin-top:34px;scroll-margin-top:140px}
.ws-reg[hidden]{display:none}
.ws-rh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:14px;margin-bottom:20px;border-bottom:2px solid var(--ws-line);position:relative}
.ws-rh:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ws-acc)}
.ws-rh h2{font-size:22px;font-weight:700}
.ws-rh p{font-size:14px;color:var(--ws-mut);margin-top:4px;max-width:680px}
.ws-rmeta{flex:none;font-size:13px;font-weight:600;color:var(--ws-pri);background:#EAF1FA;padding:6px 12px;border-radius:99px;white-space:nowrap}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;align-items:stretch}
.ws-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ws-line);border-radius:var(--ws-r);padding:20px 20px 18px;transition:box-shadow .2s,border-color .2s,transform .2s;scroll-margin-top:150px}
.ws-card:hover{border-color:#BFD0E6;box-shadow:0 14px 34px rgba(10,31,61,.1);transform:translateY(-2px)}
.ws-card[hidden]{display:none}
.ws-card.flash{animation:wsFlash 1.6s ease}
@keyframes wsFlash{0%,40%{box-shadow:0 0 0 4px rgba(245,161,0,.55);border-color:var(--ws-acc)}}
.ws-home{border-color:#F3C76B;background:linear-gradient(180deg,#FFF9EC,#fff 45%)}
.ws-ch{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
.ws-ch>div{flex:1;min-width:0}
.ws-pin{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#EAF1FA;color:var(--ws-pri);font-size:19px;flex:none}
.ws-home .ws-pin{background:var(--ws-acc);color:#fff}
.ws-ch h3{font-size:18px;font-weight:700;line-height:1.2}
.ws-st{font-size:12.5px;color:var(--ws-mut)}
.ws-tag{flex:none;font-size:11.5px;font-weight:700;color:var(--ws-pri);background:#EAF1FA;padding:4px 9px;border-radius:99px}
.ws-tag-o{background:var(--ws-acc);color:#1B1300}
.ws-card>p{font-size:14px;color:var(--ws-txt);line-height:1.55}
.ws-est{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--ws-line);display:grid;gap:2px}
.ws-js .ws-est li.x{display:none}
.ws-est.open li.x{display:block}
.ws-est a{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ws-txt);padding:4px 6px;margin:0 -6px;border-radius:6px}
.ws-est a:before{content:"";width:6px;height:6px;border-radius:50%;background:#B8C9DF;flex:none}
.ws-est a:hover{background:var(--ws-soft);color:var(--ws-pri)}
.ws-est a:hover:before{background:var(--ws-acc)}
.ws-est a.m{background:#FFF3D6;color:var(--ws-ink);font-weight:600}
.ws-est a.m:before{background:var(--ws-acc)}
.ws-tgl{display:none}
.ws-js .ws-tgl{display:inline-block;align-self:flex-start;font:inherit;font-size:13px;font-weight:600;color:var(--ws-pri);background:none;border:0;padding:4px 0;cursor:pointer}
.ws-tgl:hover{text-decoration:underline}
.ws-go{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ws-pri)}
.ws-go svg{transition:transform .15s}
.ws-card:hover .ws-go svg{transform:translateX(3px)}
.ws-card .ws-est,.ws-card .ws-tgl{position:relative;z-index:1}
.ws-also{margin-top:28px;padding:20px 22px;border:1px solid var(--ws-line);border-radius:var(--ws-r);background:var(--ws-soft)}
.ws-also[hidden]{display:none}
.ws-also h3{font-size:16px;font-weight:700;margin-bottom:12px}
.ws-also div{display:flex;flex-wrap:wrap;gap:8px}
.ws-also a{display:inline-block;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid #D3DCE8;color:var(--ws-pri);font-size:13.5px;font-weight:600}
.ws-also a:hover{border-color:var(--ws-pri)}
.ws-none{display:flex;align-items:center;gap:20px;margin-top:28px;padding:22px 24px;border-radius:var(--ws-r);border:1.5px dashed #F3C76B;background:#FFF9EC}
.ws-none[hidden]{display:none}
.ws-none .ws-sic{margin:0;background:var(--ws-acc);box-shadow:none}
.ws-none>div{flex:1}
.ws-none h3{font-size:17px;font-weight:700}
.ws-none p{font-size:14px;color:var(--ws-mut);margin-top:4px}

/* works */
.ws-works{background:linear-gradient(180deg,#fff,var(--ws-soft))}
.ws-works-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.ws-works-txt>p{margin:14px 0 20px;font-size:16px;color:var(--ws-mut)}
.ws-ticks-d li{color:var(--ws-txt);font-size:14.5px}
.ws-ticks-d{grid-template-columns:1fr}
.ws-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.ws-mini{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--ws-line);border-radius:12px;background:#fff;color:var(--ws-ink);transition:all .15s}
.ws-mini:hover{border-color:var(--ws-pri);box-shadow:0 8px 20px rgba(10,31,61,.08)}
.ws-mini .ws-sic{width:42px;height:42px;font-size:20px;margin:0;border-radius:11px;box-shadow:none}
.ws-mini>span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.3}
.ws-mini b{font-size:14px}
.ws-mini small{font-size:12.5px;color:var(--ws-mut)}
.ws-mini>svg{color:var(--ws-pri);font-size:18px}
.ws-photos{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ws-photos img{width:100%;height:300px;object-fit:contain;background:#fff;border:1px solid var(--ws-line);border-radius:16px;padding:12px;box-shadow:0 10px 28px rgba(10,31,61,.08)}
.ws-photos img:nth-child(2){margin-top:36px}
.ws-photos figcaption{grid-column:1/-1;font-size:13px;color:var(--ws-mut);text-align:center}
.ws-photos figcaption a{color:var(--ws-pri);font-weight:600}

/* tabs + link grid */
.ws-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ws-panel{background:#fff;border:1px solid var(--ws-line);border-radius:16px;padding:24px}
.ws-panel[data-off]{margin-top:16px}
.ws-js .ws-panel[data-off]{display:none}
.ws-ph{font-size:18px;font-weight:700}
.ws-ph small{font-weight:500;color:var(--ws-mut);font-size:14px}
.ws-pd{font-size:14px;color:var(--ws-mut);margin:6px 0 18px!important}
.ws-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.ws-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid #EEF2F6;font-size:14px;color:var(--ws-txt);transition:color .15s,padding .15s}
.ws-links a svg{color:#656c75;font-size:15px;transition:transform .15s,color .15s}
.ws-links a:hover{color:var(--ws-pri);padding-left:8px}
.ws-links a:hover svg{color:var(--ws-acc);transform:translateX(3px)}

/* export */
.ws-export{background:linear-gradient(135deg,var(--ws-navy),#0B3E80);color:#fff;overflow:hidden}
.ws-export-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.ws-export h2{color:#fff}
.ws-export p{color:rgba(255,255,255,.82);font-size:16.5px;margin-top:12px;max-width:520px}
.ws-export .ws-hero-cta{margin-bottom:0}
.ws-export img{width:100%;height:auto;border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.3)}

/* FAQ + CTA (app.js moves the FAQ and the enquiry form into .hlp-cta) */
.ws-end{padding-top:64px}
.ws-cta.hlp-cta{margin:0;border:0;border-radius:20px;background:var(--ws-soft);padding:30px;box-shadow:inset 0 0 0 1px var(--ws-line)}
.ws-cta-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,var(--ws-navy),var(--ws-navy2));border-radius:16px;padding:26px 28px;margin-bottom:26px}
.ws-cta-top h2{color:#fff;font-size:24px}
.ws-cta-top p{color:rgba(255,255,255,.8);margin-top:6px}
.ws-cta-top .hlp-cbtn{margin:0;display:flex;flex-wrap:wrap;gap:10px}
.ws-cta-top .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.ws .pf-ff{margin:0;gap:26px}
.ws .pf-ff-h{font-size:22px;color:var(--ws-ink);margin:0 0 14px}
.ws .pf-ff .pfq{border-radius:12px}
.ws .pf-ff .pfform{border-radius:16px;box-shadow:0 10px 28px rgba(10,31,61,.08)}

/* responsive */
@media (max-width:1100px){
 .ws-hero-in{grid-template-columns:1fr;gap:30px;padding-bottom:86px}
 .ws-mapcard{max-width:620px;margin:0 auto;width:100%}
 .ws-stats{grid-template-columns:1fr 1fr}
 .ws-stats>div:nth-child(3){border-left:0}
 .ws-stats>div:nth-child(n+3){border-top:1px solid var(--ws-line)}
 .ws-steps{grid-template-columns:1fr 1fr}
 .ws-steps:before{display:none}
 .ws-links{grid-template-columns:1fr 1fr}
 .ws-works-in,.ws-export-in{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
 .ws{font-size:14.5px}
 .ws-sec{padding:48px 0}
 .ws-dir{padding-top:8px}
 .ws-hero-in{padding-top:16px;padding-bottom:76px}
 .ws-crumb.hlp-crumb{margin-bottom:18px}
 .ws-lede{font-size:15.5px}
 .ws-hero-cta{margin:22px 0 22px}
 .ws-hero-cta .ws-btn{flex:1 1 100%;justify-content:center}
 .ws-ticks{grid-template-columns:1fr}
 .ws-mapcard{padding:10px 8px 10px;border-radius:16px}
 .ws-dots text{font-size:15px}
 .ws-stats>div{grid-template-columns:1fr;padding:16px;row-gap:6px}
 .ws-si{grid-row:auto;width:38px;height:38px;font-size:19px}
 .ws-stats b{font-size:21px}
 .ws-stats span:last-child{font-size:12.5px}
 .ws-head{margin-bottom:28px;text-align:left}
 .ws-steps{grid-template-columns:1fr;gap:12px}
 .ws-steps li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:18px}
 .ws-steps .ws-sic{grid-row:1/3;width:44px;height:44px;font-size:20px;margin:0}
 .ws-steps h3{margin-bottom:4px;align-self:end}
 .ws-bar{padding:12px}
 .ws-search{height:50px;padding:0 14px}
 .ws-search input{font-size:15px}
 .ws-pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px;scrollbar-width:none}
 .ws-pills::-webkit-scrollbar{display:none}
 .ws-pill{flex:none}
 .ws-rh{flex-direction:column;align-items:flex-start;gap:10px}
 .ws-grid{grid-template-columns:1fr;gap:12px}
 .ws-duo{grid-template-columns:1fr}
 .ws-photos img{height:200px}
 .ws-photos img:nth-child(2){margin-top:0}
 .ws-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 0 18px;padding:0 0 2px;scrollbar-width:none}
 .ws-tab{flex:none}
 .ws-panel{padding:16px}
 .ws-links{grid-template-columns:1fr}
 .ws-none{flex-direction:column;align-items:flex-start}
 .ws-cta.hlp-cta{padding:14px;border-radius:16px}
 .ws-cta-top{padding:20px}
 .ws-cta-top .hlp-cbtn .btn{flex:1 1 100%;justify-content:center}
}

/* ===== city landmark banners + tap animation ===== */
.ws-card{overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ws-bn{position:relative;height:124px;margin:-20px -20px 16px;overflow:hidden;background:linear-gradient(180deg,#D7E8FC 0%,#F2F7FE 80%)}
.ws-home .ws-bn{background:linear-gradient(180deg,#FFE7B8 0%,#FFF8EA 80%)}
.ws-bn:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#FFC870 0%,#FFEFD2 85%);opacity:0;transition:opacity .5s}
.ws .ws-bn svg{position:relative;z-index:1;display:block;width:100%;height:100%;fill:initial;stroke:none;stroke-width:initial;font-size:inherit;overflow:hidden}
.ws-bn .m1{fill:#1F4F8F}.ws-bn .m3{fill:#3A72BA}.ws-bn .m2{fill:#CFE1F7}.ws-bn .ac{fill:#F5A100}
.ws-bn .ln{fill:none;stroke:#1F4F8F;stroke-width:2;stroke-linecap:round}.ws-bn .ln.w{stroke-width:2.6}
.ws-bn .ll{fill:none;stroke:#CFE1F7;stroke-width:1.2;stroke-linecap:round}
.ws-bn .ws-gnd{fill:#D3E2F4}.ws-bn .ws-gnd2{fill:#9FBBDD}.ws-bn .ws-wat{fill:#9CC3F0}
.ws-bn .ws-sun{fill:#FFE08A;transform-box:fill-box;transform-origin:center;transition:transform .6s}
.ws-bn .ws-cl path{fill:#fff;opacity:.95}
.ws-bn .ws-cl{transition:transform 1.2s ease}
.ws-bn .ws-brd path{fill:none;stroke:#1F4F8F;stroke-width:1.2;stroke-linecap:round}
.ws-bn .ws-brd{opacity:0}
.ws-bn .ws-mon{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ws-bn .ws-trk{opacity:0}
.ws-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;height:22px;line-height:22px;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#1F4F8F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;transition:opacity .3s}
.ws-dlv{position:absolute;z-index:3;left:12px;top:10px;font-size:11px;font-weight:700;color:#fff;background:#1A9E6C;padding:3px 10px;border-radius:99px;box-shadow:0 4px 12px rgba(26,158,108,.35);opacity:0;transform:translateY(-14px);transition:transform .4s cubic-bezier(.3,1.5,.5,1),opacity .3s;pointer-events:none;white-space:nowrap}
/* hover (desktop) */
@media (hover:hover){
 .ws-card:hover .ws-mon{transform:translateY(-3px) scale(1.03)}
 .ws-card:hover .ws-sun{transform:translateY(-6px) scale(1.12)}
 .ws-card:hover .ws-cl{transform:translateX(10px)}
}
/* tap / click — full sequence */
.ws-card.play{animation:wsPop .5s cubic-bezier(.3,1.4,.5,1)}
@keyframes wsPop{0%{transform:scale(1)}35%{transform:scale(.975)}100%{transform:scale(1)}}
.ws-card.play .ws-bn:after{animation:wsWarm 2.6s ease forwards}
@keyframes wsWarm{0%{opacity:0}20%,75%{opacity:1}100%{opacity:0}}
.ws-card.play .ws-mon{animation:wsBounce .9s cubic-bezier(.3,1.6,.5,1)}
@keyframes wsBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(2px) scale(1.04,.94)}60%{transform:translateY(-7px) scale(.98,1.06)}100%{transform:translateY(0) scale(1)}}
.ws-card.play .ws-sun{animation:wsSun 2.6s ease}
@keyframes wsSun{0%{transform:translateY(16px) scale(.8)}30%,75%{transform:translateY(-4px) scale(1.35);fill:#FFB524}100%{transform:none}}
.ws-card.play .ws-trk{animation:wsDrive 2.3s cubic-bezier(.45,.05,.4,1) forwards}
@keyframes wsDrive{0%{opacity:1;transform:translateX(0)}8%{opacity:1}100%{opacity:1;transform:translateX(440px)}}
.ws-card.play .ws-brd{animation:wsBirds 2.4s ease-out forwards}
@keyframes wsBirds{0%{opacity:0;transform:translate(0,8px)}25%{opacity:1}100%{opacity:0;transform:translate(70px,-18px)}}
.ws-card.play .ws-cap{opacity:.25}
.ws-card.play .ws-dlv{opacity:1;transform:none}
.ws-rip{position:absolute;z-index:4;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:rgba(245,161,0,.35);pointer-events:none;animation:wsRip .7s ease-out forwards}
@keyframes wsRip{to{transform:scale(40);opacity:0}}
@media (prefers-reduced-motion:reduce){.ws-card.play,.ws-card.play *{animation:none!important}.ws-card.play .ws-dlv{opacity:1;transform:none}}

/* ===== export band: animated route background + live ship scene ===== */
.ws-export{position:relative;isolation:isolate}
.ws .ws-xbg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:initial;stroke:none;font-size:inherit;pointer-events:none}
.ws-xbg .xr{fill:none;stroke:#7FD3FF;stroke-width:1.4;stroke-opacity:.28;stroke-dasharray:6 10;animation:wsFlow 2.2s linear infinite}
.ws-xbg .xr1,.ws-xbg .xr3{stroke:#F5A100;stroke-opacity:.22;animation-duration:3s;animation-direction:reverse}
.ws-xbg .xd{fill:#fff}
.ws-xbg .xg{fill:#7FD3FF;opacity:.18}
.ws-xbg .xglobe circle,.ws-xbg .xglobe ellipse{fill:none;stroke:#7FD3FF;stroke-opacity:.14;stroke-width:1.2}
.ws-export-in{position:relative;z-index:1}
.ws-scene-wrap{border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.32);overflow:hidden;line-height:0;background:#CFE6FB}
.ws .ws-scene{display:block;width:100%;height:auto;fill:initial;stroke:none;font-size:inherit;overflow:hidden}
.ws-scene .sc-wv{animation:wsWave linear infinite}
.ws-scene .sc-w0{--p:40px;animation-duration:7s}
.ws-scene .sc-w1{--p:60px;animation-duration:4.5s}
.ws-scene .sc-w2{--p:80px;animation-duration:3.6s}
.ws-scene .sc-w3{--p:110px;animation-duration:3s}
@keyframes wsWave{from{transform:translateX(0)}to{transform:translateX(var(--p))}}
.ws-scene .sc-ship-x{animation:wsSail 12s ease-in-out infinite alternate}
@keyframes wsSail{from{transform:translateX(18px)}to{transform:translateX(-46px)}}
.ws-scene .sc-ship{transform-box:fill-box;transform-origin:50% 90%;animation:wsBob 3.4s ease-in-out infinite}
@keyframes wsBob{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-.9deg)}50%{transform:translateY(1px) rotate(0)}75%{transform:translateY(-2px) rotate(.8deg)}}
.ws-scene .sc-wake path{stroke-dasharray:14 10;animation:wsWake 1.2s linear infinite;opacity:.85}
.ws-scene .sc-wake path:nth-child(2){animation-duration:1.5s;opacity:.6}
.ws-scene .sc-wake path:nth-child(3){animation-duration:1.9s;opacity:.4}
@keyframes wsWake{to{stroke-dashoffset:-24}}
.ws-scene .sc-smoke circle{transform-box:fill-box;transform-origin:center;animation:wsSmoke 3s ease-out infinite;opacity:0}
.ws-scene .sc-smoke circle:nth-child(2){animation-delay:1s}
.ws-scene .sc-smoke circle:nth-child(3){animation-delay:2s}
@keyframes wsSmoke{0%{opacity:.85;transform:translate(0,8px) scale(.5)}100%{opacity:0;transform:translate(16px,-14px) scale(1.5)}}
.ws-scene .sc-flag{transform-box:fill-box;transform-origin:0 50%;animation:wsFlag 1.1s ease-in-out infinite alternate}
@keyframes wsFlag{from{transform:skewY(-6deg) scaleX(.94)}to{transform:skewY(5deg) scaleX(1)}}
.ws-scene .sc-cloud{animation:wsCloud 26s linear infinite}
.ws-scene .c2{animation-duration:36s;animation-delay:-12s}
.ws-scene .c3{animation-duration:30s;animation-delay:-20s}
@keyframes wsCloud{from{transform:translateX(-260px)}to{transform:translateX(420px)}}
.ws-scene .sc-birds{animation:wsGulls 14s linear infinite}
.ws-scene .sc-birds path{transform-box:fill-box;transform-origin:center;animation:wsFlap .6s ease-in-out infinite alternate}
.ws-scene .sc-birds .b2{animation-delay:.2s}.ws-scene .sc-birds .b3{animation-delay:.35s}
@keyframes wsFlap{from{transform:scaleY(1)}to{transform:scaleY(-.5)}}
@keyframes wsGulls{0%{transform:translate(340px,10px)}100%{transform:translate(-300px,-20px)}}
.ws-scene .sc-trolley{animation:wsTrolley 9s ease-in-out infinite}
@keyframes wsTrolley{0%,15%{transform:translateX(0)}45%,60%{transform:translateX(60px)}90%,100%{transform:translateX(0)}}
.ws-scene .sc-hook{animation:wsHook 9s ease-in-out infinite}
@keyframes wsHook{0%,5%{transform:translateY(0)}12%{transform:translateY(28px)}20%,40%{transform:translateY(-14px)}60%{transform:translateY(0)}100%{transform:translateY(0)}}
.ws-scene .sc-sunglow{transform-box:fill-box;transform-origin:center;animation:wsGlow 4s ease-in-out infinite alternate}
@keyframes wsGlow{from{transform:scale(.9);opacity:.12}to{transform:scale(1.15);opacity:.28}}
.ws-scene .sc-spk circle{animation:wsSpk 2.4s ease-in-out infinite;opacity:0}
.ws-scene .sc-spk circle:nth-child(2){animation-delay:.6s}.ws-scene .sc-spk circle:nth-child(3){animation-delay:1.2s}.ws-scene .sc-spk circle:nth-child(4){animation-delay:1.8s}
@keyframes wsSpk{0%,100%{opacity:0}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.ws-scene *,.ws-xbg *{animation:none!important}}

/* ===== v255: golden hover on every city card + always-on city-specific animations ===== */
.ws-card{transition:box-shadow .3s,border-color .3s,transform .3s,background .3s}
.ws-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#FFF9EC,#fff 45%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}
.ws-card>*{position:relative;z-index:1}
.ws-card .ws-bn{position:relative}
.ws-shine{position:absolute;z-index:3;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);transform:skewX(-18deg);opacity:0;pointer-events:none}
@media (hover:hover){
 .ws-card:hover{border-color:#F3C76B;box-shadow:0 16px 38px rgba(245,161,0,.22),0 0 0 1px #F3C76B;transform:translateY(-4px)}
 .ws-card:hover:before{opacity:1}
 .ws-card:hover .ws-bn:after{opacity:1}
 .ws-card:hover .ws-pin{background:var(--ws-acc);color:#fff}
 .ws-card:hover .ws-tag:not(.ws-tag-o){background:#FFF0CC;color:#8A5A00}
 .ws-card:hover .ws-cap{color:#8A5A00}
 .ws-card:hover .ws-gnd{fill:#F6DFAE}.ws-card:hover .ws-gnd2{fill:#E9C47A}
 .ws-card:hover .ws-sun{fill:#FFB524}
 .ws-card:hover .ws-shine{animation:wsShine .9s ease}
}
.ws-card.play{border-color:#F3C76B;box-shadow:0 16px 38px rgba(245,161,0,.22),0 0 0 1px #F3C76B}
.ws-card.play:before{opacity:1}
.ws-card.play .ws-pin{background:var(--ws-acc);color:#fff}
.ws-card.play .ws-shine{animation:wsShine .9s ease}
.ws-gnd,.ws-gnd2{transition:fill .4s}
@keyframes wsShine{0%{left:-60%;opacity:0}20%{opacity:1}100%{left:130%;opacity:0}}

/* ambient: sky life on every card */
.ws-bn .ws-cl{animation:wsDrift 18s ease-in-out infinite alternate}
@keyframes wsDrift{from{transform:translateX(-14px)}to{transform:translateX(16px)}}
.ws-bn .ws-sun{animation:wsSunP 5s ease-in-out infinite alternate}
@keyframes wsSunP{from{transform:scale(.94)}to{transform:scale(1.08)}}
.ws-card.play .ws-sun{animation:wsSun 2.6s ease}
/* shared fx */
.ws-bn .fx-tw{opacity:.15;animation:wsTw 4s ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes wsTw{0%,100%{opacity:.1}40%,60%{opacity:1}}
.ws-bn .fx-glow{opacity:.25;transform-box:fill-box;transform-origin:center;animation:wsG 2.6s ease-in-out infinite alternate}
@keyframes wsG{from{opacity:.12;transform:scale(.8)}to{opacity:.45;transform:scale(1.2)}}
.ws-bn .fx-flag{transform-box:fill-box;transform-origin:0 50%;animation:wsFl 1s ease-in-out infinite alternate}
@keyframes wsFl{from{transform:skewY(-10deg) scaleX(.85)}to{transform:skewY(8deg) scaleX(1)}}
.ws-bn .fx-flock{animation:wsFlock 9s ease-in-out infinite}
.ws-bn .fx-flock path{transform-box:fill-box;transform-origin:center;animation:wsFlap .45s ease-in-out infinite alternate}
@keyframes wsFlock{0%{transform:translate(0,0)}25%{transform:translate(18px,-5px)}50%{transform:translate(30px,3px)}75%{transform:translate(12px,6px)}100%{transform:translate(0,0)}}
.ws-bn .fx-kite{transform-box:fill-box;transform-origin:50% 100%;animation:wsKite 3.2s ease-in-out infinite alternate}
@keyframes wsKite{0%{transform:translate(0,0) rotate(-10deg)}50%{transform:translate(5px,-5px) rotate(6deg)}100%{transform:translate(-3px,3px) rotate(-4deg)}}
.ws-bn .fx-blink{animation:wsBlink 1.4s steps(1) infinite}
@keyframes wsBlink{0%,60%{opacity:1}61%,100%{opacity:.15}}
/* city-specific */
.ws-bn .fx-flame{transform-box:fill-box;transform-origin:50% 100%;animation:wsFlame .35s ease-in-out infinite alternate}
.ws-bn .fx-flame.f2{animation-duration:.27s}
@keyframes wsFlame{from{transform:scale(.85,.9) skewX(-4deg)}to{transform:scale(1.08,1.12) skewX(4deg)}}
.ws-bn .fx-hand{transform-box:fill-box;transform-origin:54% 100%;animation:wsHand 6s ease-in-out infinite alternate}
@keyframes wsHand{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
.ws-bn .fx-mn{transform-box:fill-box;transform-origin:center;animation:wsSpin 6s linear infinite}
.ws-bn .fx-hr{transform-box:fill-box;transform-origin:center;animation:wsSpin 72s linear infinite}
@keyframes wsSpin{to{transform:rotate(360deg)}}
.ws-bn .fx-net{transform-box:fill-box;transform-origin:9% 100%;animation:wsNet 5s ease-in-out infinite}
.ws-bn .fx-net.n115{animation-delay:-2.5s}
@keyframes wsNet{0%,15%{transform:rotate(0)}45%,60%{transform:rotate(11deg)}90%,100%{transform:rotate(0)}}
.ws-bn .fx-train{animation:wsTrain 7s ease-in-out infinite alternate}
@keyframes wsTrain{from{transform:translateX(-26px)}to{transform:translateX(66px)}}
.ws-bn .fx-taxi{animation:wsTaxi 6s linear infinite}
.ws-bn .fx-taxi.t2{animation-duration:9s;animation-delay:-4s;animation-direction:reverse}
@keyframes wsTaxi{from{transform:translateX(18px)}to{transform:translateX(212px)}}
.ws-bn .fx-col{opacity:0;animation:wsCol 3.2s ease-in-out infinite;animation-delay:var(--dl)}
@keyframes wsCol{0%,100%{opacity:0}30%,50%{opacity:.9}}
.ws-bn .fx-band{opacity:0;animation:wsCol 3s ease-in-out infinite;animation-delay:var(--dl)}
.ws-bn .fx-mist{animation:wsMist 10s ease-in-out infinite alternate}
@keyframes wsMist{from{transform:translateX(-10px);opacity:.6}to{transform:translateX(120px);opacity:.95}}
.ws-bn .fx-str{animation:wsStr 3.2s ease-in-out infinite alternate}
@keyframes wsStr{from{opacity:.25}to{opacity:.55}}
/* pause animations of cards that are off-screen (saves battery) */
.ws-js .ws-card:not(.inview) .ws-bn *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.ws-bn *,.ws-shine{animation:none!important}}


/* ---- location pages (wst) ---- */
.wst .wst-lm{align-self:center;max-width:560px;width:100%;margin-left:auto}
.wst .wst-big{color:var(--ws-txt);background:#fff;border-radius:22px;box-shadow:0 26px 60px rgba(0,0,0,.35);padding:20px}
.wst .wst-big .ws-bn{height:230px;margin:-20px -20px 16px;border-radius:22px 22px 0 0}
.wst .wst-big .ws-ch h3{font-size:22px}
.wst .wst-big p{font-size:14.5px;color:var(--ws-txt);margin-top:10px;line-height:1.6}
.wst .wst-lmf{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--ws-line)}
.wst .wst-lmf span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ws-pri);background:#EEF4FC;border-radius:99px;padding:6px 12px}
.wst .wst-lmf svg{font-size:15px;color:var(--ws-acc)}
.wst .wst-loc{margin-top:8px;font-size:14px;color:rgba(255,255,255,.7)}
.wst .ws-hero-cta{margin:26px 0 22px}
.wst-body{background:var(--ws-soft);padding:46px 0 30px}
.wst .wst-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none!important;margin:0!important;padding:0!important}
.wst .wst-c{background:#fff;border:1px solid var(--ws-line);border-radius:18px;padding:26px 28px;margin:0!important;box-shadow:0 2px 12px rgba(10,31,61,.04);transition:border-color .25s,box-shadow .25s,transform .25s;min-width:0}
.wst .wst-c:hover{border-color:#F3C76B;box-shadow:0 14px 34px rgba(245,161,0,.16),0 0 0 1px #F3C76B}
.wst .wst-wide{grid-column:1/-1}
.wst .wst-c h2{position:relative;font-size:22px;line-height:1.3;font-weight:700;color:var(--ws-ink);margin:0 0 14px!important;padding-bottom:12px;border:0}
.wst .wst-c h2:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;border-radius:3px;background:var(--ws-acc)}
.wst .wst-c h3{font-size:16.5px;margin:16px 0 6px!important}
.wst .wst-c p{margin:0 0 12px!important;font-size:15px;line-height:1.72;color:var(--ws-txt)}
.wst .wst-c ul,.wst .wst-c ol{margin:0 0 12px;padding-left:20px}
.wst .wst-c li{margin:0 0 7px;line-height:1.65;font-size:15px}
.wst .wst-c a:not(.btn){color:var(--ws-pri);font-weight:600}
.wst .wst-lead{background:linear-gradient(135deg,#fff 0%,#FFF9EC 100%);border-left:4px solid var(--ws-acc)}
.wst .wst-lead p:first-child{font-size:16.5px;color:var(--ws-ink)}
.wst .hlp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wst .hlp-chips a,.wst .cty-areas a,.wst .cty-areas span{display:inline-flex;align-items:center;border-radius:99px;border:1px solid #D6E2F0;background:#fff;color:var(--ws-pri)!important;padding:7px 14px;font-weight:600!important;font-size:13px;transition:background .2s,border-color .2s,color .2s,transform .2s;text-decoration:none}
.wst .hlp-chips a:hover,.wst .cty-areas a:hover{background:#FFF0CC;border-color:#F3C76B;color:#8A5A00!important;transform:translateY(-1px)}
.wst .cty-areas{display:flex;flex-wrap:wrap;gap:8px}
.wst .pf-midfig{border-radius:16px;overflow:hidden;border:1px solid var(--ws-line);background:#fff;margin:18px 0 6px}
.wst .pfn-qa,.wst #pfQuickAnswer{border-radius:14px}
.wst .pfn-tw{border-radius:14px;overflow-x:auto}
.wst-rel{padding-top:10px!important;padding-bottom:10px!important}
.wst-rel .hlp-rel{background:#fff;border:1px solid var(--ws-line);border-radius:16px;padding:18px 22px;margin:0 0 12px}
.wst-rel .hlp-gl{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-pri);margin:0 0 4px}
.wst-near{background:#fff}
.wst .wst-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.wst .wst-mini{position:relative}
.wst .wst-cover{position:absolute;inset:0;z-index:4;border-radius:inherit}
.wst .wst-mini .ws-go{position:relative;z-index:5}
@media (max-width:1100px){.wst .wst-lm{margin:0 auto}.wst .wst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wst .wst-main{grid-template-columns:1fr}.wst .wst-c{padding:20px 18px}.wst .wst-big .ws-bn{height:170px}.wst .wst-c h2{font-size:19px}}
@media (max-width:640px){.wst .wst-grid{grid-template-columns:1fr}}
.wst .wst-plain{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.wst .wst-fig{display:flex;justify-content:center}
.wst .wst-fig .pf-midfig{max-width:620px;width:100%;margin:0}
@media (max-width:760px){.wst .wst-c > table{display:block;max-width:100%;overflow-x:auto}}
.wst .wst-scene{margin:0;padding:0;overflow:hidden}
.wst .wst-scene svg{display:block;width:100%;height:auto;border-radius:22px 22px 0 0;stroke:none;stroke-width:0;fill:initial;font-size:inherit}
.wst .wst-scene figcaption{padding:12px 18px;font-size:13.5px;color:var(--ws-mut)}
.wst .wst-scene figcaption small{color:#8a94a1}

.sc-svg{display:block;width:100%;height:auto}
.sc-svg .sc-sun{transform-box:fill-box;transform-origin:center;animation:scSun 4s ease-in-out infinite alternate}@keyframes scSun{to{transform:scale(1.12)}}
.sc-svg .sc-cloud{animation:scCloud 16s ease-in-out infinite alternate}@keyframes scCloud{to{translate:40px 0}}
.sc-svg .sc-smoke circle{transform-box:fill-box;transform-origin:center;animation:scSmoke 3.6s ease-out infinite;opacity:0}.sc-svg .sc-smoke .s1{animation-delay:1.2s}.sc-svg .sc-smoke .s2{animation-delay:2.4s}
@keyframes scSmoke{0%{opacity:.85;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(14px,-46px) scale(2)}}
.sc-svg .sc-win{animation:scWin 3s ease-in-out infinite;animation-delay:var(--d)}@keyframes scWin{0%,100%{fill:#BFE0FA}50%{fill:#FFE7A8}}
.sc-svg .sc-g1{animation:scSpin 4s linear infinite}.sc-svg .sc-g2{animation:scSpin 2.6s linear infinite reverse}@keyframes scSpin{to{transform:rotate(360deg)}}
.sc-svg .sc-arm{animation:scArm 2.5s ease-in-out infinite alternate}@keyframes scArm{from{transform:rotate(-14deg)}to{transform:rotate(10deg)}}
.sc-svg .sc-belt{animation:scBelt .8s linear infinite}@keyframes scBelt{to{stroke-dashoffset:-14}}
.sc-svg .sc-it{animation:scIt 10s linear infinite;animation-delay:var(--d)}@keyframes scIt{from{translate:20px 0}to{translate:620px 0}}
.sc-svg .sc-spark circle{opacity:0;animation:scSpk .9s ease-out infinite;animation-delay:var(--d)}@keyframes scSpk{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(-10px,14px)}}
.sc-svg .sc-step rect{transition:fill .3s}.sc-svg .sc-step{animation:scStep 4.8s ease-in-out infinite;animation-delay:var(--d)}
@keyframes scStep{0%,18%{translate:0 0;filter:none}6%,12%{translate:0 -6px;filter:drop-shadow(0 6px 8px rgba(245,161,0,.55))}}
.sc-svg .sc-steprail{animation:scBelt 1s linear infinite}
.sc-svg .sc-truck{animation:scTruck 7s ease-in-out infinite}@keyframes scTruck{0%{translate:-120px 0}40%,55%{translate:240px 0}100%{translate:640px 0}}
.sc-svg .sc-truck2{animation:scTruck2 6s ease-in-out infinite}@keyframes scTruck2{0%{translate:-110px 0}100%{translate:640px 0}}
.sc-svg .sc-lane{animation:scLane .9s linear infinite}@keyframes scLane{to{stroke-dashoffset:-32}}
.sc-svg .sc-hop{animation:scLane 1.2s linear infinite}
.sc-svg .sc-x{transform-box:fill-box;transform-origin:center;animation:scX 3s ease-in-out infinite}@keyframes scX{0%,20%{opacity:0;transform:scale(.4)}35%,85%{opacity:1;transform:scale(1)}100%{opacity:0}}
.sc-svg .sc-mid{animation:scMid 3s ease-in-out infinite}@keyframes scMid{0%,30%{opacity:1}60%,90%{opacity:.45}}
.sc-svg .sc-coin{animation:scCoin 2.7s ease-in-out infinite;animation-delay:var(--d)}@keyframes scCoin{0%{opacity:0;translate:0 10px}30%{opacity:1}100%{opacity:0;translate:0 -40px}}
.sc-svg .sc-badge{animation:scBadge 4.2s ease-in-out infinite;animation-delay:var(--d)}@keyframes scBadge{0%,8%{opacity:0;translate:0 10px}18%,85%{opacity:1;translate:0 0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sc-svg *{animation:none!important}}
.ws .pfv-shopcat h2{color:#fff}.ws .pfv-shopcat .pfv-intro{margin:0 0 24px}
