.three-stage[data-v-c67b74da]{min-width:0}.three-frame[data-v-c67b74da]{aspect-ratio:3/2;width:calc(100% - 24px);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.three-canvas[data-v-c67b74da],.three-poster[data-v-c67b74da]{width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.three-poster[data-v-c67b74da]{-o-object-fit:contain;object-fit:contain;pointer-events:none;display:block}.three-canvas[data-v-c67b74da]{opacity:0;pointer-events:none;touch-action:pan-y}.is-ready .three-canvas[data-v-c67b74da]{opacity:1;pointer-events:auto}.is-ready .three-poster[data-v-c67b74da]{opacity:0}.three-canvas[data-selected=keyboard][data-v-c67b74da],.three-canvas[data-selected=mouse][data-v-c67b74da]{touch-action:none}.three-canvas[data-v-c67b74da] canvas{width:100%;height:100%;display:block}@media (max-height:500px),(max-width:767px){.three-stage[data-v-c67b74da]{min-height:320px}}@media (prefers-reduced-motion:reduce){.three-canvas[data-v-c67b74da],.three-poster[data-v-c67b74da]{transition:none}}.pd-landing-v2{isolation:isolate;color:#fff;background:#071629;font:15px/1.5 Arial,Helvetica,sans-serif;position:relative;overflow:clip;container-type:inline-size}.pd-landing-v2 h1,.pd-landing-v2 h2,.pd-landing-v2 h3,.pd-landing-v2 p{margin:0}.pd-landing-v2 h1,.pd-landing-v2 h2{letter-spacing:-.025em;font-family:Impact,Anton,Arial Narrow,Arial,sans-serif;font-weight:900;line-height:.94}.pd-landing-v2 h2{font-size:calc(clamp(40px,5.4cqw,80px))}.pd-landing-v2 h3{letter-spacing:-.035em;font-size:27px;line-height:1.1}.pd-landing-v2 p{max-width:50ch;color:inherit;opacity:.78;margin-top:17px}.pd-landing-v2 a{color:inherit;text-decoration:none}.pd-landing-v2 small{opacity:.65;font-size:12px;display:block}.pd-landing-v2 :focus-visible{outline-offset:5px;outline:3px solid #80b7ff}.pd-landing-v2 .art{background-position:50%;background-repeat:no-repeat;background-size:contain}.pd-landing-v2 .brandnav{color:#fff;background:#071629;align-items:center;gap:40px;height:114px;padding:20px 44px;display:flex}.pd-landing-v2 .brand-home{flex-shrink:0;display:block}.pd-landing-v2 .brand-logo{width:155px;height:auto;display:block}.pd-landing-v2 .nav-sections{gap:28px;margin-left:auto;font-size:13px;display:flex}.pd-landing-v2 .nav-pass{margin-left:15px;font-size:13px}.pd-landing-v2 .nav-pass span{margin-left:10px}.pd-landing-v2 .button{z-index:4;background:#fff;justify-content:space-between;align-items:center;gap:32px;min-height:48px;padding:14px 22px;font-size:14px;font-weight:700;display:inline-flex;position:relative;color:#071629!important}.pd-landing-v2 .button span{font-size:20px;line-height:1;transition:transform .2s}.pd-landing-v2 .button:hover span{transform:translate(3px)}.pd-landing-v2 .button:hover{background:#c8e2ff}.pd-landing-v2 a:not(.button):hover{text-underline-offset:5px;text-decoration:underline}.pd-landing-v2 .hardware-hero{color:#fff;background:#071629 url(../logitech/landing/art/studio-dark.webp) 50%/cover;grid-template-columns:42% 58%;min-height:670px;display:grid;position:relative;overflow:hidden}.pd-landing-v2 .hardware-copy{z-index:4;padding:75px 0 65px 48px;position:relative}.pd-landing-v2 .hardware-copy h1{font-size:calc(clamp(62px,7.8cqw,112px));line-height:.92}.pd-landing-v2 .headline-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.pd-landing-v2 .headline-line>span{display:block}.pd-landing-v2 .hardware-copy p{opacity:.9;margin-top:26px;font-size:18px}.pd-landing-v2 .hardware-copy .button{background:#80b7ff;margin-top:30px;box-shadow:0 7px 24px #0004}.pd-landing-v2 .header-secondary{margin-top:18px;font-size:13px;display:block}.pd-landing-v2 .hardware-stage{isolation:isolate;min-height:560px;position:relative}.pd-landing-v2 .header-meta{border-top:1px solid #b7d9ff25;grid-column:1/-1;justify-content:space-between;padding:22px 48px;font-size:12px;display:flex}.pd-landing-v2 .hardware-links{z-index:2;background:#0b1d32;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:26px 48px;display:grid;position:relative;box-shadow:inset 0 1px #a5d1ff20,0 12px 24px #0003}.pd-landing-v2 .hardware-links a{display:block}.pd-landing-v2 .hardware-links b{font-size:17px;display:block}.pd-landing-v2 .hardware-links span{opacity:.6;margin-top:5px;font-size:12px;display:block}.pd-landing-v2 .poster-games{background:linear-gradient(#071629bb,#071629ee),url(../logitech/landing/art/studio-dark.webp) 50%/cover;padding:65px 44px 75px}.pd-landing-v2 .games-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}.pd-landing-v2 .games-intro h2{font-size:calc(clamp(38px,5.6cqw,80px))}.pd-landing-v2 .games-intro p{margin:0 0 6px;font-size:15px}.pd-landing-v2 .game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;display:grid}.pd-landing-v2 .game-feature{isolation:isolate;background:linear-gradient(135deg,#233b57,#10243d);border:1px solid #9acbff25;grid-column:span 2;display:block;overflow:hidden;box-shadow:0 18px 28px #020b1766,inset 0 1px #c4e0ff15}.pd-landing-v2 .game-feature:hover{text-decoration:none}.pd-landing-v2 .game-visual{border-bottom:1px solid #badaff35;height:250px;position:relative;overflow:hidden}.pd-landing-v2 .game-visual>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.pd-landing-v2 .game-copy{padding:25px}.pd-landing-v2 .game-copy h3{font-size:27px}.pd-landing-v2 .game-copy p{max-width:32ch;min-height:3em;margin:12px 0 22px;font-size:13px}.pd-landing-v2 .game-copy b{font-size:13px}.pd-landing-v2 .keyboard-visual{background:#a7caff url(../logitech/landing/art/studio-light.webp) 100%/cover}.pd-landing-v2 .keyboard-visual>img{-o-object-fit:contain;object-fit:contain;width:125%;max-width:none;transform:rotate(-19deg)translate(-6%,3%)}.pd-landing-v2 .game-play{color:#fff;text-shadow:0 4px 18px #020b17aa;place-items:center;font-size:44px;transition:transform .25s;display:grid;position:absolute;inset:0}.pd-landing-v2 .game-feature:is(:hover,:focus-visible) .game-play{transform:scale(1.1)}.pd-landing-v2 .mouse-visual{background:#a7caff url(../logitech/landing/art/studio-light.webp) 0/cover}.pd-landing-v2 .mouse-visual>img{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;transform:rotate(24deg)scale(.9)}.pd-landing-v2 .game-light{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff2 47%,#0000 58%);transition:transform .65s;position:absolute;inset:-35%;transform:translate(-65%)}.pd-landing-v2 .game-feature:is(:hover,:focus-visible) .game-light{transform:translate(65%)}.pd-landing-v2 .poster-collection{color:#071629;background:linear-gradient(#eaf2ffb8,#edf5ffd9),url(../logitech/landing/art/studio-light.webp) 0/cover;padding:65px 48px 40px;box-shadow:inset 0 1px #fff}.pd-landing-v2 .collection-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.pd-landing-v2 .collection-heading h2{font-size:calc(clamp(42px,6.6cqw,95px))}.pd-landing-v2 .collection-heading p{max-width:30ch;margin:8px 0;font-size:14px}.pd-landing-v2 .card-interaction-note{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:12px;display:flex}.pd-landing-v2 .card-interaction-note p{margin:0}.pd-landing-v2 .card-interaction-note button{color:#17385c;background:#fff5;border:1px solid #17385c40;padding:8px 14px}.pd-landing-v2 .real-card-row{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:50px 8px 55px;display:grid}.pd-landing-v2 .card-arrival{min-width:0}.pd-landing-v2 .card-arrival:focus-within,.pd-landing-v2 .card-arrival:hover{z-index:5}.pd-landing-v2 .display-card{transform:translateY(var(--offset)) rotate(var(--fan));transform-origin:bottom;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:relative}.pd-landing-v2 .display-card:is(:hover,:focus-within){transform:translateY(-14px)rotate(0)scale(1.035)}.pd-landing-v2 .real-card-row .dfrag-card{text-transform:none;width:100%}.pd-landing-v2 .real-card-row .dfrag-card:focus-visible{outline-offset:7px;outline:3px solid #1261ee}.pd-landing-v2 .real-card-row p{opacity:1;margin:0}.pd-landing-v2 .real-card-row h2,.pd-landing-v2 .real-card-row h3{letter-spacing:inherit;font-family:inherit;line-height:inherit}.pd-landing-v2 .collection-foot{z-index:6;justify-content:space-between;align-items:center;gap:25px;display:flex;position:relative}.pd-landing-v2 .collection-foot .button{background:#071629;color:#fff!important}.pd-landing-v2 .collection-foot p{margin:0;font-size:10px}.pd-landing-v2 .collection-foot>a:last-child,.pd-landing-v2 .watch-link a{font-size:13px}.pd-landing-v2 .poster-watch{color:#071629;background:linear-gradient(115deg,#80b7ffec,#80b7ff88),url(../logitech/landing/art/studio-light.webp) 100%/cover;grid-template-columns:1.2fr 1fr;gap:65px;padding:75px 65px;display:grid}.pd-landing-v2 .poster-watch>h2{font-size:calc(clamp(100px,19cqw,274px));line-height:.82}.pd-landing-v2 .poster-watch>div{padding-top:10px}.pd-landing-v2 .poster-watch p{font-size:14px}.pd-landing-v2 .poster-watch .button{background:#071629;margin-top:20px;color:#fff!important}.pd-landing-v2 .watch-link{border-top:1px solid #07162950;margin-top:35px;padding-top:25px}.pd-landing-v2 .watch-link b{font-size:20px}.pd-landing-v2 .watch-link p{margin:8px 0;font-size:13px}.pd-landing-v2 .crew-gear{grid-template-columns:1.1fr 1fr;min-height:420px;display:grid}.pd-landing-v2 .crew{background:linear-gradient(100deg,#1045a9cf,#1045a988),url(../logitech/landing/art/studio-dark.webp) 50%/cover;padding:60px 48px}.pd-landing-v2 .crew p{max-width:38ch;margin-bottom:25px}.pd-landing-v2 .crew small{margin-top:18px}.pd-landing-v2 .gear{color:#142539;background:linear-gradient(#e3efff88,#e3efffcc),url(../logitech/landing/art/studio-light.webp) 100%/cover;padding:250px 40px 40px;position:relative}.pd-landing-v2 .gear .art{filter:drop-shadow(15px 28px 12px #07162930);width:70%;height:290px;position:absolute;top:-15px;right:15%;transform:rotate(-18deg)}.pd-landing-v2 .gear p{margin-bottom:14px;font-size:14px}.pd-landing-v2 .gear a{font-size:14px;font-weight:700}.pd-landing-v2 .campaign-end{color:#fff;background:linear-gradient(#071629ce,#071629ef),url(../logitech/landing/art/studio-dark.webp) 0 100%/cover;padding:70px 48px 25px}.pd-landing-v2 .closing{justify-content:space-between;align-items:center;margin-bottom:65px;display:flex}.pd-landing-v2 .closing h2{font-size:70px}.pd-landing-v2 .end-grid{grid-template-columns:1fr 1fr 1.1fr;gap:65px;display:grid}.pd-landing-v2 .end-grid h3{letter-spacing:0;font:700 17px Arial,sans-serif}.pd-landing-v2 .end-grid p{font-size:13px}.pd-landing-v2 .end-grid details{border-bottom:1px solid #526276;margin-bottom:18px;padding:0 0 18px;font-size:13px}.pd-landing-v2 .end-grid summary{cursor:pointer;font-weight:700}.pd-landing-v2 .steps{counter-reset:steps;gap:22px;padding:0;list-style:none;display:grid}.pd-landing-v2 .steps li{counter-increment:steps;padding-left:26px;position:relative}.pd-landing-v2 .steps li:before{content:counter(steps);color:#80b7ff;position:absolute;left:0}.pd-landing-v2 .steps b{font-size:14px}.pd-landing-v2 .steps p{margin-top:5px;font-size:13px}.pd-landing-v2 .legal{color:#94a8be;justify-content:space-between;margin-top:65px;font-size:11px;display:flex}.pd-landing-v2.motion-off *,.pd-landing-v2.motion-off :after,.pd-landing-v2.motion-off :before{transition:none!important;animation:none!important}.pd-landing-v2.motion-off .display-card:is(:hover,:focus-within){transform:translateY(var(--offset)) rotate(var(--fan))}.pd-landing-v2.motion-off .dfrag-card{--pointer-x:50%!important;--pointer-y:50%!important;--sheen-x:0px!important;--sheen-y:0px!important;--effect-x:0px!important;--effect-y:0px!important;transform:none!important}.pd-landing-v2.motion-off .game-light{display:none}@media (max-width:1000px){.pd-landing-v2 .brandnav{gap:20px;padding:20px 25px}.pd-landing-v2 .nav-sections{gap:15px}.pd-landing-v2 .hardware-copy{padding:50px 0 40px 30px}.pd-landing-v2 .hardware-copy h1{font-size:calc(clamp(52px,8cqw,80px))}.pd-landing-v2 .hardware-copy p{font-size:15px}.pd-landing-v2 .hardware-hero{min-height:0}.pd-landing-v2 .hardware-stage{min-height:490px}.pd-landing-v2 .header-meta{padding:20px 30px}.pd-landing-v2 .hardware-links{gap:20px;padding:25px 30px}.pd-landing-v2 .poster-games{padding:50px 30px}.pd-landing-v2 .games-intro h2{font-size:55px}.pd-landing-v2 .game-grid{gap:16px}.pd-landing-v2 .game-visual{height:190px}.pd-landing-v2 .game-copy{padding:20px}.pd-landing-v2 .game-copy h3{font-size:23px}.pd-landing-v2 .collection-heading{display:block}.pd-landing-v2 .collection-heading p{max-width:55ch;margin-top:20px}.pd-landing-v2 .real-card-row{gap:16px;padding:40px 0}.pd-landing-v2 .poster-watch{gap:35px;padding:50px 30px}.pd-landing-v2 .crew{padding:40px 30px}.pd-landing-v2 .end-grid{gap:30px}}@media (max-height:500px),(max-width:767px){.pd-landing-v2 .brandnav{gap:15px;height:92px;padding:15px 20px}.pd-landing-v2 .brand-logo{width:130px}.pd-landing-v2 .nav-sections{display:none}.pd-landing-v2 .nav-pass{margin-left:auto;font-size:11px}.pd-landing-v2 .nav-pass span{margin-left:4px}.pd-landing-v2 .hardware-hero{background-position:58%;background-size:auto 100%;flex-direction:column;display:flex}.pd-landing-v2 .hardware-copy{background:linear-gradient(90deg,#07162955,#0000);padding:35px 23px 30px}.pd-landing-v2 .hardware-copy h1{font-size:calc(clamp(55px,14cqw,80px))}.pd-landing-v2 .hardware-copy p{margin-top:20px;font-size:16px}.pd-landing-v2 .hardware-copy .button{margin-top:24px}.pd-landing-v2 .hardware-stage{min-height:335px}.pd-landing-v2 .header-meta{gap:20px;padding:20px 23px;font-size:10px}.pd-landing-v2 .hardware-links{gap:15px;padding:22px 23px}.pd-landing-v2 .collection-heading p,.pd-landing-v2 .hardware-links b{font-size:13px}.pd-landing-v2 .hardware-links span{font-size:10px}.pd-landing-v2 .poster-games{padding:40px 20px}.pd-landing-v2 .games-intro{margin-bottom:26px;display:block}.pd-landing-v2 .games-intro h2{font-size:48px}.pd-landing-v2 .games-intro p{margin-top:15px}.pd-landing-v2 .game-grid{grid-template-columns:1fr;gap:22px}.pd-landing-v2 .game-feature{grid-column:auto}.pd-landing-v2 .game-visual{height:250px}.pd-landing-v2 .game-copy{padding:23px}.pd-landing-v2 .game-copy h3{font-size:27px}.pd-landing-v2 .game-copy p{max-width:42ch;min-height:0}.pd-landing-v2 .poster-collection{background-position:0 0;background-size:auto 100%;padding:40px 20px 30px}.pd-landing-v2 .collection-heading h2{font-size:44px}.pd-landing-v2 .card-interaction-note{gap:10px;font-size:11px}.pd-landing-v2 .card-interaction-note button{padding:7px 10px;font-size:11px}.pd-landing-v2 .real-card-row{scroll-snap-type:x mandatory;gap:25px;margin-inline:-20px;padding:35px 22px 45px;display:flex;overflow-x:auto}.pd-landing-v2 .card-arrival{scroll-snap-align:center;flex:0 0 235px}.pd-landing-v2 .display-card:is(:hover,:focus-within){transform:translateY(-8px)scale(1.02)}.pd-landing-v2 .collection-foot{flex-wrap:wrap;gap:15px}.pd-landing-v2 .collection-foot p{flex-basis:100%;order:3}.pd-landing-v2 .collection-foot .button{gap:12px;padding:12px 16px;font-size:12px}.pd-landing-v2 .poster-watch{padding:40px 25px;display:block}.pd-landing-v2 .poster-watch>h2{font-size:120px;line-height:.85}.pd-landing-v2 .poster-watch>div{padding-top:35px}.pd-landing-v2 .poster-watch h3{font-size:29px}.pd-landing-v2 .crew-gear{display:block}.pd-landing-v2 .crew{padding:40px 25px}.pd-landing-v2 .crew h2{font-size:55px}.pd-landing-v2 .crew p{font-size:14px}.pd-landing-v2 .gear{min-height:355px;padding:240px 25px 35px}.pd-landing-v2 .gear .art{height:265px;top:-10px}.pd-landing-v2 .campaign-end{padding:40px 25px 25px}.pd-landing-v2 .closing{margin-bottom:40px;display:block}.pd-landing-v2 .closing h2{font-size:60px}.pd-landing-v2 .closing .button{margin-top:25px}.pd-landing-v2 .end-grid{display:block}.pd-landing-v2 .end-grid>div+div{margin-top:35px}.pd-landing-v2 .legal{gap:25px;margin-top:40px;font-size:10px}.pd-landing-v2 .brandnav{flex-wrap:wrap;height:auto;min-height:92px}}@media (prefers-reduced-motion:reduce){.pd-landing-v2 *,.pd-landing-v2 :after,.pd-landing-v2 :before{transition:none!important;animation:none!important}.pd-landing-v2 .display-card:is(:hover,:focus-within){transform:translateY(var(--offset)) rotate(var(--fan))}}.pd-landing-v2{max-width:1440px;margin-inline:auto}.pd-landing-v2 *{box-sizing:border-box}.pd-landing-v2 button{cursor:pointer;font:inherit}.pd-landing-v2 button:disabled{opacity:.5;cursor:default}.pd-landing-v2 .gear .art{background-image:url(../logitech/landing/art/mouse.webp)}.pd-landing-v2 .pd-faq{margin-top:20px}.pd-landing-v2 .pd-faq dt{margin-top:18px;font-weight:700}.pd-landing-v2 .pd-faq dd{opacity:.8;margin:6px 0 0}.pd-landing-v2 .pd-panel h2{margin-top:10px;font:700 20px Arial,sans-serif}.pd-landing-v2 [id]{scroll-margin-top:90px}.pd-landing-v2 .landing-section-group{display:contents}html:has(.pd-landing-v2){scrollbar-gutter:stable}.pd-landing-v2 .hardware-links--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
