@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}}html:has(.home-justskin) { overflow: hidden !important; height: 100dvh !important;}.home-justskin { font-family: var(--font-body); overflow: hidden !important; height: 100dvh !important;}.home-split__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1;} .home-split__panel--patients .home-split__bg { background-image: url('https://web.wearemyooz.com/wp-content/uploads/2026/02/patient.avif');} .home-split__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .home-split__panel--patients .home-split__overlay { background-color: var(--color-therapeutic-blue); opacity: 0.78; } .home-split__panel:hover .home-split__overlay { opacity: 0; } .home-split__panel:focus-within .home-split__overlay { opacity: 0; }@media (max-width: 767px) { .home-split__panel:active .home-split__overlay { opacity: 0; }}@media (prefers-reduced-motion: reduce) { .home-split__overlay { transition: none; }} .home-split__title { display: block; font-family: var(--font-heading); font-size: var(--fs-5xl); font-weight: 700; color: var(--color-white); line-height: 1.2; letter-spacing: 0.02em; text-shadow: 0 2px 12px rgba(10, 31, 92, 0.3); transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), text-shadow 0.5s ease; } .home-split__panel:hover .home-split__title { transform: translateY(-4px); text-shadow: 0 4px 20px rgba(10, 31, 92, 0.5); }@media (max-width: 767px) { .home-split__title { font-size: clamp(1.75rem, 1rem + 3vw, 2.5rem); }}@media (prefers-reduced-motion: reduce) { .home-split__title { transition: none; }} .home-split__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75em 2em; font-family: var(--font-body); font-size: var(--fs-base); font-weight: 500; color: var(--color-navy); background-color: var(--color-white); border: 2px solid var(--color-white); border-radius: 4px; cursor: pointer; text-decoration: none; letter-spacing: 0.03em; transition: background-color 0.4s ease, color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease; } .home-split__btn:hover { background-color: transparent; color: var(--color-white); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(10, 31, 92, 0.25); } .home-split__btn:focus-visible { background-color: transparent; color: var(--color-white); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(10, 31, 92, 0.25); } .home-split__btn:focus-visible { outline: 2px solid var(--color-white); outline-offset: 4px; }@media (prefers-reduced-motion: reduce) { .home-split__btn { transition: none; }} .home-split__content { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 3; text-align: center; gap: var(--space-md); } .home-split__panel { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 50%; height: 100%; overflow: hidden; cursor: pointer; }@media (max-width: 767px) { .home-split__panel { width: 100%; height: 50%; }}.home-split__panel--doctors .home-split__bg { background-image: url('https://web.wearemyooz.com/wp-content/uploads/2026/02/Doctors-1.avif'); }.home-split__panel--doctors .home-split__overlay { background-color: var(--color-navy); opacity: 0.85; }.home-split__divider { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: linear-gradient( to bottom, transparent 5%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.15) 70%, transparent 95% ); z-index: 5; pointer-events: none; }@media (max-width: 767px) { .home-split__divider { top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background: linear-gradient( to right, transparent 5%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.15) 70%, transparent 95% ); }}.home-split__logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: clamp(100px, 12vw, 180px); height: auto; filter: drop-shadow(0 4px 24px rgba(10, 31, 92, 0.3)); pointer-events: none; transition: filter 0.5s ease, transform 0.5s ease; } .home-split:hover .home-split__logo { filter: drop-shadow(0 6px 32px rgba(10, 31, 92, 0.45)); }@media (max-width: 767px) { .home-split__logo { width: clamp(80px, 20vw, 120px); }}@media (prefers-reduced-motion: reduce) { .home-split__logo { transition: none; }}.home-split { display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; width: 100%; height: 100vh; height: 100dvh; overflow: hidden; position: relative; padding-block: 0;}@media (max-width: 767px) { .home-split { flex-direction: column; align-items: stretch; justify-content: flex-start; }}