@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap";
.films-hero{background:#000;width:100%;height:720px;position:relative;overflow:hidden}.films-video{object-fit:cover;filter:brightness(.45)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.films-overlay{background:linear-gradient(#00000026,#000000b8);position:absolute;inset:0}.films-content{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1100px;height:100%;margin:auto;padding:120px 24px;display:flex;position:relative}.films-content span{color:var(--gold);letter-spacing:5px;margin-bottom:24px;font-size:13px}.films-content h1{color:#fff;text-wrap:balance;margin-bottom:28px;font-family:Playfair Display,serif;font-size:clamp(56px,7vw,64px);font-weight:400;line-height:.9}.films-content p{color:#ffffffd1;max-width:760px;margin-bottom:42px;font-family:Playfair Display,serif;font-size:clamp(16px,1.3vw,22px);line-height:1.9}.films-buttons{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.primary-film-btn,.secondary-film-btn{border-radius:999px;padding:18px 34px;font-size:15px;transition:all .35s}.primary-film-btn{background:var(--primary);color:#fff}.primary-film-btn:hover{background:var(--primary-hover);transform:translateY(-4px)}.secondary-film-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff24}.secondary-film-btn:hover{background:#ffffff24;transform:translateY(-4px)}@media (max-width:992px){.films-content h1{font-size:clamp(48px,8vw,90px)}}@media (max-width:768px){.films-content{padding:100px 18px}.films-content h1{font-size:54px;line-height:.95}.films-content p{font-size:15px}.primary-film-btn,.secondary-film-btn{width:100%}}@media (max-width:480px){.films-content h1{font-size:40px}.films-content span{letter-spacing:3px;font-size:11px}}.films-bg{z-index:0;position:absolute;inset:0}.films-image{object-fit:cover;filter:brightness(.55);transform:scale(1.03)}
.films-showcase{background:var(--background);padding:100px 20px}.films-grid,.film-content,.film-nav,.related-section,.films-filter{max-width:1400px;margin-left:auto;margin-right:auto}.films-filter{flex-wrap:wrap;gap:34px;margin-bottom:70px;display:flex}.films-filter button{cursor:pointer;color:#111;background:0 0;border:none;font-size:18px;font-weight:500;transition:all .3s}.films-filter button:hover{color:var(--primary)}.films-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.film-card{cursor:pointer}.film-image-wrap{aspect-ratio:1/.7;background:#000;width:100%;margin-bottom:22px;position:relative;overflow:hidden}.film-image{object-fit:cover;transition:all .7s}.film-card:hover .film-image{transform:scale(1.06)}.play-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-card:hover .play-btn{opacity:1;transform:translate(-50%,-50%)scale(1.08)}.film-meta{color:#444;margin-bottom:12px;font-size:14px;display:block}.film-card h2{color:#111;margin-bottom:16px;font-family:Playfair Display,serif;font-size:24px;font-weight:400;line-height:1.05}.film-card p{color:#222;font-size:17px;line-height:1.9}.film-view-page{background:var(--background);min-height:100vh;padding-bottom:120px;animation:.7s cubic-bezier(.22,1,.36,1) pageReveal}@keyframes pageReveal{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.back-film-btn{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(#ffffff1a,#00000073);border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:10px;padding:14px 24px;font-size:13px;transition:background .35s,box-shadow .35s,opacity .3s,filter .3s;animation:.7s cubic-bezier(.22,1,.36,1) backButtonEnter;display:flex;position:fixed;top:24px;left:24px;overflow:hidden;box-shadow:0 10px 30px #00000038,inset 0 1px #ffffff14}@keyframes backButtonEnter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.back-film-btn:hover{filter:brightness(1.05);background:linear-gradient(#ffffff24,#0000009e);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff1f}.back-film-btn:active{opacity:.82}.back-film-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff2e,#0000);transition:all 1s;position:absolute;inset:0;transform:translate(-140%)}.back-film-btn:hover:before{transform:translate(140%)}.back-film-btn svg{transition:transform .35s}.back-film-btn:hover svg{transform:translate(-4px)}.video-wrap{width:100%;padding-top:50px;position:relative}.main-video{object-fit:cover;background:#000;width:100%;height:100vh}.film-content{margin:90px auto;padding:0 24px}.film-content h2{margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(40px,5vw,40px);font-weight:400}.film-content span{color:#666;margin-bottom:30px;font-size:14px;display:inline-block}.film-content p{color:#222;font-size:clamp(15px,1.5vw,15px);line-height:1.9}.film-nav{justify-content:space-between;gap:20px;margin-bottom:120px;padding:0 24px;display:flex}.film-arrow{cursor:pointer;background:0 0;border:none;align-items:center;gap:18px;transition:transform .3s,opacity .3s;display:flex}.film-arrow:hover{opacity:.7;transform:translateY(-2px)}.film-arrow h3{color:#111;font-family:Playfair Display,serif;font-size:clamp(25px,2vw,25px);font-weight:400}.right{text-align:right}.related-section{padding:0 24px}.related-section h2{color:#6d675f;margin-bottom:50px;font-family:Playfair Display,serif;font-size:clamp(40px,4vw,40px);font-weight:400}.related-grid{grid-template-columns:repeat(5,1fr);gap:22px;display:grid}.related-card{cursor:pointer}.related-image-wrap{aspect-ratio:1/.6;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.related-image{object-fit:cover;transition:all .7s}.related-card:hover .related-image{transform:scale(1.05)}.related-card h3{color:#111;font-family:Playfair Display,serif;font-size:18px;font-weight:400}@media (max-width:1100px){.films-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.films-showcase{padding:80px 12px}.films-grid{grid-template-columns:1fr}.film-image-wrap{aspect-ratio:16/9}.film-card h2{font-size:26px}.film-card p{font-size:14px}.main-video{height:42vh}.film-nav{flex-direction:column;gap:26px;padding:0 14px}.related-section{padding:0 14px}.related-grid{grid-template-columns:1fr}.film-arrow h3{font-size:22px}.back-film-btn{padding:11px 16px;font-size:11px;top:14px;left:14px}.play-btn{width:56px;height:56px}}@media (max-width:480px){.film-card h2{font-size:22px}.film-card p{font-size:13px}.film-arrow h3{font-size:18px}.related-section h2{font-size:28px}}