/* Estilos exclusivos da página de portfólio */
.portfolio-hero{min-height:630px;padding:6rem max(5vw,1.25rem);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4rem;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,#42267b 0,transparent 27%),linear-gradient(135deg,#050505 0%,#101010 62%,#171021 100%);border-bottom:1px solid #2f2f2b}.portfolio-hero:before{content:"</>";position:absolute;right:-.04em;bottom:-.2em;color:#ffffff05;font:700 clamp(15rem,32vw,36rem)/.8 var(--display)}.portfolio-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--yellow) 0 32%,var(--purple) 32% 70%,var(--green) 70%)}.portfolio-hero-copy{position:relative;z-index:2;max-width:820px}.portfolio-hero h1{font-size:clamp(4rem,8vw,8rem);margin:.8rem 0 1.4rem}.portfolio-hero h1 em{color:var(--yellow)}.portfolio-hero-copy>p{max-width:710px;color:#c4c4be;font-size:clamp(1.05rem,1.5vw,1.25rem);margin-bottom:2rem}.portfolio-metrics{position:relative;z-index:2;display:grid;gap:1px;background:#ffffff20;border:1px solid #ffffff20;min-width:215px}.portfolio-metrics div{padding:1.3rem 1.5rem;background:#0c0c0ce8}.portfolio-metrics strong,.portfolio-metrics span{display:block}.portfolio-metrics strong{font:700 1.45rem var(--display);color:var(--yellow);text-transform:uppercase}.portfolio-metrics span{font-size:.78rem;color:#aaa}
.portfolio-section{background:#f0f0eb;color:#101010}.portfolio-section .section-heading>p{color:#5e5e5a}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.site-card{background:#fff;border:1px solid #d5d5cf;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);min-height:360px;transition:transform .25s,box-shadow .25s}.site-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #00000018}.site-preview{display:block;background:#141414;overflow:hidden;min-height:280px}.site-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s}.site-card:hover .site-preview img{transform:scale(1.025)}.site-card-body{padding:1.6rem;display:flex;flex-direction:column}.site-category{font-size:.66rem;font-weight:800;letter-spacing:.14em;color:var(--purple)}.site-card h3{font:600 1.85rem/1.08 var(--display);text-transform:uppercase;margin:.55rem 0 1rem}.site-card p{color:#666;font-size:.91rem}.site-card .card-link{color:var(--purple);border-color:#ddd}.featured-site{border-color:var(--purple)}.site-cta{background:var(--yellow);color:#0b0b0b;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-top:5rem;padding-bottom:5rem}.site-cta h2{max-width:760px}.site-cta p{max-width:680px;margin:1rem 0 0}
@media(max-width:1180px){.portfolio-grid{grid-template-columns:1fr}.site-card{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}}
@media(max-width:760px){.portfolio-hero{min-height:auto;grid-template-columns:1fr;padding-top:4rem;padding-bottom:5rem}.portfolio-hero h1 em{display:block}.portfolio-metrics{grid-template-columns:repeat(3,1fr);min-width:0}.portfolio-metrics div{padding:1rem}.portfolio-metrics strong{font-size:1.05rem}.portfolio-metrics span{font-size:.68rem}.site-card{grid-template-columns:1fr}.site-preview{aspect-ratio:16/10;min-height:0}.site-card-body{min-height:285px}.site-cta{display:block}.site-cta .button{margin-top:2rem}}