.film{max-width:1040px;margin:0 auto}.film-stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-card);isolation:isolate;background:#101214;position:relative;overflow:hidden;container-type:inline-size}.film-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.film-stage:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 30%,#0000 75%)}.film-stage:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#6e97ff29,#0000);width:70%;height:60%;position:absolute;top:-20%;left:15%}.film-scene{opacity:0;transition:opacity .6s var(--ease);pointer-events:none;z-index:1;position:absolute;inset:0}.film-scene[data-state=active]{opacity:1;pointer-events:auto;z-index:2}.film-intro{position:absolute;inset:0}.film-intro svg{width:100%;height:100%;display:block}.film-kicker{align-items:baseline;gap:1.4cqi;max-width:80%;display:flex;position:absolute;top:7%;left:6%}.film-kicker .n{font-family:var(--font-ui);letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5cqi;font-weight:600}.film-kicker h3{font-family:var(--font-brand);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-size:3.6cqi;font-weight:500;line-height:1.05}.film-shot{position:absolute;inset:18% 7% 13%}.film-shot>*{transform-origin:50% 0}.film-shot .shot-frame{width:100%}.film-shot .shot{box-shadow:0 30px 60px -30px #000000b3}@keyframes film-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes film-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes film-slide{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes film-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-grow{0%{width:0}}@keyframes film-type{0%{max-width:0}to{max-width:100%}}@keyframes film-pulse{0%,to{box-shadow:0 0 #2f6bff59}50%{box-shadow:0 0 0 .6em #2f6bff00}}.film-scene[data-state=active] .film-kicker{animation:film-rise .7s var(--ease) .1s both}.film-scene[data-state=active] .film-shot{animation:film-pop .8s var(--ease) .25s both}.film-scene-intake .sh-input>span:first-child{white-space:nowrap;vertical-align:bottom;display:inline-block;overflow:hidden}.film-scene-intake[data-state=active] .sh-input>span:first-child{animation:1.6s steps(28,end) .9s both film-type}.film-scene-intake[data-state=active] .sh-btn-primary{animation:film-pop .5s var(--ease) 2.7s both, film-pulse 1.6s ease-out 3.3s 2}.film-scene-designs[data-state=active] .sh-tile{animation:film-pop .55s var(--ease) both}.film-scene-designs[data-state=active] .sh-tile:first-of-type{animation-delay:.6s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(2){animation-delay:.8s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(3){animation-delay:1s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(4){animation-delay:1.3s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(5){animation-delay:1.5s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(6){animation-delay:1.7s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(7){animation-delay:2s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(8){animation-delay:2.2s}.film-scene-designs[data-state=active] .sh-tile:nth-of-type(9){animation-delay:2.4s}.film-scene-designs[data-state=active] .sh-tile.selected{animation:film-pop .55s var(--ease) 1.5s both, film-pulse 1.6s ease-out 3.4s 2}.film-scene-compare[data-state=active] .sh-pane:last-of-type{animation:film-wipe 2.2s var(--ease) .9s both}.film-scene-compare[data-state=active] .sh-top .sh-btn-primary{animation:film-pop .5s var(--ease) 3.6s both}.film-scene-read[data-state=active] .sh-tree .row{animation:film-rise .5s var(--ease) both}.film-scene-read[data-state=active] .sh-tree .row:first-child{animation-delay:.5s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(2){animation-delay:.65s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(3){animation-delay:.8s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(4){animation-delay:.95s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(5){animation-delay:1.1s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(6){animation-delay:1.25s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(7){animation-delay:1.4s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(8){animation-delay:1.55s}.film-scene-read[data-state=active] .sh-tree .row:nth-child(9){animation-delay:1.7s}.film-scene-read[data-state=active] .sh-progress i{animation:film-grow 1.8s var(--ease) 1.2s both}.film-scene-read[data-state=active] .dim{animation:film-rise .6s var(--ease) 4.2s both}.film-scene-price[data-state=active] .frow{animation:film-rise .5s var(--ease) both}.film-scene-price[data-state=active] .frow:first-of-type{animation-delay:.6s}.film-scene-price[data-state=active] .frow:nth-of-type(2){animation-delay:.8s}.film-scene-price[data-state=active] .frow:nth-of-type(3){animation-delay:1s}.film-scene-price[data-state=active] .frow:nth-of-type(4){animation-delay:1.2s}.film-scene-price[data-state=active] .frow:nth-of-type(5){animation-delay:1.4s}.film-scene-price[data-state=active] .sh-price .panel{animation:film-slide .7s var(--ease) 1.8s both}.film-scene-price[data-state=active] .sh-price .panel .big{animation:film-pop .6s var(--ease) 2.6s both;display:inline-block}.film-scene-build[data-state=active] .nav-col .row{animation:film-rise .45s var(--ease) both}.film-scene-build[data-state=active] .nav-col .row:first-child{animation-delay:.5s}.film-scene-build[data-state=active] .nav-col .row:nth-child(2){animation-delay:.7s}.film-scene-build[data-state=active] .nav-col .row:nth-child(3){animation-delay:.9s}.film-scene-build[data-state=active] .nav-col .row:nth-child(4){animation-delay:1.1s}.film-scene-build[data-state=active] .nav-col .row:nth-child(5){animation-delay:1.3s}.film-scene-build[data-state=active] .nav-col .row:nth-child(6){animation-delay:1.5s}.film-scene-build[data-state=active] .bench-col{animation:film-slide .7s var(--ease) 1.6s both}.film-scene-build[data-state=active] .selection .tag{animation:film-pop .5s var(--ease) 2.4s both}.film-scene-chat[data-state=active] .sh-bubble.user{animation:film-rise .5s var(--ease) .5s both}.film-scene-chat[data-state=active] .sh-bubble:not(.user){animation:film-rise .6s var(--ease) 1.9s both}.film-scene-chat[data-state=active] .sh-bubble .change{animation:film-rise .45s var(--ease) both}.film-scene-chat[data-state=active] .sh-bubble .change:first-of-type{animation-delay:2.5s}.film-scene-chat[data-state=active] .sh-bubble .change:nth-of-type(2){animation-delay:2.9s}.film-scene-host[data-state=active] .sh-map .pin{transform-box:fill-box;transform-origin:50%;animation:film-pop .45s var(--ease) both}.film-scene-host[data-state=active] .sh-map .pin:first-of-type{animation-delay:.7s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(2){animation-delay:.78s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(3){animation-delay:.86s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(4){animation-delay:.94s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(5){animation-delay:1.02s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(6){animation-delay:1.1s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(7){animation-delay:1.18s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(8){animation-delay:1.26s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(9){animation-delay:1.34s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(10){animation-delay:1.42s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(11){animation-delay:1.5s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(12){animation-delay:1.58s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(13){animation-delay:1.66s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(14){animation-delay:1.74s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(15){animation-delay:1.82s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(16){animation-delay:1.9s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(17){animation-delay:1.98s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(18){animation-delay:2.06s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(19){animation-delay:2.14s}.film-scene-host[data-state=active] .sh-map .pin:nth-of-type(20){animation-delay:2.22s}.film-scene-host[data-state=active] .sh-map .pin.sel{animation-delay:2.6s}.film-scene-host[data-state=active] .sh-map .tip{animation:film-rise .5s var(--ease) 3s both}.film-scene-host[data-state=active] .sh-map .toggle .sh-btn{animation:film-pop .5s var(--ease) 3.5s both}.film-scene-live[data-state=active] .stepr{animation:film-rise .5s var(--ease) both}.film-scene-live[data-state=active] .stepr:first-of-type{animation-delay:.6s}.film-scene-live[data-state=active] .stepr:nth-of-type(2){animation-delay:1.4s}.film-scene-live[data-state=active] .stepr:nth-of-type(3){animation-delay:2.2s}.film-scene-live[data-state=active] .stepr .sh-chip.success{animation:film-pop .4s var(--ease) both}.film-scene-live[data-state=active] .stepr:first-of-type .sh-chip.success{animation-delay:1.2s}.film-scene-live[data-state=active] .stepr:nth-of-type(2) .sh-chip.success{animation-delay:2s}.film-scene-own[data-state=active] .sh-admin .side .row{animation:film-rise .45s var(--ease) both}.film-scene-own[data-state=active] .sh-admin .side .row:first-child{animation-delay:.5s}.film-scene-own[data-state=active] .sh-admin .side .row:nth-child(2){animation-delay:.65s}.film-scene-own[data-state=active] .sh-admin .side .row:nth-child(3){animation-delay:.8s}.film-scene-own[data-state=active] .sh-admin .side .row:nth-child(4){animation-delay:.95s}.film-scene-own[data-state=active] .sh-admin tbody tr{animation:film-rise .45s var(--ease) both}.film-scene-own[data-state=active] .sh-admin tbody tr:first-child{animation-delay:1.2s}.film-scene-own[data-state=active] .sh-admin tbody tr:nth-child(2){animation-delay:1.4s}.film-scene-own[data-state=active] .sh-admin tbody tr:nth-child(3){animation-delay:1.6s}.film-scene-own[data-state=active] .sh-admin tbody tr:nth-child(4){animation-delay:1.8s}.film-outro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.4cqi;padding:6%;display:flex;position:absolute;inset:0}.film-outro .wordmark{font-size:9cqi}.film-outro-line{color:var(--ink-muted);margin:0;font-size:3cqi}.film-outro-line em{font-family:var(--font-brand);color:var(--accent);font-style:italic;font-weight:600}.film-outro-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.film-scene-outro[data-state=active] .wordmark{animation:film-pop 1s var(--ease) .2s both}.film-scene-outro[data-state=active] .film-outro-line{animation:film-rise .7s var(--ease) 1.2s both}.film-scene-outro[data-state=active] .film-outro-actions{animation:film-rise .7s var(--ease) 2.6s both}.film-poster{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:3cqi;display:flex;position:absolute;inset:0}.film-poster-mark .wordmark{font-size:9cqi}.film-bigplay{background:var(--accent);min-height:52px;color:var(--on-accent);cursor:pointer;transition:background var(--t-state) var(--ease), transform var(--t-state) var(--ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 12px 40px -10px #6e97ff99}.film-bigplay:hover{background:var(--accent-strong)}.film-bigplay:active{transform:translateY(1px)}.film-replay{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101214b3;position:absolute;top:12px;right:12px}.film-caption{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:84%;color:var(--ink);text-align:center;text-wrap:balance;pointer-events:none;background:#101214d6;border-radius:10px;margin:0;padding:.5em 1em;font-size:clamp(.8rem,2cqi,1.15rem);line-height:1.4;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.film-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.film-play{border:1px solid var(--line-strong);background:var(--surface-alt);width:44px;height:44px;color:var(--ink);cursor:pointer;transition:border-color var(--t-state) var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.film-play:hover{border-color:var(--ink-muted)}.film-chapters{flex:240px;align-items:center;gap:3px;height:24px;display:flex}.film-chapters button{cursor:pointer;background:0 0;border:0;flex:1 1 0;min-width:0;height:100%;padding:0;position:relative}.film-chapters button:before{content:"";background:var(--line-strong);height:6px;transition:background var(--t-state) var(--ease);border-radius:3px;position:absolute;top:9px;left:0;right:0}.film-chapters button:hover:before{background:var(--ink-muted)}.film-chapters button i{background:var(--accent);transform-origin:0;border-radius:3px;height:6px;position:absolute;top:9px;left:0;right:0;transform:scaleX(0)}.film-chapters button[aria-current] i{box-shadow:0 0 12px #6e97ff80}.film-time{font-variant-numeric:tabular-nums;color:var(--ink-muted);flex:none;font-size:.9375rem}.film-toggles{flex:none;gap:6px;display:flex}.film-toggles button{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);cursor:pointer;transition:border-color var(--t-state) var(--ease), color var(--t-state) var(--ease), background var(--t-state) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.875rem;font-weight:500;display:inline-flex}.film-toggles button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.film-toggles button[aria-pressed=false]{color:var(--ink-muted)}.film-keys{color:var(--ink-muted);margin:10px 0 0;font-size:.8125rem}@media (max-width:640px){.film-toggles button span{display:none}.film-toggles button{padding:0 10px}.film-keys{display:none}}.film-transcript{gap:18px;margin:0;padding:0;list-style:none;display:grid}.film-transcript li{border-top:1px solid var(--line);padding-top:16px}.film-transcript h3{font-family:var(--font-brand);letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.film-transcript p{color:var(--ink-muted);margin:6px 0 0}
