.pu-hardshell-facts{--pu-facts-ink: #1d1d1f;--pu-facts-slate: #6e6e73;padding:96px 0;overflow:clip;background:#f5f4f1;color:var(--pu-facts-ink)}.pu-hardshell-facts__header{max-width:920px;margin-bottom:36px}.pu-hardshell-facts__header h2{margin:0;color:var(--pu-facts-ink);font-family:Urbanist,Manrope,sans-serif;font-size:clamp(44px,4vw,56px);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.pu-hardshell-facts__rail:focus-visible{outline:3px solid #00aaff;outline-offset:3px}.pu-hardshell-facts__rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(66vw,880px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none}.pu-hardshell-facts__rail::-webkit-scrollbar{display:none}.pu-hardshell-facts__slide{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;min-height:0;overflow:visible;scroll-snap-align:start;scroll-snap-stop:always;border-radius:0;background:transparent}.pu-hardshell-facts__media{position:relative;min-width:0;min-height:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#fff}.pu-hardshell-facts__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.pu-hardshell-facts__media.has-ui{display:grid;place-items:center;padding:clamp(20px,3vw,36px);background:#f5f5f7}.pu-hardshell-facts__media.has-ui .pu-flow-ui{width:min(100%,560px);height:100%}.pu-hardshell-facts__media-pending{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:var(--pu-facts-slate);background:#fbfbfd;font:400 14px/1.5 Manrope,sans-serif;text-align:center}.pu-hardshell-facts__signal{position:absolute;z-index:3;left:16px;bottom:16px;display:inline-flex;min-height:40px;align-items:center;gap:8px;padding:8px 16px;border:0;border-radius:999px;background:#0b0b0db8;color:#fff;font:500 14px/1.4 Manrope,sans-serif;white-space:nowrap;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.pu-hardshell-facts__signal svg{width:18px;height:18px;flex:0 0 18px;fill:currentColor}.pu-hardshell-facts__media--software{background:#f5f4f1;isolation:isolate}.pu-hardshell-facts__software-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;object-position:44% 50%;filter:saturate(.88) brightness(.95)}.pu-hardshell-facts__software-screen{position:absolute;z-index:1;top:8%;right:3.5%;width:70%;margin:0;overflow:hidden;border-radius:14px;background:#0b0b0d;transform:perspective(1400px) rotateY(-5deg) rotateX(1deg);transform-origin:right center}.pu-hardshell-facts__software-screen img{aspect-ratio:16 / 9;object-fit:contain}.pu-hardshell-facts__copy{display:flex;min-height:0;flex-direction:column;justify-content:flex-start;padding:24px 0 0;border-radius:0;background:transparent}.pu-hardshell-facts__copy h3{margin:0 0 14px;color:var(--pu-facts-ink);font-family:Urbanist,Manrope,sans-serif;font-size:clamp(28px,2.5vw,36px);font-weight:500;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.pu-hardshell-facts__copy p{max-width:36ch;margin:0;color:var(--pu-facts-slate);font:400 16px/1.5 Manrope,sans-serif}.pu-hardshell-facts__controls{display:flex;justify-content:flex-end;gap:8px;margin-top:var(--pu-product-slider-controls-gap, 28px)}.pu-hardshell-facts__controls button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(29,29,31,.3);border-radius:50%;background:transparent;color:var(--pu-facts-ink);cursor:pointer}.pu-hardshell-facts__controls button:hover{border-color:#1d1d1f9e}.pu-hardshell-facts__controls button:focus-visible{outline:3px solid #00aaff;outline-offset:2px}.pu-hardshell-facts__controls button:disabled{opacity:.32;cursor:default}.pu-hardshell-facts__controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:989px){.pu-hardshell-facts{padding-block:80px}.pu-hardshell-facts__rail{grid-auto-columns:min(86vw,760px)}.pu-hardshell-facts__copy{min-height:0}}@media(max-width:749px){.pu-hardshell-facts{--pu-mobile-rail-gutter: 16px;--pu-mobile-rail-gap: 10px;--pu-mobile-rail-card-width: min(360px, calc(100vw - 64px) );--pu-mobile-rail-peek: 48px;padding-block:64px}.pu-hardshell-facts__header{margin-bottom:28px}.pu-hardshell-facts__header h2{font-size:36px}.pu-hardshell-facts__rail{width:calc(100% + var(--pu-mobile-rail-gutter));grid-auto-columns:var(--pu-mobile-rail-card-width);gap:var(--pu-mobile-rail-gap);padding-right:calc(var(--pu-mobile-rail-gutter) + var(--pu-mobile-rail-peek))}.pu-hardshell-facts__media{aspect-ratio:4 / 3}.pu-hardshell-facts__signal{left:12px;bottom:12px;min-height:36px;padding:7px 14px}.pu-hardshell-facts__software-background{object-position:39% 50%}.pu-hardshell-facts__software-screen{top:9%;right:-4%;width:88%;transform:perspective(1100px) rotateY(-4deg)}.pu-hardshell-facts__copy{min-height:0;padding:22px 0 0}.pu-hardshell-facts__copy h3{font-size:28px}.pu-hardshell-facts__controls{margin-top:var(--pu-product-slider-controls-gap, 24px)}}@media(prefers-reduced-motion:reduce){.pu-hardshell-facts__rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/project-unity-hardshell-facts-slider.css.map */