/* --- 1. Base Reset & Theme --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Inter', sans-serif;
    background-color: #0f0f0f;
    color: white;
    overflow-x: hidden;
    line-height: 1.6;
}

/* --- 2. Shared Animations --- */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- SUPER ANIMATIONS BLOCK (slow variants) --- */
@keyframes swirl { from{}to{} }
@keyframes spiral { 0%{transform:scale(0) ;}100%{transform:scale(1) ;} }
@keyframes bounceIn { 0%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);} }
@keyframes bounceOut { 0%{transform:scale(1);}20%{transform:scale(1.1);}100%{opacity:0;transform:scale(0.3);} }
@keyframes slideInBounce { 0%{transform:translateX(-100%) scale(0);}60%{transform:translateX(30%) scale(1.1);}80%{transform:translateX(-10%) scale(0.9);}100%{transform:translateX(0) scale(1);} }
@keyframes flash { 0%,50%,100%{opacity:1;}25%,75%{opacity:0;} }
@keyframes zigzag { 0%{transform:translate(0);}25%{transform:translate(25px,-25px);}50%{transform:translate(-25px,25px);}75%{transform:translate(25px,25px);}100%{transform:translate(0);} }
@keyframes circleScale { 0%{transform:scale(0);}100%{transform:scale(1);} }
@keyframes popBottom { 0%{opacity:0;transform:translateY(100px);}100%{opacity:1;transform:translateY(0);} }
@keyframes popTop { 0%{opacity:0;transform:translateY(-100px);}100%{opacity:1;transform:translateY(0);} }
@keyframes popLeft { 0%{opacity:0;transform:translateX(-100px);}100%{opacity:1;transform:translateX(0);} }
@keyframes popRight { 0%{opacity:0;transform:translateX(100px);}100%{opacity:1;transform:translateX(0);} }
@keyframes wobble2 { 0%{transform:translateX(0);}15%{transform:translateX(-25%) ;}30%{transform:translateX(20%) ;}45%{transform:translateX(-15%) ;}60%{transform:translateX(10%) ;}75%{transform:translateX(-5%) ;}100%{transform:translateX(0);} }
@keyframes rollOut { 0%{opacity:1;transform:translateX(0) ;}100%{opacity:0;transform:translateX(100%) ;} }
@keyframes fadeInSlow { 0%{opacity:0;}100%{opacity:1;} }
@keyframes fadeOutSlow { 0%{opacity:1;}100%{opacity:0;} }
@keyframes rightShake { 0%,100%{transform:translateX(0);}20%,60%{transform:translateX(10px);}40%,80%{transform:translateX(-10px);} }
@keyframes topBounce { 0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);} }
@keyframes bottomBounce { 0%,100%{transform:translateY(0);}50%{transform:translateY(20px);} }
@keyframes scaleUpDown { 0%,100%{transform:scale(1);}50%{transform:scale(1.2);} }
@keyframes skew { 0%{transform:skewX(0);}50%{transform:skewX(20deg);}100%{transform:skewX(0);} }
@keyframes tilt { 0%,100%{}50%{} }
@keyframes slideZoom { 0%{transform:translateY(100%) scale(0);}100%{transform:translateY(0) scale(1);} }
@keyframes ripple { 0%{box-shadow:0 0 0 0 rgba(212,175,55,0.7);}100%{box-shadow:0 0 0 20px rgba(212,175,55,0);} }
@keyframes heartbeat { 0%,100%{transform:scale(1);}14%{transform:scale(1.3);}28%{transform:scale(1);}42%{transform:scale(1.3);}70%{transform:scale(1);} }
@keyframes hanging { 0%{transform:translateY(-100%);}100%{transform:translateY(0);} }
@keyframes creeping { 0%{transform:translateX(-100%);}100%{transform:translateX(0);} }
@keyframes popping { 0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;} }
@keyframes vanishing { 0%{opacity:1;}100%{opacity:0;} }
@keyframes spring { 0%{transform:scaleY(1);}30%{transform:scaleY(1.5);}40%{transform:scaleY(1);}50%{transform:scaleY(1.25);}65%{transform:scaleY(0.9);}75%{transform:scaleY(1);} }
@keyframes rollIn2 { 0%{opacity:0;transform:translateX(-100%) ;}100%{opacity:1;transform:translateX(0) ;} }
@keyframes rollOut2 { 0%{opacity:1;transform:translateX(0) ;}100%{opacity:0;transform:translateX(100%) ;} }

/* slow versions of helpers */
.swirl-slow { animation: swirl 6s linear; }
.spiral-slow { animation: spiral 9s linear; }
.bounce-in-slow { animation: bounceIn 3s ease both; }
.bounce-out-slow { animation: bounceOut 3s ease both; }
.slide-in-bounce-slow { animation: slideInBounce 3s ease both; }
.flash-slow { animation: flash 3s; }
.zigzag-slow { animation: zigzag 4.5s ease; }
.circle-scale-slow { animation: circleScale 1.5s ease both; }
.pop-bottom-slow { animation: popBottom 1.8s ease both; }
.pop-top-slow { animation: popTop 1.8s ease both; }
.pop-left-slow { animation: popLeft 1.8s ease both; }
.pop-right-slow { animation: popRight 1.8s ease both; }
.wobble2-slow { animation: wobble2 3.6s ease both; }
.roll-out-slow { animation: rollOut 2.4s ease both; }
.fade-in-slowlong { animation: fadeInSlow 6s ease both; }
.fade-out-slowlong { animation: fadeOutSlow 6s ease both; }
.right-shake-slow { animation: rightShake 1.8s ease both; }
.top-bounce-slow { animation: topBounce 3s; }
.bottom-bounce-slow { animation: bottomBounce 3s; }
.scale-up-down-slow { animation: scaleUpDown 3s; }
.skew-slow { animation: skew 3s ease both; }
.tilt-slow { animation: tilt 3s ease both; }
.slide-zoom-slow { animation: slideZoom 2.4s ease both; }
.ripple-slow { animation: ripple 4.5s ease; }
.heartbeat-slow { animation: heartbeat 4.5s ease; }
.hanging-slow { animation: hanging 1.5s ease both; }
.creeping-slow { animation: creeping 3s ease both; }
.popping-slow { animation: popping 1.5s ease both; }
.vanishing-slow { animation: vanishing 1.5s ease both; }
.spring-slow { animation: spring 3s ease both; }
.roll-in2-slow { animation: rollIn2 2.4s ease both; }
.roll-out2-slow { animation: rollOut2 2.4s ease both; }

/* --- end super slow animations --- */

/* --- MEGA 100 NEW ANIMATIONS (slow variants) --- */

/* --- 3. Navigation (Matching Home) --- */
nav {
    position: fixed; top: 0; width: 100%; padding: 20px 50px;
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(15, 15, 15, 0.8); backdrop-filter: blur(15px);
    z-index: 1000; border-bottom: 1px solid rgba(255,255,255,0.1);
}
.logo { font-size: 1.1rem; letter-spacing: 4px; text-transform: lowercase; }
.logo::after { content: '.'; color: #d4af37; font-weight: 800; }
.nav-links { display: flex; gap: 30px; }
.nav-links a { color: white; text-decoration: none; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.nav-links a:hover, .nav-links a.active { color: #d4af37; }

/* Hamburger */
.menu-toggle { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
.bar { width: 25px; height: 3px; background: white; border-radius: 2px; transition: 0.3s; }

/* --- 4. About Container Layout --- */
.about-container {
    padding: 150px 10% 80px; /* Top padding to clear fixed nav */
    max-width: 1300px;
    margin: 0 auto;
}

.about-hero {
    text-align: center;
    margin-bottom: 80px;
    animation: fadeInUp 1s ease-out;
}

.about-hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    margin-bottom: 15px;
    color: #d4af37; /* Stylish Gold */
}

.about-hero p {
    font-size: 1.2rem;
    opacity: 0.7;
    letter-spacing: 1px;
}

/* --- 5. Content Section --- */
.about-content {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-wrap: wrap;
    animation: fadeInUp 1s ease-out 0.3s forwards;
    opacity: 0;
}

.about-text {
    flex: 1;
    min-width: 350px;
}

.about-text h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    margin: 30px 0 20px;
    color: white;
    position: relative;
    display: inline-block;
}

.about-text h2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #d4af37;
}

.about-text p {
    margin-bottom: 20px;
    opacity: 0.8;
    font-weight: 300;
}

/* List Styling */
.about-text ul {
    list-style: none;
    margin-top: 20px;
}

.about-text li {
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    font-size: 0.95rem;
}

.about-text li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.about-text strong {
    color: #d4af37;
    font-weight: 500;
}

/* --- 6. About Image --- */
.about-image {
    flex: 1;
    min-width: 350px;
    position: relative;
}

.about-image img {
    width: 100%;
    border-radius: 15px;
    filter: grayscale(20%) brightness(0.8);
    transition: 0.5s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.about-image:hover img {
    filter: grayscale(0%) brightness(1);
    transform: scale(1.02);
}

/* Decorative frame for image */
.about-image::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: -20px;
    bottom: -20px;
    border: 2px solid #d4af37;
    z-index: -1;
    border-radius: 15px;
    opacity: 0.3;
}

/* --- 7. Footer (Matching Home) --- */
footer { 
    padding: 60px 50px; 
    background: #0a0a0a; 
    text-align: center; 
    border-top: 1px solid rgba(255,255,255,0.05);
    margin-top: 100px;
}
.social-media { margin-top: 20px; display: flex; justify-content: center; gap: 20px; }
.social-media a { color: white; text-decoration: none; font-size: 0.8rem; opacity: 0.6; transition: 0.3s; }
.social-media a:hover { opacity: 1; color: #d4af37; }

/* --- 8. Responsive --- */
@media (max-width: 768px) {
    nav { padding: 15px 25px; }
    .menu-toggle { display: flex; }
    .nav-links {
        position: fixed; right: -100%; top: 0; height: 100vh; width: 75%;
        background: rgba(10, 10, 10, 0.98); backdrop-filter: blur(10px);
        flex-direction: column; justify-content: center; align-items: center;
        transition: 0.5s; gap: 40px;
    }
    .nav-links.active { right: 0; }
    
    .about-container { padding-top: 120px; }
    .about-content { gap: 40px; }
    .about-image::after { display: none; } /* Simplify for mobile */
}
html {
    scroll-behavior: smooth;
    /* Custom Scrollbar for Chrome/Safari */
    scrollbar-width: thin;
    scrollbar-color: #d4af37 #0f0f0f;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { 
    background: #d4af37; 
    border-radius: 10px; 
}
/* --- 2. Super Animations --- */

/* Reveal from bottom with a slight skew */
@keyframes cinematicUp {
    from { 
        opacity: 0; 
        transform: translateY(60px) skewY(2deg); 
        filter: blur(10px);
    }
    to { 
        opacity: 1; 
        transform: translateY(0) skewY(0);
        filter: blur(0);
    }
}

/* Image Reveal (Sliding Door Effect) */
@keyframes imageReveal {
    from { clip-path: inset(0 100% 0 0); }
    to { clip-path: inset(0 0 0 0); }
}

/* Subtle Floating for Decorative Elements */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* Text Shimmer Effect */
@keyframes textShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.about-hero h1 {
    animation: cinematicUp 1.2s cubic-bezier(0.2, 1, 0.3, 1);
    background: linear-gradient(90deg, #fff, #d4af37, #fff);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: cinematicUp 1.2s ease, textShimmer 4s linear;
}
.about-image img {
    animation: imageReveal 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.about-image::after {
    animation: float 6s ease-in-out;
    /* Make the frame more dynamic */
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
}
.about-text li {
    opacity: 0;
    animation: cinematicUp 0.8s ease forwards;
}

/* Stagger the appearance of each list item */
.about-text li:nth-child(1) { animation-delay: 0.8s; }
.about-text li:nth-child(2) { animation-delay: 0.8s; }
.about-text li:nth-child(3) { animation-delay: 0.10s; }

.reveal-active {
    opacity: 1 !important;
    animation: cinematicUp 1s cubic-bezier(0.2, 1, 0.3, 1) forwards;
}

@keyframes mega1 { 0%{opacity:0;transform:translateY(49px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega1 { animation: mega1 5s ease-in-out; }
@keyframes mega2 { 0%{opacity:0;transform:translateY(48px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega2 { animation: mega2 5s ease-in-out; }
@keyframes mega3 { 0%{opacity:0;transform:translateY(47px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega3 { animation: mega3 5s ease-in-out; }
@keyframes mega4 { 0%{opacity:0;transform:translateY(46px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega4 { animation: mega4 5s ease-in-out; }
@keyframes mega5 { 0%{opacity:0;transform:translateY(45px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega5 { animation: mega5 5s ease-in-out; }
@keyframes mega6 { 0%{opacity:0;transform:translateY(44px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega6 { animation: mega6 5s ease-in-out; }
@keyframes mega7 { 0%{opacity:0;transform:translateY(43px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega7 { animation: mega7 5s ease-in-out; }
@keyframes mega8 { 0%{opacity:0;transform:translateY(42px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega8 { animation: mega8 5s ease-in-out; }
@keyframes mega9 { 0%{opacity:0;transform:translateY(41px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega9 { animation: mega9 5s ease-in-out; }
@keyframes mega10 { 0%{opacity:0;transform:translateY(40px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega10 { animation: mega10 5s ease-in-out; }
@keyframes mega11 { 0%{opacity:0;transform:translateY(39px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega11 { animation: mega11 5s ease-in-out; }
@keyframes mega12 { 0%{opacity:0;transform:translateY(38px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega12 { animation: mega12 5s ease-in-out; }
@keyframes mega13 { 0%{opacity:0;transform:translateY(37px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega13 { animation: mega13 5s ease-in-out; }
@keyframes mega14 { 0%{opacity:0;transform:translateY(36px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega14 { animation: mega14 5s ease-in-out; }
@keyframes mega15 { 0%{opacity:0;transform:translateY(35px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega15 { animation: mega15 5s ease-in-out; }
@keyframes mega16 { 0%{opacity:0;transform:translateY(34px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega16 { animation: mega16 5s ease-in-out; }
@keyframes mega17 { 0%{opacity:0;transform:translateY(33px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega17 { animation: mega17 5s ease-in-out; }
@keyframes mega18 { 0%{opacity:0;transform:translateY(32px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega18 { animation: mega18 5s ease-in-out; }
@keyframes mega19 { 0%{opacity:0;transform:translateY(31px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega19 { animation: mega19 5s ease-in-out; }
@keyframes mega20 { 0%{opacity:0;transform:translateY(30px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega20 { animation: mega20 5s ease-in-out; }
@keyframes mega21 { 0%{opacity:0;transform:translateY(29px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega21 { animation: mega21 5s ease-in-out; }
@keyframes mega22 { 0%{opacity:0;transform:translateY(28px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega22 { animation: mega22 5s ease-in-out; }
@keyframes mega23 { 0%{opacity:0;transform:translateY(27px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega23 { animation: mega23 5s ease-in-out; }
@keyframes mega24 { 0%{opacity:0;transform:translateY(26px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega24 { animation: mega24 5s ease-in-out; }
@keyframes mega25 { 0%{opacity:0;transform:translateY(25px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega25 { animation: mega25 5s ease-in-out; }
@keyframes mega26 { 0%{opacity:0;transform:translateY(24px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega26 { animation: mega26 5s ease-in-out; }
@keyframes mega27 { 0%{opacity:0;transform:translateY(23px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega27 { animation: mega27 5s ease-in-out; }
@keyframes mega28 { 0%{opacity:0;transform:translateY(22px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega28 { animation: mega28 5s ease-in-out; }
@keyframes mega29 { 0%{opacity:0;transform:translateY(21px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega29 { animation: mega29 5s ease-in-out; }
@keyframes mega30 { 0%{opacity:0;transform:translateY(20px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega30 { animation: mega30 5s ease-in-out; }
@keyframes mega31 { 0%{opacity:0;transform:translateY(19px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega31 { animation: mega31 5s ease-in-out; }
@keyframes mega32 { 0%{opacity:0;transform:translateY(18px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega32 { animation: mega32 5s ease-in-out; }
@keyframes mega33 { 0%{opacity:0;transform:translateY(17px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega33 { animation: mega33 5s ease-in-out; }
@keyframes mega34 { 0%{opacity:0;transform:translateY(16px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega34 { animation: mega34 5s ease-in-out; }
@keyframes mega35 { 0%{opacity:0;transform:translateY(15px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega35 { animation: mega35 5s ease-in-out; }
@keyframes mega36 { 0%{opacity:0;transform:translateY(14px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega36 { animation: mega36 5s ease-in-out; }
@keyframes mega37 { 0%{opacity:0;transform:translateY(13px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega37 { animation: mega37 5s ease-in-out; }
@keyframes mega38 { 0%{opacity:0;transform:translateY(12px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega38 { animation: mega38 5s ease-in-out; }
@keyframes mega39 { 0%{opacity:0;transform:translateY(11px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega39 { animation: mega39 5s ease-in-out; }
@keyframes mega40 { 0%{opacity:0;transform:translateY(10px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega40 { animation: mega40 5s ease-in-out; }
@keyframes mega41 { 0%{opacity:0;transform:translateY(9px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega41 { animation: mega41 5s ease-in-out; }
@keyframes mega42 { 0%{opacity:0;transform:translateY(8px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega42 { animation: mega42 5s ease-in-out; }
@keyframes mega43 { 0%{opacity:0;transform:translateY(7px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega43 { animation: mega43 5s ease-in-out; }
@keyframes mega44 { 0%{opacity:0;transform:translateY(6px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega44 { animation: mega44 5s ease-in-out; }
@keyframes mega45 { 0%{opacity:0;transform:translateY(5px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega45 { animation: mega45 5s ease-in-out; }
@keyframes mega46 { 0%{opacity:0;transform:translateY(4px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega46 { animation: mega46 5s ease-in-out; }
@keyframes mega47 { 0%{opacity:0;transform:translateY(3px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega47 { animation: mega47 5s ease-in-out; }
@keyframes mega48 { 0%{opacity:0;transform:translateY(2px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega48 { animation: mega48 5s ease-in-out; }
@keyframes mega49 { 0%{opacity:0;transform:translateY(1px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega49 { animation: mega49 5s ease-in-out; }
@keyframes mega50 { 0%{opacity:0;transform:translateY(0px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega50 { animation: mega50 5s ease-in-out; }
@keyframes mega51 { 0%{opacity:0;transform:translateY(-1px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega51 { animation: mega51 5s ease-in-out; }
@keyframes mega52 { 0%{opacity:0;transform:translateY(-2px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega52 { animation: mega52 5s ease-in-out; }
@keyframes mega53 { 0%{opacity:0;transform:translateY(-3px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega53 { animation: mega53 5s ease-in-out; }
@keyframes mega54 { 0%{opacity:0;transform:translateY(-4px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega54 { animation: mega54 5s ease-in-out; }
@keyframes mega55 { 0%{opacity:0;transform:translateY(-5px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega55 { animation: mega55 5s ease-in-out; }
@keyframes mega56 { 0%{opacity:0;transform:translateY(-6px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega56 { animation: mega56 5s ease-in-out; }
@keyframes mega57 { 0%{opacity:0;transform:translateY(-7px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega57 { animation: mega57 5s ease-in-out; }
@keyframes mega58 { 0%{opacity:0;transform:translateY(-8px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega58 { animation: mega58 5s ease-in-out; }
@keyframes mega59 { 0%{opacity:0;transform:translateY(-9px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega59 { animation: mega59 5s ease-in-out; }
@keyframes mega60 { 0%{opacity:0;transform:translateY(-10px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega60 { animation: mega60 5s ease-in-out; }
@keyframes mega61 { 0%{opacity:0;transform:translateY(-11px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega61 { animation: mega61 5s ease-in-out; }
@keyframes mega62 { 0%{opacity:0;transform:translateY(-12px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega62 { animation: mega62 5s ease-in-out; }
@keyframes mega63 { 0%{opacity:0;transform:translateY(-13px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega63 { animation: mega63 5s ease-in-out; }
@keyframes mega64 { 0%{opacity:0;transform:translateY(-14px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega64 { animation: mega64 5s ease-in-out; }
@keyframes mega65 { 0%{opacity:0;transform:translateY(-15px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega65 { animation: mega65 5s ease-in-out; }
@keyframes mega66 { 0%{opacity:0;transform:translateY(-16px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega66 { animation: mega66 5s ease-in-out; }
@keyframes mega67 { 0%{opacity:0;transform:translateY(-17px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega67 { animation: mega67 5s ease-in-out; }
@keyframes mega68 { 0%{opacity:0;transform:translateY(-18px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega68 { animation: mega68 5s ease-in-out; }
@keyframes mega69 { 0%{opacity:0;transform:translateY(-19px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega69 { animation: mega69 5s ease-in-out; }
@keyframes mega70 { 0%{opacity:0;transform:translateY(-20px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega70 { animation: mega70 5s ease-in-out; }
@keyframes mega71 { 0%{opacity:0;transform:translateY(-21px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega71 { animation: mega71 5s ease-in-out; }
@keyframes mega72 { 0%{opacity:0;transform:translateY(-22px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega72 { animation: mega72 5s ease-in-out; }
@keyframes mega73 { 0%{opacity:0;transform:translateY(-23px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega73 { animation: mega73 5s ease-in-out; }
@keyframes mega74 { 0%{opacity:0;transform:translateY(-24px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega74 { animation: mega74 5s ease-in-out; }
@keyframes mega75 { 0%{opacity:0;transform:translateY(-25px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega75 { animation: mega75 5s ease-in-out; }
@keyframes mega76 { 0%{opacity:0;transform:translateY(-26px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega76 { animation: mega76 5s ease-in-out; }
@keyframes mega77 { 0%{opacity:0;transform:translateY(-27px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega77 { animation: mega77 5s ease-in-out; }
@keyframes mega78 { 0%{opacity:0;transform:translateY(-28px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega78 { animation: mega78 5s ease-in-out; }
@keyframes mega79 { 0%{opacity:0;transform:translateY(-29px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega79 { animation: mega79 5s ease-in-out; }
@keyframes mega80 { 0%{opacity:0;transform:translateY(-30px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega80 { animation: mega80 5s ease-in-out; }
@keyframes mega81 { 0%{opacity:0;transform:translateY(-31px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega81 { animation: mega81 5s ease-in-out; }
@keyframes mega82 { 0%{opacity:0;transform:translateY(-32px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega82 { animation: mega82 5s ease-in-out; }
@keyframes mega83 { 0%{opacity:0;transform:translateY(-33px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega83 { animation: mega83 5s ease-in-out; }
@keyframes mega84 { 0%{opacity:0;transform:translateY(-34px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega84 { animation: mega84 5s ease-in-out; }
@keyframes mega85 { 0%{opacity:0;transform:translateY(-35px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega85 { animation: mega85 5s ease-in-out; }
@keyframes mega86 { 0%{opacity:0;transform:translateY(-36px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega86 { animation: mega86 5s ease-in-out; }
@keyframes mega87 { 0%{opacity:0;transform:translateY(-37px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega87 { animation: mega87 5s ease-in-out; }
@keyframes mega88 { 0%{opacity:0;transform:translateY(-38px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega88 { animation: mega88 5s ease-in-out; }
@keyframes mega89 { 0%{opacity:0;transform:translateY(-39px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega89 { animation: mega89 5s ease-in-out; }
@keyframes mega90 { 0%{opacity:0;transform:translateY(-40px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega90 { animation: mega90 5s ease-in-out; }
@keyframes mega91 { 0%{opacity:0;transform:translateY(-41px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega91 { animation: mega91 5s ease-in-out; }
@keyframes mega92 { 0%{opacity:0;transform:translateY(-42px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega92 { animation: mega92 5s ease-in-out; }
@keyframes mega93 { 0%{opacity:0;transform:translateY(-43px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega93 { animation: mega93 5s ease-in-out; }
@keyframes mega94 { 0%{opacity:0;transform:translateY(-44px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega94 { animation: mega94 5s ease-in-out; }
@keyframes mega95 { 0%{opacity:0;transform:translateY(-45px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega95 { animation: mega95 5s ease-in-out; }
@keyframes mega96 { 0%{opacity:0;transform:translateY(-46px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega96 { animation: mega96 5s ease-in-out; }
@keyframes mega97 { 0%{opacity:0;transform:translateY(-47px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega97 { animation: mega97 5s ease-in-out; }
@keyframes mega98 { 0%{opacity:0;transform:translateY(-48px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega98 { animation: mega98 5s ease-in-out; }
@keyframes mega99 { 0%{opacity:0;transform:translateY(-49px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega99 { animation: mega99 5s ease-in-out; }
@keyframes mega100 { 0%{opacity:0;transform:translateY(-50px) ;}100%{opacity:1;transform:translateY(0) ;} }
.mega100 { animation: mega100 5s ease-in-out; }