/* Final UX/UI refinements shared across the prototype. */
.about-hero-shade{background:linear-gradient(90deg,rgba(5,7,6,.6),rgba(5,7,6,.04) 70%),linear-gradient(0deg,rgba(5,7,6,.52),transparent 54%)}
.project-hero-shade{background:linear-gradient(90deg,rgba(5,8,6,.52),rgba(5,8,6,.03) 70%),linear-gradient(0deg,rgba(5,8,6,.58),transparent 52%)}
.tara-hero .project-hero-shade{background:linear-gradient(90deg,rgba(4,7,9,.58),rgba(4,7,9,.07) 70%),linear-gradient(0deg,rgba(4,7,9,.6),transparent 55%)}
.catalog-item:not([href]) .catalog-image img{filter:saturate(.58) brightness(.9)}
.catalog-item:not([href]) .catalog-meta{border-color:rgba(18,21,18,.48)}
.catalog-item:not([href]) .catalog-meta em{font-weight:500;color:#565b54}
.project-entry-image{display:block;overflow:hidden}
.project-entry-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-entry-image:hover img{transform:scale(1.018)}
.project-entry-copy h2 a{display:block}
.contact-quick-link{border-bottom:1px solid;padding-bottom:4px;align-self:flex-start;white-space:nowrap}

@media(max-width:800px){
  .project-image figcaption,.tara-frame figcaption,.about-field-images figcaption,.field-note figcaption{font-size:9px;line-height:1.55}
  .catalog-meta p,.catalog-meta em,.project-entry-copy dt,.film-credits dt{font-size:9px}
  .contact-intro{display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:end}
  .contact-intro p:last-child{grid-column:2;grid-row:1/3}
  .contact-quick-link{grid-column:1;font-size:9px}
}