/* Xyla Creator Edit: balanced single feature and responsive portrait carousel. */
section.xyla-influencers{padding:64px 0 68px;overflow:hidden}
.xyla-influencers>.wide{position:relative;z-index:1}
.xyla-influencers .customer-video-heading{display:block;text-align:center;max-width:860px;margin:0 auto 30px}
.xyla-influencers .customer-video-heading .kicker{margin:0 0 14px;font-size:11px;letter-spacing:.22em}
.xyla-influencers .customer-video-heading h2{font-size:clamp(34px,3.7vw,56px);line-height:1.12;margin:0 0 16px}
.xyla-influencers .customer-video-heading p:not(.kicker){font-size:16px;line-height:1.65;max-width:650px;margin:0 auto;color:#b8cbc5}
.xyla-influencers .customer-video-heading-note{display:none}
.xyla-influencers .xyla-creator-controls{display:flex;justify-content:center;gap:10px;margin:0 0 18px}
.xyla-influencers .xyla-creator-controls button{display:grid;place-items:center;border:1px solid #ffffff50;color:#fff;background:#ffffff08;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:21px;transition:background .2s}
.xyla-influencers .xyla-creator-controls button:hover{background:#ffffff20}
.xyla-influencers .xyla-creator-controls button:disabled{opacity:.28;cursor:default}
.xyla-influencers .xyla-creator-controls button:focus-visible,.xyla-influencers .xyla-creator-track:focus-visible{outline:2px solid #cfdfd8;outline-offset:4px}
.xyla-influencers .xyla-creator-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:6px;padding:8px 6px 20px;scrollbar-width:thin;scrollbar-color:#799c96 transparent;align-items:stretch;max-width:1420px;margin:0 auto}
.xyla-influencers .xyla-creator-card{flex:0 0 260px;min-width:0;scroll-snap-align:center;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#f7f8f4;color:#173c37;border:1px solid #ffffff30;box-shadow:0 16px 36px #0000001c}
.xyla-influencers .xyla-creator-media{position:relative;aspect-ratio:9/16;background:#061b17;flex-shrink:0;overflow:hidden}
.xyla-influencers .xyla-creator-media video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#061b17}
.xyla-influencers .customer-video-chip{position:absolute;top:14px;left:14px;right:auto;pointer-events:none;font-size:9px;letter-spacing:.13em;padding:9px 12px;z-index:1;background:#fffffff0;color:#173c37;border-radius:30px;line-height:1.3}
.xyla-influencers .xyla-creator-copy{padding:20px;flex:1;display:flex;flex-direction:column;gap:10px}
.xyla-influencers .xyla-creator-copy>strong{font-size:10px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:#45655c}
.xyla-influencers .xyla-creator-copy h3{font-size:24px;line-height:1.2;margin:0;color:#173c37;overflow-wrap:anywhere}
.xyla-influencers .xyla-creator-copy>p{font-size:13px;line-height:1.6;margin:0;color:#60766d;overflow-wrap:anywhere}
.xyla-influencers .xyla-creator-copy>a{display:flex;align-items:center;gap:12px;border-top:1px solid #dce5df;padding-top:15px;margin-top:auto;font-size:12px;line-height:1.5;color:#173c37;text-decoration:none}
.xyla-influencers .xyla-creator-copy>a img{width:48px;height:58px;object-fit:cover;border-radius:6px;flex:none}
.xyla-influencers .xyla-creator-copy>a small{display:block;font-size:9px;letter-spacing:.08em;margin-top:5px}
.xyla-influencers .xyla-creator-card.is-playing{outline:2px solid #a6c4bc;outline-offset:3px}
/* One actual video is presented as a feature, never duplicated to fill space. */
.xyla-influencers:has(.xyla-creator-card:only-child) .xyla-creator-controls{display:none}
.xyla-influencers .xyla-creator-track:has(>.xyla-creator-card:only-child){max-width:820px;overflow:visible;padding-bottom:0}
.xyla-influencers .xyla-creator-card:only-child{flex:1;display:grid;grid-template-columns:300px minmax(0,1fr);max-width:100%;border-radius:22px}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy{padding:40px;justify-content:center;gap:20px}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy>strong{font-size:11px;position:relative;padding-top:27px}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy>strong::before{content:"";position:absolute;top:0;left:0;width:36px;height:2px;background:#7d9c8c}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.12}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy>p{font-size:15px;line-height:1.7}
.xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy>a{margin-top:10px;padding-top:22px;font-size:14px}
/* Two or three uploads sit together rather than leaving a blank right column. */
@media(min-width:701px){.xyla-influencers .xyla-creator-track:not(:has(>.xyla-creator-card:nth-child(5))){justify-content:safe center}}
@media(max-width:700px){
 section.xyla-influencers{padding:40px 0 44px}
 .xyla-influencers .customer-video-heading{margin-bottom:24px}
 .xyla-influencers .customer-video-heading h2{font-size:34px}
 .xyla-influencers .customer-video-heading p:not(.kicker){font-size:14px}
 .xyla-influencers .xyla-creator-track{gap:16px}
 .xyla-influencers .xyla-creator-card{flex-basis:76vw;max-width:300px}
 .xyla-influencers .xyla-creator-card:only-child{display:flex;max-width:340px;margin:0 auto;flex-basis:100%}
 .xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy{padding:24px;gap:14px}
 .xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy h3{font-size:29px}
 .xyla-influencers .xyla-creator-card:only-child .xyla-creator-copy>p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.xyla-influencers *{transition:none!important;scroll-behavior:auto!important}}