.production-studio .concept-header { position: relative; z-index: 5; }
.production-studio .concept-hero h1 { max-width: 930px; }
.production-studio .concept-hero .hero-portrait { z-index: 2; }
.production-studio .concept-hero .hero-foot { position: relative; z-index: 3; }
.production-studio .concept-footer a { text-decoration: none; }
.studio-archive { padding: 90px 4vw; }
.studio-archive > header { display: flex; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid var(--line); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.studio-archive ol { margin: 0; padding: 0; list-style: none; }
.studio-archive li { border-bottom: 1px solid var(--line); }
.studio-archive li a { display: grid; grid-template-columns: minmax(150px, .55fr) minmax(320px, 2fr) 150px 24px; gap: 24px; align-items: center; padding: 25px 0; text-decoration: none; }
.studio-archive li span,
.studio-archive li time { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.studio-archive li strong { font: 500 clamp(20px, 2.2vw, 31px)/1.1 "Manrope", sans-serif; letter-spacing: -.035em; }
.studio-archive li i { font-style: normal; font-size: 20px; transition: transform .2s ease; }
.studio-archive li a:hover i { transform: translate(3px, -3px); }

@media (max-width: 760px) {
  .production-studio .concept-header nav a:nth-child(2),
  .production-studio .concept-header nav a:nth-child(3) { display: none; }
  .studio-archive { padding: 65px 20px; }
  .studio-archive li a { grid-template-columns: 1fr 24px; gap: 10px; }
  .studio-archive li span { grid-column: 1; }
  .studio-archive li strong { grid-column: 1; }
  .studio-archive li time { display: none; }
  .studio-archive li i { grid-column: 2; grid-row: 1 / 3; }
}