*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Lato','Playfair Display',Calibri,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden;}.hidden{display:none !important;}.nav-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1100;width:44px;height:44px;background:rgba(0,0,0,0.75);border-radius:8px;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(8px);border:1px solid #444;}.nav-toggle:hover{background:#d4af37;border-color:#d4af37;}.nav-toggle span{display:block;width:22px;height:2px;background:#d4af37;position:relative;transition:all 0.3s ease;}.nav-toggle:hover span,.nav-toggle:hover span::before,.nav-toggle:hover span::after{background:#000;}.nav-toggle span::before,.nav-toggle span::after{content:'';position:absolute;width:22px;height:2px;background:#d4af37;transition:all 0.3s ease;}.nav-toggle span::before{top:-8px;}.nav-toggle span::after{top:8px;}.nav-toggle.active span{background:transparent;}.nav-toggle.active span::before{transform:rotate(45deg);top:0;}.nav-toggle.active span::after{transform:rotate(-45deg);top:0;}.nav-menu{display:none;position:fixed;top:0;left:-340px;width:290px;height:100vh;background:#0a0a0a;backdrop-filter:blur(20px);z-index:1099;padding:100px 0 20px;transition:left 0.35s cubic-bezier(0.23,1,0.32,1);border-right:1px solid rgba(200,168,106,0.3);overflow-y:auto;box-shadow:5px 0 20px rgba(0,0,0,0.7);}.nav-menu.active{left:0;}.nav-menu ul{list-style:none;padding-top:0;}.nav-menu li{margin:6px 0;}.nav-menu a{color:#aaa;text-decoration:none;font-size:15px;padding:6px 20px 6px 26px;display:block;transition:all 0.25s;border-left:3px solid transparent;letter-spacing:0.3px;}.nav-menu a.active{background:#141414;color:#fff;border-left:3px solid #d4af37;padding-left:23px;}.nav-menu a:hover:not(.active){border-left:3px solid #d4af37;padding-left:23px;background:rgba(255,255,255,0.04);color:#fff;}.menu-divider{height:1px;background:#2a2a2a;margin:16px 24px;}.nav-menu .submenu{list-style:none;padding-left:26px;display:none;max-height:0;overflow:hidden;transition:max-height 0.3s;}.nav-menu .submenu.expanded{display:block;max-height:240px;}.nav-menu .submenu a{font-size:13px;color:#c8a86a;border-left:2px solid #333;padding:4px 16px;}.nav-menu .submenu a:hover{border-left-color:#ffd700;color:#ffd700;}.submenu-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;}.submenu-toggle::after{content:'›';font-size:28px;color:#c8a86a;transition:transform 0.3s;}.submenu-expanded .submenu-toggle::after{transform:rotate(90deg);color:#ffd700;}.nav-menu li:has(.submenu) > a{position:relative;padding-right:46px;}header{display:flex;justify-content:space-between;align-items:center;padding:18px 82px;background:#000;border-bottom:1px solid #222;}.logo{display:block;height:32px;}.logo img{height:100%;width:auto;}nav ul{display:flex;list-style:none;align-items:center;gap:6px;}nav ul li{margin:0 10px;position:relative;}nav ul li a{color:#ccc;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;transition:color 0.3s;padding:4px 0;}nav ul li a:hover,nav ul li a.active{background:linear-gradient(90deg,#dbbd5a,#FFA500,#FF8C00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(255,215,0,0.25);}nav ul li.has-dropdown > a::after{content:'▼';font-size:7px;margin-left:4px;vertical-align:middle;}.dropdown-menu{position:absolute;top:130%;left:0;background:rgba(0,0,0,0.96);border:1px solid #2a2a2a;border-top:1px solid #d4af37;min-width:170px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all 0.25s;z-index:1050;display:flex;flex-direction:column;}nav ul li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}.dropdown-menu li{margin:0;width:100%;}.dropdown-menu a{color:#aaa;padding:8px 20px;font-size:11px;white-space:nowrap;}.dropdown-menu a:hover{background:rgba(212,175,55,0.08);color:#d4af37;padding-left:26px;}.hero{padding:50px 24px 32px;background:#000;text-align:center;border-bottom:1px solid #1a1a1a;}.hero h1{font-size:clamp(28px,8vw,52px);font-weight:800;letter-spacing:3px;background:linear-gradient(90deg,#dbbd5a,#FFA500,#FF8C00);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-transform:uppercase;margin-bottom:14px;line-height:1.1;}.hero p{font-size:clamp(14px,3.2vw,18px);color:#bbb;max-width:680px;margin:0 auto;font-weight:300;padding:0 8px;}.video-showcase{padding:50px 20px 40px;background:#000;}.showcase-grid{display:flex;flex-wrap:wrap;gap:32px;max-width:1300px;margin:0 auto;align-items:stretch;}.showcase-video-col{flex:1 1 460px;min-width:290px;}.showcase-text-col{flex:1 1 320px;min-width:230px;padding:10px 20px;display:flex;flex-direction:column;}.cinema-frame{background:#0d0d0d;border-radius:20px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,0.8),0 0 0 1px rgba(212,175,55,0.1);transition:0.4s;height:100%;}.cinema-frame:hover{box-shadow:0 24px 64px rgba(212,175,55,0.07),0 0 0 1px #d4af37;}.cinema-screen{position:relative;width:100%;padding-bottom:56%;background:#111;border-radius:14px;overflow:hidden;}.cinema-screen iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.cinema-glow{display:none;}.showcase-tag{display:inline-block;font-size:11px;letter-spacing:2px;color:#d4af37;border:1px solid rgba(212,175,55,0.2);padding:5px 16px;border-radius:28px;margin-bottom:18px;text-transform:uppercase;}.showcase-text-col h2{font-size:clamp(24px,5.6vw,38px);font-weight:750;line-height:1.2;margin-bottom:18px;background:linear-gradient(135deg,#eee,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;}.showcase-text-col p{color:#999;font-size:clamp(14px,2.8vw,16px);margin-bottom:24px;max-width:440px;}.feature-badge-list{display:flex;flex-wrap:wrap;gap:10px 20px;}.feature-badge{display:flex;align-items:center;gap:8px;color:#ccc;font-size:13px;}.tour-playlist-wrapper{flex:1 1 320px;min-width:230px;padding:10px 0 10px 10px;display:flex;flex-direction:column;max-height:450px;}.playlist-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;}.playlist-header i{font-size:26px;color:#d4af37;}.playlist-header h3{font-size:20px;font-weight:550;letter-spacing:1px;background:linear-gradient(90deg,#dbbd5a,#FFA500);-webkit-background-clip:text;background-clip:text;color:transparent;}.playlist-scroll{overflow-y:auto;flex:1;padding-right:8px;scrollbar-width:thin;scrollbar-color:#d4af37 #222;}.playlist-scroll::-webkit-scrollbar{width:4px;}.playlist-scroll::-webkit-scrollbar-track{background:#1a1a1a;border-radius:8px;}.playlist-scroll::-webkit-scrollbar-thumb{background:#d4af37;border-radius:8px;}.playlist-item{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:8px;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(212,175,55,0.08);cursor:pointer;transition:all 0.25s ease;}.playlist-item:hover{background:rgba(212,175,55,0.08);border-color:#d4af37;transform:translateX(4px);}.playlist-item i{font-size:22px;color:#d4af37;width:32px;text-align:center;}.playlist-item .item-title{font-size:15px;font-weight:470;color:#ddd;letter-spacing:0.3px;}.playlist-item .item-index{font-size:12px;color:#888;margin-left:auto;background:#222;padding:2px 10px;border-radius:20px;}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);z-index:11000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;backdrop-filter:blur(6px);}.video-modal-overlay.active{opacity:1;visibility:visible;}.video-modal-box{position:relative;width:80%;max-width:860px;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.9),0 0 0 1px rgba(212,175,55,0.2);transform:scale(0.92);transition:transform 0.3s ease;}.video-modal-overlay.active .video-modal-box{transform:scale(1);}.video-modal-box iframe{width:100%;height:100%;border:none;}.video-modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #d4af37;transition:0.25s;z-index:20;color:#d4af37;font-size:22px;}.video-modal-close:hover{background:#d4af37;color:#000;}.production-process{padding:20px 70px 66px;background:#000;}.process-title{font-size:clamp(20px,5vw,28px);font-weight:650;background:linear-gradient(90deg,#dbbd5a,#FFA500,#FF8C00);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;margin-bottom:10px;}.process-subtitle{font-size:clamp(13px,2.6vw,15px);color:#aaa;margin-bottom:36px;max-width:740px;}.film-strip-container{position:relative;width:100%;max-width:1320px;margin:0 auto;padding:20px 0 40px;}.sprocket-holes{position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,#1a1a1a 0px,#1a1a1a 28px,#d4af37 28px,#d4af37 34px,#1a1a1a 34px,#1a1a1a 74px);opacity:0.12;pointer-events:none;}.sprocket-top{top:0;}.sprocket-bottom{bottom:44px;}.film-scroll-wrapper{position:relative;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:24px 0 32px;margin:0 -12px;cursor:grab;user-select:none;scrollbar-width:none;}.film-scroll-wrapper::-webkit-scrollbar{display:none;}.film-track{display:flex;gap:14px;padding:0 calc(50vw - 420px);align-items:center;min-width:max-content;}.film-card{flex:0 0 260px;min-width:220px;position:relative;transition:all 0.5s cubic-bezier(0.215,0.610,0.355,1);filter:brightness(0.45) saturate(0.3);opacity:0.6;will-change:transform,filter,opacity;}.film-card.center-highlight{filter:brightness(1) saturate(1);opacity:1;transform:scale(1.14);z-index:2;}.film-card.near-highlight{filter:brightness(0.7) saturate(0.5);opacity:0.8;}.film-frame{position:relative;width:100%;height:340px;overflow:hidden;border:2px solid #2a2a2a;border-radius:8px;background:#111;transition:0.35s;cursor:pointer;}.film-card.center-highlight .film-frame{border-color:#d4af37;box-shadow:0 0 30px rgba(212,175,55,0.2);}.film-frame img{width:100%;height:100%;object-fit:cover;display:block;}.image-action-buttons{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;visibility:hidden;background:rgba(0,0,0,0.2);transition:0.35s;}.film-frame:hover .image-action-buttons{opacity:1;visibility:visible;}.action-button{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.75);border:2px solid #d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.25s;color:#d4af37;font-size:17px;}.action-button:hover{background:#d4af37;color:#000;transform:scale(1.08);}.scroll-arrow{position:absolute;top:46%;transform:translateY(-50%);width:40px;height:60px;background:rgba(0,0,0,0.6);border:1px solid rgba(212,175,55,0.15);border-radius:6px;color:#d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:0.3s;backdrop-filter:blur(6px);}.scroll-arrow:hover{background:rgba(212,175,55,0.12);border-color:#d4af37;}.scroll-left{left:0;}.scroll-right{right:0;}.progress-indicator{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:160px;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#dbbd5a,#FFA500);border-radius:2px;transition:width 0.3s;}.quality-section{padding:60px 20px 76px;background:#0a0a0a;text-align:center;}.quality-section .section-title{font-size:clamp(20px,5vw,30px);font-weight:620;background:linear-gradient(90deg,#dbbd5a,#FFA500,#FF8C00);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;margin-bottom:12px;}.quality-section .section-subtitle{color:#aaa;max-width:600px;margin:0 auto 36px;font-size:clamp(13px,2.6vw,15px);padding:0 10px;}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 28px;max-width:920px;margin:0 auto;}.quality-item{display:flex;flex-direction:column;align-items:center;text-align:center;}.quality-icon{font-size:40px;color:#d4af37;margin-bottom:16px;transition:0.3s;}.quality-item:hover .quality-icon{transform:scale(1.1);}.quality-title{font-size:17px;color:#fff;margin-bottom:10px;font-weight:580;letter-spacing:0.8px;}.quality-desc{font-size:14px;color:#aaa;line-height:1.6;max-width:380px;padding:0 6px;}.site-footer{background:#050505;border-top:1px solid rgba(212,175,55,0.08);padding:40px 20px 24px;}.footer-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:28px 32px;}.footer-brand .logo-footer{display:flex;align-items:center;margin-bottom:14px;}.footer-brand .logo-footer img{height:30px;filter:brightness(1.05);}.footer-brand p{color:#888;font-size:13px;line-height:1.6;max-width:360px;margin-bottom:16px;}.footer-social{display:flex;gap:14px;}.footer-social a{color:#666;font-size:18px;transition:0.25s;}.footer-social a:hover{color:#d4af37;transform:translateY(-2px);}.footer-col h5{color:#d4af37;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-weight:520;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:8px;}.footer-col ul li a{color:#777;text-decoration:none;font-size:13px;transition:0.25s;}.footer-col ul li a:hover{color:#d4af37;padding-left:3px;}.footer-contact p{color:#888;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:8px;}.footer-contact i{color:#d4af37;width:18px;text-align:center;font-size:14px;}.footer-contact a{color:#bbb;text-decoration:none;}.footer-contact a:hover{color:#d4af37;}.footer-bottom{max-width:1170px;margin:28px auto 0;padding-top:18px;border-top:1px solid #181818;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#555;font-size:12px;}.footer-bottom a{color:#777;text-decoration:none;margin-left:14px;transition:0.25s;}.footer-bottom a:hover{color:#d4af37;}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.94);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;}.image-modal-overlay.active{opacity:1;visibility:visible;}.image-modal-container{position:relative;width:85%;max-width:720px;max-height:84vh;background:#111;border-radius:14px;overflow:hidden;transform:scale(0.93);transition:transform 0.3s;}.image-modal-overlay.active .image-modal-container{transform:scale(1);}.modal-image{width:100%;max-height:96vh;object-fit:contain;display:block;}.modal-close-btn{position:absolute;top:14px;right:14px;width:40px;height:40px;background:rgba(0,0,0,0.65);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #555;transition:0.3s;z-index:10;}.modal-close-btn:hover{background:#d4af37;border-color:#d4af37;}.modal-close-btn::before,.modal-close-btn::after{content:'';position:absolute;width:20px;height:2px;background:#fff;}.modal-close-btn::before{transform:rotate(45deg);}.modal-close-btn::after{transform:rotate(-45deg);}@media (max-width:1024px){.quality-grid{gap:28px 20px;}.footer-inner{grid-template-columns:1fr 1fr;}}@media (max-width:850px){header{display:none;}.nav-toggle{display:flex;}.nav-menu{display:block;width:250px;}.hero h1{font-size:clamp(24px,7vw,38px);}.video-showcase{padding:32px 14px 24px;}.showcase-grid{gap:24px;}.showcase-text-col h2{font-size:clamp(20px,5vw,30px);}.quality-grid{grid-template-columns:1fr;gap:32px;}.footer-inner{grid-template-columns:1fr;gap:30px;}.footer-bottom{flex-direction:column;align-items:center;text-align:center;}.footer-bottom a{margin:0 10px;}.footer-col:not(.footer-brand){display:none;}.footer-brand{grid-column:1 / -1;text-align:center;justify-items:center;}.footer-brand .logo-footer{justify-content:center;}.footer-brand p{margin-left:auto;margin-right:auto;text-align:center;}.footer-social{justify-content:center;}.site-footer{padding:40px 20px 30px;}.footer-inner{gap:20px;}.film-card{flex:0 0 210px;min-width:176px;}.film-frame{height:260px;}.production-process{padding:20px 30px 50px;}.tour-playlist-wrapper{max-height:320px;}}@media (max-width:540px){.hero{padding:36px 12px 24px;}.hero h1{font-size:clamp(22px,9vw,30px);}.video-showcase{padding:24px 10px 16px;}.showcase-grid{gap:16px;}.film-card{flex:0 0 164px;min-width:140px;}.film-frame{height:200px;}.tour-playlist-wrapper{max-height:270px;padding:0;}.playlist-header{padding-left:10px;}.playlist-item{padding:10px 12px;}.playlist-item .item-title{font-size:13px;}.video-modal-box{width:95%;}}@media (min-width:851px){.tour-playlist-wrapper{max-height:430px;}}