.sc-clips__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.sc-clips__head--mark{display:grid;grid-template-columns:1fr minmax(9rem,30vw);grid-template-areas:"text mark" "more more";align-items:center;column-gap:1.6rem;row-gap:1.4rem}
.sc-clips__head--mark .sc-clips__headtext{grid-area:text}
.sc-clips__head--mark .sc-clips__more{grid-area:more;justify-self:start}
.sc-microbe{grid-area:mark;position:relative;align-self:stretch;min-height:10rem;max-height:15rem;justify-self:end;aspect-ratio:195.09/201.491}
.sc-microbe__body{position:absolute;inset:0;transform-origin:55.6% 52.1%;animation:sc-microbe-sway 11s ease-in-out infinite;will-change:transform}
.sc-microbe__svg{display:block;width:100%;height:100%}
.sc-microbe__eye{transform-box:fill-box;transform-origin:center;animation:sc-eye-look 9s ease-in-out infinite}
.sc-microbe__eye--n{animation-duration:9s}
.sc-microbe__eye--e1{animation-duration:7s;animation-delay:-2s}
.sc-microbe__eye--e2{animation-duration:8s;animation-delay:-5s}
.sc-microbe__eye--e3{animation-duration:10s;animation-delay:-3s}
@keyframes sc-microbe-sway{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.06) rotate(3deg)}}
@keyframes sc-eye-look{0%,16%{transform:translate(0,0)}24%,38%{transform:translate(42%,36%)}46%,60%{transform:translate(-40%,60%)}68%,80%{transform:translate(14%,-70%)}88%,100%{transform:translate(0,0)}}
@media screen and (min-width:990px){.sc-clips__head--mark{grid-template-columns:fit-content(62rem) auto minmax(0,1fr);grid-template-areas:"text mark more";column-gap:2.4rem;align-items:center}.sc-clips__head--mark .sc-clips__headtext{max-width:62rem}.sc-clips__head--mark .sc-clips__more{justify-self:end}.sc-microbe{width:clamp(15rem,14vw,19rem);height:auto;max-height:none;min-height:0;margin:0;justify-self:start;align-self:center}}
@media (prefers-reduced-motion:reduce){.sc-microbe__body,.sc-microbe__eye{animation:none}}
.sc-clips__heading{margin:0 0 .6rem}
.sc-clips__more{flex:0 0 auto}
.sc-clips__list{margin:0;padding:0;display:grid;gap:1.6rem}
.sc-clips--row .sc-clips__list{grid-auto-flow:column;grid-auto-columns:62vw;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}
.sc-clips--row .sc-clip{scroll-snap-align:start}
.sc-clips--grid .sc-clips__list{grid-template-columns:repeat(2,1fr)}
.sc-clip__tile{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:.1rem solid rgb(var(--sc-rule));background:#fff;cursor:pointer;overflow:hidden}
.sc-clip__tile:hover{border-color:#000}
.sc-clip__poster,.sc-clip__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sc-clip__video{opacity:0;transition:opacity .3s}
.sc-clip.is-playing .sc-clip__video{opacity:1}
.sc-clip__badge{position:absolute;left:1rem;bottom:1rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#000;padding:.4rem .7rem}
.sc-clip__title{margin:1rem 0 .2rem;font-size:1.5rem;text-transform:none;letter-spacing:0;font-family:var(--font-body-family);font-weight:400;color:#000;line-height:1.3}
.sc-clip__caption{margin:0;font-size:1.3rem;color:rgb(var(--sc-body))}
.sc-clip__dialog{border:0;padding:0;margin:auto;background:#000;color:#fff;width:auto;max-width:100vw;max-height:100dvh;overflow:hidden}
.sc-clip__dialog::backdrop{background:rgba(0,0,0,.85)}
.sc-clip__player{display:block;background:#000;aspect-ratio:9/16;height:calc(100dvh - 5.4rem);max-height:calc(100dvh - 5.4rem);width:auto;max-width:100vw;margin:0 auto}
@media screen and (max-width:749px){.sc-clip__dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.sc-clip__player{width:100vw;height:calc(100dvh - 4.8rem);max-height:none;object-fit:contain}}
.sc-clip__close{position:absolute;top:.6rem;right:.6rem;z-index:2;background:#000;color:#fff;border:0;font-size:2.4rem;line-height:1;width:4rem;height:4rem;cursor:pointer}
.sc-clip__dialog-title{margin:0;padding:.9rem 1.4rem;font-size:1.4rem;line-height:1.3;height:5.4rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center}
@media screen and (max-width:749px){.sc-clip__dialog-title{height:4.8rem;padding:.6rem 4.8rem .6rem 1.4rem;justify-content:flex-start;text-align:left}}
@media screen and (min-width:750px){.sc-clips--row .sc-clips__list{grid-auto-columns:30vw}.sc-clips--grid .sc-clips__list{grid-template-columns:repeat(3,1fr)}}
@media screen and (min-width:990px){.sc-clips--row .sc-clips__list{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}.sc-clips--grid .sc-clips__list{grid-template-columns:repeat(4,1fr);gap:2.4rem}}
.sc-clip__sources{margin:.5rem 0 0;font-size:1.1rem;line-height:1.4;color:rgb(var(--sc-body));opacity:.85}
.sc-clip__sources a{color:inherit;text-decoration:underline;text-underline-offset:.2rem;white-space:nowrap}
@media screen and (min-width:990px) and (orientation:landscape){.sc-clip__dialog--wide .sc-clip__player{aspect-ratio:16/9;height:auto;width:min(96vw,calc((100dvh - 5.4rem) * 16 / 9));max-height:calc(100dvh - 5.4rem)}}