.app{z-index:2;position:relative}.chrome{z-index:40;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-dim);background:linear-gradient(to bottom, var(--ink) 20%, transparent);grid-template-columns:280px 1fr 280px;align-items:center;padding:18px 28px;font-size:11px;display:grid;position:fixed;top:0;left:0;right:0}.chrome .left{align-items:center;gap:18px;display:flex}.logo{font-family:var(--serif);letter-spacing:-.01em;color:var(--paper);text-transform:none;font-size:22px;font-style:italic;line-height:1}.logo b{font-style:normal;font-family:var(--sans);vertical-align:6px;letter-spacing:.18em;margin-left:2px;font-size:13px;font-weight:500}.chrome nav{justify-content:center;gap:32px;display:flex}.chrome nav a{color:var(--paper-mute);cursor:pointer;border-radius:999px;padding:6px 10px;text-decoration:none;transition:color .2s,background .2s}.chrome nav a:hover{color:var(--paper)}.chrome nav a.on{color:var(--ink);background:var(--paper)}.chrome .right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.tag{border:1px solid var(--line);color:var(--paper-dim);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.tag .dot{background:var(--signal);width:6px;height:6px;box-shadow:0 0 8px var(--signal);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.scene{min-height:100vh;display:none}.scene.on{display:block}.hero{padding:120px 56px 80px;position:relative;overflow:hidden}.hero-meta-top{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;gap:24px;margin-bottom:48px;padding-bottom:28px;font-size:10.5px;display:grid}.hero-meta-top .center{color:var(--paper-dim);align-items:center;gap:18px;display:flex}.hero-meta-top .right{text-align:right}.hero-headline{font-family:var(--serif);letter-spacing:-.03em;color:var(--paper);margin:0;font-size:clamp(88px,13vw,196px);font-weight:400;line-height:.86}.hero-headline .it{color:var(--accent);font-style:italic}.hero-headline .mark{font-family:var(--mono);vertical-align:.9em;letter-spacing:.2em;color:var(--paper-mute);margin-left:.2em;font-size:.15em;display:inline-block}.hero-grid{grid-template-columns:1.1fr 1fr 1fr;align-items:end;gap:48px;margin-top:56px;display:grid}.hero-lede{font-family:var(--serif);color:var(--paper);max-width:480px;margin:0;font-size:26px;font-style:italic;line-height:1.3}.hero-lede:first-letter{float:left;color:var(--accent);padding:4px 10px 0 0;font-size:56px;line-height:1}.hero-body{color:var(--paper-dim);max-width:320px;font-size:13px;line-height:1.7}.hero-body p{margin:0 0 14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.btn{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);color:var(--paper);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:12px;padding:14px 22px;font-size:11px;transition:all .25s;display:inline-flex}.btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.btn:hover{border-color:var(--paper)}.btn .arrow{transition:transform .3s;display:inline-block}.btn:hover .arrow{transform:translate(4px)}.filmstrip{border-top:1px solid var(--line);grid-template-columns:200px repeat(5,1fr) 200px;align-items:stretch;gap:14px;margin-top:88px;padding-top:24px;display:grid}.fs-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);padding-top:6px;font-size:10.5px;line-height:1.4}.fs-label.r{text-align:right}.frame{aspect-ratio:16/9;background:var(--ink-2);border:1px solid var(--line);position:relative;overflow:hidden}.frame .pattern{filter:saturate(.7)contrast(1.1);background-position:50%;background-size:cover;position:absolute;inset:0}.frame .ovr{background:linear-gradient(#0000 40%,#000000bf);position:absolute;inset:0}.frame .lbl{font-family:var(--mono);letter-spacing:.1em;color:var(--paper);text-transform:uppercase;justify-content:space-between;font-size:8.5px;display:flex;position:absolute;bottom:6px;left:8px;right:8px}.frame .tl{font-family:var(--mono);letter-spacing:.1em;color:var(--paper-dim);font-size:8.5px;position:absolute;top:6px;left:8px}.img-a{background:linear-gradient(135deg,#2a1810 0%,#6b3a1f 40%,#c7612f 70%,#e8a466 100%)}.img-b{background:radial-gradient(circle at 30% 60%,#4a5d6e,#1a1f28 70%)}.img-c{background:linear-gradient(#d4a574 0%,#8b5a3c 50%,#2a1810 100%)}.img-d{background:radial-gradient(at top,#1a2332,#0a0f15 60%),linear-gradient(#0a0f15,#0a0f15)}.img-e{background:linear-gradient(90deg,#c86a3d 0%,#2a1a1a 100%)}.img-f{background:linear-gradient(160deg,#5a4a3a,#9a7a5a,#3a2a1a)}.scan{pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 3px);position:absolute;inset:0}.credits{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:40px;margin-top:64px;padding-top:24px;display:grid}.credits h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);margin:0;font-size:10.5px;font-weight:400}.credits ul{color:var(--paper-dim);grid-template-columns:repeat(4,1fr);gap:4px 40px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.credits li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:5px 0;display:flex}.credits li span:first-child{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-mute);font-size:10.5px}.credits li span:last-child{font-family:var(--serif);color:var(--paper);font-style:italic}.manifesto{border-top:1px solid var(--line);padding:120px 56px}.mf-head{grid-template-columns:200px 1fr;gap:40px;margin-bottom:56px;display:grid}.mf-head h3{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);margin:0;font-size:10.5px;font-weight:400}.mf-head .big{font-family:var(--serif);letter-spacing:-.02em;color:var(--paper);margin:0;font-size:64px;line-height:1}.mf-head .big em{color:var(--accent)}.pillars{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.pillar{background:var(--ink);flex-direction:column;gap:16px;min-height:260px;padding:32px 28px;transition:background .3s;display:flex;position:relative}.pillar:hover{background:var(--ink-2)}.pillar .num{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);font-size:10.5px}.pillar h4{font-family:var(--serif);letter-spacing:-.01em;color:var(--paper);margin:0;font-size:32px;font-weight:400;line-height:1.05}.pillar h4 i{color:var(--paper-dim)}.pillar p{color:var(--paper-dim);margin:0;font-size:13px;line-height:1.6}.pillar .glyph{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);align-items:center;gap:10px;margin-top:auto;font-size:10px;display:flex}.pillar .glyph:before{content:"";background:var(--paper-mute);width:24px;height:1px;display:inline-block}.studio{padding:104px 28px 40px}.studio-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:end;gap:40px;margin-bottom:20px;padding:0 28px 24px;display:grid}.studio-header h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--paper);margin:0;font-size:56px;font-weight:400;line-height:.95}.studio-header h2 em{color:var(--accent)}.studio-header .meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);text-align:right;font-size:10.5px;line-height:1.6}.studio-grid{grid-template-columns:280px 1fr 320px;gap:12px;height:calc(100vh - 240px);min-height:680px;display:grid}.panel{background:var(--ink-2);border:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);justify-content:space-between;align-items:center;padding:12px 16px;font-size:10px;display:flex}.panel-head .dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.panel-body{flex:1;min-height:0;padding:16px;overflow:auto}.shot-list{flex-direction:column;gap:6px;display:flex}.shot{background:var(--ink);cursor:pointer;border:1px solid #0000;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;padding:12px;transition:all .2s;display:grid;position:relative}.shot:hover{border-color:var(--line)}.shot.active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--ink))}.shot .idx{font-family:var(--mono);color:var(--paper-mute);letter-spacing:.1em;font-size:10px}.shot.active .idx{color:var(--accent)}.shot .title{font-family:var(--serif);color:var(--paper);letter-spacing:-.01em;font-size:15px;line-height:1.25}.shot .sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-mute);margin-top:3px;font-size:9.5px}.shot .dur{font-family:var(--mono);color:var(--paper-dim);font-size:10px}.shot-add{border:1px dashed var(--line);text-align:center;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);cursor:pointer;margin-top:8px;padding:10px;font-size:10px;transition:color .2s,border-color .2s}.shot-add:hover{color:var(--accent);border-color:var(--accent)}.viewport{aspect-ratio:21/9;background:#000;flex:none;position:relative;overflow:hidden}.viewport .preview{background:radial-gradient(at 35% 55%,#8b4a22 0%,#3a1810 40%,#0a0503 85%);transition:background .6s;position:absolute;inset:0}.vp-overlay{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);pointer-events:none;flex-direction:column;justify-content:space-between;padding:14px 18px;font-size:10px;display:flex;position:absolute;inset:0}.vp-overlay .row{justify-content:space-between;width:100%;display:flex}.vp-overlay .row .grp{gap:18px;display:flex}.vp-overlay .dot.rec{color:var(--red)}.vp-overlay .dot.rec:before{content:"●";margin-right:6px;animation:1.6s ease-in-out infinite pulse}.vp-cross:before,.vp-cross:after{content:"";background:#ffffff2e;position:absolute}.vp-cross:before{width:1px;top:40%;bottom:40%;left:50%}.vp-cross:after{height:1px;top:50%;left:45%;right:45%}.vp-thirds{pointer-events:none;background-image:linear-gradient(90deg,#0000 33.3%,#ffffff14 33.3% 33.4%,#0000 33.4% 66.6%,#ffffff14 66.6% 66.7%,#0000 66.7%),linear-gradient(#0000 33.3%,#ffffff14 33.3% 33.4%,#0000 33.4% 66.6%,#ffffff14 66.6% 66.7%,#0000 66.7%);position:absolute;inset:0}.timeline{background:var(--ink-2);border:1px solid var(--line);border-top:none;flex-direction:column;flex:1;min-height:180px;padding:14px 16px 10px;display:flex}.tl-ruler{border-bottom:1px solid var(--line);height:18px;font-family:var(--mono);letter-spacing:.12em;color:var(--paper-mute);text-transform:uppercase;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding-bottom:4px;font-size:9.5px;display:grid}.tl-ruler .ticks{background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);background-size:4.16667% 100%;height:100%;position:relative}.tl-ruler .tk{font-family:var(--mono);color:var(--paper-mute);font-size:9px;position:absolute;bottom:0;transform:translate(-50%)}.tl-tracks{flex-direction:column;flex:1;gap:6px;padding-top:8px;display:flex;position:relative}.track{grid-template-columns:80px 1fr;align-items:center;gap:12px;height:36px;display:grid}.track-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-mute);align-items:center;gap:8px;font-size:9.5px;display:flex}.track-label .tdot{border-radius:50%;width:8px;height:8px}.track-lane{background:var(--ink);border:1px solid var(--line);height:100%;position:relative}.clip{background:color-mix(in oklch, var(--accent) 40%, var(--ink-2));border:1px solid color-mix(in oklch, var(--accent) 80%, black);font-family:var(--mono);letter-spacing:.1em;color:var(--paper);cursor:grab;text-transform:uppercase;align-items:center;padding:0 10px;font-size:9.5px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.clip:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0006}.clip.audio{background:color-mix(in oklch, var(--accent-2) 30%, var(--ink-2));border-color:color-mix(in oklch, var(--accent-2) 70%, black)}.clip.ai{background:repeating-linear-gradient(45deg, color-mix(in oklch, var(--accent) 30%, var(--ink-2)) 0 6px, color-mix(in oklch, var(--accent) 20%, var(--ink-2)) 6px 12px)}.clip .kf{background:var(--paper);width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;transform:rotate(45deg)}.playhead{background:var(--accent);pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%);width:11px;height:11px;position:absolute;top:-6px;left:-5px}.inspector{flex-direction:column;gap:0;display:flex}.insp-section{border-bottom:1px solid var(--line);padding:16px 18px}.insp-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);justify-content:space-between;margin-bottom:12px;font-size:9.5px;display:flex}.insp-label .val{color:var(--accent)}.slider{height:22px;position:relative}.slider .track-bg{background:var(--line);height:1px;position:absolute;top:10px;left:0;right:0}.slider .fill{background:var(--accent);height:1px;position:absolute;top:10px;left:0}.slider .knob{background:var(--paper);cursor:ew-resize;width:10px;height:10px;box-shadow:0 0 0 3px var(--ink-2);border-radius:50%;position:absolute;top:6px;transform:translate(-50%)}.slider .ticks{font-family:var(--mono);color:var(--paper-mute);justify-content:space-between;font-size:9px;display:flex;position:absolute;top:16px;left:0;right:0}.ib-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.num-field{background:var(--ink);border:1px solid var(--line);font-family:var(--mono);color:var(--paper);justify-content:space-between;padding:8px 10px;font-size:11px;display:flex}.num-field b{color:var(--paper-mute);letter-spacing:.12em;font-size:9px;font-weight:400}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:10px;transition:all .2s}.pill:hover{color:var(--paper);border-color:var(--paper-dim)}.pill.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}.prompt-box{background:var(--ink);border:1px solid var(--line);font-family:var(--serif);color:var(--paper);min-height:80px;padding:14px;font-size:15px;font-style:italic;line-height:1.45}.prompt-box .at{color:var(--accent);font-style:normal;font-family:var(--mono);padding:0 2px;font-size:11px;font-style:normal}.collab{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.collab .ava{background:linear-gradient(135deg, var(--accent), var(--ink-3));border-radius:50%;width:44px;height:44px;position:relative;overflow:hidden}.collab .ava:after{content:"";background:repeating-linear-gradient(45deg,#ffffff14 0 1px,#0000 1px 4px);position:absolute;inset:0}.collab .name{font-family:var(--serif);color:var(--paper);font-size:16px}.collab .role{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);font-size:9.5px}.studio-actions{border-top:1px solid var(--line);gap:10px;padding:12px 18px;display:flex}.studio-actions .btn{flex:1;justify-content:center}.archive{border-top:1px solid var(--line);padding:120px 56px 80px}.ar-head{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;margin-bottom:40px;padding-bottom:28px;display:grid}.ar-head h2{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:96px;font-weight:400;line-height:.9}.ar-head h2 em{color:var(--accent)}.ar-head .toggle{border:1px solid var(--line);border-radius:999px;gap:4px;padding:3px;display:flex}.ar-head .toggle button{color:var(--paper-mute);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:10.5px}.ar-head .toggle button.on{background:var(--paper);color:var(--ink)}.works{grid-template-columns:repeat(12,1fr);gap:32px 24px;display:grid}.work{cursor:pointer;transition:transform .4s}.work:hover{transform:translateY(-4px)}.work .fr{aspect-ratio:4/5;margin-bottom:14px;position:relative;overflow:hidden}.work .fr .img{transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.work:hover .fr .img{transform:scale(1.03)}.work .fr .ovr{background:linear-gradient(#0000 50%,#0009);position:absolute;inset:0}.work .fr .run{font-family:var(--mono);letter-spacing:.12em;color:var(--paper);text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;padding:3px 7px;font-size:9.5px;position:absolute;top:10px;left:12px}.work .fr .dur{font-family:var(--mono);color:var(--paper);letter-spacing:.1em;font-size:9.5px;position:absolute;bottom:10px;right:12px}.work h3{font-family:var(--serif);color:var(--paper);margin:0 0 4px;font-size:22px;font-style:italic;font-weight:400;line-height:1.15}.work .by{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-mute);font-size:10px}.work .by b{color:var(--accent);font-weight:400}.work.xl{grid-column:span 6}.work.xl .fr{aspect-ratio:3/2}.work.l{grid-column:span 6}.work.m{grid-column:span 4}.work.s{grid-column:span 3}.foot{border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:64px 56px 40px;display:grid}.foot .big{font-family:var(--serif);letter-spacing:-.02em;color:var(--paper);margin:0;font-size:64px;font-style:italic;line-height:1}.foot h5{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);margin:0 0 14px;font-size:10px;font-weight:400}.foot ul{margin:0;padding:0;list-style:none}.foot li{color:var(--paper-dim);padding:4px 0;font-size:13px}.foot li:hover{color:var(--accent);cursor:pointer}.foot .legal{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-mute);grid-column:1/-1;justify-content:space-between;margin-top:24px;padding-top:32px;font-size:10px;display:flex}.tweaks{background:var(--ink-2);border:1px solid var(--line);z-index:100;width:300px;font-family:var(--mono);letter-spacing:.1em;font-size:10.5px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 60px #0009}.tweaks.on{display:block}.tweaks h6{letter-spacing:.14em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:12px 14px;font-size:10.5px;display:flex}.tweaks h6 span{color:var(--accent)}.tw-group{border-bottom:1px solid var(--line);padding:12px 14px}.tw-group:last-child{border-bottom:none}.tw-group .lbl{color:var(--paper-mute);text-transform:uppercase;margin-bottom:8px}.tw-opts{flex-wrap:wrap;gap:5px;display:flex}.tw-opts button{border:1px solid var(--line);color:var(--paper-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;padding:5px 9px;font-size:9.5px}.tw-opts button.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}