.work-screen :focus-visible{outline:2px solid var(--focus-ink,var(--glass-live))}.work-screen [data-work-bay]{isolation:isolate;position:relative}@media (width<=68.74rem){.work-screen [data-work-bay][data-specimen-mode=strip]{top:calc(var(--nav-height) + var(--baseline) * 1.5);aspect-ratio:16/10;min-height:0;max-height:38svh;position:sticky}.work-screen [data-work-bay][data-specimen-mode=dock]{position:relative}}.work-screen [data-work-preview-layer]{will-change:opacity, clip-path;filter:contrast(calc(1 + var(--vhs-sharpen,.4) * .22))}.work-screen [data-sticky-preview=true]{top:calc(var(--nav-height) + var(--baseline) * 2);position:sticky}.work-screen [data-work-seam-track]{position:relative}.work-screen [data-work-seam-tick]{border-top:1px solid var(--color-grenadier);border-bottom:1px solid var(--color-grenadier);opacity:0;pointer-events:none;width:14px;height:10px;margin-left:-7px;position:absolute;top:0;left:50%}.work-screen [data-work-seam-tick]:before{content:"";inset-inline:0;background:var(--color-grenadier);height:1px;position:absolute;top:50%}.work-screen [data-work-seam]:before,.work-screen [data-work-seam]:after{content:"";background:var(--color-grenadier);width:10px;height:1px;position:absolute;left:50%;transform:translate(-50%)}.work-screen [data-work-seam]:before{top:0}.work-screen [data-work-seam]:after{bottom:0}.work-bay-ticks{z-index:3;pointer-events:none;position:absolute;inset:6px}.work-bay-ticks span{border-color:color-mix(in srgb, var(--color-phosphor-white) 42%, transparent);width:8px;height:8px;position:absolute}.work-bay-ticks [data-corner=tl]{border-top:1px solid;border-left:1px solid;top:0;left:0}.work-bay-ticks [data-corner=tr]{border-top:1px solid;border-right:1px solid;top:0;right:0}.work-bay-ticks [data-corner=bl]{border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.work-bay-ticks [data-corner=br]{border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.work-vhs{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.work-vhs__scan,.work-vhs__chroma,.work-vhs__dropout,.work-vhs__head,.work-vhs__tracking,.work-vhs__burst{pointer-events:none;position:absolute}.work-vhs__scan{background:repeating-linear-gradient(to bottom, rgb(245 242 232/calc(var(--vhs-scan) * 2.2)) 0 1px, transparent 1px 3px);mix-blend-mode:overlay;opacity:.88;inset:0}.work-vhs__chroma{box-shadow:calc(var(--vhs-chroma) * var(--vhs-chroma-kick,1) * -1) 0 0 #0af3, calc(var(--vhs-chroma) * var(--vhs-chroma-kick,1)) 0 0 #ff302829;mix-blend-mode:screen;inset:0}.work-vhs__dropout{opacity:calc(var(--vhs-dropout) * 18);mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 47px,#f5f2e824 47px 48px,#0000 48px 121px,#f5f2e814 121px 122px);inset:0}.work-vhs__head{height:var(--vhs-head-switch);mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#f5f2e82e 0 2px,#0000 2px 5px),#0c0c0b8c;bottom:0;left:0;right:0}.work-vhs__tracking{height:var(--vhs-tracking);mix-blend-mode:overlay;background:linear-gradient(#0000,#f5f2e81f 40%,#0c0c0b59 50%,#f5f2e814 60%,#0000);animation:5.2s linear infinite work-vhs-track;left:0;right:0}.work-vhs__burst{height:var(--vhs-burst);mix-blend-mode:overlay;opacity:0;will-change:transform, opacity;background:linear-gradient(#0000,#f5f2e859,#0c0c0b80,#0000);left:0;right:0}@keyframes work-vhs-track{0%{transform:translateY(110%)}to{transform:translateY(-130%)}}.work-vhs[data-work-vhs-motion=still] .work-vhs__tracking,.work-vhs[data-work-vhs-motion=still] .work-vhs__burst{animation:none}@media (prefers-reduced-motion:reduce){.work-vhs__tracking,.work-vhs__burst{animation:none}}.work-case-layer{color:var(--color-phosphor-white)}.work-case-layer__sheet{box-shadow:-1.5rem 0 3.5rem #0c0c0b47,0 -.25rem 1.25rem #0c0c0b38}.work-case-layer__document{padding-block-start:0;padding-inline-start:calc(var(--frame-inset) + clamp(2.25rem, 3vw, 3.25rem))}.work-case-layer__spine{align-items:center;gap:calc(var(--baseline) * 3);width:clamp(2.25rem,3vw,3.25rem);padding-block:calc(var(--baseline) * 3);color:var(--color-ink);background:linear-gradient(90deg, transparent 0 calc(100% - 3px), var(--color-grenadier) calc(100% - 3px) 100%), var(--color-phosphor-white);writing-mode:vertical-rl;border-right:1px solid #0c0c0b59;flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0}.work-case-layer__spine .type-machine,.work-case-layer__spine .type-class:last-child{margin-block-start:auto}.work-case-layer__transport{background-color:color-mix(in srgb, var(--color-tape-magnetic) 88%, var(--color-tape-oxide));padding-inline-end:calc(2.75rem + var(--baseline) * 4)}.work-case-layer__jcard{gap:var(--baseline);border-left:.3rem solid var(--color-grenadier);padding:var(--baseline) calc(var(--baseline) * 1.5);background:repeating-linear-gradient(90deg, #0c0c0b0a 0 1px, transparent 1px 6px), var(--color-phosphor-white);color:var(--color-ink);display:grid;box-shadow:0 1px #0c0c0b33,0 6px 14px #0c0c0b38}.work-case-layer__jcard-band{justify-content:space-between;align-items:baseline;gap:calc(var(--baseline) * .5) var(--baseline-2,1rem);padding-bottom:calc(var(--baseline) * .75);border-bottom:1px solid #0c0c0b33;flex-wrap:wrap;display:flex}.work-case-layer__readouts{background:#0c0c0b99;border:1px solid #0c0c0b99;grid-template-columns:repeat(3,minmax(0,max-content));justify-content:start;gap:1px;display:grid}.work-case-layer__readout{min-width:4.5rem;padding:calc(var(--baseline) * .5) var(--baseline);background:var(--color-carbon);color:var(--color-phosphor-white);flex-direction:column;gap:2px;display:flex}.work-case-layer__readout .type-class{color:var(--color-registration-light)}.work-case-layer__readout .type-machine{text-shadow:0 0 6px #f5f2e859}.work-case-layer__counter{background:#17171529;height:2px;overflow:hidden}.work-case-layer__counter>span{background:var(--color-grenadier);width:100%;height:100%;transform:scaleX(var(--tape-progress,0));transform-origin:0;display:block}.work-case-layer__hero{background:var(--color-carbon);min-height:0;position:relative;overflow:hidden}.work-case-layer__hero img{width:100%;height:auto;display:block}.work-case-beat-frames--full{grid-template-columns:1fr;display:grid}.work-case-beat-frames--pair,.work-case-beat-frames--stack{gap:var(--baseline-4,2rem);grid-template-columns:1fr;display:grid}@media (width>=48rem){.work-case-beat-frames--pair{grid-template-columns:7fr 5fr}.work-case-beat-frames--stack{grid-template-rows:auto auto;grid-template-columns:5fr 7fr}.work-case-beat-frames--stack>:first-child{grid-row:1/span 2}}.work-case-beat-frame{background:var(--color-carbon)}.work-case-beat-frame img,.work-case-beat-frame video{width:100%;height:auto;display:block}.work-case-identity__plate{background:var(--color-carbon);grid-template-columns:1fr;min-height:min(30svh,18rem);display:grid;overflow:hidden}@media (width>=48rem){.work-case-identity__plate[data-has-palette=true]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.work-case-identity__logo{padding:calc(var(--baseline) * 5) calc(var(--baseline) * 4);background:var(--color-carbon);justify-content:center;align-items:center;display:flex}.work-case-identity__logo img{width:min(68%,20rem);height:auto;display:block}.work-case-identity__palette{border-top:1px solid #f5f2e833;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));align-items:stretch;display:grid}@media (width>=48rem){.work-case-identity__palette{border-top:0;border-left:1px solid #f5f2e833}}.work-case-identity__swatch{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.work-case-identity__swatch-field{min-height:calc(var(--baseline) * 9);flex:1;display:block}@media (width>=48rem){.work-case-identity__swatch-field{min-height:0}}.work-case-identity__swatch-meta{overflow-wrap:anywhere;padding:calc(var(--baseline) * .75);background:var(--color-carbon);color:var(--color-registration-light);flex-direction:column;gap:2px;display:flex}.work-case-identity__swatch-value{overflow-wrap:anywhere}.work-case-identity[data-identity-state=pending] .work-case-identity__plate{border-style:dashed;border-color:#f5f2e847;min-height:0}.work-case-identity__pending{min-height:min(24svh,12rem)}.work-case-layer__next-sleeve{border:1px solid #0c0c0b47;border-left:.4rem solid var(--color-tape-oxide);width:min(100%,28rem);padding:calc(var(--baseline) * 3);background:repeating-linear-gradient(90deg, #0c0c0b0f 0 1px, transparent 1px 7px), color-mix(in srgb, var(--color-tape-magnetic) 82%, var(--color-tape-oxide))}.work-case-layer__next-thumb{object-fit:contain;background:var(--color-carbon);width:100%;max-height:8rem;display:block}@media (width<=47.999rem){.work-case-layer__document{padding-inline-start:calc(var(--frame-inset) + 1.75rem)}.work-case-layer__spine{width:1.75rem}.work-case-layer__transport{padding-inline-end:0}.work-case-layer__readouts{grid-template-columns:repeat(3,minmax(0,1fr));margin-inline-end:calc(2.75rem + var(--baseline) * 1.5)}.work-case-layer__readout{min-width:0}}
