.cp-wrapper-1ddb9e7a{display:flex;flex-wrap:wrap;gap:5%;width:100%;min-height:80vh;align-items:center;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:50px;box-sizing:border-box;transition:background-color 0.8s cubic-bezier(.4,0,.2,1)}.cp-left-1ddb9e7a{flex:1 1 50%;max-width:60%;display:flex;flex-direction:column;justify-content:center}.cp-image-frame-1ddb9e7a{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#1a1a1a;margin-bottom:30px;box-shadow:0 10px 30px rgb(0 0 0 / .5)}.cp-image-1ddb9e7a{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s cubic-bezier(.4,0,.2,1);z-index:1}.cp-image-1ddb9e7a.active{opacity:1;z-index:2}.cp-details-container-1ddb9e7a{position:relative;height:60px}.cp-details-1ddb9e7a{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(10px);transition:all 0.6s cubic-bezier(.4,0,.2,1);pointer-events:none}.cp-details-1ddb9e7a.active{opacity:1;transform:translateY(0);pointer-events:auto}.cp-meta-1ddb9e7a{display:flex;align-items:center;gap:15px;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#e0e0e0}.cp-title-1ddb9e7a{font-weight:600;color:inherit}.cp-year-1ddb9e7a,.cp-director-1ddb9e7a{opacity:.7}.cp-btn-1ddb9e7a{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:inherit;text-decoration:none;border-bottom:1px solid rgb(255 255 255 / .3);padding-bottom:3px;transition:border-color 0.3s ease}.cp-btn-1ddb9e7a:hover{border-color:currentColor}.cp-right-1ddb9e7a{flex:1 1 35%;display:flex;flex-direction:column;justify-content:center}.cp-nav-1ddb9e7a{display:flex;flex-direction:column;gap:20px}.cp-nav-item-1ddb9e7a{font-size:2.5rem;font-weight:300;color:rgb(255 255 255 / .3);cursor:pointer;transition:all 0.5s cubic-bezier(.4,0,.2,1);line-height:1.2;transform-origin:left}.cp-nav-item-1ddb9e7a:hover{color:rgb(255 255 255 / .7);transform:translateX(10px)}.cp-nav-item-1ddb9e7a.active{color:#fff;font-weight:500;transform:translateX(15px)}@media (max-width:768px){.cp-wrapper-1ddb9e7a{flex-direction:column;padding:30px}.cp-left-1ddb9e7a{max-width:100%;margin-bottom:40px}.cp-nav-item-1ddb9e7a{font-size:1.8rem}.cp-meta-1ddb9e7a{flex-direction:column;align-items:flex-start;gap:5px}.cp-details-1ddb9e7a{flex-direction:column;align-items:flex-start;gap:15px}.cp-details-container-1ddb9e7a{height:120px}}