/* Additions scoped to the Kraken case study; existing shared styles stay intact. */
.kraken-film video{display:block;width:100%;height:auto;max-height:36rem;object-fit:contain;background:var(--ink);color-scheme:dark}
.kraken-film figcaption{display:grid;gap:1rem;align-content:start}
.holiday-grid,.history-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.history-film{grid-template-columns:minmax(0,1fr);align-items:start}
.history-more-grid .history-film video{aspect-ratio:421/282;max-height:none}
.liminals .moving-grid,.liminals .liminal-films,.soap-films{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.liminals .moving-intro{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}
.liminals .moving-grid .media-trigger,.liminals .liminal-film video{max-height:30rem}
.liminals .moving-grid .media-trigger img{object-fit:contain}
.film-note{font-size:.9375rem;line-height:1.6}
.quest-films{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding-top:0}
.liminal-stills{border-top:1px solid #858585;padding-top:2rem}
@media(min-width:701px) and (max-width:1000px){.quest-films{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .holiday-grid,.history-more-grid,.liminals .moving-grid,.liminals .liminal-films,.soap-films,.quest-films{grid-template-columns:1fr;gap:2.5rem}
 .liminals .moving-intro{grid-template-columns:1fr;gap:1rem}
}