:root{--ink:#f1eee6;--muted:#8e8c84;--bg:#10100f;--panel:#181816;--line:#32322d;--soft-line:#272724;--yellow:#d6df42;--orange:#e89553;--ease:cubic-bezier(.23,1,.32,1);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-shell{width:100%;overflow:hidden}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);font:500 10px/1 var(--mono);letter-spacing:.08em;position:relative;z-index:10;background:rgba(16,16,15,.96)}.brand{display:flex;align-items:center;gap:10px;line-height:1.25}.brand-mark{font:600 20px/1 var(--sans);letter-spacing:-.12em;color:var(--yellow)}.brand i{font-style:normal;color:var(--muted)}.project-status{display:flex;align-items:center;gap:10px;color:var(--muted)}.status-dot,.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--yellow)}.status-separator{color:#4e4e47}.export-link{color:var(--yellow);transition:color 160ms ease-out}.export-link:hover,.export-link:focus-visible{color:#fff}.edit-bay{min-height:calc(100vh - 72px);padding:24px clamp(20px,4vw,64px) 30px;position:relative}.bay-head,.timeline-toolbar,.ruler,.marker-row{font:10px/1 var(--mono);letter-spacing:.08em}.bay-head{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:18px}.eyebrow{font:10px/1.4 var(--mono);letter-spacing:.13em;color:var(--yellow);margin:0}.sequence-size{margin:0}.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;max-width:1240px;margin:0 auto}.panel-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px/1 var(--mono);letter-spacing:.08em;margin-bottom:10px}.monitor-live{color:var(--yellow)}.live-dot{margin-right:5px;vertical-align:1px}.program-monitor{background:#080808;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid var(--line)}.program-monitor img{display:block;width:100%;height:100%;object-fit:contain;background:#080808;transition:opacity 180ms ease-out}.monitor-corner{position:absolute;color:#c6c4bc;font:9px var(--mono);opacity:.8}.monitor-corner--tl{top:14px;left:14px}.monitor-corner--br{right:14px;bottom:14px}.transport{height:43px;border:1px solid var(--line);border-top:0;display:flex;align-items:center;gap:13px;padding:0 12px;color:var(--muted);font:10px var(--mono)}.transport button{border:0;background:none;cursor:pointer;padding:2px;color:var(--ink);font:12px var(--mono)}.transport button:hover,.transport button:focus-visible{color:var(--yellow)}.play-button{color:var(--yellow)!important}.transport-divider{height:15px;width:1px;background:var(--line);margin-left:3px}.transport-note{font-size:9px;letter-spacing:.12em}.inspector{border:1px solid var(--line);background:var(--panel);min-height:100%;display:flex;flex-direction:column}.inspector-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}.inspector-kicker{font:10px var(--mono);letter-spacing:.12em;color:var(--orange);margin:0 0 22px}.inspector h1{font:600 clamp(29px,3vw,43px)/.95 var(--sans);letter-spacing:-.07em;margin:0 0 12px;max-width:280px}.inspector h1 sup{font:10px var(--mono);color:var(--muted);letter-spacing:0;vertical-align:top;margin-left:6px}.inspector-role{font:13px/1.35 var(--sans);color:#c4c2ba;margin:0 0 28px}.metadata{border-top:1px solid var(--line);margin:0}.metadata div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.metadata dt,.metadata dd{font:9px var(--mono);margin:0}.metadata dt{color:var(--muted)}.metadata dd{text-align:right;color:#d0cec4}.status-pill{color:var(--yellow)}.inspector-description{font-size:12px;line-height:1.45;color:var(--muted);margin:22px 0 26px;max-width:250px}.open-clip{border:0;border-top:1px solid var(--yellow);background:none;text-align:left;padding:12px 0 0;cursor:pointer;font:10px var(--mono);letter-spacing:.1em;color:var(--yellow);margin-top:auto}.open-clip span{float:right}.timeline-wrap{max-width:1240px;margin:30px auto 0;border:1px solid var(--line);background:#151513;position:relative}.timeline-toolbar{height:35px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 11px;color:var(--muted)}.toolbar-icon{font-size:14px;color:var(--yellow)}.toolbar-spacer{flex:1}.toolbar-key{padding:4px 6px;border:1px solid var(--line);font-size:8px;color:#b6b4aa}.ruler{height:28px;margin-left:52px;display:flex;align-items:end;justify-content:space-between;color:#75736c;padding:0 10px 7px;border-bottom:1px solid var(--soft-line)}.timeline{position:relative}.track-row{display:grid;grid-template-columns:52px 1fr;min-height:45px;border-bottom:1px solid var(--soft-line)}.track-name{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;color:var(--muted);font:10px var(--mono)}.track-name b{font-weight:400;color:var(--ink)}.track-name span{font-size:9px}.track-lane{display:flex;gap:3px;padding:4px 6px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.035) 12.5%)}.clip{height:36px;flex:0 0 calc(16.666% - 3px);min-width:100px;border:1px solid #4a4a40;background:#252520;padding:0;cursor:pointer;position:relative;overflow:hidden}.clip img{display:block;width:100%;height:100%;object-fit:contain;opacity:.86;transition:transform 180ms ease-out,opacity 180ms ease-out}.clip.is-active{border-color:var(--yellow)}.clip.is-active img,.clip:hover img,.clip:focus-visible img{transform:none;opacity:1}.clip:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.clip--audio{background:repeating-linear-gradient(170deg,#252520 0,#252520 4px,#2e2e28 5px,#252520 7px)}.clip--audio:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,#8b8c54 8% 9%,transparent 9% 17%,#777946 17% 18%,transparent 18% 28%,#a0a15c 28% 29%,transparent 29% 40%,#777946 40% 41%,transparent 41% 54%,#9a9a58 54% 55%,transparent 55% 69%,#777946 69% 70%,transparent 70% 84%,#a0a15c 84% 85%,transparent 85%)}.playhead{position:absolute;z-index:5;top:0;bottom:0;left:calc(16.66% + 52px);width:1px;background:var(--yellow);pointer-events:none;transition:left 100ms linear}.playhead-cap{display:block;width:9px;height:9px;background:var(--yellow);transform:translateX(-4px) rotate(45deg);margin-top:-4px}.playhead-time{position:absolute;top:-28px;left:8px;white-space:nowrap;color:var(--yellow);font:10px var(--mono);letter-spacing:.03em}.marker-row{height:40px;margin-left:52px;position:relative;display:flex;justify-content:space-around;align-items:flex-end;padding-bottom:8px}.marker-row a{position:absolute;left:var(--marker);bottom:7px;transform:translateX(-5px);color:var(--muted);font-size:8px;white-space:nowrap;transition:color 160ms ease-out}.marker-row a:hover,.marker-row a:focus-visible{color:var(--yellow)}.marker-row i{display:block;width:1px;height:16px;background:var(--orange);margin-bottom:5px}.scroll-prompt{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font:9px var(--mono);letter-spacing:.13em;margin-top:21px}.scroll-line{width:26px;height:1px;background:var(--yellow)}.selected-cuts{background:#ebe8df;color:#161614;display:grid;grid-template-columns:25% 1fr;gap:7vw;padding:130px clamp(20px,8vw,130px) 150px;min-height:700px}.selected-cuts .eyebrow{color:#797970}.section-intro h2,.stub-section h2{font:600 clamp(60px,8vw,130px)/.84 var(--sans);letter-spacing:-.1em;margin:26px 0 24px}.section-intro h2 em,.stub-section h2 em{font-style:normal;color:#a7aa32}.intro-copy{font-size:14px;line-height:1.45;max-width:220px;color:#65655e}.cut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;align-content:start;padding-top:15px}.cut-card{display:grid;grid-template-columns:1fr 112px;gap:12px;padding-bottom:14px;border-bottom:1px solid #bfc0b5;cursor:pointer}.cut-card:nth-child(2n){margin-top:80px}.cut-card figure{margin:0;background:#20201d;aspect-ratio:16/10;overflow:hidden}.cut-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 220ms ease-out}.cut-card:hover img,.cut-card:focus-within img{transform:none}.cut-meta{align-self:end}.cut-meta .cut-number{font:10px var(--mono);color:#85857b}.cut-meta h3{font:600 17px/1 var(--sans);letter-spacing:-.05em;margin:9px 0 6px}.cut-meta p{font:10px/1.35 var(--mono);color:#77776f;margin:0}.cut-card:focus-within{outline:2px solid #a7aa32;outline-offset:5px}.stub-section{min-height:360px;padding:80px clamp(20px,8vw,130px);display:flex;align-items:center;gap:6vw;border-top:1px solid #2a2a26;background:var(--bg)}.stub-index{font:12px var(--mono);color:var(--yellow);align-self:flex-start}.stub-section h2{font-size:clamp(50px,8vw,120px);margin:22px 0 0}.stub-arrow{font-size:60px;color:var(--yellow);margin-left:auto}.contact-button{border:1px solid var(--yellow);color:var(--yellow);padding:14px 16px;font:10px var(--mono);letter-spacing:.08em;white-space:nowrap;transition:background 160ms ease-out,color 160ms ease-out}.contact-button:hover,.contact-button:focus-visible{background:var(--yellow);color:var(--bg)}.footer{border-top:1px solid var(--line);padding:18px clamp(20px,4vw,64px);display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.08em}
@media(max-width:800px){.topbar{height:64px;padding:0 16px}.project-status{display:none}.edit-bay{padding:18px 16px 22px;min-height:auto}.bay-head{gap:14px;line-height:1.3}.sequence-size{max-width:115px;text-align:right}.monitor-grid{display:flex;flex-direction:column;gap:18px}.program-wrap{order:1}.inspector{order:2;min-height:0}.inspector-body{padding:18px}.inspector h1{font-size:34px}.inspector-description{max-width:none}.timeline-wrap{order:3;margin-top:25px;overflow:visible}.ruler{margin-left:45px;font-size:8px;overflow:hidden;gap:35px;justify-content:flex-start;white-space:nowrap}.ruler span:nth-child(n+4){display:none}.track-row{grid-template-columns:45px 1fr;min-height:43px}.track-name{font-size:9px}.clip{min-width:82px;height:34px;flex-basis:90px}.playhead{left:calc(16.66% + 45px)}.marker-row{margin-left:45px;overflow:hidden}.marker-row a{font-size:7px}.scroll-prompt{margin-bottom:10px}.selected-cuts{display:block;padding:82px 16px 90px;min-height:0}.section-intro h2{font-size:74px;margin-top:20px}.intro-copy{max-width:290px;margin-bottom:48px}.cut-grid{grid-template-columns:1fr;gap:26px}.cut-card,.cut-card:nth-child(2n){margin-top:0;grid-template-columns:1fr 118px}.cut-card figure{aspect-ratio:16/10}.stub-section{min-height:300px;padding:60px 16px;gap:16px;display:grid;grid-template-columns:25px 1fr}.stub-section h2{font-size:56px}.stub-arrow{font-size:40px;grid-column:2}.contact-button{grid-column:2;justify-self:start;white-space:normal;line-height:1.3}.footer{padding:18px 16px;gap:16px;flex-direction:column;line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.program-monitor img,.clip img,.cut-card img{transition:opacity 100ms ease-out}.marker-row a,.export-link,.contact-button{transition:none}.playhead{transition:none}}
@media(hover:none){.clip:hover img,.cut-card:hover img{transform:none}}
.export-section{align-items:flex-start}.export-dialog{border:1px solid var(--line);background:var(--panel);width:min(690px,100%);padding:0 24px 24px}.dialog-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-bar>span{font:18px var(--mono);color:var(--muted)}.export-dialog h2{margin-top:34px}.export-fields{display:flex;gap:10px;margin:28px 0}.export-fields div{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:7px;min-width:180px}.export-fields span,.export-fields strong{font:9px var(--mono);letter-spacing:.08em}.export-fields span{color:var(--muted)}.export-fields strong{font-weight:400;color:#d2d0c7}.contact-button{display:inline-block}.stub-section h2 em{font-style:normal;color:#a7aa32}
@media(max-width:800px){.export-dialog{grid-column:2;padding:0 16px 18px}.export-fields{flex-direction:column;gap:18px}.export-section{align-items:start}}
html{background:#10100f}body{background:#10100f;color:#f1eee6}
.cut-card--vertical figure{background:#080808}
.cut-card--vertical img{object-fit:contain}
.cut-meta .cut-name{font:9px var(--mono);color:#5f641e;display:block;margin-bottom:5px}
.collaborators{display:grid;grid-template-columns:25% 1fr;gap:7vw;padding:120px clamp(20px,8vw,130px);background:#d6df42;color:#161614}
.collaborators .eyebrow{color:#5f641e}
.collaborators h2{font:600 clamp(54px,7vw,112px)/.84 var(--sans);letter-spacing:-.1em;margin:26px 0 0}
.collaborators h2 em{font-style:normal;color:#6e741d}
.collaborator-list{display:flex;flex-wrap:wrap;align-content:start;gap:9px 24px;padding-top:16px}
.collaborator-name{font:11px var(--mono);border-bottom:1px solid rgba(22,22,20,.35);padding-bottom:8px;min-width:calc(50% - 12px)}
.about-line{max-width:620px;color:var(--muted);font-size:15px;line-height:1.5;margin:30px 0 0}
@media(max-width:800px){.collaborators{display:block;padding:82px 16px 90px}.collaborator-list{padding-top:42px;gap:9px 16px}.collaborator-name{min-width:calc(50% - 8px);font-size:10px}.about-line{font-size:14px;margin-top:28px}}

/* Art-directed work images keep their complete source artwork at every size. */
.clip img,.cut-card img{object-fit:contain}
.cut-card figure{aspect-ratio:16 / 9}
.cut-card--vertical figure{aspect-ratio:9 / 16}

/* Keep the long section titles in their own lane before the card/list column. */
@media(min-width:801px) and (max-width:1100px){
  .selected-cuts,.collaborators{grid-template-columns:minmax(0,1fr);gap:0}
  .selected-cuts .cut-grid,.collaborators .collaborator-list{margin-top:28px}
}
@media(min-width:1101px){
  .selected-cuts,.collaborators{grid-template-columns:minmax(0,37%) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
  .section-intro h2,.collaborators h2{font-size:clamp(46px,5vw,82px)}
}
@media(max-width:800px){
  .section-intro h2{font-size:clamp(56px,18vw,74px)}
  .collaborators h2{font-size:clamp(40px,12vw,58px)}
}