.an--fade-in-bottom-up { opacity: 0.3;  transform: translateY(20px);  animation: fadeInUp 0.5s ease-out forwards;  @for $i from 1 through 10 { &:nth-child(#{$i}) { animation-delay: #{($i - 1) * 0.2}s; } }}@keyframes fadeInUp { from { opacity: 0.5; // Slightly more visible at start transform: translateY(20px); // Lower starting position } to { opacity: 1; // Fully visible at the end transform: translateY(0); // Final position (no vertical shift) }}* Animate icons inside buttons and text links with class "an--cta-link" */.an--cta-link svg { fill: currentColor;  transition: transform 0.3s ease, fill 0.3s ease; }.an--cta-link:hover svg { transform: translateX(4px);}.an--cta-link.btn--neutral:hover svg,[class*="btn--neutral"]:hover .an--cta-link svg { fill: white;}.an--hover-zoom { backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; will-change: transform; transition: transform 0.2s ease;}.an--hover-zoom:hover { transform: scale(1.02) translate3d(0,0,0);} html {background-color: var(--bg-body)} body {background: none} body {font-size: var(--text-m); font-family: "Lato"; line-height: 1.4; color: var(--text-body); font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--text-title); line-height: 1.1; font-family: "Vollkorn"} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-2xl)} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l)} h6 {font-size: var(--text-m)} .bricks-type-hero {font-size: var(--hero-title-size)} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--primary-l-1)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--primary-l-1); }} blockquote {padding-left: 0; border-left-width: 0; font-size: var(--text-l); font-family: "Vollkorn"; font-style: italic; color: var(--text-body)} .brxe-section {padding-top: var(--space-2xl); padding-right: 2rem; padding-bottom: var(--space-2xl); padding-left: 2rem} .brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)}.brxe-post-title {font-size: var(--post-title-size)}.brxe-form .form-group label {text-transform: capitalize; font-family: "Lato"; font-size: var(--text-m); font-weight: 400; color: var(--text-body)}.brxe-form .form-group .label {text-transform: capitalize; font-family: "Lato"; font-size: var(--text-m); font-weight: 400; color: var(--text-body)}.brxe-form .form-group input {border-color: var(--border-primary)}.brxe-form .flatpickr {border-color: var(--border-primary)}.brxe-form select {border-color: var(--border-primary)}.brxe-form textarea {border-color: var(--border-primary)}.brxe-form .bricks-button {border-color: var(--border-primary)}.brxe-form .choose-files {border-color: var(--border-primary)}