html body .milobras-home-projects-slot { clear: both; padding-top: 28px; width: 100%; }
html body #milobras-home-projects { display: block; width: 100%; margin: 0; padding: 26px 20px 36px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; text-align: left; }
#milobras-home-projects *, #milobras-home-projects *::before, #milobras-home-projects *::after { box-sizing: border-box; }
#milobras-home-projects .milobras-home-projects__header { display: grid; grid-template-columns: 205px minmax(0, 1fr) auto; gap: 32px; align-items: center; margin-bottom: 28px; }
html body #milobras-home-projects h2 { margin: 0 !important; padding: 0 24px 0 0 !important; border: 0; border-right: 1px solid #ddd; color: #333f4c; font: 700 18px/20px 'Roboto Condensed', sans-serif !important; letter-spacing: 0; text-transform: uppercase; text-align: left; }
#milobras-home-projects h2::after { content: ''; display: block; width: 40px; height: 3px; margin-top: 10px; background: #86d500; }
html body #milobras-home-projects .milobras-home-projects__header p { max-width: 500px; margin: 0; padding: 0; color: #34403b; font: 400 13px/20px Roboto, sans-serif; text-align: left; }
html body #milobras-home-projects .milobras-home-projects__all { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 40px; padding: 9px 16px; border: 1px solid #ddd; background: #fff; color: #34403b; font: 400 13px/20px Roboto, sans-serif; text-decoration: none; white-space: nowrap; }
html body #milobras-home-projects .milobras-home-projects__all--mobile { display: none; }
#milobras-home-projects .milobras-home-projects__all i { color: inherit; }
html body #milobras-home-projects .milobras-home-projects__all:is(:hover, :focus-visible, :active) { color: #86d500; border-color: #ddd; }
#milobras-home-projects .milobras-home-projects__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
html body #milobras-home-projects .milobras-home-projects__card { display: block; position: relative; min-width: 0; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; border: 0; border-radius: 0; background: #272c29; color: #fff; text-decoration: none; }
html body #milobras-home-projects .milobras-home-projects__card img { display: block; position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; margin: 0; filter: brightness(1.06) contrast(.94); transition: transform .6s ease; }
#milobras-home-projects .milobras-home-projects__card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 55%, rgba(20, 24, 25, .56) 100%); pointer-events: none; }
html[lang] body #milobras-home-projects .milobras-home-projects__card .milobras-home-projects__caption { position: absolute; z-index: 2; bottom: 20px; left: 22px; right: 22px; transform: translateY(-26px) !important; transition: none !important; }
#milobras-home-projects .milobras-home-projects__caption::before { content: ''; display: block; width: 30px; height: 3px; margin-bottom: 14px; background: #86d500; transition: width .35s ease; }
#milobras-home-projects .milobras-home-projects__name { display: block; font: 700 21px/27px 'Roboto Condensed', sans-serif; color: #fff; }
#milobras-home-projects .milobras-home-projects__location { display: flex; align-items: center; gap: 7px; margin-top: 6px; color: #fff; font: 400 13px/20px Roboto, sans-serif; }
#milobras-home-projects .milobras-home-projects__location i { color: #86d500; font-size: 12px; }
html[lang] body #milobras-home-projects .milobras-home-projects__card .milobras-home-projects__view { position: absolute; z-index: 2; left: 22px; bottom: 19px; color: #86d500; font: 700 13px/20px Roboto, sans-serif; opacity: 1 !important; transition: none !important; }
#milobras-home-projects .milobras-home-projects__card:focus-visible { outline: 3px solid #86d500; outline-offset: 3px; }
#milobras-home-projects .milobras-home-projects__all:focus-visible { outline: 2px solid #76b600; outline-offset: 3px; }
#milobras-home-projects .milobras-home-projects__card:focus-visible .milobras-home-projects__caption::before { width: 60px; }
@media (hover: hover) and (pointer: fine) {
    html body #milobras-home-projects .milobras-home-projects__card img {
        transform: translate3d(0, 0, 0) scale(1);
        transform-origin: center;
        backface-visibility: hidden;
        will-change: transform;
        transition: transform .85s cubic-bezier(.2, 0, .2, 1);
    }
    html body #milobras-home-projects .milobras-home-projects__card:hover img { transform: translate3d(0, 0, 0) scale(1.06); }
    #milobras-home-projects .milobras-home-projects__card:hover .milobras-home-projects__caption::before { width: 60px; }
}
@media (max-width: 991px) {
    #milobras-home-projects .milobras-home-projects__header { grid-template-columns: 1fr auto; gap: 18px; }
    html body #milobras-home-projects h2 { border: 0; }
    #milobras-home-projects .milobras-home-projects__header p { grid-row: 2; grid-column: 1 / -1; }
}
@media (max-width: 767px) {
    html body #milobras-home-projects { padding: 12px 15px 20px; }
    #milobras-home-projects .milobras-home-projects__header { grid-template-columns: 1fr; gap: 16px; margin-bottom: 20px; }
    html body #milobras-home-projects h2 { font-size: 19px !important; line-height: 25px !important; padding-right: 0 !important; }
    html body #milobras-home-projects .milobras-home-projects__header p { font-size: 14px; line-height: 21px; }
    #milobras-home-projects .milobras-home-projects__header p { grid-row: auto; }
    html body #milobras-home-projects .milobras-home-projects__all { justify-self: start; min-height: 44px; }
    html body #milobras-home-projects .milobras-home-projects__all--desktop { display: none; }
    html body #milobras-home-projects .milobras-home-projects__all--mobile { display: inline-flex; justify-content: center; margin: 12px 0 0; padding: 9px 16px; box-shadow: none; }
    html body #milobras-home-projects .milobras-home-projects__all--mobile:hover { color: #86d500; }
    #milobras-home-projects .milobras-home-projects__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    #milobras-home-projects .milobras-home-projects__card img, #milobras-home-projects .milobras-home-projects__caption, #milobras-home-projects .milobras-home-projects__view, #milobras-home-projects .milobras-home-projects__caption::before { transition: none !important; }
    #milobras-home-projects .milobras-home-projects__card img { transform: none !important; }
}
html body #milobras-home-projects, html body #milobras-home-projects .milobras-home-projects__all { border-width: 1px; }

/* Desktop only: retain width and reduce the original 3:4 card height by 4%. */
@media (min-width: 1200px) {
    html body #milobras-home-projects .milobras-home-projects__card { aspect-ratio: 25 / 32; }
}
/* The same primary action on phones, tablets and desktop. */
html body #milobras-home-projects .milobras-home-projects__all,
html body #milobras-home-projects .milobras-home-projects__all:is(:hover, :focus-visible, :active) {
    background: #86d500;
    border: 1px solid #86d500;
    color: #333;
    -webkit-text-fill-color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

/* The accent follows the first word at the actual font size in each language. */
#milobras-home-projects h2::after { width: 0; background: transparent; }
#milobras-home-projects .milobras-home-projects__heading-word { display: inline-block; position: relative; }
#milobras-home-projects .milobras-home-projects__heading-word::after { content: ''; position: absolute; left: 0; right: 0; bottom: -13px; height: 3px; background: #86d500; }
@media (min-width: 1200px) {
    html[lang^="en"] body #milobras-home-projects .milobras-home-projects__header { grid-template-columns: max-content minmax(0, 1fr) auto; }
    html[lang^="en"] body #milobras-home-projects h2 { white-space: nowrap; }
}