@layer bricks {.brxe-code{width:100%}}@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 {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@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}}.swiper-button-disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none;} .card-1 .clipped-image img { clip-path: url(#clipPath1);}.card-2 .clipped-image img { clip-path: url(#clipPath2);}.card-3 .clipped-image img { clip-path: url(#clipPath3);}.card-4 .clipped-image img { clip-path: url(#clipPath4);}@media (prefers-reduced-motion: reduce) { .animate__animated { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }}.resources__wrapper > .pin-spacer { overflow: visible !important;}.resources { overflow: visible;}.resources__wrapper { overflow: visible;}.resources__panel { overflow: visible;}.hero-section{ color: var(--color-navy); }.hero-text-content { display: flex; max-width: 40rem; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 2; text-align: center; }.hero-image { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; } .hero-image:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }.hero-image-container { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden;}@media (width >=640px) and (width <=1023px) { .hero-image-container { aspect-ratio: 16 / 9; }}@media (width >=320px) and (width <=639px) { .hero-image-container { aspect-ratio: 4 / 3; }}@media (max-height: 600px) and (orientation: landscape) { .hero-image-container { aspect-ratio: 21 / 9; }}@media print { .hero-image-container { max-height: 400px; }}.hero-gradient-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: clamp(3rem, 2.5536rem + 1.3393vw, 4.125rem); background: linear-gradient( to bottom, rgba(237, 240, 245, 0) 0%, rgba(237, 240, 245, 0.2) 50%, rgba(237, 240, 245, 0.5) 100% ); pointer-events: none; z-index: 3; opacity: 0; transform: translateY(20px); transition: none; }@media (width >= 320px) and (width <= 639px) { .hero-gradient-overlay { height: var(--space-xl); }}@media (prefers-reduced-motion: reduce) { .hero-gradient-overlay { opacity: 1; transform: translateY(0); }}@media print { .hero-gradient-overlay { display: none; }}.hero-image-wrapper { position: relative; width: 100%; height: 100%; display: flex; align-items: flex-end; }.hero-grid { display: grid; align-items: center; justify-items: center; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: var(--space-md); width: 100%; height: 100%; }.hero-height { min-height: auto; display: flex; align-items: center; padding-block: var(--space-xs);}.hero-section { width: 100vw; background: transparent; position: relative; overflow: hidden; padding-block-start: var(--space-5xl);} .hero-section { container-type: inline-size; container-name: hero-section;}@media (width > 1440px) { .hero-section { max-width: var(--container-max); margin-inline: auto; }}@media print { .hero-section { break-inside: avoid; }}.resources__nav-line { position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background-color: var(--color-light-blue, rgba(10, 31, 92, 0.15)); border-radius: 1px;} .resources__nav-line::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: var(--line-progress, 0px); background-color: var(--color-navy); border-radius: 1px; transition: height 0.4s cubic-bezier(0.62, 0.08, 0, 1); will-change: height;}@media (prefers-reduced-motion: reduce) { .resources__nav-line::after { transition: none !important; }}@media (max-width: 767px) { .resources__nav-line { display: none; }}.resources__nav-indicator { position: absolute; left: 15px; top: 0; width: 12px; height: 12px; border-radius: 50%; background-color: var(--color-navy); box-shadow: 0 2px 8px rgba(10, 31, 92, 0.3); transform: translateY(var(--circle-offset, 0px)); transition: transform 0.4s cubic-bezier(0.62, 0.08, 0, 1); z-index: 2; will-change: transform;}@media (prefers-reduced-motion: reduce) { .resources__nav-indicator { transition: none !important; }}@media (max-width: 767px) { .resources__nav-indicator { display: none; }} .resources__nav-link { display: block; font-family: var(--font-body); font-size: var(--fs-base); font-weight: 400; color: var(--color-gray); text-decoration: none; transition: color 0.3s ease; } .resources__nav-link:hover { color: var(--color-navy); } .resources__nav-item.is-active .resources__nav-link { color: var(--color-navy); font-weight: 500; }@media (max-width: 767px) { .resources__nav-item.is-active .resources__nav-link { color: var(--color-navy); font-weight: 600; border-bottom: 2px solid var(--color-navy); } .resources__nav-link { font-size: var(--fs-sm); padding-bottom: var(--space-xs); }} .resources__nav-item { position: relative; padding-left: var(--space-md); } .resources__nav-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: transparent; border: 2px solid var(--color-gray); border-radius: 50%; transition: all 0.3s ease; display: none; } .resources__nav-item.is-active::before { display: block; width: 12px; height: 12px; background: var(--color-navy); border-color: var(--color-navy); }@media (max-width: 767px) { .resources__nav-item { padding-left: 0; white-space: nowrap; } .resources__nav-item::before { display: none; }}.resources__nav-list { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-md); margin: 20px; padding: 0; list-style: none;}@media (max-width: 767px) { .resources__nav-list { flex-direction: row; gap: var(--space-sm); overflow-x: auto; -webkit-overflow-scrolling: touch; }}.resources__nav { position: sticky; top: 50vh; transform: translateY(-50%); align-self: flex-start; flex-shrink: 0; z-index: 100;}@media (max-width: 767px) { .resources__nav { display: none; }} .resources__title { display: block; font-family: var(--font-heading); font-size: var(--fs-4xl); font-weight: 700; line-height: var(--lh-tight); letter-spacing: -0.02em; margin: 0 0 var(--space-md) 0; color: var(--color-navy); }@media (max-width: 767px) { .resources__title { font-size: var(--fs-2xl); }}.resources__subtitle { display: block; font-family: var(--font-heading); font-size: var(--fs-lg); font-weight: 700; line-height: 1.3; margin: 0 0 var(--space-sm) 0; color: var(--color-navy); } .resources__link:hover .resources__icon { transform: translateY(2px); } .resources__icon { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; color: currentColor; transition: transform 0.3s ease; } .resources__link span { display: block; flex: 1; } .resources__link { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: var(--space-sm); font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); color: var(--color-therapeutic-blue); text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; } .resources__link:hover { color: var(--color-navy); transform: translateX(4px); }@media (prefers-reduced-motion: reduce) { .resources__link { transition: none; }} .resources__item { width: 100%; } .resources__list { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-md); margin: 0; padding: 0; list-style: none; } .resources__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: var(--space-md); padding-inline: var(--container-padding); padding-block: var(--space-xl); } @media (max-width: 767px) { .resources__content { } } .resources__image { width: 100%; height: 100%; object-fit: cover; display: block; object-position: left top; clip-path: url(#resourcesClip); transition: transform 0.3s ease; } .resources__figure:hover .resources__image { transform: scale(1.05); }@media (prefers-reduced-motion: reduce) { .resources__image { transition: none; } .resources__figure:hover .resources__image { transform: none; }}@media (max-width: 767px) { .resources__image { clip-path: url(#bottom-clip-path); object-position: left bottom; }}.resources__figure { position: relative; width: 100%; aspect-ratio: 1; margin: 0; padding: 0; overflow: visible;}@media (max-width: 767px) { .resources__figure { max-width: 400px; margin: 0 auto; }} .resources__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; width: 100%; max-width: 100%; margin: 0 auto; } @media (min-width: 1440px) { .resources__inner { } } @media (max-width: 767px) { .resources__inner { grid-template-columns: 1fr; } }.resources__panel { min-height: 100vh; position: relative; width: 100%; margin-left: 0; margin-right: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; will-change: filter, transform, border-radius; padding-block: 0px !important;} .resources__panel[data-bg="light-blue"] { background-color: var(--color-lighter-blue);}@media (max-width: 767px) { .resources__panel { min-height: auto; }}@media (prefers-reduced-motion: reduce) { .resources__panel { will-change: auto; transition: none; }}.resources__intro { display: block; font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); margin: 0 0 var(--space-md) 0; color: var(--color-navy); max-width: 560px; }.resources__panel[data-bg="gray"] { background-color: var(--color-bg-body);}.resources__accordion-title { display: block; font-family: var(--font-heading); font-size: var(--fs-xl); line-height: var(--lh-normal); color: var(--color-navy); opacity: 0.6; transition: opacity 0.3s ease;} .resources__accordion-item--active .resources__accordion-title { opacity: 1;} .resources__accordion-icon-line { position: absolute; background-color: var(--color-navy); transition: transform 0.35s ease; } .resources__accordion-icon-line--horizontal { top: 50%; left: 0; width: 100%; height: 2px; transform: translateY(-50%); }@media (prefers-reduced-motion: reduce) { .resources__accordion-icon-line { transition: none; }} .resources__accordion-icon-line--vertical { top: 0; left: 50%; width: 2px; height: 100%; transform: translateX(-50%) rotate(0deg); } .resources__accordion-item--active .resources__accordion-icon-line--vertical { transform: translateX(-50%) rotate(90deg); } .resources__accordion-icon { position: relative; flex-shrink: 0; width: 16px; height: 16px; margin-left: var(--space-md); } .resources__accordion-trigger { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-md) 0; background: none; border: none; cursor: pointer; text-align: left; -webkit-appearance: none; appearance: none; } .resources__accordion-trigger:focus-visible { outline: 2px solid var(--color-therapeutic-blue); outline-offset: 2px; border-radius: 2px; }.resources__featured-text { display: block; font-family: var(--font-body); font-size: var(--fs-base); line-height: var(--lh-normal); margin: 0; color: var(--color-navy); }.resources__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; background: var(--color-navy); color: var(--color-white); font-family: var(--font-body); font-size: var(--fs-base); font-weight: 600; text-decoration: none; border-radius: 4px; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; align-self: flex-start; } .resources__btn:hover { background: var(--color-therapeutic-blue); color: var(--color-white); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(10, 31, 92, 0.12); }.resources__accordion-inner { padding-bottom: var(--space-md); display: flex; gap:var(--space-md); flex-direction: column; }.resources__accordion-content { height: 0; overflow: hidden; transition: height 0.35s ease;}@media (prefers-reduced-motion: reduce) { .resources__accordion-content { transition: none; }}.resources__accordion-item { border-bottom: 1px solid rgba(10, 31, 92, 0.2);} .resources__accordion-item:last-child { border-bottom: none;}.resources__accordion-inner { padding-bottom: var(--space-md); }.resources__accordion { width: 100%; }.resources__image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease;} .resources__image--active { position: relative; z-index: 2; opacity: 1;}.resources__image--next { position: absolute; inset: 0; z-index: 1; opacity: 0;} .resources__image--fade-out { opacity: 0;} .resources__image--fade-in { opacity: 1;}#articles-videos .resources__image--active { position: relative; z-index: 2; opacity: 1; transition: opacity 0.5s ease;}#articles-videos .resources__image--next { position: absolute; inset: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease; clip-path: url(#resourcesClip);}#articles-videos .resources__image--fade-out { opacity: 0;}#articles-videos .resources__image--fade-in { opacity: 1;}.resources__figure { position: relative; overflow: hidden;}.resources__wrapper { min-height: 400vh; flex: 1; min-width: 0; display: flex; flex-direction: column; position: relative;}@media (max-width: 767px) { .resources__wrapper { min-height: auto; }}[class*="brxe-"][data-breakout="false"] { max-width: 100%;}[class*="brxe-"][data-breakout="true"],[class*="brxe-"][data-breakout="right"],[class*="brxe-"][data-breakout="left"],[class*="brxe-"][data-breakout="full"] { max-width: none !important;} .resources__wrapper [data-breakout="right"] { width: calc(100% + var(--container-padding)) !important; margin-right: calc(-1 * var(--container-padding)) !important; margin-left: 0 !important;} .resources__wrapper #brx-content { display: block; width: 100%; background-color: var(--color-bg-body); position: relative;} .resources__wrapper>.brxe-section { position: relative;} .resources__wrapper>.brxe-section[data-full-bleed] { position: relative; isolation: isolate;} .resources__wrapper > .brxe-section[data-full-bleed]::before,.resources__wrapper > .pin-spacer > .brxe-section[data-full-bleed]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100vw; transform: translateX(-50%);} .resources__wrapper > .brxe-section[data-full-bleed="primary"]::before,.resources__wrapper > .pin-spacer > .brxe-section[data-full-bleed="primary"]::before { background-color: var(--color-lighter-blue);} .resources__wrapper > .brxe-section[data-full-bleed="gray"]::before,.resources__wrapper > .pin-spacer > .brxe-section[data-full-bleed="gray"]::before { background-color: var(--color-bg-body);}.resources { position: relative; display: flex; flex-direction: row; width: 100%; max-width: var(--container-max); margin-inline: auto; padding-block-start: var(--space-5xl);}@media (max-width: 767px) { .resources { padding-top: var(--space-xl); }}@media (min-width: 1441px) { .resources { max-width: 100vw; }}.why-choose-heading { margin-bottom: var(--space-lg); color: var(--color-navy); } .why-choose-heading.brxe-heading { margin-bottom: var(--space-lg); }@media (prefers-contrast: high) { .why-choose-heading { color: #000000; font-weight: 800; }} .why-choose-text { font-weight: 300; color: var(--color-navy); margin-bottom: 0; } .why-choose-text.brxe-text-basic { margin-bottom: 0; }@media (prefers-contrast: high) { .why-choose-text { color: #000000; }}.why-choose-text-content { margin-bottom: var(--space-xl); }.why-choose-btn { display: inline-block; background-color: var(--color-navy); color: var(--color-bg-white); text-decoration: none; font-weight: 500; font-size: var(--fs-base); border-radius: 4px; border: 1px solid var(--color-navy); transition: all 0.3s ease; } .why-choose-btn.brxe-button { padding: var(--space-sm) var(--space-lg); } .why-choose-btn:hover { background-color: transparent; border: 1px solid var(--color-navy); color: var(--color-navy); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(10, 31, 92, 0.2); } .why-choose-btn:focus-visible { outline: 2px solid var(--color-navy); outline-offset: 4px; }@media (max-width: 478px) { .why-choose-btn { font-size: var(--fs-sm); padding: var(--space-xs) var(--space-md); }}@media print { .why-choose-btn { display: none; }}.why-choose-cta-wrapper { margin-top: var(--space-xl); }.why-choose-content-wrapper { max-width: 100%; }@media (max-width: 991px) { .why-choose-content-wrapper { max-width: 700px; margin-inline: auto; }}.why-choose-text-column { flex: 0 0 50%; max-width: 600px; padding: var(--space-5xl) 0 var(--space-5xl) 0; display: flex; flex-direction: column; position: relative; z-index: 2; opacity: 0; --animate-delay: 0.2s; } .why-choose-text-column.animate__animated { opacity: 1; }@media (prefers-reduced-motion: no-preference) { .why-choose-text-column { animation: fadeInLeft 0.8s ease-out; }}@media (prefers-reduced-motion: reduce) { .why-choose-text-column { animation: none !important; transition: none !important; }}.why-choose-image { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; clip-path: url(#curveClipPath); -webkit-clip-path: url(#curveClipPath); will-change: transform; transform: translateZ(0); backface-visibility: hidden; }@media (hover: hover) and (prefers-reduced-motion: no-preference) { .why-choose-image { transition: transform 0.5s ease; } .why-choose-image-wrapper:hover .why-choose-image { transform: scale(1.02); }}@media (max-width: 1440px) { .why-choose-image { clip-path: url(#curveClipPath); -webkit-clip-path: url(#curveClipPath); }}@media (max-width: 991px) { .why-choose-image { clip-path: url(#curveClipPath); -webkit-clip-path: url(#curveClipPath); }}@media (max-width: 767px) { .why-choose-image { clip-path: url(#curveClipPath) !important; -webkit-clip-path: url(#curveClipPath) !important; }}@media (max-width: 478px) { .why-choose-image { clip-path: url(#curveClipPath) !important; -webkit-clip-path: url(#curveClipPath) !important; }}@media (prefers-reduced-motion: reduce) { .why-choose-image { animation: none !important; transition: none !important; }}@media print { .why-choose-image { clip-path: none; -webkit-clip-path: none; border-radius: 8px; }}.why-choose-image-container { position: relative; width: 100%; height: 100%; border-radius: 0; } .why-choose-image-container::after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset -40px 0 40px -20px rgba(10, 31, 92, 0.05); clip-path: url(#curveClipPath); -webkit-clip-path: url(#curveClipPath); }@media (max-width: 991px) { .why-choose-image-container::after { clip-path: url(#curveClipPath); -webkit-clip-path: url(#curveClipPath); }}@media (max-width: 767px) { .why-choose-image-container::after { clip-path: url(#curveClipPath) !important; -webkit-clip-path: url(#curveClipPath) !important; }}@media (max-width: 478px) { .why-choose-image-container::after { display: block; clip-path: url(#curveClipPath) !important; -webkit-clip-path: url(#curveClipPath) !important; }}.why-choose-image-wrapper { width: 100%; height: 100%; position: relative; display: flex; align-items: flex-end; justify-content: flex-end; }.why-choose-image-column { flex: 1; position: relative; min-height: 500px; display: flex; align-items: flex-end; justify-content: flex-end; overflow: hidden; opacity: 0; --animate-delay: 0.4s; } .why-choose-image-column.animate__animated { opacity: 1; }@media (min-width: 1440px) { .why-choose-image-column { min-height: 600px; }}@media (max-width: 1440px) { .why-choose-image-column { min-height: 500px; }}@media (max-width: 991px) { .why-choose-image-column { flex: 1 1 100%; min-height: 450px; align-items: center; justify-content: center; }}@media (max-width: 767px) { .why-choose-image-column { min-height: 400px; height: 50vh; }}@media (max-width: 478px) { .why-choose-image-column { min-height: 300px; height: 40vh; }}@media (prefers-reduced-motion: no-preference) { .why-choose-image-column { animation: fadeInRight 0.8s ease-out; }}@media (prefers-reduced-motion: reduce) { .why-choose-image-column { animation: none !important; transition: none !important; }}.why-choose-wrapper { display: flex; flex-wrap: nowrap; align-items: stretch; position: relative; margin-left: 0; margin-right: 0; width: 100%;}@media (min-width: 1440px) { .why-choose-wrapper { --container-to-viewport: calc((100vw - var(--container-max)) / 2); margin-left: 0; margin-right: calc(-1 * (var(--container-to-viewport) + var(--container-padding))); width: calc(100% + var(--container-to-viewport) + var(--container-padding)); }}@media (max-width: 1440px) { .why-choose-wrapper { margin-left: 0; margin-right: calc(-1 * var(--container-padding)); width: calc(100% + var(--container-padding)); }}@media (max-width: 767px) { .why-choose-wrapper { flex-direction: column; }}@media print { .why-choose-wrapper { flex-direction: column; width: 100%; }}.why-choose-container { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-padding); overflow: visible !important; position: relative; }.why-choose-section { width: 100%; background-color: var(--color-bg-body); position: relative; overflow-x: clip; overflow-y: visible; padding-block: var(--space-2xl); } .why-choose-section[data-type-set] { container-type: inline-size; container-name: why-choose; }@media (max-width: 767px) { .why-choose-section { padding-block: 0; }}@media print { .why-choose-section { page-break-inside: avoid; }}