.film-page{background:#050505}
.film-container{width:min(1100px,calc(100% - 120px));margin-inline:auto}
.film-intro{padding:130px 0 270px}
.film-intro h1{font-size:clamp(72px,10.2vw,138px);font-weight:400;line-height:1.13;letter-spacing:-4px;margin:0}
.film-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:110px 50px;padding-bottom:190px}
.film-photo{margin:0;min-width:0}
.film-wide{grid-column:1/-1}
.film-small-left,.film-small-right{grid-column:1/-1;width:64%}
.film-small-right{justify-self:end}
.photo-open{display:block;width:100%;overflow:hidden;position:relative}
.film-photo img{width:100%;height:auto;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s}
.film-portrait img{aspect-ratio:2/3;object-fit:cover}
.photo-open:focus-visible{outline-offset:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.photo-open:hover img{transform:scale(1.018);filter:brightness(1.04)}}
.photo-lightbox{width:calc(100% - 40px);max-width:1500px;max-height:calc(100svh - 40px);border:1px solid #3d3037;background:#080708;padding:0;overflow:auto;overscroll-behavior:contain}
.photo-lightbox::backdrop{background:#000e;backdrop-filter:blur(10px)}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:20px}
.lightbox-counter{font-size:10px;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#c6adb8}
.lightbox-close{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.lightbox-close span{font-size:28px;line-height:1}
.lightbox-stage{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:16px;padding:0 20px 25px}
.lightbox-figure{margin:0;min-width:0}
.lightbox-figure img{width:100%;height:min(72svh,1000px);object-fit:contain}

.photo-nav{width:46px;height:46px;border:1px solid #795764;border-radius:50%;font-size:24px;color:#f593b7;justify-self:center;transition:background .2s,color .2s}
.photo-nav:hover{background:#f593b7;color:#050505}
@media(max-width:1100px){.film-container{width:calc(100% - 80px)}.film-intro{padding:100px 0 210px}.film-grid{gap:85px 36px;padding-bottom:150px}}
@media(max-width:760px){.film-container{width:calc(100% - 44px)}.film-intro{padding:52px 0 108px}.film-intro h1{font-size:clamp(47px,11.5vw,84px);line-height:1.13;letter-spacing:-1.6px}.film-grid{gap:38px 16px;padding-bottom:100px}.film-small-left,.film-small-right{width:64%}.film-small-right{margin-top:-5px}.photo-lightbox{width:calc(100% - 12px);max-height:calc(100svh - 20px)}.lightbox-toolbar{padding:18px}.lightbox-stage{grid-template-columns:1fr 1fr;gap:18px;padding:0 16px 20px}.lightbox-figure{grid-column:1/-1;grid-row:1}.lightbox-figure img{height:64svh}.photo-prev{justify-self:end}.photo-next{justify-self:start}.photo-nav{width:42px;height:42px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.film-photo img{transition:none}}
