/* Projetos em destaque: card final de contato e botão "Carregar mais projetos". */
/* clip-path no lugar de overflow:hidden: o card cresce se o texto não couber na proporção dos outros cards */
.project-more-card{position:relative;isolation:isolate;clip-path:inset(0 round 20px);aspect-ratio:4/4.5;border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(140deg,#063b88 0%,#0a5fb0 55%,#03a9df 100%);color:#d9efff}
.portfolio-item--more{filter:drop-shadow(0 22px 26px #00214a40)}
.project-more-card::before{content:'';position:absolute;z-index:-1;right:-80px;top:-70px;width:340px;aspect-ratio:1;background:url('./assets/brand-symbol-avif-56565d7e.avif') center/contain no-repeat;opacity:.14;filter:brightness(0) invert(1)}
.project-more-kicker{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#f4cc26}
.project-more-title{margin:0;font-family:'Source Sans Pro',Arial,sans-serif;font-size:clamp(32px,2.7vw,42px);line-height:1.05;font-weight:300;color:#fff}
.project-more-text{margin:0;font-size:15.5px;line-height:1.5;color:#d9efff}
.project-more-button{align-self:flex-start;display:inline-flex;align-items:center;gap:20px;min-height:48px;margin-top:8px;padding:12px 22px;border:1px solid #fff;border-radius:28px;background:#fff;color:#063b88;font-family:Raleway,Arial,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.project-more-button>span{font-size:19px;font-weight:400}
.project-more-button:hover{background:#f4cc26;border-color:#f4cc26}
.project-more-button:focus-visible,.project-load-more:focus-visible{outline:2px solid #ffe05a;outline-offset:5px}
.project-more-actions{display:flex;justify-content:center;margin:26px 0 72px}
.project-more-actions .project-load-more[hidden]{display:none}
/* aviso só para leitor de tela ("Mostrando 6 de 25 projetos") */
#project-load-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.project-hub .portfolio-item.is-revealed{animation:gw-project-in .5s ease both}
@keyframes gw-project-in{from{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.project-hub .portfolio-item.is-revealed{animation:none}}
@media(max-width:600px){.project-more-card{aspect-ratio:4/4.4;padding:28px 24px}.project-more-title{font-size:36px}.project-more-text{font-size:15px}.project-more-actions{margin:22px 0 56px}}