.export-story{max-width:56rem;font-family:var(--wx-gothic)}
.export-story p{margin:0 0 16px;font-size:15px;line-height:2}
.export-story .export-story__lead{margin-bottom:20px;font-size:20px;font-weight:700;line-height:1.7}
.export-products{margin:34px 0 0;padding:25px 0 0;border-top:1px solid var(--line-soft);font-family:var(--wx-gothic)}
.export-products__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 18px;margin-bottom:16px}
.export-products__head h3,.export-products__head h4{margin:0;color:var(--wx-navy);font-family:var(--wx-mincho);font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.5}
.export-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.export-products__grid figure{min-width:0;margin:0;background:#fff}
.export-products__grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.export-products__grid figcaption{padding:12px 14px;color:var(--wx-navy);font-size:14px;font-weight:700;line-height:1.5}
@media(max-width:700px){.export-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.export-products__grid figcaption{padding:9px 10px;font-size:12px}.export-products__head{margin-bottom:12px}}
.export-map{
  position:relative;
  max-width:1120px;
  margin:34px auto 0;
  background:var(--wx-navy);
  overflow:hidden;
}
.export-map .export-map__base{display:block;width:100%;height:auto;max-height:none}
 
.export-map__overlay{position:absolute;inset:0 0 auto;aspect-ratio:1540 / 560;z-index:1;pointer-events:none}
.export-map__overlay svg{display:block;width:100%;height:100%}
.export-map__overlay [data-export-country]{pointer-events:visiblePainted;cursor:pointer}
.export-map__origin-country{fill:var(--brand);stroke:#FFE5A0;stroke-width:.8}
.export-map__country{
  fill:#3A4668;
  fill-opacity:0;
  stroke:var(--brand);
  stroke-opacity:0;
  stroke-width:.9;
  transition:fill-opacity .6s ease,stroke-opacity .6s ease;
}
.export-map__country.is-tour{fill-opacity:1;stroke-opacity:.7}
.export-map__country.is-active{fill:var(--brand);fill-opacity:.6;stroke:#FFE5A0;stroke-opacity:1;stroke-width:1.2}
.export-map__marker{visibility:hidden;opacity:0;transition:opacity .3s ease}
.export-map__marker.is-active{visibility:visible;opacity:1}
.export-map__marker circle{fill:var(--brand);stroke:#FFF1C5;stroke-width:1.2}
.export-map__route{
  visibility:hidden;
  fill:none;
  stroke:var(--brand);
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:0;
  vector-effect:non-scaling-stroke;
}
.export-map__route.is-tour{visibility:visible;stroke-opacity:.9;transition:stroke-opacity 1.2s ease}
.export-map__route.is-tour.is-landed{stroke-opacity:.6}
.export-map__route.is-active,.export-map__route.is-tour.is-landed.is-active{
  visibility:visible;
  stroke:#FFE4A0;
  stroke-width:2;
  stroke-opacity:1;
  animation:export-route-draw 1.1s cubic-bezier(.45,0,.2,1) both;
}
.export-map__origin,.export-map__destination{fill:#FFF1C5;stroke:var(--brand);stroke-width:1.2;vector-effect:non-scaling-stroke}
.export-map__destination{opacity:0;transition:opacity .5s ease}
.export-map__destination.is-tour,.export-map__destination.is-active{opacity:1}
.export-map__head{fill:#FFF8DF;stroke:none;visibility:hidden}
.export-map__head.is-moving{visibility:visible}
@keyframes export-route-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.export-map__region-label{position:absolute;z-index:3;left:39.44%;top:43.89%;transform:translate(-100%,calc(-100% - 8px));padding:4px 9px;background:var(--brand);color:var(--brand-ink);font-family:var(--wx-gothic);font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap;}
.export-map__region-label[data-region="MO"]{left:39.26%;top:43.98%}
.export-map__region-label::after{content:"";position:absolute;right:0;top:100%;height:8px;border-right:1px solid var(--brand)}
.export-map__region-label[hidden]{display:none}
.export-map__count{
  position:relative;
  z-index:2;
  right:0;
  bottom:0;
  display:flex;
  justify-content:flex-end;
  align-items:baseline;
  gap:8px;
  margin:0;
  padding:14px 18px 12px;
  border-top:0;
  background:transparent;
  color:#F3E8C8;
}
.export-map__count strong{font-family:var(--wx-en);font-size:42px;font-weight:500;line-height:1}
.export-map__count span{font-size:12px;font-weight:700;letter-spacing:.08em}
.export-country-groups{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px 32px;
  max-width:1120px;
  margin:30px auto 0;
}
.export-country-region p{
  margin:0 0 8px;
  color:rgba(25,25,45,.64);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
.export-country-region > div{display:flex;flex-wrap:wrap;gap:4px 7px}
.export-country-region button{
  appearance:none;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--brand-dim);
  cursor:pointer;
  font:inherit;
  font-size:13px;
  line-height:1.65;
  padding:2px 4px;
  text-decoration:none;
}
.export-country-region button:hover,.export-country-region button:focus-visible,.export-country-region button[aria-pressed="true"]{
  background:var(--brand);
  color:var(--brand-ink);
  outline:0;
}
@media(max-width:880px){
  .export-map{margin-top:28px}
  .export-map__count{padding:10px 12px 9px}
  .export-map__count strong{font-size:32px}
  .export-map__count span{font-size:10.5px}
  .export-country-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-top:24px}
  .export-country-region button{font-size:12.5px;padding:3px}
}
@media(prefers-reduced-motion:reduce){
  .export-map__country,.export-map__marker,.export-map__destination{transition:none}
  .export-map__route.is-active{animation:none}
  .export-map__route.is-tour{transition:none}
}