/* Original marks, one frame per company. Scope all changes to the homepage. */
#studio-career h2 { margin-bottom: 1.5rem; }
#studio-career .career-logo-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .65rem; overflow: visible; padding: .25rem .15rem 1rem; }
#studio-career .career-logo-card { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: .6rem; padding: .65rem; border: 2px solid var(--brand-border); border-radius: 1rem; background: #000; color: var(--text); text-decoration: none; }
#studio-career .career-logo-card > span:last-child { font-size: .85rem; line-height: 1.45; text-align: center; }
#studio-career .career-logo-frame { display: flex; align-items: center; justify-content: center; height: 11rem; padding: .25rem; border-radius: .35rem; overflow: hidden; }
#studio-career .career-logo-frame img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; filter: none; opacity: 1; mix-blend-mode: normal; }
#studio-career .career-logo-card--sony .career-logo-frame { background: #fff; }
#studio-career .career-logo-card--fox .career-logo-frame { background: #dfc378; padding: .75rem; }
#studio-career .career-era-list { display: grid; gap: 1rem; max-width: 58rem; margin: 2rem 0 1.5rem; padding: 0; list-style: none; }
.career-era-list li { padding-bottom: 1rem; border-bottom: 1px solid var(--line, #36404d); color: var(--muted); line-height: 1.7; overflow-wrap: anywhere; }
.career-era-list strong { color: var(--text); }
#education { scroll-margin-top: 6rem; }
#education .education-grid { margin-bottom: 1.5rem; }
#education .education-grid + p { max-width: 58rem; }
@media (max-width: 900px) {
  #studio-career .career-logo-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  #studio-career .career-logo-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
}

/* October 16: exact approved copy layered on the unchanged hero footage. */
.hero-claim { position:absolute; z-index:2; left:max(1.25rem, calc((100% - 1180px) / 2)); bottom:5rem; width:min(52rem, calc(100% - 2.5rem)); padding:1.2rem 1.4rem; border-radius:.5rem; color:#fff; background:rgba(6,8,11,.78); text-shadow:0 1px 3px #000; pointer-events:none; }
.hero-claim p { max-width:48rem; margin:0; font-size:clamp(1rem, 1.5vw, 1.2rem); line-height:1.5; }
.hero-claim .hero-claim-lead { margin-bottom:.85rem; font-family:Georgia, "Times New Roman", serif; font-size:clamp(1.3rem, 2.7vw, 2.4rem); line-height:1.15; text-wrap:pretty; }
@media(max-width:680px) { .hero-claim { bottom:4.5rem; padding:1rem; } }