svg.inline-icon { display: inline-block; vertical-align: middle; width: 0.60em !important; height: 0.60em !important; min-width: 0; min-height: 0; max-width: 0.60em; max-height: 0.60em; overflow: visible; position: relative; top: -0.05em; margin: 0 0.05em; }  [data-theme="light"] { --color: var(--color-navy); --color-background: var(--color-bg-body); --selection-color: var(--color-therapeutic-blue); --selection-line: var(--color-lighter-blue); --button-color-bg: var(--color-navy); } [data-theme="dark"] { --color: var(--color-white); --color-background: var(--color-therapeutic-blue); --selection-color: var(--color-navy); --selection-line: var(--color-lighter-blue); --button-color-bg: var(--color-white); } [data-theme="navy"] { --color: var(--color-white); --color-background: var(--color-navy); --selection-color: var(--color-therapeutic-blue); --selection-line: var(--color-lighter-blue); } .modal { --dialog-animation-speed: 0.75s; --backdrop-speed: 0.3s; --backdrop-ease: cubic-bezier(0.62, 0.08, 0, 1); --modal-speed: 0.75s; --modal-ease: cubic-bezier(0.62, 0.08, 0, 1); --close-button-speed: 0.45s; --close-button-ease: cubic-bezier(0.62, 0.08, 0, 1); --content-speed: 0.45s; --content-ease: cubic-bezier(0.215, 0.61, 0.355, 1); --content-stagger: 0.05s; }  @media screen and (prefers-reduced-motion: reduce) { .modal { --dialog-animation-speed: 0.3s; --backdrop-speed: 0.3s; --modal-speed: 0.3s; --close-button-speed: 0.3s; } }  .modal::backdrop { opacity: 0; background: transparent; }  .modal:not(.is-active) .modal__backdrop { opacity: 0; } .modal__backdrop { transition: opacity var(--backdrop-speed) var(--backdrop-ease); }  .modal:not([open]) { pointer-events: none; visibility: hidden; transition: visibility 0s linear var(--dialog-animation-speed); } .modal[open] { transition-duration: var(--dialog-animation-speed); }   .modal:not(.is-active) .modal__inner { transform: translate3d(0, 100%, 0); } .modal__inner { contain: content; transform: translate3d(0, var(--ty, 0), 0); transition: transform var(--modal-speed) var(--modal-ease); }  .modal.no-transition .modal__inner { transition: none; } .modal__inner:focus-visible { outline-offset: -0.25rem; }  @media screen and (prefers-reduced-motion: reduce) { .modal:not(.is-active) .modal__inner { transform: translate3d(0, var(--ty, 0), 0); opacity: 0; } .modal__inner { transition: opacity var(--modal-speed) var(--modal-ease); } }   .modal:not(.is-active) .modal__close-button { transform: translate3d(0, -0.75rem, 0) scale(0.8); opacity: 0; transition: transform var(--close-button-speed) var(--close-button-ease), opacity var(--close-button-speed) var(--close-button-ease); } .modal__close-button { transition: transform var(--close-button-speed) 0.15s var(--close-button-ease), opacity var(--close-button-speed) 0.15s var(--close-button-ease); } .modal__close-button .icon { transition: transform 0.3s cubic-bezier(0.62, 0.08, 0, 1); } @media (hover: hover) and (pointer: fine) { .modal__close-button:hover .icon, .modal__close-button:focus-visible .icon { transform: scale(1.1) rotate(90deg); } }   .modal__section-title, .modal__text-content p, .modal__image, .modal__cta-button, .modal__table-header, .modal__table-row, .modal__condition-card, .modal__journey-steps ol > li { content-visibility: auto; contain: layout style paint; backface-visibility: hidden; -webkit-backface-visibility: hidden; }  @media screen and (prefers-reduced-motion: no-preference) {  .modal:not(.is-active) .modal__section-title, .modal:not(.is-active) .modal__image, .modal:not(.is-active) .modal__cta-button { transform: translate3d(0, 2.5rem, 0); opacity: 0; }  .modal:not(.is-active) .modal__text-content p, .modal:not(.is-active) .modal__table-header, .modal:not(.is-active) .modal__condition-card { transform: translate3d(0, 1.25rem, 0); opacity: 0; }  .modal:not(.is-active) .modal__table-row, .modal:not(.is-active) .modal__journey-steps ol > li { transform: translate3d(0, 0.75rem, 0); opacity: 0; }  .modal__section-title, .modal__text-content p, .modal__image, .modal__cta-button, .modal__table-header, .modal__table-row, .modal__condition-card, .modal__journey-steps ol > li { transition: transform var(--content-speed) var(--content-ease), opacity var(--content-speed) var(--content-ease); transition-delay: 0s, 0s; opacity: 1; }  .modal.is-active .modal__section-title, .modal.is-active .modal__text-content p, .modal.is-active .modal__image, .modal.is-active .modal__cta-button, .modal.is-active .modal__table-header, .modal.is-active .modal__table-row, .modal.is-active .modal__condition-card, .modal.is-active .modal__journey-steps ol > li { transition-delay: calc( (var(--dialog-animation-speed) - 0.2s) + var(--content-stagger) * (var(--index, 0) - 1) ), calc( (var(--dialog-animation-speed) - 0.2s) + var(--content-stagger) * (var(--index, 0) - 1) ); } }  @media screen and (prefers-reduced-motion: reduce) { .modal__section-title, .modal__text-content p, .modal__image, .modal__cta-button, .modal__table-header, .modal__table-row, .modal__condition-card, .modal__journey-steps ol > li { transition: none !important; transform: none !important; opacity: 1 !important; } }  .modal .nav-sidebar { transform: translate3d(0, 20px, 0); opacity: 0; transition: transform var(--dialog-animation-speed) var(--modal-ease), opacity var(--dialog-animation-speed) var(--modal-ease); } .modal .modal__content { transform: translate3d(0, 20px, 0); opacity: 0; transition: transform var(--dialog-animation-speed) var(--modal-ease), opacity var(--dialog-animation-speed) var(--modal-ease); } @media screen and (prefers-reduced-motion: no-preference) { .modal.is-active .nav-sidebar { transform: translate3d(0, 0, 0); opacity: 1; transition-delay: calc( (var(--dialog-animation-speed) - 0.2s) + var(--content-stagger) * 0 ); } .modal.is-active .modal__content { transform: translate3d(0, 0, 0); opacity: 1; transition-delay: calc( (var(--dialog-animation-speed) - 0.2s) + var(--content-stagger) * 1 ); } } @media screen and (prefers-reduced-motion: reduce) { .modal.is-active .nav-sidebar, .modal.is-active .modal__content { transform: translate3d(0, 0, 0); opacity: 1; transition: none; } } .modal.no-transition .nav-sidebar, .modal.no-transition .modal__content { transition: none !important; }  .btn { color: #FFFAF0; background-color: #0A1F5C; cursor: pointer; border-radius: 4px; border-color: 0px; font-weight: 400; font-size: var(--fs-base); } .btn span { transition: 0.3s; } .btn-contact { background-color: #0A1F5C; transition: 0.3s ease-out; } .btn.hover-filled-opacity:hover { background-color: transparent; border-radius: 4px; color: #0A1F5C; border: 1px solid #0A1F5C; }   .header-section { position: relative; z-index: 10000; transition: z-index 0s 0.7s; } .menu-open .header-section { z-index: 10001; transition: z-index 0s 0s; }  .logo-justskin .icon-text { opacity: 1; transition: opacity 0.3s ease; } .menu-open .logo-justskin .icon-text { opacity: 0; pointer-events: none; } .logo-menu-icon .icon-justskin { transition: fill 0.3s ease; }  .fullscreen-overlay.is-active { visibility: visible; pointer-events: auto; } .fullscreen-overlay .icon-text { display: none; } .burger-menu-overlay.is-visible { opacity: 1; transform: translateX(0); } .burger-icon-overlay .burger-line { stroke: #FFFFFF; stroke-width: 1; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); transform-origin: center; } .burger-menu-overlay.is-active .burger-line-top { transform: translateY(4px) rotate(45deg); } .burger-menu-overlay.is-active .burger-line-bottom { transform: translateY(-4px) rotate(-45deg); }  .burger-menu { cursor: pointer; display: flex; align-items: center; gap: clamp(0.5rem, 1vw, 1rem); transition: transform 0.3s ease; } .burger-menu:hover { transform: scale(1.05); } .burger-icon { display: block; width: 80px; height: 25px; transition: transform 0.3s ease; } .burger-line { stroke: #0A1F5C; stroke-width: 1; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); transform-origin: center; } .burger-menu.is-active .burger-line-top { transform: translateY(4px) rotate(45deg); } .burger-menu.is-active .burger-line-bottom { transform: translateY(-4px) rotate(-45deg); } .burger-menu.is-active .brxe-text-basic { opacity: 0; }  .burger-menu .brxe-text-basic { color: #0A1F5C; font-family: var(--font-body, system-ui, sans-serif); font-size: clamp(0.875rem, 1vw, 1rem); font-weight: 500; margin: 0; text-transform: uppercase; letter-spacing: 0.05em; opacity: 1; transition: opacity 0.3s ease; } .menu-open .burger-menu .brxe-text-basic { color: #0A1F5C; opacity: 1; } .burger-menu .brxe-text-basic.changing { animation: textFade 0.3s ease; } @keyframes textFade { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }  .nav-link.active, .nav-link.current-page { color: #BAD6EB; padding-left: 1.5rem; } .nav-link.active:hover, .nav-link.current-page:hover { color: #BAD6EB; } .nav-link::before { content: ''; position: absolute; left: -3rem; top: 50%; transform: translateY(-50%); width: 0; height: 3px; background-color: var(--color-navy); border-radius: 2px; transition: width 0.3s ease; } .nav-link:hover::before { width: 4rem; } .nav-link:hover { padding-left: 1.5rem; } .nav-link.active::before, .nav-link.current-page::before { width: 4rem; }  .hero-section .brxe-image { margin: 0; } .hero-gradient-overlay.animate__animated { opacity: 1; transform: translateY(0); } .animate__delay-2s { animation-delay: 0.2s; } .animate__delay-3s { animation-delay: 0.4s; } .animate__faster { animation-duration: 0.8s; } .hero-text-content a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }  .item-title { position: relative; display: inline-block; } .item-title::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background-color: var(--color-navy); transition: width 0.3s ease; } .list-item:hover .item-title::after { width: 100%; }  .evidence.item-title { position: relative; display: inline-block; } .evidence.item-title::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background-color: var(--color-navy); transition: width 0.3s ease; } .evidence.list-item:hover .item-title::after { width: 100%; } .link { color: var(--color-primary); text-decoration: underline; } .link:hover { opacity: 0.8; }  .navg-sidebar.is-hidden { opacity: 0; transform: translateX(-20px); pointer-events: none; }  .slider-progress.minimal { padding: 0; background: transparent; backdrop-filter: none; box-shadow: none; } .slider-progress.minimal .progress-track { height: 3px; background: rgba(255, 255, 255, 0.3); } .slider-progress.minimal .progress-bar { background: var(--color-white); box-shadow: 0 0 12px rgba(255, 255, 255, 0.8); }  .footer-credit-link { color: var(--color-navy); text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .footer-credit-link:hover { color: var(--color-therapeutic-blue); } .footer-credit-link:focus-visible { outline: 2px solid var(--color-navy); outline-offset: 4px; border-radius: 2px; }  html { scroll-behavior: smooth; scrollbar-gutter: stable; overflow-y: scroll; scrollbar-width: none; } body { -ms-overflow-style: none; } body::-webkit-scrollbar { display: none; } ::-webkit-scrollbar { width: 0px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5); }  .main-content.lenis { overflow-y: auto; } .main-content.lenis.lenis-smooth { scroll-behavior: auto; }  body.menu-open { overflow: hidden; position: relative; } html.menu-open, html:has(dialog[open]) { overflow: hidden !important; padding-right: var(--scrollbar-width, 0px); } body:has(dialog[open]) { overflow: hidden !important; position: relative; } body { transition: padding-right 0s ease; } .header-section, [style*="position: fixed"], [style*="position:fixed"] { transition: padding-right 0s ease; }  dialog { margin: 0; padding: 0; border: none; }  [data-animate] { opacity: 0; } [data-animate].animate__animated { opacity: 1; }  .link { color: var(--color-primary); text-decoration: underline; } .link:hover { opacity: 0.8; } .keloid-text-body strong { color: var(--color-navy); font-weight: 600; } .journey-steps ul { margin-top: 12px; padding-left: 24px; font-size: 20px; } .journey-steps ul li { margin-bottom: 8px; }  body.bricks-is-builder [data-animate], body.bricks-is-builder [data-animate]:not(.animate__animated) { opacity: 1 !important; transform: none !important; animation: none !important; } body.bricks-is-builder [data-animate]::after { content: '⚡'; position: absolute; top: 5px; right: 5px; font-size: 12px; background: rgba(255, 193, 7, 0.9); padding: 2px 6px; border-radius: 4px; z-index: 9999; pointer-events: none; }  @media (width <= 1024px) { .nav-link::before { left: -2.5rem; height: 3px; } .nav-link:hover::before, .nav-link.active::before, .nav-link.current-page::before { width: 1.5rem; } .nav-list li { padding-left: 2.5rem; } } @media (max-width: 768px) { .journey-steps ul { font-size: 16px; } .page-layout__inner { padding: var(--space-lg) var(--space-md); } }  @media (width <= 640px) { .nav-link::before { left: -2rem; height: 3px; } .nav-link:hover::before, .nav-link.active::before, .nav-link.current-page::before { width: 1rem; } .nav-list li { padding-left: 2rem; } .nav-link:hover, .nav-link.active, .nav-link.current-page { padding-left: 0; } .burger-menu .brxe-text-basic { font-size: 0.875rem; } } @media (width <= 480px) { .burger-menu { gap: 0.5rem; } .burger-menu .brxe-text-basic { font-size: 0.75rem; } }  @media (prefers-contrast: high) { .hero-heading, .hero-subheading { color: #000000; } }  @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }  @media print { .hero-heading { color: #000000; page-break-after: avoid; } } .fullscreen-overlay[data-preview="true"] { visibility: visible; pointer-events: auto; } .fullscreen-overlay[data-preview="true"] .menu-left-bg { transform: translateY(0) !important; } .fullscreen-overlay[data-preview="true"] .menu-right-bg { transform: translateY(0) !important; } .fullscreen-overlay[data-preview="true"] .menu-right { opacity: 1 !important; transform: translateY(0) !important; } .fullscreen-overlay[data-preview="true"] .nav-list li { transform: translateX(0) !important; } .fullscreen-overlay[data-preview="true"] .nav-link { opacity: 1 !important; transform: translateX(0) !important; }