:root{--bg:#080a0e;--panel:#10141b;--text:#f1eee8;--muted:#858a93;--gold:#d2ad65;--line:rgba(255,255,255,.1);--sans:Manrope,sans-serif;--thai:"IBM Plex Sans Thai",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--thai);overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}[hidden]{display:none!important}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:76px;padding:0 clamp(22px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff0c;background:#080a0dc9;backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:10px;width:max-content;font:600 11px var(--sans);letter-spacing:.18em}.logo b{color:var(--gold)}.logo-mark{height:23px;display:flex;align-items:flex-end;gap:3px;transform:skew(-11deg)}.logo-mark i{width:7px;height:23px;border:1px solid var(--gold)}.logo-mark i:last-child{height:15px;background:var(--gold)}.topbar nav{height:100%;display:flex;align-items:center;gap:38px}.topbar nav a{position:relative;color:#888d96;font-size:13px}.topbar nav a:hover,.topbar nav .active{color:#fff}.topbar nav .active:after{content:"";position:absolute;width:4px;height:4px;left:50%;bottom:-27px;border-radius:50%;background:var(--gold)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.search-button,.menu-button{width:40px;height:40px;border:0;background:transparent;font:300 24px var(--sans)}.admin-link{padding:9px 13px;border:1px solid var(--line);font-size:11px}.menu-button{display:none;font-size:16px}.mobile-nav,.search-box{position:fixed;z-index:29;opacity:0;pointer-events:none;transition:.25s}.mobile-nav{top:66px;left:0;right:0;padding:24px;display:flex;flex-direction:column;gap:18px;background:#0a0d12f5;border-bottom:1px solid var(--line)}.mobile-nav.show{opacity:1;pointer-events:auto}.search-box{top:88px;left:50%;width:min(620px,calc(100% - 32px));display:flex;padding:13px 16px;background:#12171f;border:1px solid var(--line);transform:translate(-50%,-8px)}.search-box.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.search-box input{flex:1;color:#fff;border:0;outline:0;background:transparent}.search-box button{border:0;background:transparent;font-size:20px}.hero{position:relative;height:min(900px,100vh);min-height:690px;display:flex;align-items:center;overflow:hidden}.hero-scene{position:absolute;inset:0;background:radial-gradient(circle at 74% 30%,#899298 0,#3c4952 18%,#14202a 43%,#080a0e 75%)}.orb{position:absolute;right:10%;top:13%;width:min(40vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#e8eceb,#9fa9ad 30%,#56636a 58%,#303b43 70%);opacity:.32;box-shadow:0 0 100px #b9c6cc40}.ridge{position:absolute;right:-8%;bottom:0;width:75%;height:50%;background:#111922;clip-path:polygon(0 100%,8% 67%,20% 80%,35% 24%,48% 72%,59% 49%,70% 82%,83% 35%,100% 73%,100% 100%)}.ridge.two{right:-23%;height:42%;background:#080d13;transform:scaleX(-1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06080c 5%,#06080ccc 38%,transparent 72%),linear-gradient(0deg,var(--bg),transparent 28%)}.hero-copy{position:relative;z-index:2;width:min(600px,52vw);margin-left:clamp(22px,8vw,125px);padding-top:45px}.overline{margin:0 0 13px;color:var(--gold);font:600 9px var(--sans);letter-spacing:.24em}.hero .overline{display:flex;align-items:center;gap:10px}.overline i{width:28px;height:1px;background:var(--gold)}.hero h1{margin:0;font:500 clamp(50px,5.8vw,87px)/.9 var(--sans);letter-spacing:-.055em}.hero h1 em{color:transparent;-webkit-text-stroke:1px #ffffff99;font-style:normal;font-weight:400}.hero-thai{margin:18px 0 11px;color:#c1c3c5;font-size:19px;font-weight:300}.hero-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#9499a1;font:500 10px var(--sans)}.hero-meta b{color:var(--gold)}.hero-meta span:nth-of-type(2){padding:2px 5px;border:1px solid #ffffff55}.hero-description{max-width:510px;color:#9398a1;font-size:14px;line-height:1.8;font-weight:300}.hero-button{height:47px;margin-top:12px;padding:0 20px;display:inline-flex;align-items:center;gap:25px;color:#12151a;background:#f0ede6;font-size:12px;font-weight:600}.hero-button span{color:#856e41}.hero-number{position:absolute;z-index:2;right:6vw;bottom:52px;display:flex;align-items:center;gap:9px;color:#777c85;font:500 9px var(--sans)}.hero-number i{width:65px;height:1px;background:linear-gradient(90deg,var(--gold) 25%,#ffffff22 25%)}.catalog{position:relative;z-index:3;width:min(1280px,calc(100% - 70px));margin:auto;padding:95px 0 115px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{margin:0;font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-.03em}.section-head>p{color:#737983;font-size:11px}.section-head>p b{color:var(--gold);font:500 18px var(--sans)}.filters{display:flex;gap:27px;margin:40px 0 34px;overflow:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.filters button{position:relative;flex:0 0 auto;padding:4px 2px 14px;border:0;color:#747a84;background:transparent;font-size:12px}.filters button:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--gold);transition:.25s}.filters button.active{color:#fff}.filters button.active:after{right:0}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:45px 18px}.movie-card{min-width:0;width:100%}.poster{position:relative;display:block;width:100%;aspect-ratio:2/3;padding:0;overflow:hidden;border:0;background:#151a21;text-align:left;isolation:isolate}.poster>img,.generated-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s}.poster:hover>img,.poster:hover .generated-art{transform:scale(1.04)}.poster-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,#000e)}.score{position:absolute;top:11px;right:11px;padding:5px 7px;color:#f0d18c;background:#080a0dcc;font:600 9px var(--sans)}.play{position:absolute;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#111;background:#f5f1e8dc;font-size:10px;opacity:0;transform:translate(-50%,-45%) scale(.7);transition:.25s}.poster:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.poster-title{position:absolute;left:9%;right:9%;bottom:8%}.poster-title small{display:block;margin-bottom:8px;color:#d8d2c7;font:500 6px var(--sans);letter-spacing:.25em}.poster-title strong{font:500 clamp(14px,1.45vw,21px)/1 var(--sans);letter-spacing:.05em}.card-copy{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.card-copy h3{margin:0;font:500 12px var(--sans);letter-spacing:.05em}.card-copy p{margin:4px 0 0;color:#8b9099;font-size:12px}.card-copy>span{color:#6c727b;font:500 9px var(--sans)}.card-meta{display:flex;align-items:center;gap:7px;margin:9px 0 0;color:#5c626c;font:500 8px var(--sans)}.card-meta i{width:2px;height:2px;background:#555b65}.generated-art{background:#29313a}.art-ocean{background:linear-gradient(#7d8f94 0 40%,#354e58 41%,#0b1a23)}.art-ocean:after{content:"";position:absolute;width:8%;height:30%;left:48%;bottom:22%;background:#111b20;border-radius:50% 50% 0 0}.art-neon{background:linear-gradient(145deg,#090b20,#24115b 55%,#bd277b)}.art-neon:after{content:"";position:absolute;inset:30% 8% 0;background:repeating-linear-gradient(90deg,#050714 0 12%,transparent 12% 16%);clip-path:polygon(0 45%,14% 10%,28% 42%,42% 0,57% 37%,73% 8%,100% 42%,100% 100%,0 100%)}.art-rain{background:repeating-linear-gradient(105deg,#bcc4c4 0 12px,#657881 13px 14px)}.art-rain:after{content:"";position:absolute;inset:12%;border:12px solid #1d2a2e88}.art-earth{background:radial-gradient(circle at 72% 25%,#edc16d 0 8%,transparent 9%),linear-gradient(#6d9da6 0 48%,#735e32 49%)}.art-earth:after{content:"";position:absolute;inset:44% 8% 0;background:#14281b;clip-path:polygon(0 100%,8% 25%,18% 74%,30% 0,42% 70%,57% 16%,69% 72%,84% 5%,100% 100%)}.art-room{background:radial-gradient(circle,#725f3d,#1b1916 48%,#050607)}.art-room:after{content:"9";position:absolute;inset:17% 25%;display:grid;place-items:center;border:3px solid #87754f;background:#12110f;color:#a98d58;font:300 55px var(--sans)}.art-moon{background:radial-gradient(circle at 51% 30%,#eee3c7 0 19%,transparent 20%),linear-gradient(#aaa08d,#343536)}.empty{display:none;padding:65px;text-align:center;border:1px solid var(--line);color:#717781}.empty.show{display:block}.empty span{font-size:35px}.empty h3{margin:8px 0 2px;color:#ddd;font-weight:400}.empty p{margin:0;font-size:12px}footer{width:min(1280px,calc(100% - 70px));margin:auto;padding:42px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#636973}footer p{font-size:11px}footer small{font:500 8px var(--sans);letter-spacing:.12em}.player-modal{width:min(760px,calc(100% - 24px));padding:14px 14px 27px;border:1px solid #ffffff22;color:#fff;background:#0d1117}.player-modal::backdrop{background:#020306df;backdrop-filter:blur(8px)}.close-player{position:absolute;z-index:2;right:21px;top:21px;width:34px;height:34px;border:1px solid #ffffff44;border-radius:50%;background:#07090cb8;font-size:20px}.video-shell{height:400px;background:#050609;display:grid;place-items:center}.video-shell video{width:100%;height:100%}.video-placeholder{display:none;text-align:center;color:#717781}.video-placeholder span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border:1px solid #ffffff55;border-radius:50%}.player-modal.no-video video{display:none}.player-modal.no-video .video-placeholder{display:block}.player-modal>p{margin:18px 16px 4px;color:var(--gold);font:500 8px var(--sans);letter-spacing:.2em}.player-modal>h2{margin:0 16px;font:500 24px var(--sans)}.toast{position:fixed;z-index:60;right:22px;bottom:22px;padding:12px 18px;color:#15110b;background:var(--gold);font-size:11px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{color:#fff;background:#9b4646}
/* hero video preview */.hero-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.67;filter:saturate(.72) contrast(1.08);transition:opacity .45s,transform 8s linear;transform:scale(1.025)}.has-featured-video .orb,.has-featured-video .ridge{opacity:.14}.has-featured-video .hero-shade{background:linear-gradient(90deg,#05070bea 3%,#05070bbb 38%,#05070b20 72%),linear-gradient(0deg,var(--bg) 0,transparent 38%)}.hero.preview-changing .hero-preview{opacity:.08}.hero.preview-changing .hero-copy{opacity:.45;transform:translateY(5px)}.hero-copy{transition:opacity .45s,transform .45s}.hero h1.single-line br,.hero h1.single-line em{display:none}.preview-badge{display:none;position:absolute;z-index:3;right:clamp(22px,5vw,76px);top:102px;padding:7px 9px;color:#c8cbd0;background:#080a0db8;border:1px solid #ffffff1a;font:500 7px var(--sans);letter-spacing:.14em}.has-featured-video .preview-badge{display:flex;align-items:center;gap:6px}.preview-badge i{width:5px;height:5px;border-radius:50%;background:#db605c;box-shadow:0 0 8px #db605c;animation:previewPulse 1.8s ease-in-out infinite}@keyframes previewPulse{50%{opacity:.35}}
/* admin */.admin-body{background:#090c11}.admin-side{position:fixed;inset:0 auto 0 0;width:235px;padding:32px 23px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0b0e13}.admin-side nav{display:flex;flex-direction:column;gap:7px;margin-top:65px}.admin-side nav a{padding:12px;color:#777d86;border-left:1px solid transparent;font-size:12px}.admin-side nav a:hover,.admin-side nav .active{color:#fff;background:#ffffff05;border-color:var(--gold)}.admin-side small{margin-top:auto;color:#484e57;font:500 8px/1.7 var(--sans);letter-spacing:.12em}.admin-mobile{display:none}.admin-main{margin-left:235px;padding:50px clamp(25px,5vw,70px) 100px;max-width:1500px}.admin-head{display:flex;justify-content:space-between;margin-bottom:35px}.admin-head h1{margin:0;font-size:35px;font-weight:400}.admin-head>div>p:last-child{margin:8px 0;color:#7d838d;font-size:12px}.admin-head>span{height:max-content;padding:8px 10px;border:1px solid var(--line);color:#697079;font:500 8px var(--sans)}.admin-head>span i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#69a677}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-panel{padding:27px;background:var(--panel);border:1px solid #ffffff08}.panel-title{display:flex;gap:13px;padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid var(--line)}.panel-title>b{width:29px;height:29px;display:grid;place-items:center;border:1px solid #816b41;color:var(--gold);font:500 9px var(--sans)}.panel-title h2{margin:0;font-size:16px;font-weight:500}.panel-title p{margin:3px 0;color:#6d737d;font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px}.fields label{display:flex;flex-direction:column;gap:6px;color:#8c929b;font-size:10px}.fields .wide{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;padding:10px 11px;border:1px solid #ffffff13;outline:0;color:#eee;background:#0b0e13;resize:vertical}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:#d2ad6577}.fields option{background:#11151c}.media-fields{height:390px;display:grid;grid-template-columns:.72fr 1.28fr;gap:13px}.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px dashed #ffffff25;background:#0b0e1399;text-align:center}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:4px;border:1px solid #ffffff22;border-radius:50%;color:var(--gold);font-size:19px}.drop>b{font-size:11px;font-weight:500}.drop>small{color:#555c65;font-size:9px}.cover-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.cover-drop.selected img{opacity:1}.video-drop video{display:none;width:100%;height:calc(100% - 54px);background:#000}.video-drop>p{display:none;width:100%;height:54px;margin:0;padding:10px;text-align:left;background:#0c1016}.video-drop>p b,.video-drop>p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-drop>p b{font:500 10px var(--sans)}.video-drop>p small{color:#666d76;font-size:9px}.video-drop.selected{justify-content:flex-start}.video-drop.selected>span,.video-drop.selected>b,.video-drop.selected>small{display:none}.video-drop.selected video,.video-drop.selected>p{display:block}.publish{grid-column:1/-1;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#0e1218}.publish p{margin:0;color:#656b74;font-size:10px}.publish button{height:45px;padding:0 20px;border:0;color:#15120c;background:var(--gold);font-size:11px;font-weight:600}.publish button span{margin-left:25px}.publish button:disabled{opacity:.5}.upload-progress{display:none;grid-column:1/-1;position:relative;padding:15px;background:#10141b;border:1px solid var(--line);overflow:hidden}.upload-progress.show{display:block}.upload-progress i{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .2s}.upload-progress p{margin:0;color:#7a8089;font-size:10px}.library{padding-top:80px}.library-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.library-title h2{margin:0;font-size:27px;font-weight:400}.library-title>b{color:#747a84;font-size:10px}.library-list{border-top:1px solid var(--line)}.library-item{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.library-item img{width:52px;height:70px;object-fit:cover}.library-item h3{margin:0;font:500 11px var(--sans)}.library-item p{margin:4px 0;color:#686e77;font-size:10px}.library-item>span{color:#666c75;font-size:9px}.library-item button{width:32px;height:32px;border:1px solid var(--line);color:#a36666;background:transparent}.library-empty{padding:45px;text-align:center;color:#666c75;font-size:11px}
/* pagination */.pagination{display:none;align-items:center;justify-content:center;gap:7px;margin-top:55px}.pagination.show{display:flex}.pagination button{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);color:#7e848d;background:transparent;font:500 10px var(--sans);transition:.25s}.pagination button:hover:not(:disabled),.pagination button.active{color:#17130c;border-color:var(--gold);background:var(--gold);transform:translateY(-2px)}.pagination button:disabled{opacity:.28;cursor:not-allowed}.pagination button span{margin-inline:4px}
/* category manager */.category-manager{margin-top:75px;padding:27px;background:var(--panel);border:1px solid #ffffff08;opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.22,.7,.25,1)}.category-manager.revealed{opacity:1;transform:none}.category-manager .library-title{margin-bottom:22px}.category-manager .library-title>p{color:#737983;font-size:10px}.category-form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-form label{display:flex;flex-direction:column;gap:6px}.category-form label span{color:#656b75;font:500 8px var(--sans);letter-spacing:.06em}.category-form input{width:100%;padding:11px;border:1px solid #ffffff14;outline:0;color:#eee;background:#0a0d12}.category-form input:focus{border-color:#d2ad6577}.category-form button{grid-column:1/-1;justify-self:end;padding:12px 18px;border:0;color:#17130c;background:var(--gold);font-size:10px;font-weight:600}.category-form button span{margin-left:18px}.category-form button:disabled{opacity:.5}html:not(.motion-ready) .category-manager{opacity:1;transform:none}
/* media uploader */.media-admin-panel{grid-column:1/-1}.media-admin-panel .media-fields{grid-template-columns:.75fr 1.15fr 1.3fr;height:420px}.gallery-upload .media-fields{grid-template-columns:.8fr 1.4fr}.gallery-upload .cover-drop{max-width:none;width:100%;justify-self:stretch}.video-drop.gallery-hidden{display:none}.gallery-previews,.video-previews{display:none;width:100%;overflow:auto}.gallery-drop.selected,.video-drop.selected{justify-content:flex-start;padding:10px}.gallery-drop.selected>span,.gallery-drop.selected>b,.gallery-drop.selected>small,.video-drop.selected>span,.video-drop.selected>b,.video-drop.selected>small{display:none}.gallery-drop.selected .gallery-previews{display:grid;height:calc(100% - 30px);grid-template-columns:repeat(3,1fr);grid-auto-rows:105px;gap:6px}.gallery-previews span{position:relative;overflow:hidden}.gallery-previews img{width:100%;height:100%;object-fit:cover}.gallery-previews i{position:absolute;left:4px;bottom:4px;padding:2px 5px;color:#17130c;background:var(--gold);font:600 7px var(--sans);font-style:normal}.gallery-count{display:none;margin:7px 0 0;color:#8b919a;font-size:9px}.gallery-drop.selected .gallery-count{display:block}.video-drop.selected .video-previews{display:flex;flex-direction:column;gap:5px;height:calc(100% - 46px)}.video-previews span{display:grid;grid-template-columns:28px 50px 1fr;align-items:center;gap:7px;padding:9px;background:#0b0e13;text-align:left}.video-previews span>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff18;color:var(--gold)}.video-previews span>i{font:500 9px var(--sans);font-style:normal}.video-previews span>small{overflow:hidden;color:#666d76;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.video-drop.selected>p{display:block;height:auto;margin:7px 0 0;padding:0;background:transparent}.category-form{display:block}.category-rows{display:flex;flex-direction:column;gap:9px}.category-row{display:grid;grid-template-columns:38px minmax(140px,1fr) 150px 38px;align-items:center;gap:9px}.category-row>span{color:#666d76;font:500 8px var(--sans)}.category-row input,.category-row select{width:100%;height:40px;padding:0 11px;border:1px solid #ffffff14;outline:0;color:#eee;background:#0a0d12}.category-row select option{background:#11151c}.category-row input:focus,.category-row select:focus{border-color:#d2ad6577}.category-form .remove-category{width:38px;height:38px;padding:0;border:1px solid #ffffff12;color:#a56b6b;background:transparent}.category-form .remove-category:hover{color:#fff;border-color:#9d5151;background:#9d5151}.category-actions{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.category-form .category-actions button{grid-column:auto;justify-self:auto;padding:12px 17px;border:1px solid var(--line);color:#aaa;background:transparent}.category-form .category-actions button[type=submit]{color:#17130c;border-color:var(--gold);background:var(--gold)}
/* photo gallery */.detail-image[data-open-gallery]{cursor:zoom-in}.photo-collection .gallery-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-collection .gallery-thumb{aspect-ratio:3/4;cursor:zoom-in}.photo-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#030405f5;color:#fff;overflow:hidden}.photo-lightbox::backdrop{background:#000}.photo-lightbox>img{position:absolute;inset:4vh 8vw 7vh;width:84vw;height:89vh;object-fit:contain;transition:opacity .12s,transform .2s}.photo-lightbox>img.switching{opacity:.2;transform:scale(.985)}.lightbox-close{position:absolute;z-index:2;right:25px;top:20px;width:42px;height:42px;border:1px solid #ffffff38;border-radius:50%;color:#fff;background:#090b0d99;font-size:24px}.lightbox-nav{position:absolute;z-index:2;top:50%;width:48px;height:64px;border:1px solid #ffffff24;color:#fff;background:#090b0d88;font-size:20px;transform:translateY(-50%)}.lightbox-nav.prev{left:22px}.lightbox-nav.next{right:22px}.lightbox-nav:hover,.lightbox-close:hover{color:#17130c;background:var(--gold);border-color:var(--gold)}.photo-lightbox>p{position:absolute;z-index:2;left:50%;bottom:15px;margin:0;color:#868c95;font:500 10px var(--sans);transform:translateX(-50%)}.photo-lightbox>p b{color:#fff}
/* motion system */
@keyframes pageIn{from{opacity:0}to{opacity:1}}@keyframes headerIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes heroReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes orbFloat{0%,100%{transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1)}50%{transform:translate3d(var(--mx,0px),calc(var(--my,0px) - 10px),0) scale(1.015)}}@keyframes ridgeDrift{0%,100%{translate:0 0}50%{translate:-8px 3px}}@keyframes cardFilterIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes progressGlow{0%,100%{filter:drop-shadow(0 0 2px #d2ad6544)}50%{filter:drop-shadow(0 0 7px #d2ad65)}}
body{animation:pageIn .45s ease both}.topbar{animation:headerIn .65s cubic-bezier(.22,.7,.25,1) both}.hero-copy>*{opacity:0;animation:heroReveal .75s cubic-bezier(.22,.7,.25,1) forwards}.hero-copy>*:nth-child(1){animation-delay:.15s}.hero-copy>*:nth-child(2){animation-delay:.23s}.hero-copy>*:nth-child(3){animation-delay:.31s}.hero-copy>*:nth-child(4){animation-delay:.38s}.hero-copy>*:nth-child(5){animation-delay:.45s}.hero-copy>*:nth-child(6){animation-delay:.52s}.orb{will-change:transform;animation:orbFloat 8s ease-in-out infinite}.ridge.one{animation:ridgeDrift 10s ease-in-out infinite}.hero-button,.admin-link,.publish button{transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s}.hero-button:hover,.publish button:hover{transform:translateY(-3px);background:var(--gold);box-shadow:0 10px 30px #0005}.admin-link:hover{transform:translateY(-2px);border-color:#d2ad6577}.section-head,.filters,.movie-card,footer,.admin-panel,.publish,.library-title,.library-item{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.7,.25,1),transform .7s cubic-bezier(.22,.7,.25,1);transition-delay:calc(var(--order,0)*45ms)}.section-head.revealed,.filters.revealed,.movie-card.revealed,footer.revealed,.admin-panel.revealed,.publish.revealed,.library-title.revealed,.library-item.revealed{opacity:1;transform:none}.movie-card.filter-in{animation:cardFilterIn .46s calc(var(--order,0)*45ms) cubic-bezier(.22,.7,.25,1) both}.poster{transition:box-shadow .35s,transform .35s}.poster:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0008}.score{transition:transform .3s}.poster:hover .score{transform:translateY(-2px)}.filters button{transition:color .25s,transform .25s}.filters button:hover{color:#ddd;transform:translateY(-2px)}.search-box.show{transition:.28s cubic-bezier(.22,.7,.25,1)}.drop{transition:border-color .3s,background .3s,transform .3s}.drop:hover{border-color:#d2ad6588;background:#d2ad6508;transform:translateY(-2px)}.upload-progress i{animation:progressGlow 1.4s ease-in-out infinite}.toast.show{animation:modalIn .3s cubic-bezier(.22,.7,.25,1)}html:not(.motion-ready) .section-head,html:not(.motion-ready) .filters,html:not(.motion-ready) .movie-card,html:not(.motion-ready) footer,html:not(.motion-ready) .admin-panel,html:not(.motion-ready) .publish,html:not(.motion-ready) .library-title,html:not(.motion-ready) .library-item{opacity:1;transform:none}
/* multiple images */.cover-drop.selected{justify-content:flex-start;padding:10px}.cover-drop.selected>span,.cover-drop.selected>b,.cover-drop.selected>small{display:none}.cover-previews{display:none;width:100%;height:calc(100% - 30px);grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(90px,1fr);gap:6px;overflow:auto}.cover-drop.selected .cover-previews{display:grid}.cover-previews span{position:relative;min-height:100px;overflow:hidden;background:#080a0e}.cover-previews img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}.cover-previews i{position:absolute;left:5px;bottom:5px;padding:3px 5px;color:#17130c;background:var(--gold);font:500 7px var(--sans);font-style:normal}.cover-count{display:none;margin:7px 0 0;color:#8b919a;font-size:9px}.cover-drop.selected .cover-count{display:block}
/* detail */.detail-main{padding-top:76px}.detail-hero{height:min(760px,calc(100vh - 76px));min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:#0b0e13;overflow:hidden}.detail-image{position:relative;height:100%;min-height:0;overflow:hidden;background:#11161d}.detail-image>img,.detail-generated{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .18s,transform .7s}.detail-image>img.switching{opacity:.2;transform:scale(1.015)}.detail-image>span{position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#0b0e13),linear-gradient(0deg,#0b0e13 0,transparent 35%)}.detail-generated{position:absolute;inset:0}.detail-copy{min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(35px,7vw,110px)}.detail-copy>*{opacity:0;transform:translateY(18px);transition:.65s cubic-bezier(.22,.7,.25,1);transition-delay:calc(var(--order,0)*70ms)}.detail-copy>*.revealed{opacity:1;transform:none}.detail-copy h1{margin:3px 0 0;font:500 clamp(42px,5vw,75px)/.95 var(--sans);letter-spacing:-.05em}.detail-thai{margin:15px 0;color:#aaaeb5;font-size:18px;font-weight:300}.detail-meta{display:flex;gap:9px;flex-wrap:wrap}.detail-meta span,.detail-meta b{padding:5px 8px;border:1px solid var(--line);color:#8a9099;font:500 9px var(--sans)}.detail-meta b{color:var(--gold)}.detail-description{max-width:550px;margin:25px 0;color:#9297a0;font-size:14px;line-height:1.9;font-weight:300}.watch-button{width:max-content;padding:13px 20px;color:#15120d;background:var(--gold);font-size:11px;font-weight:600;transition:.25s}.watch-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0006}.gallery,.watch-section{width:min(1240px,calc(100% - 70px));margin:0 auto;padding-top:90px;opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.22,.7,.25,1)}.gallery.revealed,.watch-section.revealed{opacity:1;transform:none}.detail-section-title{position:relative;margin-bottom:25px}.detail-section-title h2{margin:0;font-size:29px;font-weight:400}.detail-section-title>span{position:absolute;right:0;bottom:2px;color:#6f757e;font-size:10px}.gallery-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery-thumb{position:relative;aspect-ratio:16/10;padding:0;overflow:hidden;border:1px solid transparent;background:#111}.gallery-thumb img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:.35s}.gallery-thumb:hover img,.gallery-thumb.active img{opacity:1;transform:scale(1.04)}.gallery-thumb.active{border-color:var(--gold)}.watch-section{padding-bottom:100px}.detail-player{aspect-ratio:16/9;max-height:720px;background:#030405}.detail-player video{width:100%;height:100%;object-fit:contain}.detail-no-video{height:100%;display:grid;place-content:center;text-align:center;color:#666d76}.detail-no-video span{font-size:40px}.detail-no-video p{font-size:12px}html:not(.motion-ready) .detail-copy>*,html:not(.motion-ready) .gallery,html:not(.motion-ready) .watch-section{opacity:1;transform:none}
/* related movies */.related-section{width:min(1240px,calc(100% - 70px));margin:0 auto;padding:0 0 110px;opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.22,.7,.25,1)}.related-section.revealed{opacity:1;transform:none}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.related-grid .movie-card{transition-delay:calc(var(--order,0)*55ms)}html:not(.motion-ready) .related-section{opacity:1;transform:none}
/* custom video player */.detail-player{aspect-ratio:auto;max-height:none}.custom-player{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;background:#020304;isolation:isolate;outline:0}.custom-player video{display:block;width:100%;height:100%;object-fit:contain}.center-play{position:absolute;z-index:3;left:50%;top:50%;width:76px;height:76px;padding-left:5px;border:1px solid #ffffff80;border-radius:50%;color:#111;background:#f3eee5e8;font:500 18px var(--sans);transform:translate(-50%,-50%);transition:.3s cubic-bezier(.22,.7,.25,1),opacity .2s}.center-play:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--gold)}.custom-player.playing .center-play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.player-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:65px 22px 17px;background:linear-gradient(transparent,#000e);opacity:1;transform:none;transition:.3s}.custom-player.playing:not(.controls-visible) .player-controls{opacity:0;transform:translateY(12px);pointer-events:none}.control-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px}.control-left,.control-right{display:flex;align-items:center;gap:12px}.player-controls button{display:grid;place-items:center;border:0;color:#eee;background:transparent}.toggle-play{width:34px;height:34px;font:500 13px var(--sans)}.skip-button{position:relative;width:38px;height:38px}.skip-button span{font-size:28px;font-weight:300;line-height:1}.skip-button b{position:absolute;inset:0;display:grid;place-items:center;padding-top:1px;font:600 8px var(--sans)}.skip-button:hover{color:var(--gold)}.skip-button.jump{animation:skipPulse .32s ease}.video-time{color:#777d86;font:500 9px var(--sans);white-space:nowrap}.video-time b{color:#e5e2db;font-weight:500}.video-time i{font-style:normal}.video-progress,.volume-range{--value:0%;height:3px;margin:0;appearance:none;background:linear-gradient(90deg,var(--gold) var(--value),#ffffff35 var(--value));border-radius:3px;cursor:pointer}.video-progress{width:100%;display:block}.volume-range{--value:100%;width:72px}.video-progress::-webkit-slider-thumb,.volume-range::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:2px solid var(--gold);border-radius:50%;background:#f2eee6;box-shadow:0 0 0 3px #0005}.video-progress::-moz-range-thumb,.volume-range::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--gold);border-radius:50%;background:#f2eee6}.mute-button,.fullscreen-button{width:31px;height:31px;font-size:17px}.fullscreen-button{font-size:20px}.custom-player:fullscreen{width:100vw;height:100vh}.custom-player:fullscreen video{width:100vw;height:100vh}.clip-list{padding:18px;background:#0c1016;border-top:1px solid #ffffff0c}.clip-list>p{margin:0 0 12px;color:#ddd;font-size:12px}.clip-list>p span{margin-left:7px;color:#656c75;font-size:9px}.clip-option{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;border-bottom-color:#ffffff0d;color:#858b94;background:transparent;text-align:left}.clip-option>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff18;color:#777;font-size:8px}.clip-option>span{font-size:11px}.clip-option>i{color:#5f656e;font-size:9px;font-style:normal}.clip-option:hover,.clip-option.active{color:#fff;border-color:#d2ad654f;background:#d2ad6508}.clip-option.active>b{color:#17130c;border-color:var(--gold);background:var(--gold)}.clip-option.active>i{color:var(--gold)}@keyframes skipPulse{50%{color:var(--gold);transform:scale(1.2)}}
@media(max-width:1000px){.movie-grid{grid-template-columns:repeat(3,1fr)}.admin-form{grid-template-columns:1fr}.publish,.upload-progress{grid-column:auto}.media-fields{height:430px}}
@media(max-width:720px){.topbar{height:66px;padding:0 18px;grid-template-columns:1fr auto}.topbar nav,.admin-link{display:none}.menu-button{display:block}.hero{height:88vh;min-height:670px;align-items:flex-end;padding-bottom:78px}.hero-shade{background:linear-gradient(0deg,var(--bg) 3%,#07090de6 48%,transparent),linear-gradient(90deg,#07090d66,transparent)}.orb{width:80vw;right:-14%;top:9%}.ridge{width:130%;height:45%;right:-34%;bottom:17%}.ridge.two{width:100%;bottom:10%}.hero-copy{width:auto;margin:0 21px;padding:0}.hero h1{font-size:clamp(45px,14.5vw,64px)}.hero-thai{font-size:16px}.hero-description{font-size:12px}.hero-number{display:none}.catalog{width:calc(100% - 36px);padding-block:70px}.section-head h2{font-size:27px}.filters{gap:22px;margin-top:30px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:34px 11px}.poster-title strong{font-size:12px}.poster .play{display:none}.card-copy h3{font-size:9px}.card-copy p{font-size:10px}.card-meta{font-size:7px}footer{width:calc(100% - 36px);flex-direction:column;gap:15px}.video-shell{height:250px}.admin-side{display:none}.admin-mobile{height:64px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b0e13}.admin-mobile>a:last-child{color:#818791;font-size:10px}.admin-main{margin:0;padding:34px 15px 70px}.admin-head h1{font-size:28px}.admin-head>span{display:none}.admin-panel{padding:20px 15px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.media-fields{height:auto;grid-template-columns:1fr}.cover-drop{min-height:380px}.video-drop{min-height:250px}.publish{align-items:stretch;flex-direction:column;gap:12px}.library-item{grid-template-columns:47px 1fr auto}.library-item img{width:47px;height:63px}.library-item>span{display:none}}
@media(max-width:720px){.detail-main{padding-top:66px}.detail-hero{height:auto;grid-template-columns:1fr;min-height:0;overflow:visible}.detail-image{height:58vh;min-height:360px}.detail-image>span{background:linear-gradient(0deg,#0b0e13,transparent 45%)}.detail-copy{overflow:visible;padding:35px 20px 60px}.detail-copy h1{font-size:43px}.detail-description{font-size:13px}.gallery,.watch-section{width:calc(100% - 36px);padding-top:65px}.gallery-track{display:flex;overflow-x:auto}.gallery-thumb{flex:0 0 48%}.photo-collection .gallery-track{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible}.photo-collection .gallery-thumb{width:100%;flex:none}.watch-section{padding-bottom:70px}.detail-player{width:calc(100% + 36px);margin-left:-18px}.detail-nav nav{display:flex}.detail-nav nav a{font-size:0}.detail-nav nav a:after{content:'← กลับ';font-size:11px}.cover-previews{grid-template-columns:repeat(3,1fr)}.category-manager{margin-top:55px;padding:20px 15px}.category-manager .library-title{align-items:flex-start;flex-direction:column;gap:6px}.category-row{grid-template-columns:29px 1fr 38px}.category-row .category-mode{grid-column:2/3}.category-row .remove-category{grid-column:3;grid-row:1/3}.category-actions{flex-direction:column}.category-form .category-actions button{width:100%}.photo-lightbox>img{inset:7vh 3vw 9vh;width:94vw;height:84vh}.lightbox-nav{top:auto;bottom:15px;width:44px;height:42px;transform:none}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}.lightbox-close{right:14px;top:14px}}
@media(max-width:720px){.player-controls{padding:45px 10px 10px}.control-row{gap:7px;margin-top:7px}.control-left,.control-right{gap:3px}.center-play{width:60px;height:60px}.skip-button{width:34px;height:34px}.skip-button span{font-size:25px}.video-time{font-size:8px}.volume-range{display:none}.mute-button,.fullscreen-button{width:29px}.toggle-play{width:29px}.related-section{width:calc(100% - 36px);padding-bottom:75px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 11px}.pagination{margin-top:40px;gap:4px}.pagination button{min-width:34px;height:35px;padding:0 8px}.pagination button span{display:none}.media-admin-panel .media-fields,.gallery-upload .media-fields{height:auto;grid-template-columns:1fr}.cover-drop,.gallery-drop,.video-drop{min-height:310px}.clip-list{padding:12px}.clip-option{padding:9px 7px}}
/* Thai-capable display type */.topbar nav a,.mobile-nav a,.hero h1,.detail-copy h1,.poster-title strong,.card-copy h3,.player-modal>h2{font-family:var(--thai)}
/* per-clip covers */.media-admin-panel .media-fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,330px);height:auto}.gallery-upload .media-fields{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px}.video-drop.gallery-hidden,.clip-cover-drop.gallery-hidden{display:none}.clip-cover-previews{display:none;width:100%;overflow:auto}.clip-cover-drop.selected{justify-content:flex-start;padding:10px}.clip-cover-drop.selected>span,.clip-cover-drop.selected>b,.clip-cover-drop.selected>small{display:none}.clip-cover-drop.selected .clip-cover-previews{display:grid;height:calc(100% - 30px);grid-template-columns:repeat(3,1fr);grid-auto-rows:105px;gap:6px}.clip-cover-previews span{position:relative;overflow:hidden}.clip-cover-previews img{width:100%;height:100%;object-fit:cover}.clip-cover-previews i{position:absolute;left:4px;bottom:4px;padding:2px 5px;color:#17130c;background:var(--gold);font:600 7px var(--thai);font-style:normal}.clip-cover-count{display:none;margin:7px 0 0;color:#8b919a;font-size:9px}.clip-cover-drop.selected .clip-cover-count{display:block}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clip-option{grid-template-columns:96px minmax(0,1fr) 24px;padding:7px;border:1px solid #ffffff0d;background:#080b0f;overflow:hidden}.clip-option>img{width:96px;aspect-ratio:16/9;display:block;object-fit:cover;background:#030405}.clip-option>span{min-width:0}.clip-option>span b,.clip-option>span i{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-option>span b{color:#ddd;font-size:10px}.clip-option>span i{margin-top:5px;color:#5f656e;font-size:8px;font-style:normal}.clip-option>em{width:22px;height:22px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:50%;font-size:7px;font-style:normal}.clip-option.active>span i{color:var(--gold)}.clip-option.active>em{color:#17130c;border-color:var(--gold);background:var(--gold)}
@media(max-width:720px){.media-admin-panel .media-fields,.gallery-upload .media-fields{grid-template-columns:1fr;grid-template-rows:none}.cover-drop,.gallery-drop,.video-drop,.clip-cover-drop{min-height:310px}.clip-grid{grid-template-columns:1fr}.clip-option{grid-template-columns:92px minmax(0,1fr) 24px}.clip-option>img{width:92px}}
/* thumbnails are captured from uploaded videos */.clip-cover-drop{display:none}.media-admin-panel .media-fields{grid-template-columns:.8fr 1.1fr 1.35fr;grid-template-rows:420px}.clip-option>video{width:96px;aspect-ratio:16/9;display:block;object-fit:cover;background:#030405;pointer-events:none}
@media(max-width:720px){.media-admin-panel .media-fields{grid-template-columns:1fr;grid-template-rows:none}.clip-option>video{width:92px}}
/* admin login */.login-body{min-height:100vh;background:radial-gradient(circle at 70% 18%,#252d35 0,#11161d 27%,#080a0e 62%)}.login-page{min-height:100vh;padding:32px;display:grid;place-items:center}.login-card{width:min(430px,100%);padding:40px;border:1px solid #ffffff12;background:#0d1117e8;box-shadow:0 30px 90px #0008;backdrop-filter:blur(18px)}.login-card>.logo{margin-bottom:65px}.login-heading h1{margin:0;font-size:32px;font-weight:400;letter-spacing:-.025em}.login-heading>p:last-child{margin:10px 0 0;color:#737a84;font-size:11px}.login-card form{margin-top:30px;display:grid;gap:16px}.login-card form label{display:grid;gap:7px;color:#747b85;font:500 8px var(--sans);letter-spacing:.12em}.login-card input{width:100%;height:48px;padding:0 13px;border:1px solid #ffffff15;outline:0;color:#fff;background:#080b10;font-family:var(--thai)}.login-card input:focus{border-color:#d2ad6588}.login-card button{height:48px;margin-top:5px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;color:#17130c;background:var(--gold);font-size:11px;font-weight:600}.login-error{margin:22px 0 -8px;padding:10px 12px;color:#f0b6b6;border:1px solid #9b464666;background:#9b464617;font-size:10px}.login-back{display:block;margin-top:25px;color:#666d76;font-size:10px}.login-back:hover{color:#fff}@media(max-width:520px){.login-page{padding:15px}.login-card{padding:28px 21px}.login-card>.logo{margin-bottom:48px}.login-heading h1{font-size:27px}}
.admin-logout{position:absolute;left:23px;right:23px;bottom:25px}.admin-side>small{margin-bottom:43px}.admin-logout button{width:100%;padding:10px;border:1px solid #ffffff12;color:#777d86;background:transparent;font-size:9px}.admin-logout button:hover{color:#fff;border-color:#d2ad6560}
/* 18+ age confirmation */body.age-locked{overflow:hidden}.age-gate{position:fixed;z-index:1000;inset:0;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 12%,#34302a 0,#111216 34%,#030405f5 72%);backdrop-filter:blur(18px);transition:opacity .35s,visibility .35s}.age-gate.age-approved{opacity:0;visibility:hidden}.age-card{width:min(570px,100%);padding:42px;text-align:center;border:1px solid #d2ad6545;background:#0b0e13ed;box-shadow:0 35px 100px #000}.age-card>.logo{margin:0 auto 35px}.age-mark{width:92px;height:92px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:600 25px var(--sans);box-shadow:0 0 45px #d2ad6516}.age-card h2{margin:3px 0 12px;font-size:28px;font-weight:400}.age-card>p:not(.overline){max-width:470px;margin:0 auto;color:#8a9099;font-size:12px;line-height:1.85}.age-actions{margin:28px 0 20px;display:grid;grid-template-columns:1.35fr .8fr;gap:9px}.age-actions button{height:49px;padding:0 15px;border:1px solid #ffffff16;font-size:11px}.age-confirm{display:flex;align-items:center;justify-content:space-between;color:#17130c;background:var(--gold)}.age-leave{color:#9298a1;background:transparent}.age-leave:hover{color:#fff;border-color:#ffffff55}.age-card>small{color:#535a63;font-size:9px}.seo-keywords-field small{color:#555c65;font-size:8px;line-height:1.5}.report-delete{position:fixed;z-index:24;right:20px;bottom:20px;min-width:145px;padding:10px 13px;display:grid;grid-template-columns:25px 1fr;column-gap:9px;align-items:center;border:1px solid #ffffff17;color:#aeb3bb;background:#0a0d12e8;box-shadow:0 12px 35px #0008;backdrop-filter:blur(10px);transition:.25s}.report-delete>span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border:1px solid #9b6666;border-radius:50%;color:#d79797;font:600 10px var(--sans)}.report-delete b{font-size:9px;font-weight:500}.report-delete small{color:#656c75;font-size:7px}.report-delete:hover{color:#fff;border-color:#d2ad6570;transform:translateY(-3px)}@media(max-width:600px){.age-gate{padding:14px}.age-card{padding:28px 19px}.age-card>.logo{margin-bottom:27px}.age-mark{width:76px;height:76px;margin-bottom:20px;font-size:21px}.age-card h2{font-size:23px}.age-actions{grid-template-columns:1fr}.report-delete{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.section-head,.filters,.movie-card,footer,.admin-panel,.publish,.library-title,.library-item,.hero-copy>*,.detail-copy>*,.gallery,.watch-section{opacity:1!important;transform:none!important}}