.amsc-services{--amsc-gap:clamp(18px,1.8vw,30px);width:100%;min-width:0;font-family:"Jost",sans-serif;color:#222222}
.amsc-services *,.amsc-services *::before,.amsc-services *::after{box-sizing:border-box}

.amsc-services .amsc-card{--amsc-color:#f27a65;--amsc-ink:#fff;flex:0 0 var(--amsc-card-size);scroll-snap-align:start;container-type:inline-size;display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden;border:1px solid #eee7dd;border-radius:26px;background:#fdf8ea;box-shadow:0 6px 22px #231c1410;margin:0;padding:0}


.amsc-services .amsc-art{position:relative;margin:0;padding:0;aspect-ratio:1024/714;flex-shrink:0}
.amsc-services .amsc-art img{display:block;width:100%;height:100%;aspect-ratio:1024/714;object-fit:contain;margin:0;padding:0;border:0;border-radius:0}
.amsc-services .amsc-label{max-width:90%;overflow-wrap:anywhere;position:absolute;top:5%;left:5%;display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--amsc-color);color:var(--amsc-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(10px,3.3cqw,16px);font-weight:700;line-height:1.1}

.amsc-services .amsc-content{display:flex;flex:1;flex-direction:column;padding:0 5.5% 5%;margin:0}
.amsc-services .amsc-title{display:block;min-height:2em;margin:0;padding:0;color:#222222;font-family:"Jost",sans-serif;font-size:clamp(22px,11.5cqw,70px);font-weight:800;line-height:.93;letter-spacing:-.04em;text-transform:none;overflow-wrap:anywhere}
.amsc-services .amsc-title>span{display:block}
.amsc-services .amsc-title .amsc-title-small{font-size:.57em;line-height:1.22;letter-spacing:-.045em;overflow-wrap:anywhere}
.amsc-services .amsc-rule{display:block;flex-shrink:0;width:14%;height:5px;margin:15px 0 12px;background:var(--amsc-color);border-radius:99px}
.amsc-services .amsc-subtitle{white-space:pre-line;margin:0 0 22px;padding:0;color:#333747;font-family:"Jost",sans-serif;font-size:clamp(14px,5.05cqw,30px);font-weight:400;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.amsc-services .amsc-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;width:100%;margin:auto 0 0;padding:5px 5px 5px 11%;border:0;border-radius:999px;background:var(--amsc-color);color:var(--amsc-ink);font-family:"Jost",sans-serif;font-size:clamp(14px,5.25cqw,32px);font-weight:700;line-height:1.12;text-align:center;text-decoration:none;letter-spacing:-.025em;box-shadow:0 10px 22px color-mix(in srgb,var(--amsc-color) 28%,transparent)}
.amsc-services .amsc-button>span:first-child{flex:1}

.amsc-services .amsc-arrow{display:flex;flex:0 0 13.5%;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:#0003;color:#fff;transition:transform 180ms ease}
.amsc-services .amsc-arrow svg{display:block;width:48%;height:48%}
.amsc-services a.amsc-button:hover{color:var(--amsc-ink);text-decoration:none}

.amsc-services a.amsc-button:hover .amsc-arrow{transform:translate(2px,-2px)}
.amsc-services a.amsc-button:focus-visible{outline:3px solid #111;outline-offset:4px}


@media(prefers-reduced-motion:reduce){.amsc-services .amsc-arrow{transition:none}}

/* Same widths, horizontal insets, gaps and snap geometry as the home carousel. */
.amsc-services .amsc-track{
    --amsc-card-size:clamp(280px,25vw,440px);
    --amsc-start-edge:0px;
    display:flex;align-items:stretch;gap:var(--amsc-gap);
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    padding:8px max(14vw,calc(100vw - var(--amsc-card-size) - var(--amsc-start-edge))) 20px 0;
    scroll-padding-left:0;cursor:grab;direction:ltr;-webkit-overflow-scrolling:touch;
}
.amsc-services .amsc-start-spacer{flex:0 0 clamp(96px,8vw,180px);pointer-events:none;scroll-snap-align:start}
.amsc-services .amsc-track::-webkit-scrollbar{display:none;width:0;height:0}
.amsc-services .amsc-track:focus-visible{outline:2px solid #333747;outline-offset:4px;border-radius:8px}
.amsc-services .amsc-track.amsc-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
@media(max-width:1024px){
    .amsc-services{--amsc-gap:18px}
    .amsc-services .amsc-track{
        --amsc-card-size:34vw;--amsc-start-edge:8vw;
        padding-left:var(--amsc-start-edge);scroll-padding-left:8vw;
    }
    .amsc-services .amsc-start-spacer{display:none}
    .amsc-services .amsc-card{scroll-margin-left:8vw}
}
@media(max-width:600px){
    .amsc-services{--amsc-gap:16px;--amsc-mobile-edge:clamp(18px,5vw,24px)}
    .amsc-services .amsc-track{
        --amsc-card-size:82vw;--amsc-start-edge:var(--amsc-mobile-edge);
        padding-right:max(18vw,calc(100vw - var(--amsc-card-size) - var(--amsc-start-edge)));
        scroll-padding-left:var(--amsc-mobile-edge);
    }
    .amsc-services .amsc-card{scroll-margin-left:var(--amsc-mobile-edge)}
}

/* Per-card type presets; compact titles reserve the same heading area as Standard. */
.amsc-services .amsc-title.amsc-title-compact{
    font-size:clamp(18px,9cqw,56px);
    line-height:1.05;
    min-height:calc(2 * clamp(22px,11.5cqw,70px));
}
.amsc-services .amsc-subtitle.amsc-subtitle-compact{
    font-size:clamp(13px,4.2cqw,25px);
    line-height:1.3;
}

/* Standalone buttons share the card button rules without rendering a card. */
.amsc-services.amsc-single-button{--amsc-color:#f27a65;--amsc-ink:#fff;container-type:inline-size;width:440px;max-width:100%;margin:0}
.amsc-services.amsc-single-button--graphic{--amsc-color:#4fa3d1}
.amsc-services.amsc-single-button--comics{--amsc-color:#fffe5b;--amsc-ink:#111}
.amsc-services.amsc-single-button--ai{--amsc-color:#844DD3}
.amsc-services.amsc-single-button .amsc-button{margin:0;min-width:0}
.amsc-services.amsc-single-button .amsc-button>span:first-child{min-width:0;overflow-wrap:anywhere}
