/* Touch-first carousels for the two visual card collections. Desktop stays unchanged. */
.carousel-dots{display:none}
@media(max-width:700px){
  .services#trades .service-grid,.record#record .record-grid{display:flex!important;grid-template-columns:none!important;gap:14px!important;width:auto!important;margin-left:-6vw!important;margin-right:-6vw!important;padding:0 6vw 1.5rem!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
  .services#trades .service-grid::-webkit-scrollbar,.record#record .record-grid::-webkit-scrollbar{display:none}
  .services#trades .service-grid article,.record#record .record-grid .vessel-class{flex:0 0 84vw!important;width:84vw!important;max-width:430px;scroll-snap-align:center;scroll-snap-stop:always;opacity:1!important;transform:none!important;clip-path:none!important}
  .services#trades .service-grid article{min-height:610px!important;border-radius:48vw 48vw 8px 8px!important}
  .services#trades .service-grid article:first-child,.record#record .record-grid .vessel-class:first-child{scroll-snap-align:start}
  .record#record .record-grid .vessel-class{height:118vw!important;min-height:440px!important;max-height:590px;border:1px solid rgba(126,188,226,.3)!important}
  .record#record .vessel-copy p{display:block!important;opacity:1!important;transform:none!important;padding-right:2rem}
  .carousel-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin:1rem 0 0}
  .carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(164,201,223,.28);box-shadow:none;transition:width .35s,background .35s;cursor:pointer}
  .carousel-dots button.is-active{width:28px;border-radius:10px;background:#6fa4ff}
  .carousel-hint{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:.7rem 0 0;color:#7892a2;font:600 .58rem/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
  .carousel-hint:after{content:"→";color:#77a7ff;font-size:1rem}
}
@media(max-width:380px){.services#trades .service-grid article,.record#record .record-grid .vessel-class{flex-basis:88vw!important;width:88vw!important}.services#trades .service-grid article{min-height:580px!important}}
