/* Full artwork remains visible, with fixed contrast behind logo files. */
.about-entry-visual { margin:0 0 22px; width:min(100%,220px); }
.about-entry-visual.logo { padding:16px; background:#fff; border-radius:2px; }
.about-entry-visual.dark-logo { background:#191919; }
.about-entry-visual img { display:block; width:100%; height:auto; max-height:130px; object-fit:contain; aspect-ratio:auto; }
.about-entry-visual.photo { width:min(100%,480px); }
.about-entry-visual.photo img { max-height:300px; object-position:left center; }
.about-media-link { display:grid; grid-template-columns:190px minmax(0,1fr); gap:28px; align-items:center; }
.about-media-link .about-entry-visual { width:100%; margin:0; box-sizing:border-box; }
.about-media-link .about-entry-visual.photo img { max-height:245px; object-position:center; }
.about-media-copy { min-width:0; }
.about-media-copy strong { margin-top:8px; }
@media(max-width:600px) {
 .about-media-link { grid-template-columns:110px minmax(0,1fr); gap:18px; }
 .about-media-link .about-entry-visual.logo { padding:10px; }
 .about-media-link .about-entry-visual.photo img { max-height:165px; }
 .about-media-copy strong { font-size:18px; }
 .about-media-copy>span { font-size:12px; }
}

/* Experience: text and logo share a row. */
#experience .row{display:grid;grid-template-columns:160px minmax(0,1fr) 180px;gap:32px;align-items:center}#experience .row .company-logo{grid-column:3;width:100%;max-width:180px;height:100px;object-fit:contain;margin:0;justify-self:end}#experience .row>div:nth-child(2){min-width:0}#experience .row h3{margin-top:0}@media(max-width:700px){#experience .row{grid-template-columns:minmax(0,1fr) 100px;gap:16px}#experience .row .date{grid-column:1/-1}#experience .row .company-logo{grid-column:2;width:100px;height:75px}#experience .row>div:nth-child(2){grid-column:1}}

/* Match the teaching logos to the existing experience logo panels. */
#experience .experience-teaching .company-logo{background:#fff;padding:7px;object-position:center;box-sizing:border-box}


#experience .company-logo.kino{background:#000;padding:7px;object-position:center}

.about-entry-visual.interview img{max-height:300px;object-fit:contain}.imdb-reference{grid-template-columns:190px minmax(0,1fr);align-items:start}.imdb-image-column{display:flex;flex-direction:column;gap:12px;width:190px}.imdb-image-column .about-entry-visual.logo{padding:0;width:100%;height:auto}.imdb-image-column .about-entry-visual.logo img{display:block;width:100%;max-width:none;height:auto;max-height:none}.imdb-credits-preview{display:block;width:100%;height:auto;max-height:none;object-fit:contain}@media(max-width:700px){.imdb-reference{grid-template-columns:110px minmax(0,1fr)}.imdb-image-column{width:110px}.imdb-credits-preview{width:100%}}

.community-preview{display:block;width:min(100%,440px);margin:0 0 24px}.community-slideshow{position:relative;aspect-ratio:1;background:#000;overflow:hidden}.community-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.2s}.community-slideshow img:first-child,.community-slideshow img.active{opacity:1}.community-links{line-height:1.8}.community-links a{white-space:nowrap}
