/* Give the glyphs their own paint box: background-clip on a .95em line
   was cutting the descender of the g. Keep the name at its original size. */
.hero-signature {line-height:1.2;bottom:42px;overflow:visible;background:none!important;-webkit-text-fill-color:currentColor!important}
.hero-signature .signature-name {font:inherit;letter-spacing:inherit;margin:0;display:block;padding:.04em .06em .10em 0;background:var(--type-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.hero-signature .signature-role {font:9px/1 ui-monospace,monospace;letter-spacing:3px}
.direcoes-case {margin-top:72px;padding:42px 0 12px;border-top:1px solid #6a695950;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;color:#e3e0d6}
.direcoes-case .case-eyebrow {display:block;font:10px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#c5af84;margin-bottom:20px}
.direcoes-case h3 {font-size:clamp(28px,3vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;max-width:650px}
.direcoes-case p {font-size:14px;line-height:1.85;color:#d1d0c7;max-width:660px}
.direcoes-case .case-work {padding-left:18px;border-left:2px solid #bfa477;margin-top:24px}
.direcoes-case figure {margin:0;align-self:start;background:#111611;border:1px solid #65675850}
.direcoes-case figure img {display:block;width:100%;height:auto}
.direcoes-case figcaption {padding:14px 18px;font-size:11px;line-height:1.6;color:#adafa3}
.direcoes-case .case-links {display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px}
.direcoes-case .case-links a {text-decoration:underline;text-underline-offset:5px;text-decoration-color:#8b8268}
.direcoes-case .case-films {list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.direcoes-case .case-films li {border-top:1px solid #77796840;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:13px}
.direcoes-case .case-films span {color:#b8bbae;font-size:12px}
@media(min-width:1800px){.hero-signature{bottom:46px}}
@media(max-width:900px){.direcoes-case{grid-template-columns:1fr;gap:28px}.direcoes-case figure{max-width:720px}}
@media(max-width:700px){.hero-signature{bottom:56px}.hero-signature>.signature-name{display:block}.hero-signature>.signature-role{display:none}.direcoes-case{margin-top:44px;padding-top:28px}}
@media(forced-colors:active),(prefers-contrast:more){.hero-signature .signature-name{background:none;-webkit-text-fill-color:currentColor}}