.home-films.opening-work { padding-bottom: clamp(28px,5vw,65px); }
#ana-secili-filmler h2 { font: 400 clamp(34px,5.5vw,80px)/1 var(--serif); letter-spacing: -.053em; }
.home-films .opening-work-head { flex-wrap: wrap; align-items: end; }
.home-films .opening-work-head a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.home-films-grid { display: grid; grid-template-columns: minmax(0,1.43fr) minmax(0,1fr); grid-auto-rows: clamp(150px,16vw,230px); gap: 7px; }
.home-film-card:first-child { grid-row: span 3; }
.home-film-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  text-align: left;
  padding: clamp(10px,2vw,27px);
  border: 1px solid #ead2aa50;
  background: #151411;
  color: #fff2df;
}
.home-film-card:is(:hover,:focus-visible) { border-color: #ecd8b0; }
.home-film-card:focus-visible { outline: 2px solid #ecd8b0; outline-offset: 3px; }
.home-film-card::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,#0d0c0beb 0%,#0d0c0b69 45%,transparent 80%); }
.home-film-card img,.home-film-card video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }
.home-film-card video { z-index: -2; opacity: 0; transition: opacity .24s ease; pointer-events: none; }
.home-film-card.is-previewing video { opacity: 1; }
.home-film-card:last-child img { object-position: center 37%; }
.home-film-type { color: #f5dcae; font: 700 10px/1.15 var(--sans); letter-spacing: .11em; }
.home-film-card strong { font: 400 clamp(21px,3vw,42px)/1.05 var(--serif); letter-spacing: -.045em; margin-top: 5px; }
.home-film-card:first-child strong { font-size: clamp(29px,4.7vw,69px); max-width: 13ch; }
.home-film-watch { display: inline-flex; align-items: center; gap: 6px; margin-top: 9px; font: 700 12px/1.2 var(--sans); }
.home-film-watch small { color: #f5dcae; font: 650 10px/1 var(--mono); }
@media(max-width:680px) {
  .home-films-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: auto; }
  .home-film-card { min-height: 153px; }
  .home-film-card:first-child,.home-film-card:last-child { grid-column: 1/-1; grid-row: auto; min-height: 201px; }
}
@media(prefers-reduced-motion:reduce) { .home-film-card video { transition: none; } }

.home-new-films { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-bottom: 7px; }
.home-new-films .home-film-card { grid-row: auto; grid-column: auto; min-height: clamp(170px,22vw,330px); }
.home-new-films .home-film-card strong { font-size: clamp(22px,2.8vw,42px); max-width: 18ch; }
@media(max-width:680px) {
  .home-new-films { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-new-films .home-film-card:first-child { grid-column: 1/-1; min-height: clamp(185px,55vw,300px); }
  .home-new-films .home-film-card:not(:first-child) { min-height: 150px; }
}
