.portfolio-gallery-page{color:#f8f7f3;background:#080908;min-height:100vh;padding:120px 0 96px}.portfolio-gallery-shell{width:min(1380px,100% - 48px);margin-inline:auto}.portfolio-gallery-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:72px;display:flex}.portfolio-gallery-back{color:#c2cbc5;border-bottom:1px solid #ffffff38;align-items:center;gap:10px;padding-bottom:5px;font-size:.76rem;font-weight:850;display:inline-flex}.portfolio-gallery-brand{object-fit:contain;object-position:right center;width:150px;height:38px}.portfolio-gallery-kicker{color:#8f9992;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:.68rem;font-weight:850}.portfolio-gallery-hero{max-width:1120px;margin-bottom:86px}.portfolio-gallery-hero h1{letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(3.6rem,7.8vw,8.7rem);line-height:.82}.portfolio-gallery-hero p{color:#aab3ad;max-width:760px;margin:28px 0 0;font-size:1rem;line-height:1.8}.portfolio-gallery-group{border-top:1px solid #ffffff1c;padding:54px 0 72px}.portfolio-gallery-heading{grid-template-columns:100px 1fr;align-items:end;gap:24px;margin-bottom:28px;display:grid}.portfolio-gallery-heading span{letter-spacing:.14em;color:#7cff9a;font-size:.65rem;font-weight:900}.portfolio-gallery-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.6rem)}.portfolio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.portfolio-gallery-card{isolation:isolate;background:#151815;border:1px solid #ffffff1f;border-radius:30px;min-height:460px;position:relative;overflow:hidden}.portfolio-gallery-card .tm-work-art{height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;position:absolute;inset:0;background-position:50%!important;background-size:cover!important}.portfolio-gallery-card:before{content:"";z-index:1;background:linear-gradient(#0000000a 24%,#030504e0 100%);position:absolute;inset:0}.portfolio-gallery-card:hover .tm-work-art{filter:saturate(1.04)contrast(1.03);transform:scale(1.035)}.portfolio-gallery-meta{z-index:2;position:absolute;bottom:28px;left:28px;right:90px}.portfolio-gallery-meta span{color:#c4cdc7;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:.62rem;font-weight:850;display:block}.portfolio-gallery-meta h3{letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(2rem,4vw,4.1rem);line-height:.9}.portfolio-gallery-meta p{color:#aeb7b1;margin:0;line-height:1.5}.portfolio-gallery-arrow{z-index:2;color:#080908;background:#f8f7f3f2;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.15rem;transition:transform .25s;display:grid;position:absolute;top:24px;right:24px}.portfolio-gallery-card:hover .portfolio-gallery-arrow{transform:rotate(45deg)}.portfolio-gallery-footer{color:#939d96;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:28px;padding-top:44px;display:flex}.portfolio-gallery-footer a{color:#f8f7f3;align-items:center;gap:12px;font-weight:850;display:inline-flex}.portfolio-gallery-card[href="/portfolio/advocacia-2/"] .tm-work-art,.portfolio-gallery-card[href="/portfolio/advocacia-5/"] .tm-work-art{background:radial-gradient(circle at 76% 24%,color-mix(in srgb,var(--card-accent) 54%,transparent),transparent 26%),linear-gradient(135deg,#172134,#090c12)!important}.portfolio-gallery-card:focus-visible{outline-offset:5px;outline:2px solid #7cff9a}@media (max-width:820px){.portfolio-gallery-page{padding:96px 0 72px}.portfolio-gallery-shell{width:calc(100% - 28px)}.portfolio-gallery-top{margin-bottom:54px}.portfolio-gallery-brand{width:124px}.portfolio-gallery-hero{margin-bottom:64px}.portfolio-gallery-grid{grid-template-columns:1fr}.portfolio-gallery-card{min-height:430px}.portfolio-gallery-heading{grid-template-columns:1fr;gap:8px}.portfolio-gallery-footer{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.portfolio-gallery-card{border-radius:24px;min-height:380px}.portfolio-gallery-meta{bottom:20px;left:20px;right:70px}.portfolio-gallery-arrow{width:46px;height:46px;top:18px;right:18px}.portfolio-gallery-top{align-items:flex-start}.portfolio-gallery-brand{width:108px}}@media (prefers-reduced-motion:reduce){.portfolio-gallery-card .tm-work-art,.portfolio-gallery-arrow{transition:none!important}.portfolio-gallery-card:hover .tm-work-art,.portfolio-gallery-card:hover .portfolio-gallery-arrow{transform:none!important}}
