/* Refinamentos visuais da versão 4.5.2. Mantido separado para facilitar futuras revisões. */
:root{--highlight-graphite:#151719;--highlight-graphite-deep:#0d0f11}

/* A capa fica concentrada na mensagem; os indicadores ganham uma faixa própria. */
.hero{min-height:100vh;min-height:100svh}
.hero-content{max-width:850px}
.hero-highlights{position:relative;overflow:hidden;background:linear-gradient(112deg,var(--highlight-graphite-deep) 0%,var(--highlight-graphite) 58%,#272c30 100%);color:#fff}
.hero-highlights::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#efa063}
.hero-highlight{display:flex;min-height:172px;padding:1.75rem 1.8rem 1.62rem;flex-direction:column;justify-content:center}
.hero-highlight strong{display:block;font-family:var(--display);font-size:clamp(1.65rem,2.65vw,2.7rem);line-height:.98;letter-spacing:.01em;color:#fff;white-space:nowrap}
.hero-highlight>span{display:block;margin-top:.55rem;color:rgba(255,255,255,.82);font-size:.68rem;font-weight:800;letter-spacing:.115em;text-transform:uppercase}
@media(min-width:992px){.hero-highlights .col-lg-3:not(:last-child) .hero-highlight{border-right:1px solid rgba(255,255,255,.27)}}
@media(max-width:991.98px){.hero{min-height:100svh}.hero-highlight{min-height:135px;padding:1.3rem 1.15rem}.hero-highlights .col-6:nth-child(odd) .hero-highlight{border-right:1px solid rgba(255,255,255,.27)}.hero-highlights .col-6:nth-child(-n+2) .hero-highlight{border-bottom:1px solid rgba(255,255,255,.27)}}
@media(max-width:575.98px){.hero{min-height:100svh}.hero-highlight{min-height:118px;padding:1.1rem .9rem}.hero-highlight strong{font-size:1.62rem}.hero-highlight>span{font-size:.59rem;letter-spacing:.08em}}

/* A galeria repete o mesmo cartão de imagem usado no destaque da página inicial. */
.portfolio-grid{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}
.portfolio-grid .portfolio-item{flex:0 0 auto;width:100%}
.portfolio-grid .portfolio-item.reveal{opacity:1;transform:none}
.portfolio-grid .portfolio-image img{aspect-ratio:4/3}
.portfolio-grid .portfolio-card-body{padding:1.28rem 1.35rem 1.42rem}
.portfolio-grid .portfolio-card-body small{margin-bottom:.55rem;font-size:.68rem}
.portfolio-grid .portfolio-card-body strong{font-size:1.55rem}
.portfolio-grid .portfolio-card-body span{margin-top:.35rem;font-size:.86rem;line-height:1.65}
.portfolio-grid .portfolio-image::after{right:1rem;top:1rem;padding:.45rem .62rem;font-size:.63rem}
@media(min-width:768px){.portfolio-grid .portfolio-item{width:50%}}
@media(min-width:992px){.portfolio-grid .portfolio-item{width:33.333333%}}
@media(max-width:575.98px){.portfolio-grid .portfolio-card-body{padding:1.1rem}.portfolio-grid .portfolio-image:after{opacity:1;transform:none}}
