/* Saycut sample video row. Placeholders until real samples exist: swap one .smp at a time. */
.smp-sec{padding:8px 0 40px;position:relative}
.smp-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px max(20px,calc(50vw - 150px));scrollbar-width:none;-webkit-overflow-scrolling:touch}
.smp-track::-webkit-scrollbar{display:none}
.smp{position:relative;flex:0 0 clamp(210px,21vw,300px);aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#151519;border:1px solid rgba(255,255,255,.1);scroll-snap-align:center;cursor:pointer;padding:0;color:#fff;font:inherit;text-align:left;opacity:.62;transform:scale(.965);transition:opacity .35s var(--ease,ease),transform .35s var(--ease,ease),box-shadow .35s var(--ease,ease),border-color .35s}
.smp:hover{opacity:.85}
.smp.on{opacity:1;transform:none;border-color:#F2545B;box-shadow:0 0 0 1px #F2545B,0 24px 80px -24px rgba(242,84,91,.55)}
.smp:focus-visible{outline:2px solid #F77F84;outline-offset:3px}
.smp img,.smp video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.smp::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,5,6,.82));pointer-events:none}
.smp.words::after{display:none}
.smp-cap{position:absolute;left:14px;right:14px;bottom:64px;z-index:2;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(19px,1.75vw,25px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.smp-cap b{font-weight:800;background:#F2545B;color:#141416;padding:0 .24em;border-radius:.2em;text-shadow:none;display:inline-block;transform:rotate(-1.5deg)}
.smp-label{position:absolute;left:12px;bottom:12px;z-index:2;min-height:34px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:rgba(12,12,14,.86);border:1px solid rgba(255,255,255,.16);font-size:13.5px;font-weight:500;color:#EDEDF0}
.smp-tag{position:absolute;left:12px;top:12px;z-index:2;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.04em;padding:4px 7px;border-radius:6px;background:rgba(12,12,14,.8);border:1px solid rgba(255,255,255,.16);color:#D5D5DC}
.smp-pause{position:absolute;right:10px;top:10px;z-index:3;width:44px;height:44px;border-radius:50%;display:none;align-items:center;justify-content:center;background:rgba(12,12,14,.82);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:0}
.smp.on .smp-pause.has{display:flex}
.smp-pause:focus-visible{outline:2px solid #F77F84;outline-offset:2px}
.smp-nav{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px}
.smp-nav button{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#EDEDF0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.smp-nav button:hover{border-color:#F2545B;color:#F77F84}
.smp-nav button:focus-visible{outline:2px solid #F77F84;outline-offset:3px}
.smp-note{font-family:'Geist Mono',monospace;font-size:12px;color:#A9A9B3;margin:0 8px}
@media (prefers-reduced-motion:reduce){.smp{transition:none}.smp-track{scroll-behavior:auto}}
