.k-showreel{flex-direction:column;min-height:100vh;padding:60px 0 80px;display:flex;position:relative}.showreel-head{color:var(--fg-mute);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:120px 1fr;align-items:baseline;gap:40px;margin-bottom:32px;font-family:Inter Tight,sans-serif;font-size:11px;display:grid}.showreel-head .idx{color:var(--fg)}.showreel-head .lbl{color:var(--fg-dim)}.showreel-frame{--showreel-progress:0;--showreel-radius:36;aspect-ratio:16/9;width:calc(64vw + (100vw - 64vw) * var(--showreel-progress));border-radius:calc(var(--showreel-radius) * 1px);border:1px solid var(--rule);background:var(--bg-2);isolation:isolate;will-change:width, border-radius;margin:0 auto;position:relative;overflow:hidden}.showreel-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.showreel-placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.showreel-grid{background-image:repeating-linear-gradient(0deg, transparent 0 40px, color-mix(in oklab, var(--fg) 3%, transparent) 40px 41px), repeating-linear-gradient(90deg, transparent 0 40px, color-mix(in oklab, var(--fg) 3%, transparent) 40px 41px);position:absolute;inset:0}.showreel-center{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.showreel-dot{background:var(--fg);width:14px;height:14px;box-shadow:0 0 0 6px color-mix(in oklab, var(--fg) 18%, transparent);border-radius:50%;animation:2.4s ease-out infinite showreel-pulse}@keyframes showreel-pulse{0%{box-shadow:0 0 0 6px color-mix(in oklab, var(--fg) 24%, transparent)}70%{box-shadow:0 0 0 18px color-mix(in oklab, var(--fg) 0%, transparent)}to{box-shadow:0 0 0 6px color-mix(in oklab, var(--fg) 0%, transparent)}}.showreel-caption{color:var(--fg-mute);letter-spacing:.08em;text-transform:uppercase;text-align:center;max-width:40ch;font-size:11px}.showreel-corner{color:var(--fg-mute);letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:10px;position:absolute}.showreel-corner.tl{top:16px;left:20px}.showreel-corner.tr{top:16px;right:20px}.showreel-corner.bl{bottom:16px;left:20px}.showreel-corner.br{bottom:16px;right:20px}@media (max-width:1000px){.showreel-head{grid-template-columns:1fr;gap:8px}.showreel-frame{width:calc(100vw - var(--gutter-x) * 2);border-radius:16px}}@media (prefers-reduced-motion:reduce){.showreel-frame{--showreel-progress:1;--showreel-radius:12;transition:none}}