.tl{--cut-w: calc(158 * var(--u));--cut-h: calc(89 * var(--u));--head-h: calc(27 * var(--u));--head-lead: calc(24 * var(--u));--head-tail: calc(51 * var(--u));--head-w: calc(12 * var(--u));--tl-fill: #111111;--tl-fill-0: rgba(17, 17, 17, 0);position:relative;user-select:none;-webkit-user-select:none}html[data-tape-gesture=off]{overscroll-behavior-x:none}.tl__rail{position:relative;height:calc(var(--head-h) + var(--cut-h));overflow:hidden;cursor:grab;touch-action:pan-y;background:linear-gradient(90deg,var(--tl-fill-0) 0%,var(--tl-fill) 10%,var(--tl-fill) 90%,var(--tl-fill-0) 100%)}.tl__rail:active{cursor:grabbing}.tl__rail:focus-visible{outline:2px solid var(--on-dark);outline-offset:-2px}.tl__tape{position:absolute;top:0;left:0;height:100%;display:flex;will-change:transform}.tl__group{position:relative;flex:none;display:flex;flex-direction:column}.tl__group:not(.tl__group--live){background:var(--glass-fill-soft)}.tl__head{flex:none;height:var(--head-h);padding:calc(2 * var(--u));box-shadow:inset 0 0 0 1px var(--on-dark-line-soft)}[data-glass=on] .tl__head{-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg))}.tl__group--live .tl__head{background:var(--glass-fill-strong);box-shadow:none}.tl__group--case:not(.tl__group--live){background:color-mix(in srgb,var(--case-accent, var(--action)) 30%,transparent)}.tl__group--case.tl__group--live .tl__head{background:var(--case-accent, var(--action))}[data-glass=on] .tl__group--case.tl__group--live .tl__head{-webkit-backdrop-filter:none;backdrop-filter:none}.tl__head-info{display:flex;align-items:center;gap:calc(6 * var(--u));height:100%;padding:calc(2 * var(--u)) calc(6 * var(--u));overflow:hidden}.tl__head-name{font-family:var(--font-text);font-size:max(var(--t-xs),calc(16 * var(--u)));line-height:1;color:var(--on-dark-3);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.tl__group--live .tl__head-name{color:var(--on-dark-max)}.tl__group--case.tl__group--live .tl__head-name{color:var(--case-label-ink, var(--case-ink, #fff))}.tl__cuts{display:flex;height:var(--cut-h)}.tl__cut{position:relative;flex:none;width:var(--cut-w);height:100%;overflow:hidden;background:var(--void)}.tl__cut-img{display:block;width:100%;height:100%;object-fit:cover}.tl__cut:after{content:"";position:absolute;inset:0;background:var(--veil);pointer-events:none;transition:opacity var(--dur-1) var(--ease-soft)}.tl__cut:hover:after,.tl__cut--preview:after{opacity:.5}.tl__group--live .tl__cut:after{opacity:0}.tl__group .tl__cut--ahead:after,.tl__group--live .tl__cut--ahead:after{opacity:.72}.tl__cut--ahead:hover:after,.tl__cut--ahead.tl__cut--preview:after{opacity:.4}.tl__playhead{position:absolute;top:calc(var(--head-lead) * -1);left:var(--head);width:var(--head-w);height:calc(var(--head-lead) + var(--head-h) + var(--cut-h) + var(--head-tail));margin-left:calc(var(--head-w) / -2);pointer-events:none;z-index:4}.tl__playhead-mark{position:absolute;top:0;left:0;width:var(--head-w);height:var(--head-w);background:var(--on-dark-max)}.tl__playhead-line{position:absolute;top:var(--head-w);bottom:0;left:calc(var(--head-w) / 2 - .5px);width:1px;background:linear-gradient(180deg,var(--on-dark-max),transparent)}.tl__playhead-no{position:absolute;top:calc(1 * var(--u));left:calc(16 * var(--u));font-family:var(--font-display);font-size:calc(14 * var(--u));font-weight:500;line-height:1;color:var(--on-dark-4);font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){.tl__tape,.tl__cut:after{transition-duration:.01ms}}.cl{display:flex;flex-direction:column;width:max-content;max-width:min(340px,60vw);padding-left:calc(12 * var(--u));color:var(--on-dark)}.cl__file{display:flex;align-items:center;gap:calc(6 * var(--u));min-height:calc(22 * var(--u))}.cl__name{font-family:var(--font-display);font-size:calc(24 * var(--u));font-weight:400;line-height:1.1;color:var(--on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl__arrow{flex:none;color:var(--on-dark-4)}.cl__project{font-family:var(--font-micro);font-size:calc(12 * var(--u));line-height:1.2;color:var(--on-dark-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl__by{display:flex;align-items:baseline;gap:calc(6 * var(--u));margin-top:calc(24 * var(--u))}.cl__author{font-family:var(--font-micro);font-size:calc(14 * var(--u));line-height:1.1;color:var(--on-dark-3);white-space:nowrap}.cl__version{font-family:var(--font-text);font-size:calc(12 * var(--u));line-height:1;color:var(--on-dark-3);opacity:.4;font-variant-numeric:tabular-nums}.cl__time{margin-top:calc(24 * var(--u));font-family:var(--font-display);font-size:calc(12 * var(--u));font-weight:500;line-height:1;color:var(--on-dark);font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:640px){.cl__by,.cl__time{display:none}.cl__name{font-size:var(--t-h4)}}.meta{display:inline-flex;align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u));font-family:var(--font-mono);font-size:calc(14 * var(--u));font-weight:400;line-height:calc(10 * var(--u));font-variant-numeric:tabular-nums;text-transform:uppercase;white-space:nowrap}.meta__pair{display:inline-flex;align-items:center;gap:calc(10 * var(--u))}.meta__key{color:var(--on-dark-5)}.meta__val{color:var(--on-dark-4)}.wall-card{position:relative}.wall-card__go{--cta-size: calc(76 * var(--u));display:block;position:relative;width:var(--cta-size);height:var(--cta-size);pointer-events:auto}.wall-card--preview .wall-card__go .cta-disc__blob{background:transparent;border:1px solid var(--on-dark-line)}.wall-card--preview .wall-card__go .cta-disc{color:var(--on-dark-max)}.pc-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(34 * var(--u));height:calc(34 * var(--u));padding:0;color:var(--on-dark);transition:color var(--dur-1) var(--ease-soft)}.pc-icon svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.pc-icon:hover{color:var(--on-dark-max)}.pc-icon:focus-visible{outline:2px solid var(--on-dark-max);outline-offset:2px}@media(hover:none)and (pointer:coarse){.pc-icon:before{content:"";position:absolute;inset:-7px}}.pc-onair__dot{width:var(--s-1);height:var(--s-1);flex:none;border-radius:50%;background:var(--on-dark);animation:pc-blink 1.6s steps(1,end) infinite}@keyframes pc-blink{0%,49.9%{opacity:1}50%,to{opacity:.2}}@media(prefers-reduced-motion:reduce){.pc-onair__dot{animation:none}}.scrub{position:absolute;inset:0;z-index:1;overflow:hidden;background:var(--void);pointer-events:none;opacity:0;visibility:hidden}.scrub--active{opacity:1;visibility:visible;transition:opacity var(--dur-1) var(--ease-soft)}.scrub__poster,.scrub__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.scrub__video{will-change:opacity}@media(prefers-reduced-motion:reduce){.scrub--active{transition:none}}.wip{position:relative;height:100svh;padding:0;overflow:hidden;background:var(--void);isolation:isolate;--u: max(.66px, min(.0520833vw, .0925926vh));--pad: max(calc(48 * var(--u)), env(safe-area-inset-left), env(safe-area-inset-right));overflow-anchor:none}html:has(.page--wip),html:has(.page--wip) body{background:#fff}.wip[data-programme=wip]{color:var(--on-dark);--void: #ffffff;--bg: #ffffff;--panel: #ffffff;--on-dark-max: var(--ink);--on-dark: var(--ink-strong);--on-dark-2: rgba(17, 17, 17, .8);--on-dark-3: rgba(17, 17, 17, .6);--on-dark-4: rgba(17, 17, 17, .4);--on-dark-5: rgba(17, 17, 17, .3);--on-dark-line: var(--ink-line);--on-dark-line-soft: rgba(17, 17, 17, .1);--veil: rgba(255, 255, 255, .55);--veil-strong: rgba(255, 255, 255, .82);--glass-fill: rgba(255, 255, 255, .5);--glass-fill-ink: rgba(255, 255, 255, .5);--glass-fill-solid: rgba(255, 255, 255, .82);--glass-fill-dark: rgba(255, 255, 255, .6);--glass-fill-soft: rgba(255, 255, 255, .35);--glass-fill-strong: rgba(255, 255, 255, .72)}.wip[data-programme=wip] .tl{--tl-fill: #ffffff;--tl-fill-0: rgba(255, 255, 255, 0)}.wip--embedded{position:absolute;inset:0;height:100%}.wip__stagewrap{position:absolute;inset:0}.wip__grid-lines{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--on-dark-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--on-dark-line-soft) 1px,transparent 1px);background-size:25% 25%;opacity:.25;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 100%)}.wip__head{position:absolute;top:max(clamp(16px,3vw,32px),env(safe-area-inset-top));left:var(--pad);right:var(--pad);z-index:3;pointer-events:none}.wip__subtitle{margin-top:var(--s-2);max-width:34ch;font-family:var(--font-micro);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--on-dark-3)}.wip__stage{position:absolute;inset:0;z-index:1;overflow:hidden}.wip__stage{cursor:pointer}.wall-link{position:absolute;inset:0;z-index:3}.wip__stagewrap[data-wall-cursor=disc] .wall-link{cursor:none}.wall-link:focus-visible{outline:2px solid var(--on-dark);outline-offset:calc(-2 * var(--pad))}.poster-showcase{position:absolute;inset:0;display:grid;place-items:center}.poster-showcase__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1px;background:var(--on-dark-line-soft)}@media(max-width:720px){.poster-showcase__grid{grid-template-columns:repeat(2,1fr)}}.poster-showcase__tile{position:relative;overflow:hidden;background:var(--void)}.poster-showcase__img{width:100%;height:100%;object-fit:cover;opacity:.55}.poster-showcase__cap{position:absolute;left:var(--s-2);bottom:var(--s-2);font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:-.02em;text-transform:uppercase;color:var(--on-dark-4)}.poster-showcase__overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-3);text-align:center;background:var(--glass-fill-solid)}[data-glass=on] .poster-showcase__overlay{background:var(--glass-fill);background-image:var(--glass-panes);-webkit-backdrop-filter:blur(var(--glass-blur)) var(--glass-warp, );backdrop-filter:blur(var(--glass-blur)) var(--glass-warp, )}.poster-showcase__note{max-width:32ch;font-family:var(--font-micro);font-size:var(--t-body);line-height:var(--lh-body);color:var(--on-dark-2)}.poster-showcase__debug{max-width:42ch;font-family:var(--font-mono);font-size:var(--t-xs);line-height:1.5;color:var(--on-dark-3);word-break:break-word}.wip__loader{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);background:color-mix(in srgb,var(--void) 55%,transparent)}.wip__loader-label{font-family:var(--font-mono);font-size:var(--t-xs);font-weight:500;letter-spacing:-.02em;text-transform:uppercase;color:var(--on-dark-5)}.wip__loader-bar{position:relative;width:min(220px,50vw);height:2px;overflow:hidden;background:var(--on-dark-line-soft)}.wip__loader-fill{position:absolute;inset:0;background:var(--on-dark);transform:scaleX(0);transform-origin:left center;transition:transform .25s linear;will-change:transform}.wip__loader-bar[data-indeterminate] .wip__loader-fill{transform:scaleX(.3);transition:none;animation:wip-loader-sweep 1.2s ease-in-out infinite alternate}@keyframes wip-loader-sweep{0%{transform:translate(-30%) scaleX(.3)}to{transform:translate(100%) scaleX(.3)}}.wip__loader-pct{font-family:var(--font-mono);font-size:var(--t-sm);color:var(--on-dark-4);font-variant-numeric:tabular-nums}.wip-chrome__bare{position:absolute;left:var(--pad);bottom:max(clamp(16px,3vw,32px),env(safe-area-inset-bottom));z-index:5;display:inline-flex;align-items:center;gap:var(--s-2);min-height:34px;padding:var(--s-1) var(--s-2);font-family:var(--font-display);font-size:var(--t-body);font-weight:500;line-height:1.1;color:var(--on-dark);background:var(--glass-fill-solid);opacity:0;transform:translateY(6px);transition:opacity var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft);pointer-events:none}[data-glass=on] .wip-chrome__bare{background:var(--glass-fill);background-image:var(--glass-panes);-webkit-backdrop-filter:blur(var(--glass-blur)) var(--glass-warp, );backdrop-filter:blur(var(--glass-blur)) var(--glass-warp, )}.wip-chrome__bare--visible{opacity:1;transform:none}@media(max-width:640px){.wip-chrome__top .pc-icon:last-child{display:none}}.wip-chrome__logo{position:absolute;--logo-h: calc(18 * var(--u));top:calc((46px - var(--logo-h)) / 2 + env(safe-area-inset-top));left:var(--pad-page);z-index:5;flex:none;color:var(--on-dark);transition:color var(--dur-1) var(--ease-soft),opacity var(--dur-2) var(--ease-soft)}.wip-chrome__logo:hover{color:var(--on-dark-max)}.wip-chrome__logo .logo{height:var(--logo-h)}.wip-chrome__top{position:absolute;top:calc((46px - 34 * var(--u)) / 2 + env(safe-area-inset-top));right:var(--pad);z-index:5;display:flex;align-items:center;gap:calc(24 * var(--u));transition:opacity var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}.wip-chrome__top>*{pointer-events:auto}.wip-chrome__top--hidden,.wip-chrome__logo--hidden{opacity:0;transform:translateY(-6px);pointer-events:none}.wip-chrome__clip{position:absolute;top:calc(165 * var(--u) + env(safe-area-inset-top));left:var(--pad);z-index:4;pointer-events:none;transition:opacity var(--dur-2) ease,transform var(--dur-2) ease}.wip-chrome__clip--hidden{opacity:0;transform:translateY(-6px)}.wip-chrome__wall{position:absolute;inset:0 0 env(safe-area-inset-bottom);z-index:4;pointer-events:none;--tape-h: calc(116 * var(--u));--tape-floor: calc(80 * var(--u));transition:opacity var(--dur-2) ease,transform var(--dur-2) ease}.wip-chrome__wall--hidden{opacity:0;transform:translateY(8px);pointer-events:none}.wip-chrome__wall--notape{--tape-h: 0px}.wip-chrome__wall>.wall-card{position:absolute;left:var(--pad);bottom:calc(var(--tape-floor) + var(--tape-h) + 38 * var(--u));pointer-events:none}.wip-chrome__hint{position:absolute;right:var(--pad);bottom:calc(var(--tape-floor) + var(--tape-h) + 18 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u));font-family:var(--font-text);font-size:calc(16 * var(--u));font-weight:400;line-height:1;color:var(--on-dark-3)}.wip-chrome__live{position:absolute;right:var(--pad);bottom:calc(var(--tape-floor) + var(--tape-h) + 18 * var(--u));display:inline-flex;align-items:center;gap:calc(12 * var(--u));margin:0;padding:0 calc(12 * var(--u));border:0;background:none;font-family:var(--font-text);font-size:calc(16 * var(--u));font-weight:500;line-height:1;color:var(--on-dark-max);cursor:pointer;pointer-events:auto}.wip-chrome__live:before{content:"";position:absolute;inset:calc(var(--s-2) * -1)}.wip-chrome__hint svg{flex:none;width:calc(16 * var(--u));height:calc(16 * var(--u));opacity:.6}.wip-chrome__tape{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--tape-floor);height:var(--tape-h);pointer-events:auto}.wip-chrome__seeall{position:absolute;left:50%;bottom:calc(22 * var(--u));transform:translate(-50%);display:inline-flex;align-items:center;gap:calc(12 * var(--u));font-family:var(--font-text);font-size:calc(16 * var(--u));font-weight:400;line-height:1;color:var(--on-dark-max);pointer-events:auto}.wip-chrome__seeall svg{flex:none;width:calc(24 * var(--u));height:calc(24 * var(--u));transition:transform var(--dur-1) var(--ease-snap)}.wip-chrome__seeall:hover svg{transform:translateY(3px)}@media(hover:none)and (pointer:coarse){.wip-chrome__seeall:before{content:"";position:absolute;inset:calc(var(--s-2) * -1)}}.wip-chrome__wall>.meta{position:absolute;right:0;bottom:0}.wip__kicker{display:block;color:var(--on-dark-4);text-transform:uppercase;letter-spacing:.08em}@media(max-height:620px){.wip-chrome__hint{display:none}.wip-chrome__wall>.wall-card{bottom:calc(var(--tape-floor) + var(--tape-h) + 12 * var(--u))}}@media(max-height:520px){.wip-chrome__wall>.meta{display:none}}@media(max-width:900px){.wip-chrome__seeall,.wip-chrome__hint{display:none}}