.whatis-scope{--background:0 0% 4%;--foreground:0 0% 98%;--card:0 0% 10%;--card-foreground:0 0% 98%;--popover:0 0% 10%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 4%;--secondary:0 0% 10%;--secondary-foreground:0 0% 98%;--muted:0 0% 10%;--muted-foreground:240 4% 65%;--accent:0 0% 10%;--accent-foreground:0 0% 98%;--border:240 4% 15%;--input:0 0% 10%;--ring:240 4% 46%;--radius:.75rem;background-color:hsl(var(--background));color:hsl(var(--foreground));overflow-x:clip}.whatis-scope .font-bagel{font-family:Bagel Fat One,cursive}.whatis-scope .clean-border{border:1px solid hsl(var(--border))}.whatis-scope .subtle-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.whatis-scope .elevated-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.whatis-scope .gentle-animation{transition:all .3s cubic-bezier(.4,0,.2,1)}.whatis-scope .glass-effect{-webkit-backdrop-filter:blur(25px)saturate(1.5);backdrop-filter:blur(25px)saturate(1.5);background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3}.whatis-scope .glass-effect:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.whatis-scope .glass-navbar{-webkit-backdrop-filter:blur(30px)saturate(1.8);backdrop-filter:blur(30px)saturate(1.8);background:#00000026;border:1px solid #fff3;box-shadow:0 8px 32px #0006,0 1px 1px #ffffff26,inset 0 1px #fff3,inset 0 -1px #0000001a}.whatis-scope .text-shadow-strong{text-shadow:0 2px 4px #000c,0 1px 2px #000000e6,1px 1px 2px #000c,-1px -1px 2px #000c}.whatis-scope .text-shadow-medium{text-shadow:0 1px 3px #000000b3,0 1px 1px #000c,1px 1px 1px #000000b3,-1px -1px 1px #000000b3}.whatis-scope .video-container{width:100%;height:100vh;position:relative;overflow:hidden}.whatis-scope .video-container video{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes whatis-float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes whatis-pulse-glow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #ffffff4d}}@keyframes whatis-drift-left{0%,to{transform:translate(0)}50%{transform:translate(-15px)}}@keyframes whatis-drift-right{0%,to{transform:translate(0)}50%{transform:translate(15px)}}@keyframes whatis-film-scroll{0%{transform:translate(0)}to{transform:translate(-2272px)}}@keyframes whatis-perforations-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes whatis-photo-sway-1{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-3px)}}@keyframes whatis-photo-sway-2{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(3deg)translateY(-2px)}}@keyframes whatis-photo-sway-3{0%,to{transform:rotate(1deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-4px)}}@keyframes whatis-rope-sway{0%,to{transform:scaleY(1)translateY(0)}50%{transform:scaleY(1.02)translateY(1px)}}.whatis-scope .float-gentle{animation:6s ease-in-out infinite whatis-float-gentle}.whatis-scope .pulse-glow{animation:3s ease-in-out infinite whatis-pulse-glow}.whatis-scope .drift-left{animation:8s ease-in-out infinite whatis-drift-left}.whatis-scope .drift-right{animation:7s ease-in-out infinite whatis-drift-right}.whatis-scope .photo-sway-1{animation:8s ease-in-out infinite whatis-photo-sway-1}.whatis-scope .photo-sway-2{animation:9s ease-in-out infinite whatis-photo-sway-2}.whatis-scope .photo-sway-3{animation:7s ease-in-out infinite whatis-photo-sway-3}.whatis-scope .rope-sway{animation:12s ease-in-out infinite whatis-rope-sway}.whatis-scope .film-scroll-animation{animation:28s linear infinite whatis-film-scroll}.whatis-scope .perforations-scroll-animation{animation:28s linear infinite whatis-perforations-scroll}@media (width<=768px){.whatis-scope .video-container{height:100dvh}.whatis-scope .glass-effect{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.whatis-scope .glass-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.whatis-scope section{max-width:100vw;overflow-x:hidden}.whatis-scope .mobile-menu-panel{z-index:9999;max-width:90vw}}@media (prefers-reduced-motion:reduce){.whatis-scope *,.whatis-scope :before,.whatis-scope :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
