.wip-page{--wip-ink:#1c3442;--wip-paper:#f2ede3;--wip-red:#7a2438;--wip-accent:#287ca3;min-height:100svh;color:var(--wip-ink);background:radial-gradient(circle at 72% 18%,#fffaf0 0,#e5e1d8 46%,#cec5b6 100%);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.wip-design-film{--wip-red:#287ca3;--wip-accent:#d47835}.wip-design-slate{--wip-red:#579b72;--wip-accent:#7a2438}.wip-grid{opacity:.16;pointer-events:none;background-image:linear-gradient(var(--wip-ink) 1px,transparent 1px),linear-gradient(90deg,var(--wip-ink) 1px,transparent 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.wip-header,.wip-footer{z-index:2;border-color:var(--wip-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f1e8e8;justify-content:space-between;align-items:center;display:flex;position:relative}.wip-header{border-bottom:3px solid;min-height:78px;padding:14px clamp(18px,4vw,68px)}.wip-brand{color:inherit;font:900 22px/1 var(--font-figtree);letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:11px;text-decoration:none;display:flex}.wip-brand img{object-fit:contain;width:44px;height:44px}.wip-status{border:2px solid var(--wip-ink);box-shadow:3px 3px 0 var(--wip-ink);font:800 10px var(--font-plex-mono);letter-spacing:.08em;text-transform:uppercase;background:#fffdf8;align-items:center;gap:9px;padding:8px 12px;display:flex}.wip-status i,.wip-monitor-bar i{background:var(--wip-red);border:1px solid var(--wip-ink);border-radius:50%;width:9px;height:9px;animation:1s steps(2,end) infinite wip-blink}.wip-stage{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(44px,7vw,110px);width:min(1320px,100% - 36px);margin:auto;padding:54px 0;display:grid;position:relative}.wip-copy{flex-direction:column;align-items:flex-start;display:flex}.wip-labels{gap:8px;margin-bottom:25px;display:flex}.wip-labels span{border:2px solid var(--wip-ink);font:900 10px var(--font-plex-mono);letter-spacing:.09em;text-transform:uppercase;box-shadow:3px 3px 0 var(--wip-ink);background:#fffdf8;padding:5px 11px}.wip-labels span:first-child{background:var(--wip-red);color:#fff}.wip-kicker{color:var(--wip-red);font:700 clamp(25px,2.3vw,36px)/1 var(--font-caveat);margin:0 0 8px;transform:rotate(-2deg)}.wip-copy h1{font:900 clamp(58px,7vw,108px)/.82 var(--font-figtree);letter-spacing:-.075em;text-transform:uppercase;margin:0}.wip-copy h1 strong{color:var(--wip-red);font-family:var(--font-bebas);letter-spacing:.01em;-webkit-text-stroke:3px var(--wip-ink);paint-order:stroke fill;font-weight:400}.wip-description{color:#465d69;max-width:580px;margin:27px 0 0;font-size:16px;font-weight:650;line-height:1.55}.wip-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.wip-actions>a{border:3px solid var(--wip-ink);box-shadow:6px 6px 0 var(--wip-ink);background:var(--wip-red);color:#fff;font:900 11px var(--font-plex-mono);letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s}.wip-actions>a:hover{box-shadow:3px 3px 0 var(--wip-ink);transform:translate(3px,3px)}.wip-actions>span{font:800 10px var(--font-plex-mono);letter-spacing:.05em;text-transform:uppercase}.wip-actions>span strong{border:2px solid var(--wip-ink);background:#fff;place-items:center;width:29px;height:29px;margin-left:4px;font-size:13px;display:inline-grid}.wip-monitor{border:4px solid var(--wip-ink);box-shadow:14px 14px 0 var(--wip-ink);background:#ede6da;padding:18px;animation:4.5s ease-in-out infinite wip-float;position:relative;transform:rotate(1.2deg)}.wip-monitor:before{content:"CUT";z-index:2;background:var(--wip-accent);border:2px solid var(--wip-ink);font:900 11px var(--font-plex-mono);box-shadow:3px 3px 0 var(--wip-ink);padding:6px 13px;position:absolute;top:-27px;right:-18px;transform:rotate(7deg)}.wip-design-film .wip-monitor:before{content:"LOST"}.wip-design-slate .wip-monitor:before{content:"HOLD"}.wip-monitor-bar,.wip-monitor-footer{font:900 10px var(--font-plex-mono);letter-spacing:.05em;justify-content:space-between;align-items:center;display:flex}.wip-monitor-bar{border-bottom:3px solid var(--wip-ink);padding:0 2px 13px}.wip-monitor-bar span:first-child{align-items:center;gap:7px;display:flex}.wip-monitor-bar span:last-child{background:var(--wip-ink);color:#fff;padding:3px 8px}.wip-screen{aspect-ratio:16/10;border:3px solid var(--wip-ink);background:#0e1e27;margin:16px 0;position:relative;overflow:hidden}.wip-bars{grid-template-columns:repeat(6,1fr);height:100%;display:grid}.wip-bars i:first-child{background:#7a2438}.wip-bars i:nth-child(2){background:#287ca3}.wip-bars i:nth-child(3){background:#cf7544}.wip-bars i:nth-child(4){background:#579b72}.wip-bars i:nth-child(5){background:#d47835}.wip-bars i:nth-child(6){background:#f5f1e8}.wip-film-strip,.wip-slate-lines{display:none}.wip-design-film .wip-bars{filter:grayscale()contrast(1.35);opacity:.72;transform:scale(1.04)}.wip-design-film .wip-film-strip{border-block:12px solid #0e1e27;justify-content:space-between;display:flex;position:absolute;inset:8px}.wip-design-film .wip-film-strip i{width:18px;height:12px;box-shadow:0 calc(100% + 182px) 0 #f5f1e8;background:#f5f1e8;align-self:flex-start}.wip-design-slate .wip-bars{opacity:.86;background:repeating-linear-gradient(135deg,#132c38 0 26px,#1c3442 26px 52px)}.wip-design-slate .wip-bars i{display:none}.wip-design-slate .wip-slate-lines{border:2px solid #f5f1e8;grid-template-rows:repeat(3,1fr);display:grid;position:absolute;inset:16% 10%}.wip-design-slate .wip-slate-lines i{border-bottom:2px solid #f5f1e8}.wip-design-slate .wip-slate-lines i:last-child{border:0}.wip-no-signal{color:#fff;text-align:center;background:#102530e8;border:2px solid #fff;min-width:58%;padding:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 0 28px #0008}.wip-no-signal span,.wip-no-signal small{font-family:var(--font-plex-mono);letter-spacing:.12em;font-weight:900;display:block}.wip-no-signal span{font-size:clamp(20px,3vw,34px)}.wip-no-signal small{color:#b8c5ca;margin-top:3px;font-size:9px}.wip-scanline{filter:blur(5px);background:#fff4;height:8%;animation:2.8s linear infinite wip-scan;position:absolute;top:-10%;left:0;right:0}.wip-monitor-footer{color:#50646e}.wip-footer{min-height:48px;font:800 9px var(--font-plex-mono);letter-spacing:.08em;border-top:3px solid;padding:10px clamp(18px,4vw,68px)}@keyframes wip-blink{50%{opacity:.15}}@keyframes wip-float{0%,to{transform:rotate(1.2deg)translateY(0)}50%{transform:rotate(.3deg)translateY(-8px)}}@keyframes wip-scan{to{top:108%}}@media (max-width:900px){.wip-stage{grid-template-columns:1fr;gap:46px;width:min(720px,100% - 34px);padding:42px 0}.wip-monitor{width:min(560px,100%);margin:auto}.wip-copy h1{font-size:clamp(53px,14vw,86px)}}@media (max-width:540px){.wip-header{min-height:66px;padding:10px 14px}.wip-brand{font-size:18px}.wip-brand img{width:36px;height:36px}.wip-status{padding:6px 8px;font-size:8px}.wip-stage{padding:32px 0 42px}.wip-labels{margin-bottom:19px}.wip-kicker{font-size:25px}.wip-copy h1{font-size:clamp(47px,14.5vw,68px)}.wip-description{margin-top:22px;font-size:14px}.wip-monitor{box-shadow:8px 8px 0 var(--wip-ink);padding:12px}.wip-footer{padding-inline:12px;font-size:7px}}@media (prefers-reduced-motion:reduce){.wip-status i,.wip-monitor-bar i,.wip-monitor,.wip-scanline{animation:none}}