.amst-services{width:100%;min-width:0;font-family:"Jost",sans-serif}
.amst-services,.amst-services *{box-sizing:border-box}
.amst-services .amst-track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 0 8px;margin:0;-webkit-overflow-scrolling:touch}
.amst-services .amst-track::-webkit-scrollbar{display:none;width:0;height:0}
.amst-services .amst-track[tabindex]{cursor:grab}
.amst-services .amst-track:focus-visible{outline:2px solid #333747;outline-offset:3px;border-radius:16px}
.amst-services .amst-card{position:relative;isolation:isolate;flex:0 0 clamp(280px,calc((100% - 80px)/5),420px);min-width:0;min-height:218px;border:0;border-radius:16px;padding:20px 24px 24px;background:var(--amst-bg,#fffe5b);color:var(--amst-ink,#222222);scroll-snap-align:start;container-type:inline-size}
.amst-services .amst-title{font-family:inherit;font-size:clamp(33.6px,12.6cqw,42px);font-weight:800;line-height:1.05;letter-spacing:-.035em;text-transform:none;color:inherit;margin:0 0 12px;padding:0;white-space:pre-line;overflow-wrap:anywhere}
.amst-services .amst-description{font-family:inherit;font-size:clamp(16px,5.2cqw,18px);font-weight:400;line-height:1.25;letter-spacing:0;text-transform:none;color:inherit;width:58%;margin:0;padding:0;white-space:pre-line;overflow-wrap:anywhere}
.amst-services .amst-title a,.amst-services .amst-title a:visited,.amst-services .amst-title a:hover{font:inherit;color:inherit;text-decoration:none}
.amst-services .amst-title a::after{content:"";position:absolute;inset:0;border-radius:16px;z-index:2}
.amst-services .amst-title a:focus-visible{outline:none}
.amst-services .amst-title a:focus-visible::after{outline:3px solid currentColor;outline-offset:-5px}
.amst-services .amst-icon{position:absolute;width:36%;max-width:145px;right:12px;bottom:16px;aspect-ratio:1;color:inherit;pointer-events:none}
.amst-services .amst-icon svg,.amst-services .amst-icon img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.amst-services .amst-no-icon .amst-description{width:100%}
.amst-services .amst-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.amst-services.amst-grid .amst-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));overflow:visible}
@media(max-width:767px){
 .amst-services .amst-track{display:flex;flex-direction:column;gap:10px;overflow:visible;scroll-snap-type:none;padding:0;cursor:auto}
 .amst-services .amst-card{flex:0 0 auto;width:100%;min-height:80px;padding:10px 16px;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:14px;align-items:center;container-type:normal}
 .amst-services .amst-title{font-size:30.8px;line-height:1.05;letter-spacing:-.025em;margin:0 0 6px}
 .amst-services .amst-description{width:100%;font-family:Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.2}
 .amst-services .amst-icon{position:static;width:64px;height:64px;max-width:100%}
 .amst-services .amst-no-icon{grid-template-columns:minmax(0,1fr)}
 .amst-services.amst-grid .amst-track{display:flex}
}
@media(prefers-reduced-motion:reduce){.amst-services .amst-track{scroll-behavior:auto}}

/* Match the initial left edge of the home carousel, without changing card widths. */
.amst-services{--amst-start-edge:calc(clamp(96px,8vw,180px) + clamp(18px,1.8vw,30px))}
.amst-services .amst-track{scroll-padding-left:var(--amst-start-edge)}
.amst-services:not(.amst-grid) .amst-card:first-child{margin-left:var(--amst-start-edge)}
.amst-services.amst-grid .amst-track{padding-left:var(--amst-start-edge);padding-right:var(--amst-start-edge)}
@media(max-width:1024px){.amst-services{--amst-start-edge:8vw}}
@media(max-width:767px){
 .amst-services{--amst-start-edge:clamp(18px,5vw,24px)}
 .amst-services .amst-track{padding-left:var(--amst-start-edge);padding-right:var(--amst-start-edge);scroll-padding-left:0}
 .amst-services:not(.amst-grid) .amst-card:first-child{margin-left:0}
}

/* Title colors by service group; descriptions and icons retain their own ink. */
.amst-services[data-amst-group="web"] .amst-title,.amst-services[data-amst-group="graphic"] .amst-title{color:#ffffff}
.amst-services[data-amst-group="comics"] .amst-title{color:#222222}

/* Let the final service reach the initial left edge, as in the home carousel.
   A flex spacer preserves percentage-based card widths and is absent on mobile. */
@media(min-width:768px){
 .amst-services:not(.amst-grid) .amst-track::after{content:"";display:block;flex:0 0 max(0px,calc(100% - clamp(280px,calc((100% - 80px)/5),420px) - var(--amst-start-edge) - 20px));pointer-events:none}
}

/* Pencil icons: white for Web/Graphic, black for Comics. */
.amst-services[data-amst-group="web"] .amst-icon svg,.amst-services[data-amst-group="graphic"] .amst-icon svg{color:#ffffff}
.amst-services[data-amst-group="comics"] .amst-icon svg{color:#222222}

/* AI: full-width descriptions leave room for the longer service copy. */
.amst-services[data-amst-group="ai"] .amst-title,.amst-services[data-amst-group="ai"] .amst-icon svg{color:#fff}
@media(min-width:768px){
 .amst-services[data-amst-group="ai"] .amst-card{flex-basis:clamp(320px,30vw,420px);padding-bottom:120px}
 .amst-services[data-amst-group="ai"] .amst-description{width:100%}
 .amst-services[data-amst-group="ai"] .amst-icon{width:90px;height:90px;right:24px;bottom:18px}
 .amst-services[data-amst-group="ai"]:not(.amst-grid) .amst-track::after{flex-basis:max(0px,calc(100% - clamp(320px,30vw,420px) - var(--amst-start-edge) - 20px))}
}