@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-code{width:100%}}.footer__logo { display: block; height: clamp(60px, 12vw, 100px); width: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.9; transition: opacity var(--transition-fast), transform var(--transition-fast); } .footer__logo:hover { opacity: 1; transform: scale(1.05); }@media (prefers-reduced-motion: reduce) { .footer__logo { transition: none; }}.footer__logo-section { display: flex; align-items: center; justify-content: center; }@media (min-width: 768px) { .footer__logo-section { grid-column: 1 / -1; }}@media (min-width: 1024px) { .footer__logo-section { grid-column: 1 / -1; }} .footer__heading { display: block; font-family: var(--font-family-primary); font-size: clamp(1.25rem, 4vw, 1.5rem); font-weight: var(--font-weight-bold); line-height: var(--line-height-heading); color: var(--color-white); margin: 0; padding-bottom: 0.5rem; border-bottom: 2px solid var(--color-primary); } .footer__icon { width: clamp(20px, 4vw, 24px); height: clamp(20px, 4vw, 24px); fill: currentColor; flex-shrink: 0; transition: transform var(--transition-fast); } .footer__link:hover .footer__icon { transform: scale(1.1); }@media (prefers-reduced-motion: reduce) { .footer__icon { transition: none; }} .footer__link-text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2vw, 1rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); } .footer__link { display: flex; align-items: center; gap: 0.75rem; padding: clamp(0.5rem, 2vw, 0.75rem) 0; color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color var(--transition-fast), transform var(--transition-fast); border-radius: var(--radius-sm); } .footer__link:hover { color: var(--color-white); transform: translateX(4px); } .footer__link:focus { outline: 2px solid var(--color-primary); outline-offset: 2px; }@media (prefers-reduced-motion: reduce) { .footer__link { transition: none; }} .footer__list-item { margin: 0; padding: 0; } .footer__list { display: flex; flex-direction: column; gap: clamp(0.75rem, 2vw, 1rem); margin: 0; padding: 0; list-style: none; }.footer__contact-section { display: flex; flex-direction: column; gap: clamp(1rem, 3vw, 1.5rem); }.footer__links-section { display: flex; flex-direction: column; gap: clamp(1rem, 3vw, 1.5rem); }.footer__payment-logo { display: block; height: clamp(40px, 8vw, 60px); width: auto; object-fit: contain; filter: brightness(0) invert(1); }@media (min-width: 1024px) { .footer__payment-logo { height: 60px; }}.footer__payment-text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.875rem, 2.5vw, 1rem); font-weight: var(--font-weight-medium); line-height: var(--line-height-base); color: rgba(255, 255, 255, 0.9); margin: 0; text-align: center; }.footer__payment-section { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: clamp(1.5rem, 4vw, 2rem); background-color: rgba(255, 255, 255, 0.05); border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, 0.1); }@media (min-width: 768px) { .footer__payment-section { grid-column: 1 / -1; }}@media (min-width: 1024px) { .footer__payment-section { grid-column: 1 / -1; flex-direction: row; justify-content: center; gap: 2rem; }}.footer__created-text { display: block; font-family: var(--font-family-primary); font-size: clamp(0.75rem, 2vw, 0.875rem); font-weight: var(--font-weight-normal); line-height: var(--line-height-base); color: rgba(255, 255, 255, 0.6); margin: 0; text-align: center; }.footer__created-section { display: flex; align-items: center; justify-content: center; padding: clamp(1rem, 3vw, 1.5rem) 0; }.footer__wrapper { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 5vw, 3rem); width: 100%; }@media (min-width: 768px) { .footer__wrapper { grid-template-columns: repeat(2, 1fr); gap: clamp(2.5rem, 6vw, 4rem); }}@media (min-width: 1024px) { .footer__wrapper { grid-template-columns: 2fr 2fr 1fr; gap: 4rem; }}.footer__container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 1rem; }@media (min-width: 768px) { .footer__container { padding: 0 2rem; }}@media (min-width: 1024px) { .footer__container { padding: 0 2.5rem; }}@media (min-width: 1440px) { .footer__container { padding: 0 3rem; }}.footer { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: var(--color-white); padding: clamp(3rem, 8vw, 5rem) 0 clamp(2rem, 6vw, 3rem) 0; }@media (min-width: 1024px) { .footer { padding: 5rem 0 3rem 0; }}