/* Campaign variants and case study; existing portfolio typography is inherited. */
.film-versions { display:flex; flex-wrap:wrap; gap:12px; padding:20px 16px 0; }
.film-version { font-family:var(--mono); font-size:12px; text-transform:uppercase; color:#fff; background:transparent; border:1px solid #555; padding:10px 14px; cursor:pointer; }
.film-version[aria-pressed="true"] { background:#0000ff; border-color:#0000ff; }
.film-version:disabled { opacity:.55; cursor:wait; }
.film-status { align-self:center; font-family:var(--mono); font-size:12px; }
.film-version:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.project-container .v-description.has-case-study .v-others { width:50%; flex-direction:column; }
.project-container .v-description.has-case-study .v-others_citation { width:100%; margin-right:0; }
.project-container .v-description.has-case-study .v-others_citation h3 { font:inherit; margin:0 0 20px; }
.project-container .v-description.has-case-study .v-others_citation p { margin-bottom:24px; }
.project-container .v-description.has-case-study .v-others_citation h3:not(:first-child) { margin-top:40px; }
.project-container .v-description.has-case-study .v-others_location { margin-top:32px; }
@media(max-width:767px) { .project-container .v-description.has-case-study .v-others { width:100%; } .film-version { font-size:11px; } }