/* Shared hero and card presentation, including the legacy preview artwork. */
.hero-container.medweb-project-hero {
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 24px;
    overflow: hidden;
    color: #171717;
    background: #f7f8f7;
    border: 1px solid #edf0eb;
    border-radius: 34px;
    box-shadow: 0 8px 32px rgba(23, 31, 23, .035);
}

.medweb-project-hero,
.medweb-project-hero * { box-sizing: border-box; }

.medweb-project-hero__content {
    width: min(1480px, 100%);
    margin: 0 auto;
    padding: 110px clamp(18px, 4.2vw, 64px) 110px;
}

.medweb-project-hero__intro { max-width: 1260px; margin: 0 auto; text-align: center; }
.medweb-project-hero__title {
    position: relative;
    z-index: 4;
    display: flex;
    margin: 0;
    flex-direction: column;
    align-items: center;
    color: #171a18;
    font-size: clamp(36px, 3.8vw, 56px);
    line-height: 1.2;
    text-wrap: balance;
}
.medweb-project-hero__title-line { display: block; max-width: 100%; }
.medweb-project-hero__title-line--image { display: flex; align-items: center; justify-content: center; gap: .16em; }
.medweb-project-hero__inline-image {
    display: inline-block;
    width: 3em;
    aspect-ratio: 3 / 1;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 999px;
    vertical-align: middle;
    transform: translateY(.035em);
}
.medweb-project-hero__inline-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.medweb-project-hero__title-accent { color: inherit; }
.medweb-project-hero__law { position: relative; display: inline-block; padding-bottom: .1em; white-space: nowrap; cursor: help; }
.medweb-project-hero__law strong { font-weight: 750; }
.medweb-project-hero__law:focus-visible { border-radius: 3px; outline: 2px solid #4c7c2c; outline-offset: 5px; }
.medweb-project-hero__law-tooltip {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: max-content;
    max-width: min(320px, calc(100vw - 48px));
    padding: 12px 14px;
    color: #20251f;
    background: #fff;
    border: 1px solid rgba(23, 31, 23, .12);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(23, 31, 23, .14);
    font-size: 14px;
    font-family: var(--medweb-font-body, "Aeonik Pro", Arial, sans-serif);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: left;
    text-wrap: pretty;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
.medweb-project-hero__law:hover .medweb-project-hero__law-tooltip,
.medweb-project-hero__law:focus .medweb-project-hero__law-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}
.medweb-project-hero__law-tooltip::before {
    position: absolute;
    bottom: 100%;
    left: var(--medweb-law-arrow-x, 50%);
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    transform: translateX(-50%);
}
.medweb-project-hero__law-tooltip[data-placement="above"]::before {
    top: 100%;
    bottom: auto;
    border-top: 7px solid #fff;
    border-bottom: 0;
}
.medweb-project-hero__law::before,
.medweb-project-hero__law::after {
    position: absolute;
    height: .16em;
    content: '';
    border-bottom: .055em solid #9ce154;
    border-radius: 50%;
    pointer-events: none;
}
.medweb-project-hero__law::before {
    right: -.035em;
    bottom: .01em;
    left: -.025em;
    transform: rotate(178deg);
}
.medweb-project-hero__law::after {
    right: .025em;
    bottom: -.12em;
    left: .06em;
    border-bottom-width: .04em;
    opacity: .78;
    transform: rotate(178deg);
}
.medweb-project-hero__cta {
    display: inline-flex;
    min-height: 46px;
    margin-top: 30px;
    padding: 0 25px;
    align-items: center;
    justify-content: center;
    color: white;
    background: #9ce154;
    border: 1px solid #8fd047;
    border-radius: 999px;
    box-shadow: 0 5px 18px rgba(113, 169, 61, .18);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.medweb-project-hero__cta:hover { color: #182016; background: #a7e96a; box-shadow: 0 8px 22px rgba(113, 169, 61, .24); transform: translateY(-1px); }
.medweb-project-hero__cta:focus-visible,
.medweb-project-card__selector:focus-visible,
.medweb-project-card__cta:focus-visible,
.medweb-project-indicators button:focus-visible { outline: 3px solid #4c7c2c; outline-offset: 3px; }

.medweb-project-switcher {
    --medweb-project-card-duration: 560ms;
    --medweb-project-copy-duration: 120ms;
    --medweb-project-reveal-duration: 250ms;
    --medweb-project-reveal-delay: 170ms;
    display: flex;
    width: 100%;
    max-width: 1360px;
    margin: 30px auto 0;
    align-items: stretch;
    gap: 14px;
}
.medweb-project-card {
    position: relative;
    min-width: 0;
    height: 300px;
    flex: 1 1 0;
    overflow: hidden;
    isolation: isolate;
    background: #fff;
    border: 1px solid #e7eae5;
    border-radius: 22px;
    box-shadow: 0 8px 24px rgba(23, 31, 23, .035);
    scroll-snap-align: center;
    transition: flex-grow var(--medweb-project-card-duration) cubic-bezier(.22, 1, .36, 1), height var(--medweb-project-card-duration) cubic-bezier(.22, 1, .36, 1), background-color var(--medweb-project-card-duration) cubic-bezier(.22, 1, .36, 1), border-color var(--medweb-project-card-duration) cubic-bezier(.22, 1, .36, 1), box-shadow var(--medweb-project-card-duration) cubic-bezier(.22, 1, .36, 1);
}
.medweb-project-card.is-active {
    flex-grow: 1.95;
    background: #15392c;
    border-color: #15392c;
    box-shadow: 0 13px 32px rgba(23, 44, 33, .12);
}
.medweb-project-card--loop-clone { display: none; pointer-events: none; }
.medweb-project-card__selector {
    position: relative;
    z-index: 3;
    display: grid;
    width: 100%;
    height: 158px;
    padding: 18px 15px 10px;
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    align-items: start;
    color: inherit;
    text-align: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}
.medweb-project-card__selector:hover { background: #fbfcfa; }
.medweb-project-card__label {
    display: inline-flex;
    min-height: 24px;
    max-width: 100%;
    padding: 4px 10px;
    align-items: center;
    justify-content: center;
    color: #484848;
    background: #f1f3fa;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.02rem;
}
.medweb-project-card[data-project-kind="clinic"] .medweb-project-card__label {
    gap: 6px;
    color: #fff;
    background: #477d2a;
}
.medweb-project-card__title {
    display: block;
    align-self: center;
    margin-top: 5px;
    color: #1d241e;
    font-size: clamp(18px, 1.6vw, 31px);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -.035em;
    transition: opacity var(--medweb-project-copy-duration) cubic-bezier(.22, 1, .36, 1), transform var(--medweb-project-copy-duration) cubic-bezier(.22, 1, .36, 1), visibility 0s linear var(--medweb-project-copy-duration);
}
.medweb-project-card__caption {
    display: block;
    max-width: 27ch;
    margin-top: 8px;
    color: #626a63;
    font-size: 12px;
    font-weight: 450;
    line-height: 1.35;
    transition: opacity var(--medweb-project-copy-duration) cubic-bezier(.22, 1, .36, 1), transform var(--medweb-project-copy-duration) cubic-bezier(.22, 1, .36, 1), visibility 0s linear var(--medweb-project-copy-duration);
}
.medweb-project-visual {
    position: relative;
    z-index: 1;
    display: block;
    height: 126px;
    margin: 0 14px 14px;
    overflow: hidden;
    border: 1px solid #e8ece6;
    border-radius: 14px;
}
.medweb-project-visual--clinic { background: linear-gradient(145deg, #edf3ed, #e4eee7); }
.medweb-project-visual--doctor { background: linear-gradient(145deg, #edf3f6, #e4edf1); }
.medweb-project-visual--redesign { background: linear-gradient(145deg, #f3f0ea, #ebe8df); }
.medweb-clinic-window,
.medweb-doctor-window {
    position: absolute;
    display: block;
    inset: 13px 12px 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(37, 56, 43, .12);
    border-radius: 9px 9px 0 0;
    box-shadow: 0 7px 18px rgba(38, 54, 39, .09);
}
.medweb-mock-toolbar { display: flex; min-height: 23px; padding: 0 8px; align-items: center; gap: 6px; color: #738074; background: #fbfcfa; border-bottom: 1px solid #eef0ec; font-size: 7px; font-weight: 650; letter-spacing: .025em; }
.medweb-mock-dots { display: inline-flex; flex: 0 0 auto; gap: 3px; }
.medweb-mock-dots i { display: block; width: 4px; height: 4px; background: #d7ddd5; border-radius: 50%; }
.medweb-mock-menu { margin-left: auto; color: #667265; font-size: 6px; font-weight: 550; }
.medweb-clinic-hero { display: block; padding: 8px 10px 6px; background: linear-gradient(100deg, #f2f8f0, #fff 70%); }
.medweb-mock-eyebrow { display: block; color: #7d9871; font-size: 6px; font-weight: 750; letter-spacing: .11em; }
.medweb-mock-headline { display: block; margin-top: 4px; color: #29382a; font-size: 11px; font-weight: 700; line-height: 1.1; letter-spacing: -.035em; }
.medweb-mock-action { display: inline-flex; min-height: 16px; margin-top: 6px; padding: 0 8px; align-items: center; color: #33482d; background: #a4df70; border-radius: 999px; font-size: 6px; font-weight: 750; }
.medweb-clinic-links { display: flex; padding: 6px 8px; gap: 5px; }
.medweb-clinic-links > span { display: block; min-width: 0; flex: 1; padding: 4px 5px; color: #52634d; background: #f6f8f5; border: 1px solid #edf0eb; border-radius: 5px; font-size: 6px; font-weight: 650; }
.medweb-clinic-links i { display: block; margin-bottom: 3px; color: #8ca27f; font-size: 6px; font-style: normal; }
.medweb-doctor-mark { margin-left: auto; color: #7d9193; font-size: 6px; }
.medweb-doctor-profile { display: flex; padding: 10px 9px 5px; align-items: center; gap: 9px; }
.medweb-doctor-avatar { position: relative; display: block; width: 47px; height: 55px; flex: 0 0 auto; overflow: hidden; background: linear-gradient(155deg, #d9e7e9, #b9d0d2); border-radius: 28px 28px 12px 12px; }
.medweb-doctor-avatar::before { position: absolute; top: 9px; left: 15px; display: block; width: 17px; height: 17px; content: ''; background: #f2d8c3; border-radius: 50%; }
.medweb-doctor-avatar::after { position: absolute; bottom: -7px; left: 7px; display: block; width: 34px; height: 32px; content: ''; background: #78979b; border-radius: 50% 50% 10px 10px; }
.medweb-doctor-copy { display: block; min-width: 0; }
.medweb-doctor-name { display: block; margin-top: 4px; color: #2c3c3e; font-size: 9px; font-weight: 700; line-height: 1.2; }
.medweb-doctor-meta { display: block; margin-top: 3px; color: #6b7c7c; font-size: 6px; line-height: 1.35; }
.medweb-doctor-copy .medweb-mock-action { margin-top: 5px; background: #c2e1d4; }
.medweb-doctor-note { display: flex; margin: 5px 9px 0; padding: 6px 7px; align-items: center; gap: 7px; color: #688083; background: #f4f8f8; border-radius: 5px; font-size: 6px; font-weight: 600; }
.medweb-doctor-note-line { display: block; height: 3px; flex: 1; background: #dce8e6; border-radius: 99px; }
.medweb-redesign-board { display: flex; height: 100%; padding: 10px 9px 8px; align-items: center; justify-content: center; gap: 7px; }
.medweb-redesign-state { display: block; width: min(43%, 148px); }
.medweb-redesign-state__label { display: block; margin-bottom: 5px; color: #828278; font-size: 6px; font-weight: 750; letter-spacing: .1em; }
.medweb-redesign-browser { position: relative; display: flex; height: 88px; padding: 11px 7px 7px; flex-direction: column; gap: 5px; background: #fff; border: 1px solid #e6e4dc; border-radius: 5px; box-shadow: 0 5px 12px rgba(47, 44, 34, .08); }
.medweb-redesign-browser i { position: absolute; top: 5px; width: 3px; height: 3px; background: #d7d5cf; border-radius: 50%; }
.medweb-redesign-browser i:nth-child(1) { left: 6px; }
.medweb-redesign-browser i:nth-child(2) { left: 12px; }
.medweb-redesign-browser i:nth-child(3) { left: 18px; }
.medweb-redesign-browser b { display: block; width: 72%; height: 7px; background: #e6e5e0; border-radius: 2px; }
.medweb-redesign-state--before .medweb-redesign-browser b:nth-of-type(2) { width: 95%; height: 13px; background: #e9e5dc; }
.medweb-redesign-state--before .medweb-redesign-browser b:nth-of-type(3) { width: 50%; }
.medweb-redesign-state--after .medweb-redesign-browser { background: linear-gradient(120deg, #f3f8ef, #fff); border-color: #dfe9d8; }
.medweb-redesign-state--after .medweb-redesign-browser b { height: 6px; background: #dfe8d8; }
.medweb-redesign-state--after .medweb-redesign-browser b:nth-of-type(2) { width: 89%; height: 16px; background: #cde7bb; }
.medweb-redesign-browser em { position: absolute; top: 21px; right: -5px; display: grid; width: 14px; height: 14px; place-items: center; color: #fff; background: #d69575; border: 2px solid #fff; border-radius: 50%; font-size: 7px; font-style: normal; font-weight: 750; }
.medweb-redesign-state--after .medweb-redesign-browser em { background: #82b65a; }
.medweb-redesign-arrow { display: block; color: #819173; font-size: 17px; font-weight: 500; }

.medweb-project-card.is-active .medweb-project-card__selector {
    position: absolute;
    top: 19px;
    left: 50%;
    width: auto;
    height: auto;
    padding: 0;
    transform: translateX(-50%);
}
.medweb-project-card.is-active .medweb-project-card__selector:hover { background: transparent; }
.medweb-project-card.is-active .medweb-project-card__selector:focus-visible { outline-offset: 5px; }
.medweb-project-card.is-active .medweb-project-card__title,
.medweb-project-card.is-active .medweb-project-card__caption {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    pointer-events: none;
}
.medweb-project-card.is-active .medweb-project-visual {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: inherit;
}
.medweb-project-card.is-active .medweb-project-visual--clinic { background: radial-gradient(ellipse at 80% 90%, #2e6848 0%, #1e4a37 42%, #15392c 76%); }
.medweb-project-card.is-active .medweb-project-visual--clinic::before {
    position: absolute;
    top: -170px;
    right: -74px;
    width: 430px;
    height: 430px;
    content: '';
    border: 54px solid rgba(156, 225, 84, .24);
    border-radius: 50%;
    box-shadow: 0 0 0 26px rgba(156, 225, 84, .055), inset 0 0 35px rgba(156, 225, 84, .16);
}
.medweb-project-card.is-active .medweb-clinic-window { inset: 48% -7% -17% 43%; opacity: .42; transform: rotate(-7deg); }
.medweb-project-card.is-active .medweb-project-visual--doctor { background: radial-gradient(ellipse at 82% 92%, #396856 0%, #204a3b 42%, #15392c 77%); }
.medweb-project-card.is-active .medweb-project-visual--doctor::before {
    position: absolute;
    top: 50px;
    right: 13%;
    width: 220px;
    height: 220px;
    content: '';
    background: rgba(156, 225, 84, .14);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
}
.medweb-project-card.is-active .medweb-doctor-window { inset: 24% 4% -14% 55%; opacity: .38; transform: rotate(5deg); }
.medweb-project-card.is-active .medweb-doctor-avatar { width: 70px; height: 90px; }
.medweb-project-card.is-active .medweb-doctor-avatar::before { top: 13px; left: 23px; width: 23px; height: 23px; }
.medweb-project-card.is-active .medweb-doctor-avatar::after { left: 10px; width: 50px; height: 48px; }
.medweb-project-card.is-active .medweb-project-visual--redesign { background: radial-gradient(ellipse at 80% 100%, #3a674f 0%, #224b3a 43%, #15392c 78%); }
.medweb-project-card.is-active .medweb-redesign-board { position: absolute; inset: 27% -5% -16% 39%; gap: 12px; opacity: .36; transform: rotate(-6deg); }
.medweb-project-card.is-active .medweb-redesign-browser { height: 150px; }
.medweb-project-card__details {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    min-width: 0;
    padding: 59px 22px 19px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity var(--medweb-project-reveal-duration) cubic-bezier(.22, 1, .36, 1), transform var(--medweb-project-reveal-duration) cubic-bezier(.22, 1, .36, 1), visibility 0s linear var(--medweb-project-reveal-duration);
}
.medweb-project-card.is-active .medweb-project-card__details {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-outgoing .medweb-project-card__details {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transform: translateY(4px);
    transition-duration: var(--medweb-project-copy-duration);
    transition-delay: 0s;
}
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-incoming .medweb-project-card__details {
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transform: translateY(6px);
    transition-delay: 0s;
}
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-incoming .medweb-project-card__title,
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-incoming .medweb-project-card__caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(3px);
    pointer-events: none;
    transition: none;
}
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-outgoing .medweb-project-card__title,
.medweb-project-switcher.is-transitioning .medweb-project-card.is-copy-outgoing .medweb-project-card__caption {
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    pointer-events: none;
    transition-duration: var(--medweb-project-copy-duration);
    transition-delay: 0s;
}
.medweb-project-switcher.is-transitioning.is-content-revealed .medweb-project-card.is-copy-outgoing .medweb-project-card__title,
.medweb-project-switcher.is-transitioning.is-content-revealed .medweb-project-card.is-copy-outgoing .medweb-project-card__caption {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-duration: 220ms, 220ms, 0s;
    transition-delay: var(--medweb-project-reveal-delay), var(--medweb-project-reveal-delay), var(--medweb-project-reveal-delay);
}
.medweb-project-switcher.is-transitioning.is-content-revealed .medweb-project-card.is-copy-incoming .medweb-project-card__details {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: var(--medweb-project-reveal-delay);
}
.medweb-project-card__heading {
    max-width: 28ch;
    margin: 0;
    color: #fff;
    font-size: clamp(23px, 2.2vw, 31px);
    font-weight: 650;
    line-height: 1.08;
}
.medweb-project-card__benefits {
    display: flex;
    margin: 13px 0 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    list-style: none;
}
.medweb-project-card__benefits li { min-width: 0; padding: 7px 10px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; }
.medweb-project-card__benefits li[hidden] { display: none; }
.medweb-project-card__benefits strong { display: block; color: #fff; font-size: 16px; font-weight: 500; }
.medweb-project-card__benefits span:empty { display: none; }
.medweb-project-card__description { width: 100%; max-width: 58ch; min-height: 2.8em; margin: 10px 0 0; color: rgba(255, 255, 255, .86); font-size: 16px; line-height: 1.4; text-wrap: pretty; }
.medweb-project-card__cta {
    display: inline-flex;
    min-height: 39px;
    margin-top: 13px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    color: #182016;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}
.medweb-project-card__cta:hover { color: #182016; background: #9ce154; transform: translateY(-1px); }
.medweb-project-indicators { display: flex; margin: 20px auto 0; align-items: center; justify-content: center; gap: 6px; }
.medweb-project-indicators button {
    display: block;
    width: 27px;
    height: 4px;
    padding: 0;
    background: #d9ded8;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    transition: width .38s cubic-bezier(.22, 1, .36, 1), background-color .24s ease;
}
.medweb-project-indicators button.is-active { width: 62px; background: #aeb9a8; }
.medweb-project-indicators button:hover { background: #92a283; }

.medweb-project-hero > .tab-island-bottom { position: absolute; bottom: 0; left: 50%; }

@media (max-width: 1023px) and (min-width: 768px) {
    .medweb-project-hero__content { padding: 86px 28px 30px; }
    .medweb-project-hero__title { font-size: clamp(36px, 4.9vw, 46px); }
    .medweb-project-hero__cta { min-height: 44px; margin-top: 15px; }
    .medweb-project-switcher { margin-top: 22px; gap: 9px; }
    .medweb-project-card { height: 306px; }
    .medweb-project-card__selector { height: 156px; padding-inline: 10px; }
    .medweb-project-card__title { font-size: 18px; }
    .medweb-project-card__caption { font-size: 11px; }
    .medweb-project-visual { height: 134px; margin-inline: 10px; }
    .medweb-project-card__details { padding: 58px 14px 16px; }
    .medweb-project-card__heading { font-size: clamp(21px, 3vw, 26px); }
    .medweb-project-card__benefits { margin-top: 11px; gap: 5px; }
    .medweb-project-card__benefits li { padding: 7px 8px; }
    .medweb-project-card__benefits strong { font-size: 10px; }
    .medweb-project-card__description { margin-top: 9px; font-size: 11px; }
    .medweb-project-card__cta { min-height: 36px; margin-top: 10px; }
}

@media (max-width: 767px) {
    .hero-container.medweb-project-hero { margin: 12px; border-radius: 24px; }
    .medweb-project-hero__content { padding: 82px 14px 70px; }
    .medweb-project-hero__title { font-size: clamp(31px, 8vw, 42px); line-height: 1.04; letter-spacing: -.045em; }
    .medweb-project-hero__title-line:last-child { max-width: 100%; }
    .medweb-project-hero__cta { min-height: 44px; margin-top: 15px; }
    .medweb-project-switcher {
        width: calc(100% + 28px);
        margin: 5px -14px 0;
        padding: 18px 14px 23px;
        align-items: center;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scroll-padding-inline: 14px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .medweb-project-switcher::-webkit-scrollbar { display: none; }
    .medweb-project-card--loop-clone { display: block; }
    .medweb-project-card { width: min(83vw, 420px); height: 264px; flex: 0 0 min(83vw, 420px); border-radius: 19px; }
    .medweb-project-card.is-active { height: 290px; }
    .medweb-project-card__selector { height: 152px; padding: 16px 14px 9px; }
    .medweb-project-card__label { min-height: 23px; font-size: 10px; }
    .medweb-project-card__title { font-size: 19px; }
    .medweb-project-card__caption { max-width: 26ch; font-size: 11px; }
    .medweb-project-visual { height: 110px; margin: 0 11px 0; border-radius: 11px; }
    .medweb-mock-toolbar { min-height: 19px; padding-inline: 6px; gap: 4px; font-size: 6px; }
    .medweb-mock-menu { display: none; }
    .medweb-clinic-hero { padding: 6px 7px 4px; }
    .medweb-mock-headline { margin-top: 3px; font-size: 9px; }
    .medweb-mock-action { min-height: 14px; margin-top: 4px; padding-inline: 6px; font-size: 5px; }
    .medweb-clinic-links { padding: 4px 6px; gap: 4px; }
    .medweb-clinic-links > span { padding: 3px; font-size: 5px; }
    .medweb-doctor-profile { padding: 7px 6px 3px; gap: 7px; }
    .medweb-doctor-avatar { width: 37px; height: 45px; }
    .medweb-doctor-avatar::before { top: 7px; left: 12px; width: 14px; height: 14px; }
    .medweb-doctor-avatar::after { left: 5px; width: 28px; height: 27px; }
    .medweb-doctor-name { font-size: 8px; }
    .medweb-doctor-meta { font-size: 5px; }
    .medweb-doctor-note { margin: 4px 6px 0; padding: 4px; font-size: 5px; }
    .medweb-redesign-board { padding: 8px 6px 5px; gap: 4px; }
    .medweb-redesign-state__label { margin-bottom: 3px; font-size: 5px; }
    .medweb-redesign-browser { height: 78px; padding: 10px 5px 5px; gap: 4px; }
    .medweb-redesign-browser b { height: 5px; }
    .medweb-redesign-state--before .medweb-redesign-browser b:nth-of-type(2) { height: 10px; }
    .medweb-redesign-state--after .medweb-redesign-browser b:nth-of-type(2) { height: 12px; }
    .medweb-project-card.is-active .medweb-project-card__selector { top: 19px; }
    .medweb-project-card.is-active .medweb-project-card__details { padding: 57px 17px 19px; }
    .medweb-project-card__heading { max-width: 23ch; font-size: 25px; }
    .medweb-project-card__benefits { max-width: 320px; margin-top: 14px; gap: 6px; }
    .medweb-project-card__benefits li { padding: 7px 9px; }
    .medweb-project-card__benefits strong { font-size: 11px; }
    .medweb-project-card__description { max-width: 38ch; margin-top: 11px; font-size: 12px; }
    .medweb-project-card__cta { min-height: 39px; margin-top: 14px; }
    .medweb-project-card.is-active .medweb-project-visual--clinic::before { top: -82px; right: -166px; width: 350px; height: 350px; border-width: 42px; }
    .medweb-project-card.is-active .medweb-clinic-window { inset: 52% -28% -14% 30%; opacity: .3; }
    .medweb-project-card.is-active .medweb-project-visual--doctor::before { top: 88px; right: 2%; width: 185px; height: 185px; }
    .medweb-project-card.is-active .medweb-doctor-window { inset: 41% -28% -12% 40%; opacity: .3; }
    .medweb-project-card.is-active .medweb-project-visual--redesign .medweb-redesign-board { inset: 42% -27% -12% 16%; opacity: .28; }
    .medweb-project-indicators { margin-top: 12px; }
    .medweb-project-indicators button { width: 23px; }
    .medweb-project-indicators button.is-active { width: 54px; }
}

@keyframes medweb-project-hero-enter {
    from { opacity: 0; translate: 0 14px; }
    to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
    .medweb-project-hero__title-line,
    .medweb-project-hero__cta,
    #main-header.site-header.medweb-project-header-enter,
    .medweb-project-card,
    .medweb-project-visual,
    .medweb-project-indicators {
        animation: medweb-project-hero-enter 620ms cubic-bezier(.23, 1, .32, 1) both;
    }
    #main-header.site-header.medweb-project-header-enter { animation-delay: 0ms; }
    .medweb-project-hero__title-line:nth-child(1) { animation-delay: 60ms; }
    .medweb-project-hero__title-line:nth-child(2) { animation-delay: 130ms; }
    .medweb-project-hero__title-line:nth-child(3) { animation-delay: 200ms; }
    .medweb-project-hero__cta { animation-delay: 280ms; }
    .medweb-project-card:nth-child(1) { animation-delay: 430ms; }
    .medweb-project-card:nth-child(2) { animation-delay: 500ms; }
    .medweb-project-card:nth-child(3) { animation-delay: 570ms; }
    .medweb-project-indicators { animation-delay: 640ms; }
}

@media (prefers-reduced-motion: reduce) {
    .medweb-project-switcher { --medweb-project-card-duration: 0ms; --medweb-project-copy-duration: 0ms; --medweb-project-reveal-duration: 0ms; --medweb-project-reveal-delay: 0ms; scroll-behavior: auto; }
    .medweb-project-hero__law-tooltip { transition: none; }
    .medweb-project-hero__cta,
    .medweb-project-card,
    .medweb-project-card__title,
    .medweb-project-card__caption,
    .medweb-project-card__details,
    .medweb-project-card__cta,
    .medweb-project-indicators button { scroll-behavior: auto; transition: none; }
}