.film-hero{position:relative;width:100%;height:55vh;min-height:380px;margin-top:var(--header-height);overflow:hidden}.film-hero-bg{position:absolute;inset:0}.film-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:scale(1.04);animation:heroZoom 12s ease-out forwards}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1)}}.film-hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.92) 100% )}.film-hero-content{position:absolute;bottom:0;left:0;right:0;padding:0 70px 60px;max-width:var(--container-width);margin:0 auto;opacity:0;animation:fadeIn 1.4s ease forwards 0.3s}.film-hero-label{font-size:0.65rem;color:var(--color-brown);letter-spacing:0.3em;text-transform:uppercase;font-weight:300;margin-bottom:18px;font-family:Georgia,serif}.film-hero-title{font-size:5.5rem;font-weight:300;color:#ffffff;letter-spacing:0.05em;text-transform:uppercase;line-height:1.05;margin-bottom:22px;max-width:1000px;font-family:Georgia,serif}.film-hero-meta{font-size:0.82rem;color:rgba(255,255,255,0.5);letter-spacing:0.18em;font-weight:300;font-style:italic}.film-content{background-color:var(--color-off-white);padding:90px 0 110px}.film-layout{display:grid;grid-template-columns:360px 1fr;gap:90px;align-items:start}.film-poster-col{position:sticky;top:calc(var(--header-height)+30px)}.film-poster-wrap{position:relative}.film-poster-wrap::after{content:'';position:absolute;top:18px;left:18px;right:-18px;bottom:-18px;border:1px solid rgba(152,118,84,0.12);z-index:-1;transition:all 0.5s ease}.film-poster-wrap:hover::after{top:22px;left:22px;right:-22px;bottom:-22px;border-color:rgba(152,118,84,0.22)}.film-poster-wrap img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;border:1px solid rgba(152,118,84,0.08);transition:transform 0.7s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.7s ease;box-shadow:0 15px 50px rgba(0,0,0,0.12)}.film-poster-wrap:hover img{transform:translateY(-6px) scale(1.01);box-shadow:0 28px 70px rgba(0,0,0,0.18)}.film-details-col{padding-top:8px;opacity:0;animation:fadeIn 1s ease forwards 0.5s}.film-genre-tag{font-size:0.62rem;color:var(--color-brown);letter-spacing:0.28em;text-transform:uppercase;font-weight:300;margin-bottom:22px;display:block}.film-title-main{font-size:3rem;font-weight:300;color:var(--color-black);letter-spacing:0.04em;line-height:1.12;margin-bottom:8px;font-family:Georgia,serif}.film-title-sub{font-size:0.9rem;color:rgba(152,118,84,0.6);letter-spacing:0.15em;font-weight:300;font-style:italic;margin-bottom:35px;display:block}.film-divider{width:50px;height:1px;background:rgba(152,118,84,0.5);margin-bottom:35px}.film-description{font-size:1.05rem;line-height:1.85;color:rgba(10,10,10,0.68);font-weight:300;font-style:italic;margin-bottom:50px;padding-left:24px;border-left:2px solid rgba(152,118,84,0.25);letter-spacing:0.01em}.film-meta-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(152,118,84,0.1);margin-bottom:50px}.film-meta-item{padding:22px 24px 22px 0;border-bottom:1px solid rgba(152,118,84,0.07)}.film-meta-item:nth-child(even){padding-left:24px;border-left:1px solid rgba(152,118,84,0.07);padding-right:0}.meta-label{display:block;font-size:0.58rem;color:rgba(152,118,84,0.7);letter-spacing:0.22em;text-transform:uppercase;font-weight:300;margin-bottom:9px}.meta-value{display:block;font-size:0.88rem;color:rgba(10,10,10,0.78);font-weight:300;letter-spacing:0.02em;line-height:1.55}.film-role-box{padding:28px 36px;border:1px solid rgba(152,118,84,0.15);background:rgba(152,118,84,0.025);position:relative;overflow:hidden;transition:border-color 0.4s ease,background 0.4s ease}.film-role-box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(152,118,84,0.9) 0%,rgba(152,118,84,0.2) 100%)}.film-role-box:hover{border-color:rgba(152,118,84,0.28);background:rgba(152,118,84,0.04)}.film-role-label{font-size:0.58rem;color:rgba(152,118,84,0.65);letter-spacing:0.28em;text-transform:uppercase;font-weight:300;margin-bottom:10px;display:block}.film-role-title{font-size:1.3rem;font-weight:300;color:var(--color-black);letter-spacing:0.04em;margin-bottom:6px;font-family:Georgia,serif}.film-role-studio{font-size:0.78rem;color:rgba(152,118,84,0.75);letter-spacing:0.12em;font-style:italic}.back-btn{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,0.65);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;transition:color 0.3s ease;white-space:nowrap;font-family:Georgia,serif}.back-btn:hover{color:var(--color-brown)}.back-btn i{font-size:0.85rem;transition:transform 0.3s ease}.back-btn .svg-icon{width:0.85rem;height:0.85rem;transition:transform 0.3s ease;fill:currentColor}.back-btn:hover i{transform:translateX(-4px)}.back-btn:hover .svg-icon{transform:translateX(-4px)}@media screen and (max-width:1200px){.film-layout{grid-template-columns:300px 1fr;gap:70px}.film-hero-title{font-size:4.5rem}.film-hero-content{padding:0 50px 55px}}@media screen and (max-width:950px){.film-layout{grid-template-columns:1fr;gap:55px}.film-poster-col{position:static}.film-poster-wrap img{max-width:340px}.film-hero-title{font-size:3.4rem}.film-hero-content{padding:0 40px 50px}}@media screen and (max-width:768px){.film-hero{height:45vh;min-height:300px}.film-hero-title{font-size:2.6rem}.film-hero-content{padding:0 25px 40px}.film-hero-label{font-size:0.58rem;margin-bottom:12px}.film-content{padding:55px 0 80px}.film-title-main{font-size:2.2rem}.film-meta-grid{grid-template-columns:1fr}.film-meta-item:nth-child(even){padding-left:0;border-left:none}}@media screen and (max-width:480px){.film-hero{height:40vh;min-height:260px}.film-hero-title{font-size:2rem}.film-title-main{font-size:1.8rem}.film-description{font-size:0.95rem}.film-role-box{padding:22px 24px}.film-poster-wrap img{max-width:260px}}