Collections Collection | Naelofar

. */ body.cms-bisikan-rimba .bisikan-opening__mist { inset: -16%; mix-blend-mode: normal; /* Very light underlying haze */ background: radial-gradient( ellipse 66% 15% at 12% 45%, rgba(226, 236, 222, .12) 0%, transparent 76% ), radial-gradient( ellipse 72% 18% at 80% 58%, rgba(232, 239, 228, .11) 0%, transparent 78% ); } /* Broad, softly defined clouds */ body.cms-bisikan-rimba .bisikan-opening__mist::before { background: radial-gradient( ellipse 31% 11% at 4% 42%, rgba(239, 244, 236, .42) 0%, rgba(226, 236, 222, .19) 48%, transparent 78% ), radial-gradient( ellipse 25% 9% at 25% 54%, rgba(231, 240, 227, .36) 0%, rgba(220, 232, 217, .15) 50%, transparent 79% ), radial-gradient( ellipse 35% 12% at 50% 43%, rgba(238, 244, 234, .39) 0%, rgba(224, 235, 220, .16) 48%, transparent 80% ), radial-gradient( ellipse 28% 10% at 69% 62%, rgba(232, 240, 228, .33) 0%, rgba(220, 232, 217, .13) 51%, transparent 80% ), radial-gradient( ellipse 34% 12% at 96% 47%, rgba(240, 245, 237, .37) 0%, rgba(226, 236, 222, .15) 48%, transparent 79% ); filter: blur(12px) contrast(1.08); opacity: .9; animation: bisikanMistDriftOne 12s ease-in-out infinite alternate; } /* Narrow wisps give the fog visible texture */ body.cms-bisikan-rimba .bisikan-opening__mist::after { background: radial-gradient( ellipse 26% 6% at 9% 59%, rgba(244, 247, 241, .33) 0%, rgba(231, 239, 227, .14) 54%, transparent 82% ), radial-gradient( ellipse 31% 7% at 38% 47%, rgba(239, 245, 236, .3) 0%, rgba(226, 236, 222, .12) 52%, transparent 81% ), radial-gradient( ellipse 25% 6% at 61% 65%, rgba(243, 247, 240, .28) 0%, rgba(226, 236, 222, .11) 53%, transparent 82% ), radial-gradient( ellipse 30% 7% at 88% 43%, rgba(240, 245, 237, .31) 0%, rgba(226, 236, 222, .12) 52%, transparent 81% ), /* Subtle streaks prevent a featureless white veil */ repeating-linear-gradient( 174deg, transparent 0, transparent 38px, rgba(236, 243, 232, .045) 47px, rgba(236, 243, 232, .1) 55px, transparent 69px, transparent 102px ); filter: blur(7px) contrast(1.12); opacity: .78; animation: bisikanMistDriftTwo 9s ease-in-out infinite alternate; } body.cms-bisikan-rimba .bisikan-opening.is-mist-visible .bisikan-opening__mist { opacity: .92; } @keyframes bisikanMistDriftOne { 0% { transform: translate3d(-6%, 2%, 0) scale(1.04); } 45% { transform: translate3d(0, -1%, 0) scale(1.08); } 100% { transform: translate3d(7%, 1%, 0) scale(1.05); } } @keyframes bisikanMistDriftTwo { 0% { transform: translate3d(7%, -2%, 0) scale(1.07); } 50% { transform: translate3d(0, 2%, 0) scale(1.1); } 100% { transform: translate3d(-8%, 0, 0) scale(1.05); } } @media (max-width: 767px) { body.cms-bisikan-rimba .bisikan-opening__mist { inset: -24%; } body.cms-bisikan-rimba .bisikan-opening__mist::before { filter: blur(10px) contrast(1.08); } body.cms-bisikan-rimba .bisikan-opening__mist::after { filter: blur(6px) contrast(1.1); } }

JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.