/* vitoria.css — CASE_03 / VITORIA */
.project-vitoria{background:#0b0b0a;color:var(--paper)}
.project-vitoria .project-sticky{background:#0b0b0a}
.vitoria-copy{position:absolute;left:4vw;top:11vh;width:43vw;z-index:4}.vitoria-copy h3 em{font-family:var(--serif);font-weight:400;color:var(--red)}.vitoria-copy>p{font-size:29px;line-height:1;max-width:460px;color:#c7c4bb}
.crt{position:absolute;right:4vw;top:16vh;width:46vw;height:62vh;border:4px solid var(--paper);padding:14px;background:#121210;transform:rotate(4deg);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.project-vitoria.is-in .crt{transform:rotate(0deg)}
.crt-screen{position:relative;height:calc(100% - 48px);overflow:hidden;background:#070706}
#noiseCanvas{width:100%;height:100%;display:block;image-rendering:pixelated;opacity:.82}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);mix-blend-mode:screen;pointer-events:none}
.v-face{position:absolute;inset:0;opacity:calc(var(--signal, .18)*1.2);transition:opacity .1s}
.v-eye{position:absolute;top:34%;width:18%;height:10%;border:3px solid var(--paper)}.v-eye--l{left:23%}.v-eye--r{right:23%}.v-mouth{position:absolute;left:37%;bottom:26%;width:26%;height:8%;border-bottom:4px solid var(--paper)}
.crt-controls{height:48px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:8px}.crt-controls input{accent-color:var(--red)}
.wave-big{position:absolute;left:0;right:0;bottom:-2vh;height:27vh;display:flex;align-items:center;justify-content:space-between;gap:1vw;opacity:.3;padding:0 2vw}
.wave-big span{width:1.2vw;background:var(--paper);height:calc(15% + var(--h, .5)*70%);transform:scaleY(.2);transition:transform .7s ease}
.wave-big span:nth-child(3n){--h:.9;transition-delay:.06s}.wave-big span:nth-child(4n){--h:.3;transition-delay:.12s}.wave-big span:nth-child(5n){--h:.7;transition-delay:.18s}
.project-vitoria.is-in .wave-big span{transform:scaleY(1)}

@media(max-width:900px){
  .vitoria-copy h3{font-size:18vw}
  .vitoria-copy>p{font-size:7vw}
  .vitoria-copy{left:18px;top:10vh;width:86vw}.crt{width:88vw;height:48vh;right:6vw;top:45vh}.wave-big{height:15vh}
}