.homeVideos{position:relative;padding-block:105px 80px;padding-inline:clamp(40px,5vw,96px);background:#f5f4f0;color:#080a0b;overflow:hidden}.videoHead{text-align:center;padding:0 0 52px}.videoHead>.ey{font-size:clamp(12px,.72vw,14px);font-weight:700;line-height:1.4;letter-spacing:.16em;color:rgba(7,12,14,.82)}.videoHead h2{font-size:clamp(70px,9vw,135px);line-height:.8;letter-spacing:-.07em;margin:24px 0 0}.videoHead p{margin-top:14px;font-size:clamp(16px,1vw,19px);font-weight:400;line-height:1.55;color:rgba(7,12,14,.68)}.videoViewport{width:100%;max-width:1760px;margin-inline:auto;overflow:hidden}.videoTrack{display:flex;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.videoCard{position:relative;flex:0 0 50%;height:clamp(360px,30vw,430px);overflow:hidden;border:14px solid #f5f4f0;border-radius:44px;background:#070b0e}.videoCard img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block;transition:transform .6s}.videoCard:nth-child(2) img,.videoCard:nth-child(3) img{object-fit:contain;object-position:center;background:#070b0e}.videoCard:hover img{transform:scale(1.012)}.videoShade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.06) 30%,rgba(0,0,0,.72) 100%)}.videoMeta{position:absolute;z-index:2;left:clamp(28px,2.2vw,42px);right:clamp(28px,2.2vw,42px);bottom:clamp(28px,2.2vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "title status";align-items:end;column-gap:24px;color:#fff}.videoMeta>span{grid-area:label;margin-bottom:11px;font-size:clamp(11px,.68vw,13px);font-weight:700;line-height:1.4;letter-spacing:.14em;color:rgba(255,255,255,.8)}.videoMeta h3{grid-area:title;min-width:0;margin:0;font-size:clamp(26px,2vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:#fff}.videoMeta button,.videoMeta .videoStatus{grid-area:status;min-width:190px;min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.62);border-radius:0;background:rgba(5,8,10,.64);color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:.07em;white-space:nowrap}.videoMeta button i,.videoMeta .videoStatus i{font-size:15px;font-style:normal}.videoNav{position:absolute;z-index:4;top:58%;width:56px;height:56px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.46);border-radius:0;background:rgba(6,10,12,.78);color:#fff;font-size:0;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms ease}.videoNav:before{content:"";width:14px;height:14px;border-top:2px solid currentColor;border-right:2px solid currentColor}.videoPrev{left:clamp(48px,5.8vw,112px)}.videoNext{right:clamp(48px,5.8vw,112px)}.videoPrev:before{transform:rotate(-135deg);margin-left:5px}.videoNext:before{transform:rotate(45deg);margin-right:5px}.videoNav:hover{background:#42f5e6;color:#080a0b;border-color:#42f5e6;transform:scale(1.04)}.videoNav:focus-visible{outline:2px solid #42f5e6;outline-offset:4px}.homeVideos.atStart .videoPrev,.homeVideos.atEnd .videoNext{opacity:.32;pointer-events:none}.videoDots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px}.videoDots button{position:relative;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}.videoDots button:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:999px;background:rgba(7,12,14,.28);transform:translate(-50%,-50%);transition:width 180ms ease,background-color 180ms ease}.videoDots button.active:before,.videoDots button[aria-current="true"]:before{width:30px;background:#080d0f}.videoDots button:focus-visible{outline:2px solid #42f5e6;outline-offset:2px}
@media(min-width:1440px){.videoHead{padding-bottom:54px}.videoCard{height:clamp(450px,28vw,520px);border-width:16px;border-radius:46px}.videoMeta h3{font-size:clamp(32px,2vw,38px)}.videoMeta button,.videoMeta .videoStatus{min-height:52px;font-size:13px}.videoNav{width:60px;height:60px}.videoNav:before{width:16px;height:16px}}
@media(min-width:1001px) and (max-width:1439px){.homeVideos{padding-inline:clamp(40px,4vw,56px)}.videoHead{padding-bottom:46px}.videoHead>.ey{font-size:13px}.videoHead p{font-size:17px}.videoCard{height:clamp(360px,30vw,430px);border-width:12px;border-radius:40px}.videoMeta{left:28px;right:28px;bottom:28px;grid-template-columns:1fr;grid-template-areas:"label" "title" "status"}.videoMeta h3{font-size:clamp(26px,2.35vw,32px);margin-bottom:18px}.videoMeta button,.videoMeta .videoStatus{width:max-content;min-width:185px;min-height:46px}.videoNav{width:50px;height:50px}.videoPrev{left:clamp(44px,4.5vw,64px)}.videoNext{right:clamp(44px,4.5vw,64px)}}
@media(max-width:1000px){.homeVideos{padding-inline:5vw}.videoHead{padding-bottom:42px}.videoHead p{font-size:16px}.videoCard{flex-basis:100%;height:min(64vw,520px);min-height:400px;border-width:8px;border-radius:32px}.videoMeta{grid-template-columns:minmax(0,1fr) auto}.videoMeta h3{font-size:clamp(26px,4vw,32px)}.videoMeta button,.videoMeta .videoStatus{min-width:185px;min-height:48px}.videoNav{top:60%;width:48px;height:48px}.videoPrev{left:calc(5vw + 16px)}.videoNext{right:calc(5vw + 16px)}}
@media(max-width:560px){.homeVideos{padding:80px 5vw 65px}.videoHead{text-align:left;padding:0 0 40px}.videoHead>.ey{font-size:12px}.videoHead h2{font-size:19vw;margin-top:20px}.videoHead p{font-size:15px}.videoCard{height:76vw;min-height:390px;border-width:5px;border-radius:24px}.videoMeta{left:24px;right:24px;bottom:24px;grid-template-columns:1fr;grid-template-areas:"label" "title" "status"}.videoMeta>span{font-size:11px;margin-bottom:10px}.videoMeta h3{font-size:24px;margin-bottom:18px}.videoMeta button,.videoMeta .videoStatus{width:max-content;min-width:185px;min-height:46px;font-size:12px}.videoNav{width:44px;height:44px;top:63%}.videoPrev{left:calc(5vw + 10px)}.videoNext{right:calc(5vw + 10px)}.videoDots{margin-top:26px}}