/* Keep the hero near the source images' native width and avoid extra zoom. */
.film-hero{width:min(100%,1440px);height:800px;min-height:0;max-height:800px;margin:0 auto}
.film-hero .film-frame img{object-position:center center}
.film-hero.depth-surface .film-frame img{transform:none;transition:none}
.film-copy{top:46%;transform:translateY(-50%)}
.film-copy h1{font-size:clamp(42px,4.5vw,66px)}
.film-copy .eyebrow{margin-bottom:18px}
.film-copy .film-philosophy{margin-top:20px}
.film-footer{bottom:24px}
@media(max-width:700px){
  .film-hero{width:100%;height:600px;min-height:0;max-height:none}
  .film-copy{top:43%}
  .film-copy h1{font-size:clamp(35px,9vw,52px)}
  .film-copy .eyebrow{margin-bottom:16px}
  .film-copy .film-philosophy{font-size:18px;margin-top:18px}
  .film-copy .film-intro{font-size:11px;margin-top:12px}
  .film-actions{margin-top:18px}
  .film-footer{bottom:26px;gap:12px}
  .film-project-title{font-size:12px}
}

.projects-section .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.projects-section .project-card{min-width:0;margin-top:0}.projects-section .project-image{aspect-ratio:16/9;height:auto}.projects-section .project-image img{width:100%;height:100%;object-fit:cover}@media(max-width:700px){.projects-section .project-grid{grid-template-columns:1fr;gap:28px}}