.film-section{margin:34px 0 42px}
.film-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #b8c5aa57;padding-top:25px;margin-bottom:22px}
.film-section-heading h2{font:italic 30px 'DM Serif Display',Georgia,serif;letter-spacing:-.7px;margin:0;color:#344b40}
.film-section-heading p{font-size:10px;color:#859083;line-height:1.7;max-width:400px;margin:9px 0 0}
.film-section-heading>span{white-space:nowrap;font-size:8px;color:#8b9689}
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px}
.film-card{text-align:left;display:block;width:100%;min-width:0;padding:0;color:#33483e;border-radius:6px}
.film-cover{display:block;position:relative;aspect-ratio:16/9;background:#d9e2df;overflow:hidden;border-radius:6px}
.film-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease),filter .65s var(--ease)}
.film-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#061c2855)}
.film-play{position:absolute;z-index:1;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:#f8faf3e6;box-shadow:0 2px 15px #021d2525;transition:transform .5s var(--ease);color:#203d3d}
.film-play svg{width:13px;height:13px;margin-left:2px;fill:currentColor}
.film-platform{position:absolute;z-index:1;right:10px;bottom:10px;font-size:6px;text-transform:uppercase;letter-spacing:1.2px;color:#fff;background:#0b263c80;border:1px solid #ffffff38;border-radius:3px;padding:5px 7px}
.film-card:hover .film-cover img{transform:scale(1.035);filter:brightness(.94)}
.film-card:hover .film-play{transform:translate(-50%,-50%) scale(1.08)}
.film-card:focus-visible{outline:2px solid #386c66;outline-offset:6px}
.film-card-title{display:block;font-size:12px;line-height:1.5;margin:12px 0 5px;font-weight:500}
.film-card-meta{display:block;font-size:8px;line-height:1.6;color:#879285}
.motion-archive-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:31px}
.motion-archive-header .window-heading{margin-bottom:15px}
.motion-archive-header .window-intro{margin:0;max-width:520px}
.motion-archive-count{flex-shrink:0;color:#87968c;font-size:9px;line-height:1.9;text-align:right}
.motion-archive-count strong{display:block;font:italic 42px 'DM Serif Display',Georgia,serif;color:#496254;line-height:1.1}
.motion-archive-footer{margin-top:35px;padding-top:20px;border-top:1px solid #b8c5aa57;display:flex;justify-content:space-between;gap:20px}
.app-window[data-window^="video:"] .window-content{background:#080e15}
.portfolio-player{min-height:100%;display:flex;flex-direction:column;color:#e7ecea;background:#080e15}
.portfolio-player .video-screen{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:220px;background:#000}
.portfolio-player iframe{display:block;width:100%;height:100%;min-height:220px;border:0;position:absolute;inset:0}
.film-player-footer{padding:20px 23px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.film-player-footer p{margin:0 0 7px;font-size:6px;letter-spacing:1.3px;color:#76928f}
.film-player-footer h3{margin:0;max-width:640px;font-size:12px;line-height:1.5;font-weight:500;color:#e7ecea}
.film-player-footer small{display:block;font-size:8px;color:#6d8585;margin-top:7px}
.film-player-nav{display:flex;gap:9px;flex-shrink:0}
.film-player-nav button{width:30px;height:30px;border:1px solid #65848265;border-radius:50%;font-size:17px;color:#c7d9d6;transition:background .25s}
.film-player-nav button:hover{background:#28433f}
.film-player-source{border-top:1px solid #ffffff12;padding:11px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;color:#687e7e}
.film-player-source a{color:#a2bbb6}
.film-player-source a:hover{text-decoration:underline}
.instagram-player{display:block;background:#f5f4ee}
.instagram-player .video-screen{padding:15px;background:#f5f4ee}
.instagram-player iframe{position:static;flex:none;width:min(100%,450px);height:780px;background:white;border-radius:5px}
.instagram-player .film-player-footer,.instagram-player .film-player-source{background:#080e15}
@media(max-width:740px){
 .film-grid{grid-template-columns:1fr;gap:24px}
 .film-section{margin:28px 0 33px}
 .film-section-heading{display:block;padding-top:22px;margin-bottom:19px}
 .film-section-heading h2{font-size:27px}
 .film-section-heading p{font-size:9px;max-width:100%}
 .film-section-heading>span{display:block;margin-top:13px;font-size:7px}
 .film-card-title{font-size:11px;margin-top:10px}
 .film-card-meta{font-size:7px}
 .motion-archive-header{align-items:start;gap:15px;margin-bottom:26px}
 .motion-archive-count{font-size:7px}
 .motion-archive-count strong{font-size:35px}
 .motion-archive-header .window-heading{font-size:29px}
 .motion-archive-header .window-intro{font-size:10px}
 .motion-archive-footer{display:block;margin-top:29px}
 .motion-archive-footer .text-link{display:block;margin:10px 0}
 .film-player-footer{padding:17px 16px;gap:13px}
 .film-player-footer h3{font-size:10px}
 .film-player-footer small{font-size:7px;line-height:1.7}
 .film-player-nav{gap:6px}
 .film-player-nav button{width:27px;height:27px}
 .film-player-source{padding:11px 16px;font-size:7px;align-items:start;line-height:1.7}
 .instagram-player .video-screen{padding:8px}
 .instagram-player iframe{height:700px}
}