.hero-section{background-position:top;background-size:cover;width:100%;height:85vh;min-height:500px;position:relative}@media (max-width:768px){.hero-section{background-position:50%;min-height:500px}}.hero-skeleton{background-color:var(--surface-container);width:100%;height:85vh;min-height:500px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{background-color:#222}50%{background-color:#333}to{background-color:var(--surface-container)}}.hero-overlay{background:linear-gradient(90deg,#121317 0%,#121317cc 40%,#12131700 100%),linear-gradient(#12131700 75%,#121317 100%);align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-content{max-width:var(--container-max,1440px);padding:0 var(--gutter,24px);width:100%;margin:10vh auto 0}.hero-title{font-family:var(--font-plus-jakarta), sans-serif;text-shadow:2px 2px 4px #00000080;color:#fff;max-width:700px;margin:0 0 16px;font-size:4rem;font-weight:800;line-height:1.1}.hero-meta{font-family:var(--font-inter), sans-serif;color:var(--on-surface-variant);align-items:center;gap:12px;margin-bottom:20px;font-size:15px;font-weight:500;display:flex}.hero-rating{color:#fff;align-items:center;gap:4px;font-weight:700;display:flex}.hero-rating .star{color:var(--primary);font-size:18px}.hero-meta-separator{color:#666}.hero-synopsis{max-width:550px;color:var(--on-surface-variant);line-height:1.6;font-family:var(--font-inter), sans-serif;text-shadow:1px 1px 3px #00000080;margin-bottom:32px;font-size:16px}.hero-buttons{gap:16px;display:flex}.hero-play-btn{font-family:var(--font-inter), sans-serif;cursor:pointer;color:#000;background-color:#fff;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.hero-play-btn:hover{background-color:#ddd}.hero-btn-icon{font-size:20px}@media (min-width:769px){.hero-overlay{background:linear-gradient(90deg,#121317 0%,#12131799 50%,#12131700 100%),linear-gradient(#12131700 80%,#121317 100%)}}@media (max-width:768px){.hero-title{margin-bottom:12px;font-size:2.25rem}.hero-overlay{background:linear-gradient(#12131700 0%,#121317e6 40%,#121317 100%);align-items:flex-end;padding-bottom:3rem}.hero-synopsis{-webkit-line-clamp:3;text-shadow:none;-webkit-box-orient:vertical;margin-bottom:24px;font-size:14px;display:-webkit-box;overflow:hidden}.hero-content{margin-top:0}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;gap:12px;width:100%}.hero-play-btn{justify-content:center;width:100%}}