.creator-section{background:#231710;color:#fff2df;padding:70px 0 38px;overflow:hidden}.creator-section .section-top{align-items:end;margin-bottom:30px}.creator-section h2{font-size:clamp(36px,4.2vw,65px);line-height:1.05;letter-spacing:-1.8px}.creator-section .eyebrow{color:#f6bd83}.creator-heading-side{display:flex;align-items:end;gap:50px}.creator-heading-side p{font-size:13px;line-height:1.7;margin:0;color:#e2cfba}.creator-arrows{display:flex;gap:9px}.creator-arrows button{height:44px;width:44px;border:1px solid #f9ead580;border-radius:50%;color:var(--paper);font-size:22px}.creator-arrows button:hover{background:var(--paper);color:var(--ink)}.creator-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4vw;padding:28px max(4vw,calc((100vw - 1440px)/2)) 24px;scrollbar-width:thin;scrollbar-color:#7b624e #231710}.creator-card{flex:0 0 290px;scroll-snap-align:center;min-width:0;transition:transform .4s;padding-top:22px}.creator-card.is-active{transform:translateY(-20px)}.creator-media{position:relative;aspect-ratio:9/15.5;background:#372a21;border-radius:16px;overflow:hidden;isolation:isolate}.creator-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.creator-media:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#000a);pointer-events:none}.creator-index{position:absolute;z-index:2;left:14px;top:17px;font-size:8px;letter-spacing:1px;text-shadow:0 1px 4px #000}.creator-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:end;gap:8px;z-index:3}.creator-controls button{border-radius:30px;background:#0007;backdrop-filter:blur(5px);color:white;border:1px solid #ffffff60;font-size:10px;min-height:36px;padding:8px 12px}.creator-controls button[data-creator-play]{height:36px;width:36px;padding:5px;font-size:14px}.creator-controls button:disabled{opacity:.7;cursor:default;font-size:8px}.creator-caption{position:absolute;bottom:22px;left:18px;right:18px;z-index:2;display:flex;flex-direction:column;align-items:start;gap:10px}.creator-caption>span{font-size:14px;font-weight:600;text-shadow:0 1px 5px #000;max-width:220px}.creator-watch{font-size:10px;padding:9px 14px;border:1px solid #fff9;border-radius:20px;background:#0003;color:white}.creator-progress{position:absolute;z-index:4;bottom:0;left:0;height:3px;width:var(--progress,0%);background:#ffb878}.creator-product{margin-top:11px;border-radius:14px;background:#fff8ed;color:var(--ink);padding:16px}.creator-product-info{display:flex;gap:14px;align-items:center;min-height:75px}.creator-product-mini{width:70px;height:65px;flex-shrink:0}.creator-product-info strong{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;display:block;margin-bottom:5px;line-height:1.3}.creator-product-info small{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.creator-product-info b{font-size:13px}.creator-product-mini .smore-art img{transform:rotate(60deg)}.creator-shop{border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;border-radius:25px;min-height:39px;padding:10px 15px;font-size:11px;font-weight:700;margin-top:14px}.creator-shop:hover{background:var(--ink);color:var(--paper)}.creator-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:10px;color:#c8b6a5}.creator-bottom a{border-bottom:1px solid #c8b6a5;padding-bottom:4px}.video-unavailable .creator-controls{display:none}@media(min-width:1500px){.creator-card{flex-basis:320px}}@media(max-width:900px){.creator-heading-side{gap:20px}.creator-heading-side p{font-size:11px}.creator-card{flex-basis:270px}}@media(max-width:600px){.creator-section{padding:45px 0 26px}.creator-section .section-top{align-items:start;margin-bottom:10px}.creator-section h2{font-size:36px;letter-spacing:-1px}.creator-heading-side{width:100%;justify-content:space-between;align-items:center}.creator-heading-side p{font-size:11px}.creator-arrows button{width:37px;height:37px;font-size:19px}.creator-card{flex-basis:76vw;padding-top:14px}.creator-track{gap:16px;padding:23px 12vw 20px;scroll-padding:12vw}.creator-card.is-active{transform:translateY(-12px)}.creator-media{aspect-ratio:9/14.7}.creator-product{padding:14px}.creator-product-info{min-height:64px}.creator-bottom{display:block;font-size:9px;line-height:1.7}.creator-bottom>a{display:inline-block;margin-top:10px}}@media(prefers-reduced-motion:reduce){.creator-card.is-active{transform:none}.creator-track{scroll-behavior:auto}.creator-card{transition:none}}

.creator-media{aspect-ratio:9/16}

/* Explicit playback and consistent navigation on touch, keyboard and desktop. */
.creator-section .section-top>p{font-size:14px;color:#e2cfba;line-height:1.7;margin:0}
.creator-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.creator-position{font-size:12px;white-space:nowrap;min-width:90px}
.creator-dots{display:flex;gap:2px;margin-left:auto;margin-right:18px}
.creator-dots button{display:grid;place-items:center;width:32px;height:44px;color:#fff4e2}
.creator-dots button>span{display:block;width:7px;height:7px;border-radius:50%;background:#fff3df66;transition:width .2s}
.creator-dots button[aria-pressed=true]>span{width:23px;border-radius:6px;background:#ffb878}
.creator-arrows button{width:46px;height:46px;font-size:24px}
.creator-arrows button:disabled{opacity:.3}
.creator-track{position:relative;gap:20px;padding:10px max(4vw,calc((100vw - 1440px)/2)) 24px;scroll-padding:max(4vw,calc((100vw - 1440px)/2));overscroll-behavior-x:contain;scrollbar-width:thin}
.creator-card{flex-basis:clamp(245px,23vw,300px);padding-top:0;transform:none!important;transition:none}
.creator-media{aspect-ratio:9/16;border-radius:18px}
.creator-media video{object-fit:contain;background:#17110d}
.creator-media:after{z-index:1;inset:75% 0 0}
.creator-play-surface{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;color:#fff;background:transparent}
.creator-play-surface>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid #fff9;border-radius:50%;background:#21130c77;backdrop-filter:blur(5px);font-size:24px;padding-left:4px;transition:opacity .2s}
.is-playing .creator-play-surface>span{opacity:0}
.is-playing .creator-play-surface:focus-visible>span{opacity:1}
.creator-controls{z-index:4;top:12px;right:12px;flex-direction:row;gap:7px}
.creator-controls button,.creator-controls button[data-creator-play]{min-width:44px;height:44px;min-height:44px;font-size:12px;padding:10px}
.creator-controls button:disabled{font-size:10px}
.creator-caption{bottom:18px;pointer-events:none;z-index:3;right:15px;left:15px}
.creator-caption>span{font-size:14px;font-weight:600}
.creator-index{z-index:3;top:28px;left:15px;pointer-events:none}
.creator-product{padding:16px;margin-top:10px}
.creator-product-info{justify-content:space-between;min-height:43px;gap:10px}
.creator-product-info strong{font-size:13px;margin-bottom:5px;min-height:0}
.creator-product-info small{font-size:12px;margin:0;font-weight:600}
.creator-product-info>span:last-child{font-size:24px}
.creator-shop{margin-top:12px;min-height:44px;font-size:12px}
.creator-bottom{font-size:11px;margin-top:15px;line-height:1.6}
@media(max-width:760px){
 .creator-section{padding:40px 0 28px}
 .creator-section .section-top{margin-bottom:20px;gap:15px;align-items:start;flex-direction:column}
 .creator-section h2{font-size:clamp(31px,7.7vw,46px)}
 .creator-section .section-top>p{font-size:12px}
 .creator-nav{gap:8px;flex-wrap:wrap;margin-bottom:12px}
 .creator-position{font-size:11px;min-width:76px}
 .creator-dots{margin:0 auto;gap:0}
 .creator-dots button{width:25px;height:44px}
 .creator-arrows{gap:4px}.creator-arrows button{width:40px;height:44px}
 .creator-track{padding:8px 6vw 18px;gap:16px;scroll-padding:6vw}
 .creator-card{flex-basis:min(77vw,310px)}
 .creator-product{padding:14px}
 .creator-bottom{display:flex;flex-wrap:wrap;gap:12px;font-size:10px}
 .creator-bottom>a{margin:0}
}
@media(max-width:360px){.creator-dots button{width:21px}.creator-arrows button{width:36px}.creator-position{min-width:72px}.creator-nav{gap:4px}}
@media(max-height:500px) and (orientation:landscape){.creator-card{flex-basis:210px}.creator-media{aspect-ratio:9/14}.creator-media video{object-fit:contain}}

.creator-card{scroll-snap-align:start}
.creator-dots button[hidden]{display:none}