.portfolio-film{margin:40px 0 48px}.portfolio-film-heading{max-width:760px;margin-bottom:28px}.portfolio-film-heading h2{margin:8px 0 16px}.portfolio-film-heading>p:last-child{font-size:16px;line-height:1.65;max-width:650px}.portfolio-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-film-panel{margin:0;background:#fffefa;border:1px solid #c6d5cc;overflow:hidden}.portfolio-film-panel>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#123c3c}.portfolio-film-panel figcaption{padding:21px}.portfolio-film-context{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#526860;display:block;margin-bottom:17px}.portfolio-film-panel nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-film-panel a{display:flex;flex-direction:column;justify-content:center;gap:6px;text-decoration:none;color:#123c3c;min-height:58px;padding:8px 4px;border-bottom:1px solid #a9c2b8;transition:background .15s}.portfolio-film-panel a strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.portfolio-film-panel a span{font-size:11px;line-height:1.5;color:#526860}.portfolio-film-panel a:hover{background:#e4eee5}.portfolio-film-panel a:focus-visible{outline:3px solid #a87422;outline-offset:3px}.portfolio-film-note{font-size:11px!important;line-height:1.7!important;color:#526860;max-width:850px;margin:16px 0 0}@media(max-width:800px){.portfolio-film-grid{grid-template-columns:1fr;gap:25px}.portfolio-film-panel figcaption{padding:18px}.portfolio-film-panel a strong{font-size:16px}.portfolio-film-heading>p:last-child{font-size:15px}}@media(prefers-reduced-motion:reduce){.portfolio-film-panel a{transition:none}}