.feature-item{display:grid;gap:.75em}.share-perspective-section-wrapper{display:flex;gap:4em;padding:6em 8em 4em;justify-content:center}@media (max-width: 1200px){.share-perspective-section-wrapper{flex-direction:column;gap:3em;padding:6em 4em}}@media (max-width: 768px){.share-perspective-section-wrapper{padding:4em 2em;gap:2em}}.share-perspective-section{width:100%;max-width:1600px;display:flex;align-items:center}@media (max-width: 1200px){.share-perspective-section{flex-direction:column;gap:2em}}.share-perspective-content{width:100%;display:flex;flex-direction:column;order:1}.share-perspective-content-container{max-width:35rem;display:grid;gap:2em}@media (max-width: 1200px){.share-perspective-content-container{max-width:none}}.share-perspective-tagline{margin:0}.share-perspective-section p{color:#ccc;margin:0}.share-perspective-features{display:grid;grid-template-columns:1fr 1fr;gap:2em}@media (max-width: 768px){.share-perspective-features{grid-template-columns:1fr}}@media (max-width: 1200px){.share-perspective-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em}}.share-perspective-video{width:100%;display:flex;justify-content:center;align-items:center;position:relative;order:2}.desktop-share-video{width:100%;display:flex}.mobile-share-video{display:none;width:100%;justify-content:center;align-items:center;position:relative;margin:2em 0}@media (max-width: 1200px){.desktop-share-video{display:none}.mobile-share-video{display:flex}}.video-wrapper{position:relative;width:100%;max-width:600px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#333}@media (max-width: 768px){.video-wrapper{border-radius:8px;aspect-ratio:16/9}}.perspective-video{width:100%;height:100%;object-fit:cover;border:none;border-radius:inherit}.video-placeholder{position:relative;width:100%;max-width:600px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.video-placeholder{border-radius:8px;aspect-ratio:16/9}}.video-placeholder img{width:100%;height:100%;object-fit:cover}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#888;opacity:.6}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.play-button{background:#000000b3;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.play-button:hover{background:#000000e6;transform:scale(1.1)}.play-button svg{margin-left:4px}@media (max-width: 768px){.play-button{width:60px;height:60px}.play-button svg{width:48px;height:48px}}.video-wrapper:hover .video-play-overlay{opacity:.8}.video-wrapper .video-play-overlay{opacity:1;transition:opacity .3s ease}.video-wrapper video:not([paused])+.video-play-overlay{opacity:0;pointer-events:none}.play-button:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-contrast: high){.share-perspective-section{background:#000;color:#fff}.video-wrapper,.video-placeholder,.play-button{border:2px solid #fff}}@media (prefers-reduced-motion: reduce){.play-button{transition:none}.play-button:hover{transform:none}.video-play-overlay{transition:none}}.video-wrapper.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #333;border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;z-index:20}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/share-perspective.css.map */
