/**
 * Viewport Animations CSS
 * Handles scroll-based animations when fullPage.js is disabled
 * Works in conjunction with viewport-animations.js
 * 
 * IMPORTANT: This class is only active when:
 * - Animations toggle is ON
 * - fullPage.js toggle is OFF
 * 
 * This ensures complete separation from fullPage.js animations
 *//* Hide elements initially when viewport animations are active */.viewport-animations-only .section h1,.viewport-animations-only .section h2,.viewport-animations-only .section h3,.viewport-animations-only .section h4,.viewport-animations-only .section h5,.viewport-animations-only .section h6,.viewport-animations-only .section p:not(a > p),.viewport-animations-only .section a:not(p > a),.viewport-animations-only .section img,.viewport-animations-only .section form,.viewport-animations-only .section label,.viewport-animations-only .section input,.viewport-animations-only .section textarea,.viewport-animations-only .section button,.viewport-animations-only .section .animate-element{opacity:0;transform:translate3d(0, 50px, 0)}/* When element enters viewport (non-fullPage.js mode), show elements with animation */.viewport-animations-only .section.in-viewport h1,.viewport-animations-only .section.in-viewport h2,.viewport-animations-only .section.in-viewport h3,.viewport-animations-only .section.in-viewport h4,.viewport-animations-only .section.in-viewport h5,.viewport-animations-only .section.in-viewport h6,.viewport-animations-only .section.in-viewport p:not(a > p),.viewport-animations-only .section.in-viewport a:not(p > a),.viewport-animations-only .section.in-viewport img,.viewport-animations-only .section.in-viewport form,.viewport-animations-only .section.in-viewport label,.viewport-animations-only .section.in-viewport input,.viewport-animations-only .section.in-viewport textarea,.viewport-animations-only .section.in-viewport button,.viewport-animations-only .section.in-viewport .animate-element{animation:fromBottom 0.7s ease-out forwards}/* Also apply to elements that have the in-viewport class directly */.viewport-animations-only .section h1.in-viewport,.viewport-animations-only .section h2.in-viewport,.viewport-animations-only .section h3.in-viewport,.viewport-animations-only .section h4.in-viewport,.viewport-animations-only .section h5.in-viewport,.viewport-animations-only .section h6.in-viewport,.viewport-animations-only .section p.in-viewport:not(a > p),.viewport-animations-only .section a.in-viewport:not(p > a),.viewport-animations-only .section img.in-viewport,.viewport-animations-only .section form.in-viewport,.viewport-animations-only .section label.in-viewport,.viewport-animations-only .section input.in-viewport,.viewport-animations-only .section textarea.in-viewport,.viewport-animations-only .section button.in-viewport,.viewport-animations-only .section .animate-element.in-viewport{animation:fromBottom 0.7s ease-out forwards}/* Stagger delays for different elements in viewport mode */.viewport-animations-only .section.in-viewport h1,.viewport-animations-only .section h1.in-viewport{animation-delay:0s}.viewport-animations-only .section.in-viewport h2,.viewport-animations-only .section h2.in-viewport{animation-delay:0.1s}.viewport-animations-only .section.in-viewport h3,.viewport-animations-only .section h3.in-viewport{animation-delay:0.2s}.viewport-animations-only .section.in-viewport h4,.viewport-animations-only .section h4.in-viewport{animation-delay:0.25s}.viewport-animations-only .section.in-viewport h5,.viewport-animations-only .section h5.in-viewport{animation-delay:0.3s}.viewport-animations-only .section.in-viewport h6,.viewport-animations-only .section h6.in-viewport{animation-delay:0.35s}.viewport-animations-only .section.in-viewport p:not(a > p),.viewport-animations-only .section p.in-viewport:not(a > p){animation-delay:0.4s}.viewport-animations-only .section.in-viewport a:not(p > a),.viewport-animations-only .section a.in-viewport:not(p > a){animation-delay:0.45s}.viewport-animations-only .section.in-viewport img,.viewport-animations-only .section img.in-viewport{animation-delay:0.5s}.viewport-animations-only .section.in-viewport form,.viewport-animations-only .section form.in-viewport{animation-delay:0.55s}.viewport-animations-only .section.in-viewport label,.viewport-animations-only .section label.in-viewport{animation-delay:0.1s}.viewport-animations-only .section.in-viewport input,.viewport-animations-only .section input.in-viewport{animation-delay:0.15s}.viewport-animations-only .section.in-viewport textarea,.viewport-animations-only .section textarea.in-viewport{animation-delay:0.2s}.viewport-animations-only .section.in-viewport button,.viewport-animations-only .section button.in-viewport{animation-delay:0.6s}.viewport-animations-only .section.in-viewport .animate-element,.viewport-animations-only .section .animate-element.in-viewport{animation-delay:0.3s}/* Override for immediate children to have faster stagger within a section */.viewport-animations-only .section.in-viewport > *{animation-delay:0s}.viewport-animations-only .section.in-viewport > *:nth-child(1){animation-delay:0s}.viewport-animations-only .section.in-viewport > *:nth-child(2){animation-delay:0.1s}.viewport-animations-only .section.in-viewport > *:nth-child(3){animation-delay:0.2s}.viewport-animations-only .section.in-viewport > *:nth-child(4){animation-delay:0.3s}.viewport-animations-only .section.in-viewport > *:nth-child(5){animation-delay:0.4s}