:root{--gold:#dfc49b;--surface:#202020}button,.button{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .2s,box-shadow .2s}button:active,.button:active{transform:scale(.97)}.click-ripple{position:absolute;pointer-events:none;z-index:20;width:12px;height:12px;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);animation:click-wave .6s ease-out forwards}.button:hover{box-shadow:0 5px 25px #e0c49b16}.hero.cinema-hero{min-height:620px;isolation:isolate}.cinema-hero>img{opacity:.95;object-position:center;animation:hero-reveal 1.4s ease-out both}.cinema-hero::after{background:linear-gradient(90deg,#151515f5,#151515a0 39%,#15151500 80%),linear-gradient(0deg,#151515,transparent 36%)}.cinema-hero h1{font-size:clamp(52px,6.8vw,100px);font-weight:550;line-height:1.04;letter-spacing:-4px}.hero-caption{font-size:8px;letter-spacing:2px;color:#c4b398;margin-top:30px}.hero-coordinate{position:absolute;bottom:48px;right:6vw;text-align:right;z-index:2;font-size:9px;letter-spacing:3px;line-height:1.8;color:#e3d6c0}.eyebrow::before{content:'';display:inline-block;width:17px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}header{position:sticky;top:0;background:#151515eb;backdrop-filter:blur(18px);z-index:20}.section{scroll-margin-top:105px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.video-card{border-radius:12px;background:#202020;border:1px solid #343434}.video-thumb{aspect-ratio:16/9;width:100%;display:block}.video-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.video-card:hover .video-thumb>img{transform:scale(1.04)}.play-icon{display:grid;place-items:center;background:#151515aa;border:1px solid #ffffff55;width:48px;height:48px;border-radius:50%;font-size:19px;backdrop-filter:blur(10px)}.card-copy h3{font-size:18px;font-weight:550}.card-copy{padding:20px}.card-actions button{padding:7px 0}.card-actions button.saved{color:var(--gold)}.catalog-count{font-size:10px;color:#999;white-space:nowrap}.demo-grid{display:flex;overflow-x:auto;gap:22px;padding:5px 0 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#645842 #252525}.demo-card{flex:0 0 calc((100% - 44px)/3);min-width:260px;min-height:285px;isolation:isolate;scroll-snap-align:start;padding:24px;box-shadow:0 16px 40px #0003}.demo-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.9;transition:transform .8s}.demo-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0bf0,#15151500 80%);z-index:-1}.demo-card:hover .demo-cover{transform:scale(1.06)}.demo-card .demo-label{background:#161616b8;border:1px solid #ffffff25;padding:6px 8px;border-radius:4px;color:#e6d9c0;letter-spacing:1.2px;font-size:8px}.demo-card strong{font-size:22px;letter-spacing:1px;line-height:1.2}.demo-book{min-height:420px}.demo-book .demo-cover{object-position:center top}.demo-card>span:last-child{color:#ccc}.rail-controls{display:flex;gap:8px;margin-left:auto}.rail-controls button{width:33px;height:33px;border-radius:50%;border:1px solid #555;background:#282828;font-size:16px}.section-head>.demo-label{margin-left:auto}.gallery{gap:22px;margin-top:25px}.character{border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;background:#242424}.character img{transition:transform .5s ease;object-position:top}.character:hover img{transform:scale(1.04)}.character span{padding:18px;color:#ddd}.profile-hero{display:flex;align-items:center;gap:20px;margin:12px 0 30px}.profile-hero img{width:62px;height:62px}.profile-role{font-size:11px;color:#c8ae83}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.preference{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #414141;padding:20px 0;gap:20px}.preference strong{display:block;font-size:13px}.preference small{display:block;margin-top:7px;font-size:11px;color:#aaa}.preference input{width:20px;height:20px;accent-color:#dfc49b}.admin-card{scroll-margin-top:100px}dialog[open]{animation:dialog-in .2s ease-out}.loading{min-height:70vh;background:linear-gradient(100deg,#191919 20%,#242424 40%,#191919 60%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.video-card,.chapter-card,.character,.demo-card{animation:card-in .4s ease-out both}.video-card:nth-child(2),.demo-card:nth-child(2){animation-delay:.06s}.video-card:nth-child(3),.demo-card:nth-child(3){animation-delay:.12s}.upload-progress{width:100%;height:5px;accent-color:#dfc49b}@keyframes click-wave{to{width:450px;height:450px;opacity:0}}@keyframes hero-reveal{from{opacity:.6;transform:scale(1.025)}to{opacity:.95;transform:scale(1)}}@keyframes card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:800px){.hero.cinema-hero{min-height:550px}.cinema-hero h1{font-size:65px;letter-spacing:-2px}.cinema-hero>img{object-position:65% center}.cinema-hero::after{background:linear-gradient(90deg,#151515de,#15151555),linear-gradient(0deg,#151515,transparent 50%)}.hero-coordinate{display:none}.demo-card{flex-basis:75%;min-height:275px}.demo-book{min-height:400px}.section-head>.demo-label{margin-left:0}.rail-controls{margin-left:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-copy{padding:15px}.card-copy h3{font-size:15px}.section-head{flex-wrap:wrap}.catalog-count{display:none}}@media(max-width:500px){.cards{grid-template-columns:1fr}.hero.cinema-hero{min-height:520px}.cinema-hero h1{font-size:56px}.demo-card{min-width:245px;flex-basis:83%}.card-copy h3{font-size:18px}.gallery{gap:12px}.section-head{gap:12px}.demo-book{min-height:350px}header .wordmark img{width:28px;height:28px}.profile-hero{gap:15px}.profile-hero h2{font-size:22px}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.chapter-cover{width:calc(100% + 48px);margin:-24px -24px 22px;aspect-ratio:3/4;object-fit:cover;border-radius:10px 10px 0 0}.chapter-card{overflow:hidden}

.hero-brand{height:38px;width:auto;max-width:190px;margin-bottom:25px}.cinema-hero .hero-copy{max-width:620px}
.rail-controls button:disabled{opacity:.3;cursor:default}.rail-controls[hidden]{display:none}