.su-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.su-voice{vertical-align:.12em;letter-spacing:0;color:inherit;white-space:nowrap;align-items:center;gap:6px;margin-left:.45em;font-size:12.5px;font-weight:500;display:inline-flex}.su-voice svg line{stroke:var(--fo-emerald);stroke-width:2.4px;stroke-linecap:round}.su-frame-wrap{background:var(--fo-paper-2);aspect-ratio:16/9;border-radius:18px;overflow:hidden}.fo-section-alt .su-frame-wrap{background:#ece8df}.su-frame{all:unset;box-sizing:border-box;grid-template-columns:25% 75%;width:100%;height:100%;display:grid}button.su-frame{cursor:pointer}button.su-frame:focus-visible{outline:2px solid var(--fo-emerald);outline-offset:3px}.su-paint{background:var(--fo-green-2);position:relative;overflow:hidden}.su-paint img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--fo-ease);position:absolute;inset:0}.su-paint:after{content:"";background:linear-gradient(#06141000 35%,#061410db 100%);position:absolute;inset:0}.su-paint-title{z-index:1;color:#fff;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:clamp(16px,2vw,28px);left:clamp(16px,2vw,28px);right:16px}.su-paint-name{letter-spacing:-.025em;text-shadow:0 1px 2px #06141059;font-size:clamp(19px,1.9vw,28px);font-weight:400;line-height:1.12}.su-play{color:var(--fo-green-2);transition:background .25s var(--fo-ease);background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;padding:9px 15px 9px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.su-shot{justify-content:center;align-items:center;padding:clamp(18px,3.4vw,52px);display:flex;position:relative;overflow:hidden}.su-shot img{width:auto;max-width:100%;height:auto;max-height:100%;transition:transform 1.2s var(--fo-ease);border-radius:12px;box-shadow:0 1px #14201b0f,0 30px 60px -30px #14201b59}button.su-frame:hover .su-paint img{transform:scale(1.04)}button.su-frame:hover .su-shot img{transform:scale(1.015)}button.su-frame:hover .su-play{background:#e7f6ee}.su-player{background:#000;border:0;width:100%;height:100%;display:block}.su-tabs{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.su-tab{all:unset;cursor:pointer;color:var(--fo-ink-2);transition:background .25s var(--fo-ease),color .25s var(--fo-ease);background:#14201b0d;border-radius:999px;align-items:center;padding:10px 16px;font-size:15px;display:inline-flex}.su-tab:hover{color:var(--fo-ink);background:#14201b17}.su-tab:focus-visible{outline:2px solid var(--fo-emerald);outline-offset:2px}.su-tab-on,.su-tab-on:hover{background:var(--fo-green-2);color:#fff}.su-see-head{margin-bottom:28px}@media (max-width:760px){.su-frame-wrap{aspect-ratio:auto}.su-frame{grid-template-rows:auto auto;grid-template-columns:1fr}.su-paint{aspect-ratio:16/7}.su-shot{padding:16px}.su-player{aspect-ratio:16/9;height:auto}}@media (prefers-reduced-motion:reduce){.su-paint img,.su-shot img{transition:none}}.su-logos{background:var(--fo-paper);padding:clamp(40px,5vw,64px) 0}.su-logos-in{align-items:center;display:flex}.su-logos-track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.su-logos-move{width:max-content;animation:36s linear infinite su-marquee;display:flex}.su-logos-row{align-items:center;margin:0;padding:0;list-style:none;display:flex}.su-logos-row li{flex:none;margin-right:clamp(64px,8vw,128px)}.su-logos-row img{width:auto;display:block}.su-logos-track:hover .su-logos-move{animation-play-state:paused}@keyframes su-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.su-logos-move{animation:none}}
