.video-section{position:relative;min-height:100svh;padding:108px 0 88px;background:var(--blue);color:white;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.video-frame{position:relative;width:min(64%,900px);padding:18px;border:9px solid var(--pink)}
.video-frame::before,.video-frame::after{content:"";position:absolute;left:-18px;right:-18px;height:9px;background:var(--pink);pointer-events:none}
.video-frame::before{top:-9px}.video-frame::after{bottom:-9px}
.frame-label{position:absolute;left:50%;z-index:1;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 54px);margin:0;padding:0 15px;background:var(--blue);color:white;font:400 clamp(15px,1.7vw,22px)/1 var(--pixel);letter-spacing:.075em;text-align:center}
.frame-label-top{top:-4px}.frame-label-bottom{top:calc(100% + 4px)}
.video-player{position:relative;width:100%;aspect-ratio:16/8.4;background:#4b4b4b}
.video-play{display:grid;place-items:center;width:100%;height:100%;position:absolute;inset:0;background:transparent;border:0;cursor:pointer}
.video-play span{display:block;width:0;height:0;border-top:clamp(32px,5.6vw,68px) solid transparent;border-bottom:clamp(32px,5.6vw,68px) solid transparent;border-left:clamp(34px,5.6vw,68px) solid white;margin-left:12px}
.video-play:focus-visible{outline:4px solid white;outline-offset:-8px}.video-player iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0}
.download-link{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:54px;width:clamp(265px,26vw,340px);min-height:44px;padding:10px 22px;background:var(--pink);color:white;border:0;font:25px/1 var(--pixel);cursor:pointer}
.download-link:hover{background:#df25d4}.download-link:focus-visible{outline-color:white}.download-arrow{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid white}
.brand-marquee{position:relative;width:100%;margin-top:64px;padding-bottom:32px;overflow:hidden;font:28px/1.2 var(--pixel);text-transform:uppercase}
.brand-row{display:flex;width:max-content;animation:brands-left 48s linear infinite;will-change:transform}.brand-row:nth-child(2){animation-duration:43s}
.brand-list{display:flex;align-items:center;flex:none;list-style:none;padding:0;margin:0;white-space:nowrap}
.brand-list li{display:flex;align-items:center;gap:22px;padding-right:22px}.brand-list li::after{content:"-"}
.brand-marquee:hover .brand-row,.brand-marquee:focus-within .brand-row,.brand-marquee.is-paused .brand-row,.video-section.is-offscreen .brand-row{animation-play-state:paused}
.brands-pause{position:absolute;right:22px;bottom:0;width:30px;height:26px;border:1px solid #ffffff70;background:transparent;color:white;cursor:pointer;font:18px/1 Arial,sans-serif}.brands-pause:focus-visible{outline-color:white}
@keyframes brands-left{to{transform:translateX(-50%)}}
@media(min-width:1500px){.video-section{padding-top:120px}.brand-marquee{margin-top:78px}}
@media(max-width:700px){
  .video-section{padding:100px 0 66px;min-height:100svh}
  .video-frame{width:calc(100% - 36px);padding:13px;border-width:8px}
  .video-frame::before,.video-frame::after{left:-15px;right:-15px;height:8px}.video-frame::before{top:-8px}.video-frame::after{bottom:-8px}
  .frame-label{padding:0 10px;max-width:calc(100% - 34px);font-size:clamp(14px,2.6vw,18px);letter-spacing:.04em;white-space:nowrap}
  .video-play span{border-top-width:clamp(32px,8.4vw,53px);border-bottom-width:clamp(32px,8.4vw,53px);border-left-width:clamp(34px,8.4vw,53px)}
  .download-link{margin-top:90px;width:50%;min-width:220px;min-height:48px;font-size:28px}
  .brand-marquee{margin-top:80px;font-size:26px;line-height:1.2}
  .brand-list li{gap:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){.brand-row{animation:none;transform:none}.brand-row .brand-list[aria-hidden="true"]{display:none}.brand-marquee{overflow-x:auto}.brands-pause{display:none}}