/* ---- Newest Site Badge ---- */
.newest-site-badge{
    position:absolute;right:12px;bottom:0;z-index:2;
    width:190px;line-height:0;
    transform-origin:bottom right;
    transform:translateY(57%) rotate(5deg);
    transition:transform .25s ease;
}
.newest-site-badge img{display:block;width:100%;height:auto;}
.newest-site-badge:hover,
.newest-site-badge:focus-visible{transform:translateY(57%) rotate(5deg) scale(1.02);}
.newest-site-badge:focus-visible{outline:3px solid var(--teal-300);outline-offset:8px;border-radius:16px;}

@media (max-width:1439px){
    .newest-site-badge{width:178px;right:12px;}
}

@media (max-width:1199px){
    .newest-site-badge{width:152px;right:10px;}
}

@media (max-width:900px){
    .newest-site-badge{
        right:auto;left:50%;width:148px;
        transform-origin:bottom center;
        transform:translate(-50%,55%) rotate(5deg);
    }
    .newest-site-badge:hover,
    .newest-site-badge:focus-visible{transform:translate(-50%,55%) rotate(5deg) scale(1.02);}
}

@media (max-width:600px){
    .newest-site-badge{width:126px;transform:translate(-50%,50%) rotate(5deg);}
    .newest-site-badge:hover,
    .newest-site-badge:focus-visible{transform:translate(-50%,50%) rotate(5deg) scale(1.02);}
}

@media (prefers-reduced-motion: reduce){
    .newest-site-badge{transition:none;}
    .newest-site-badge:hover,
    .newest-site-badge:focus-visible{transform:translateY(57%) rotate(5deg);}
}
@media (prefers-reduced-motion: reduce) and (max-width:900px){
    .newest-site-badge:hover,
    .newest-site-badge:focus-visible{transform:translate(-50%,55%) rotate(5deg);}
}
@media (prefers-reduced-motion: reduce) and (max-width:600px){
    .newest-site-badge:hover,
    .newest-site-badge:focus-visible{transform:translate(-50%,50%) rotate(5deg);}
}