/* ============================================================
   ARHA ORTHOPAEDICS
   BONE WHITE + ICE BLUE + TEAL
   ============================================================ */

#arhaOrthoPage {

    --ortho-white:#FFFFFF;
    --ortho-bone:#FAFBF8;
    --ortho-ice:#F1F7F8;

    --ortho-dark:#102D36;
    --ortho-text:#34515A;
    --ortho-muted:#71848A;

    --ortho-teal:#147E8B;
    --ortho-teal-dark:#0C6571;
    --ortho-cyan:#55BFC6;

    --ortho-blue:#28677F;
    --ortho-blue-soft:#E8F1F4;

    --ortho-line:#DCE6E6;

    --ortho-heading:'Outfit',sans-serif;
    --ortho-body:'Inter',sans-serif;

    width:100%;
    overflow:hidden;

    background:
        var(--ortho-bone);

    color:
        var(--ortho-dark);

    font-family:
        var(--ortho-body);
}


#arhaOrthoPage *,
#arhaOrthoPage *::before,
#arhaOrthoPage *::after {
    box-sizing:border-box;
}


#arhaOrthoPage img {
    width:100%;
    display:block;
}


#arhaOrthoPage a {
    text-decoration:none;
}


.ortho-container {

    width:min(
        1280px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}



/* ============================================================
   REVEAL
   ============================================================ */

#arhaOrthoPage [data-ortho-reveal] {

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


#arhaOrthoPage
[data-ortho-reveal].ortho-visible {

    opacity:1;

    transform:none;
}



/* ============================================================
   HERO
   ============================================================ */

.ortho-hero {

    position:relative;

    padding:
        82px 0 95px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 83% 22%,
            rgba(85,191,198,.12),
            transparent 27%
        ),

        linear-gradient(
            115deg,
            #FFFFFF,
            #F5FAFA
        );
}


.ortho-tech-grid {

    position:absolute;
    inset:0;

    opacity:.28;

    background-image:

        linear-gradient(
            rgba(20,126,139,.07) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(20,126,139,.07) 1px,
            transparent 1px
        );

    background-size:
        64px 64px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            black,
            transparent
        );
}


.ortho-orbit {

    position:absolute;

    border-radius:50%;

    border:
        1px solid
        rgba(20,126,139,.12);

    pointer-events:none;

    animation:
        orthoOrbit 9s
        ease-in-out infinite alternate;
}


.ortho-orbit-one {

    width:520px;
    height:520px;

    right:-210px;
    top:-250px;
}


.ortho-orbit-two {

    width:230px;
    height:230px;

    left:-110px;
    bottom:-80px;

    animation-delay:2s;
}


@keyframes orthoOrbit {

    to {
        transform:
            translate(20px,30px)
            scale(1.05);
    }

}



/* hero grid */

.ortho-hero-layout {

    position:relative;

    display:grid;

    grid-template-columns:
        1fr .9fr;

    align-items:center;

    gap:80px;
}


.ortho-breadcrumb {

    display:flex;
    align-items:center;

    gap:8px;

    margin-bottom:28px;

    font-size:9px;

    color:
        var(--ortho-muted);
}


.ortho-breadcrumb a {
    color:
        var(--ortho-teal);
}


.ortho-breadcrumb i {
    font-size:6px;
}


.ortho-eyebrow {

    display:block;

    margin-bottom:15px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.3px;

    color:
        var(--ortho-teal);
}


.ortho-hero h1 {

    max-width:700px;

    margin:0;

    font-family:
        var(--ortho-heading);

    font-size:
        clamp(50px,5.5vw,76px);

    font-weight:800;

    line-height:.96;

    letter-spacing:-2.4px;

    color:
        var(--ortho-dark);
}


.ortho-hero h1 span {

    display:block;

    color:
        var(--ortho-teal);
}


.ortho-hero-description {

    max-width:670px;

    margin:
        25px 0 0;

    font-size:15px;

    line-height:1.8;

    color:
        var(--ortho-text);
}


/* buttons */

.ortho-hero-actions {

    margin-top:31px;

    display:flex;
    flex-wrap:wrap;

    gap:10px;
}


.ortho-primary-btn {

    min-height:54px;

    padding:
        0 19px;

    display:inline-flex;
    align-items:center;

    gap:9px;

    border-radius:8px;

    background:
        var(--ortho-teal);

    color:#fff !important;

    font-size:11px;

    font-weight:700;

    box-shadow:
        0 13px 30px
        rgba(20,126,139,.16);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.ortho-primary-btn:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 36px
        rgba(20,126,139,.23);
}


.ortho-secondary-btn {

    min-height:54px;

    padding:
        0 18px;

    display:inline-flex;
    align-items:center;

    gap:8px;

    border:
        1px solid
        var(--ortho-line);

    border-radius:8px;

    background:#fff;

    color:
        var(--ortho-dark) !important;

    font-size:11px;

    font-weight:700;
}


.ortho-service-pills {

    margin-top:27px;

    display:flex;
    flex-wrap:wrap;

    gap:7px;
}


.ortho-service-pills span {

    padding:
        8px 11px;

    border:
        1px solid
        var(--ortho-line);

    border-radius:30px;

    background:
        rgba(255,255,255,.7);

    font-size:9px;

    font-weight:600;

    color:
        var(--ortho-text);
}



/* ============================================================
   HERO PHOTO
   ============================================================ */

.ortho-hero-visual {
    position:relative;
}


.ortho-hero-photo {

    position:relative;

    height:570px;

    overflow:hidden;

    border-radius:
        18px 120px 18px 18px;

    box-shadow:
        0 30px 70px
        rgba(23,67,76,.13);
}


.ortho-hero-photo img {

    height:100%;

    object-fit:cover;

    transition:
        transform 7s ease;
}


.ortho-hero-photo:hover img {

    transform:
        scale(1.055);
}


.ortho-image-shade {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(9,49,59,.72),
            transparent 48%
        );
}


.ortho-photo-copy {

    position:absolute;

    left:24px;
    right:24px;
    bottom:22px;

    display:flex;
    flex-direction:column;
}


.ortho-photo-copy small {

    font-size:8px;

    font-weight:800;

    letter-spacing:1px;

    color:#A7DDDF;
}


.ortho-photo-copy strong {

    margin-top:4px;

    font-family:
        var(--ortho-heading);

    font-size:21px;

    color:#fff;
}


.ortho-floating-card {

    position:absolute;

    left:-55px;
    bottom:70px;

    max-width:250px;

    padding:
        13px 15px;

    display:flex;
    align-items:center;

    gap:11px;

    border:
        1px solid
        var(--ortho-line);

    border-radius:10px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 15px 36px
        rgba(23,67,76,.13);

    animation:
        orthoFloat 4s
        ease-in-out infinite;
}


@keyframes orthoFloat {

    50% {
        transform:
            translateY(-8px);
    }

}


.ortho-floating-card > span {

    width:40px;
    height:40px;

    min-width:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:
        var(--ortho-blue-soft);

    color:
        var(--ortho-blue);
}


.ortho-floating-card div {

    display:flex;
    flex-direction:column;
}


.ortho-floating-card small {

    font-size:7px;

    font-weight:800;

    letter-spacing:.7px;

    color:
        var(--ortho-teal);
}


.ortho-floating-card strong {

    margin-top:3px;

    font-family:
        var(--ortho-heading);

    font-size:11px;
}



/* ============================================================
   SHARED HEADING
   ============================================================ */

.ortho-heading {

    max-width:850px;

    margin-bottom:45px;
}


.ortho-kicker {

    display:block;

    margin-bottom:9px;

    font-size:9px;

    font-weight:800;

    letter-spacing:1.25px;

    color:
        var(--ortho-teal);
}


.ortho-heading h2,
.ortho-fracture-content h2 {

    margin:0;

    font-family:
        var(--ortho-heading);

    font-size:
        clamp(34px,4vw,50px);

    line-height:1.05;

    letter-spacing:-1.1px;

    color:
        var(--ortho-dark);
}


.ortho-heading h2 em {

    display:block;

    font-style:normal;

    color:
        var(--ortho-teal);
}


.ortho-heading p {

    max-width:720px;

    margin:
        17px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--ortho-muted);
}



/* ============================================================
   SERVICES
   ============================================================ */

.ortho-services {

    padding:
        105px 0;

    background:
        var(--ortho-bone);
}


.ortho-service-grid {

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:14px;
}


.ortho-service-card {

    overflow:hidden;

    border:
        1px solid
        var(--ortho-line);

    border-radius:13px;

    background:#fff;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.ortho-service-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 18px 40px
        rgba(23,67,76,.09);
}


.ortho-feature-card {

    grid-column:
        span 2;
}


.ortho-card-image {

    height:215px;

    overflow:hidden;
}


.ortho-feature-card
.ortho-card-image {

    height:290px;
}


.ortho-card-image img {

    height:100%;

    object-fit:cover;

    transition:
        transform .55s ease;
}


.ortho-service-card:hover
.ortho-card-image img {

    transform:
        scale(1.045);
}


.ortho-card-content {

    position:relative;

    padding:22px;
}


.ortho-card-number {

    position:absolute;

    right:19px;
    top:18px;

    font-family:
        var(--ortho-heading);

    font-size:9px;

    color:#9DAEB2;
}


.ortho-card-label {

    display:block;

    margin-bottom:7px;

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:
        var(--ortho-teal);
}


.ortho-card-content h3 {

    margin:0;

    font-family:
        var(--ortho-heading);

    font-size:19px;

    color:
        var(--ortho-dark);
}


.ortho-feature-card h3 {

    font-size:24px;
}


.ortho-card-content p {

    margin:
        9px 0 0;

    font-size:10.5px;

    line-height:1.7;

    color:
        var(--ortho-muted);
}


.ortho-card-content a {

    margin-top:16px;

    display:inline-flex;
    align-items:center;

    gap:7px;

    font-size:9px;

    font-weight:700;

    color:
        var(--ortho-teal) !important;
}



/* ============================================================
   FRACTURE SECTION
   ============================================================ */

.ortho-fracture {

    padding:
        110px 0;

    background:
        var(--ortho-ice);
}


.ortho-fracture-grid {

    display:grid;

    grid-template-columns:
        .92fr 1fr;

    align-items:center;

    gap:80px;
}


.ortho-fracture-content > p {

    margin:
        18px 0 0;

    font-size:13px;

    line-height:1.8;

    color:
        var(--ortho-muted);
}


.ortho-fracture-list {

    margin-top:27px;

    border-top:
        1px solid
        var(--ortho-line);
}


.ortho-fracture-list > div {

    padding:
        15px 0;

    display:grid;

    grid-template-columns:
        36px 1fr;

    gap:12px;

    border-bottom:
        1px solid
        var(--ortho-line);
}


.ortho-fracture-list > div > span {

    width:27px;
    height:27px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        var(--ortho-teal);

    color:#fff;

    font-size:8px;

    font-weight:800;
}


.ortho-fracture-list strong {

    font-family:
        var(--ortho-heading);

    font-size:12px;
}


.ortho-fracture-list p {

    margin:
        3px 0 0;

    font-size:9.5px;

    line-height:1.55;

    color:
        var(--ortho-muted);
}


.ortho-fracture-photo {

    position:relative;

    height:590px;

    overflow:hidden;

    border-radius:
        100px 18px 18px 18px;
}


.ortho-fracture-photo img {

    height:100%;
    object-fit:cover;
}


.ortho-fracture-badge {

    position:absolute;

    left:20px;
    bottom:20px;

    padding:
        12px 15px;

    display:flex;
    align-items:center;

    gap:10px;

    border-radius:9px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 12px 30px
        rgba(23,67,76,.12);
}


.ortho-fracture-badge i {

    color:
        var(--ortho-teal);
}


.ortho-fracture-badge span {

    display:flex;
    flex-direction:column;
}


.ortho-fracture-badge small {

    font-size:7px;
    color:
        var(--ortho-muted);
}


.ortho-fracture-badge span {

    font-family:
        var(--ortho-heading);

    font-size:11px;
    font-weight:700;
}



/* ============================================================
   MOVEMENT
   ============================================================ */

.ortho-movement {

    padding:
        105px 0;

    background:#fff;
}


.ortho-heading-centered {

    margin:
        0 auto 45px;

    text-align:center;
}


.ortho-movement-grid {

    display:grid;

    grid-template-columns:
        1fr .85fr;

    align-items:stretch;

    gap:16px;
}


.ortho-movement-image {

    position:relative;

    min-height:490px;

    overflow:hidden;

    border-radius:15px;
}


.ortho-movement-image img {

    height:100%;
    object-fit:cover;
}


.ortho-movement-image > span {

    position:absolute;

    left:18px;
    bottom:17px;

    padding:
        7px 10px;

    border-radius:30px;

    background:
        var(--ortho-teal);

    color:#fff;

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;
}


.ortho-movement-content {

    display:grid;

    grid-template-rows:
        repeat(3,1fr);

    gap:10px;
}


.ortho-movement-content article {

    padding:24px;

    display:grid;

    grid-template-columns:
        45px 1fr;

    gap:14px;

    border:
        1px solid
        var(--ortho-line);

    border-radius:12px;

    background:
        var(--ortho-bone);
}


.ortho-movement-content article > i {

    width:43px;
    height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:
        var(--ortho-blue-soft);

    color:
        var(--ortho-teal);
}


.ortho-movement-content h3 {

    margin:0;

    font-family:
        var(--ortho-heading);

    font-size:17px;
}


.ortho-movement-content p {

    margin:
        6px 0 0;

    font-size:10px;

    line-height:1.6;

    color:
        var(--ortho-muted);
}



/* ============================================================
   SPORTS / ARTHROSCOPY
   ============================================================ */

.ortho-sports {

    padding:
        105px 0;

    background:
        var(--ortho-bone);
}


.ortho-sports-grid {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:14px;
}


.ortho-sports-feature {

    position:relative;

    min-height:500px;

    overflow:hidden;

    border-radius:14px;
}


.ortho-sports-feature img {

    height:100%;
    object-fit:cover;

    transition:
        transform .6s ease;
}


.ortho-sports-feature:hover img {
    transform:scale(1.045);
}


.ortho-sports-overlay {

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(10,48,58,.85),
            rgba(10,48,58,.06) 68%
        );
}


.ortho-sports-copy {

    position:absolute;

    z-index:2;

    left:27px;
    right:27px;
    bottom:27px;

    color:#fff;
}


.ortho-sports-copy small {

    font-size:8px;

    font-weight:800;

    letter-spacing:1px;

    color:#9DE1E2;
}


.ortho-sports-copy h2 {

    margin:
        6px 0 0;

    font-family:
        var(--ortho-heading);

    font-size:30px;
}


.ortho-sports-copy p {

    max-width:500px;

    margin:
        10px 0 0;

    font-size:11px;

    line-height:1.65;

    color:#D1E0E3;
}



/* ============================================================
   INFRA
   ============================================================ */

.ortho-infra {

    padding:
        105px 0;

    background:
        var(--ortho-ice);
}


.ortho-infra-grid {

    display:grid;

    grid-template-columns:
        1.4fr 1fr;

    grid-template-rows:
        250px 250px;

    gap:12px;
}


.ortho-infra-grid figure {

    position:relative;

    margin:0;

    overflow:hidden;

    border-radius:12px;
}


.ortho-infra-large {

    grid-row:
        span 2;
}


.ortho-infra-grid img {

    height:100%;
    object-fit:cover;
}


.ortho-infra-grid figure::after {

    content:"";

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            to top,
            rgba(11,50,61,.75),
            transparent 55%
        );
}


.ortho-infra-grid figcaption {

    position:absolute;

    z-index:2;

    left:18px;
    bottom:17px;

    display:flex;
    flex-direction:column;
}


.ortho-infra-grid small {

    font-size:7px;

    letter-spacing:.8px;

    color:#A8DEDF;
}


.ortho-infra-grid strong {

    margin-top:3px;

    font-family:
        var(--ortho-heading);

    font-size:16px;

    color:#fff;
}


.ortho-infra-large strong {
    font-size:23px;
}



/* ============================================================
   TRAUMA LINK
   ============================================================ */

.ortho-trauma-link {

    padding:
        75px 0;

    background:#fff;
}


.ortho-trauma-panel {

    padding:
        27px 30px;

    display:grid;

    grid-template-columns:
        55px 1fr auto;

    align-items:center;

    gap:22px;

    border:
        1px solid
        var(--ortho-line);

    border-radius:13px;

    background:
        linear-gradient(
            110deg,
            #F8FBFB,
            #EEF6F7
        );
}


.ortho-trauma-icon {

    width:53px;
    height:53px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#F6E9EA;

    color:#B64751;
}


.ortho-trauma-panel span {

    font-size:7px;

    font-weight:800;

    letter-spacing:.8px;

    color:#B64751;
}


.ortho-trauma-panel h2 {

    margin:
        4px 0 0;

    font-family:
        var(--ortho-heading);

    font-size:21px;
}


.ortho-trauma-panel p {

    max-width:700px;

    margin:
        5px 0 0;

    font-size:9.5px;

    color:
        var(--ortho-muted);
}


.ortho-trauma-panel > a {

    display:flex;

    align-items:center;

    gap:8px;

    color:
        var(--ortho-teal) !important;

    font-size:10px;

    font-weight:700;
}



/* ============================================================
   FINAL
   ============================================================ */

.ortho-final {

    padding:
        62px 0;

    background:
        #113A44;

    color:#fff;
}


.ortho-final-inner {

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:50px;
}


.ortho-final-inner > div:first-child > span {

    font-size:8px;

    font-weight:800;

    letter-spacing:.9px;

    color:#8AD3D5;
}


.ortho-final h2 {

    margin:
        6px 0 0;

    font-family:
        var(--ortho-heading);

    font-size:
        clamp(29px,3.5vw,43px);
}


.ortho-final p {

    margin:
        7px 0 0;

    font-size:10px;

    color:#BDD1D5;
}


.ortho-final-actions {

    display:flex;
    gap:9px;
}


.ortho-final-primary,
.ortho-final-call {

    min-height:51px;

    padding:
        0 16px;

    display:flex;
    align-items:center;

    gap:8px;

    border-radius:8px;

    font-size:10px;

    font-weight:700;
}


.ortho-final-primary {

    background:
        var(--ortho-teal);

    color:#fff !important;
}


.ortho-final-call {

    border:
        1px solid
        rgba(255,255,255,.18);

    color:#fff !important;
}



/* ============================================================
   MOBILE BAR
   ============================================================ */

.ortho-mobile-bar {
    display:none;
}



/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:950px) {

    .ortho-hero-layout,
    .ortho-fracture-grid {

        grid-template-columns:1fr;

        gap:45px;
    }


    .ortho-hero-visual {

        max-width:680px;
    }


    .ortho-floating-card {
        left:20px;
    }


    .ortho-service-grid {

        grid-template-columns:
            repeat(2,1fr);
    }


    .ortho-feature-card {

        grid-column:
            span 2;
    }


    .ortho-movement-grid {

        grid-template-columns:1fr;
    }


    .ortho-movement-content {

        grid-template-columns:
            repeat(3,1fr);

        grid-template-rows:auto;
    }


    .ortho-movement-content article {

        grid-template-columns:1fr;
    }

}



/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px) {

    #arhaOrthoPage {
        padding-bottom:60px;
    }


    .ortho-container {

        width:
            calc(100% - 30px);
    }


    .ortho-mobile-bar {

        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:8500;

        height:60px;

        display:grid;

        grid-template-columns:
            repeat(3,1fr);

        background:#fff;

        border-top:
            1px solid
            var(--ortho-line);

        box-shadow:
            0 -7px 25px
            rgba(0,0,0,.1);
    }


    .ortho-mobile-bar a {

        display:flex;

        flex-direction:column;

        align-items:center;
        justify-content:center;

        gap:4px;

        color:
            var(--ortho-dark) !important;

        font-size:8px;

        font-weight:700;
    }


    .ortho-mobile-bar
    .ortho-mobile-primary {

        background:
            var(--ortho-teal);

        color:#fff !important;
    }


    .ortho-hero {

        padding:
            50px 0 65px;
    }


    .ortho-hero h1 {

        font-size:
            clamp(39px,11vw,49px);

        letter-spacing:-1.4px;
    }


    .ortho-hero-description {

        font-size:12.5px;
    }


    .ortho-hero-actions {

        flex-direction:column;
    }


    .ortho-primary-btn,
    .ortho-secondary-btn {

        width:100%;
    }


    .ortho-hero-photo {

        height:380px;

        border-radius:
            13px 75px 13px 13px;
    }


    .ortho-floating-card {

        position:relative;

        left:auto;
        bottom:auto;

        margin:
            -25px 13px 0;
    }


    .ortho-services,
    .ortho-fracture,
    .ortho-movement,
    .ortho-sports,
    .ortho-infra {

        padding:
            72px 0;
    }


    .ortho-heading {

        margin-bottom:31px;
    }


    .ortho-heading h2,
    .ortho-fracture-content h2 {

        font-size:32px;
    }


    .ortho-service-grid {

        grid-template-columns:1fr;
    }


    .ortho-feature-card {

        grid-column:auto;
    }


    .ortho-card-image,
    .ortho-feature-card
    .ortho-card-image {

        height:215px;
    }


    .ortho-fracture-photo {

        height:350px;

        border-radius:
            65px 13px 13px 13px;
    }


    .ortho-movement-image {
        min-height:310px;
    }


    .ortho-movement-content {

        display:block;
    }


    .ortho-movement-content article {
        margin-top:9px;
    }


    .ortho-sports-grid {

        grid-template-columns:1fr;
    }


    .ortho-sports-feature {

        min-height:390px;
    }


    .ortho-infra-grid {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            280px 180px;
    }


    .ortho-infra-large {

        grid-column:
            span 2;

        grid-row:auto;
    }


    .ortho-trauma-panel {

        grid-template-columns:
            45px 1fr;

        padding:
            21px;
    }


    .ortho-trauma-panel > a {

        grid-column:
            span 2;

        padding-top:12px;

        border-top:
            1px solid
            var(--ortho-line);
    }


    .ortho-final-inner {

        align-items:flex-start;

        flex-direction:column;

        gap:25px;
    }


    .ortho-final-actions {

        width:100%;

        flex-direction:column;
    }


    .ortho-final-primary,
    .ortho-final-call {

        width:100%;
    }

}


@media(max-width:380px) {

    .ortho-service-pills {
        display:grid;
        grid-template-columns:1fr 1fr;
    }


    .ortho-infra-grid {
        display:block;
    }


    .ortho-infra-grid figure {
        height:220px;
        margin-bottom:8px;
    }

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

@media(prefers-reduced-motion:reduce) {

    #arhaOrthoPage *,
    #arhaOrthoPage *::before,
    #arhaOrthoPage *::after {

        animation:none !important;
        transition:none !important;
    }


    #arhaOrthoPage
    [data-ortho-reveal] {

        opacity:1 !important;
        transform:none !important;
    }

}