@property --sec{syntax:"<integer>";inherits:false;initial-value:0}@property --frame{syntax:"<integer>";inherits:false;initial-value:0}.Showreel-module__0aA0vW__overlay{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.87, 0, .13, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-tick:cubic-bezier(.76, 0, .24, 1);--pad:clamp(16px, 4vmin, 44px);z-index:100;touch-action:none;color:var(--foreground);background:radial-gradient(125% 95% at 50% 40%, var(--background) 30%, var(--portfolio-shell));animation:.6s 10.8s forwards Showreel-module__0aA0vW__overlay-out;position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.Showreel-module__0aA0vW__overlay{display:none}}.Showreel-module__0aA0vW__stage{position:absolute;inset:0}.Showreel-module__0aA0vW__grid{--line:color-mix(in oklch, var(--foreground) 7%, transparent);background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-size:8vmin 8vmin;animation:1.5s .1s both Showreel-module__0aA0vW__fade,10s linear both Showreel-module__0aA0vW__drift;position:absolute;inset:-8vmin;-webkit-mask-image:radial-gradient(closest-side,#000 15%,#0000);mask-image:radial-gradient(closest-side,#000 15%,#0000)}.Showreel-module__0aA0vW__glow{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklch, var(--portfolio-green) 15%, transparent), transparent 70%);width:110vmax;margin:-55vmax 0 0 -55vmax;animation:2s both Showreel-module__0aA0vW__fade,10s ease-in-out both Showreel-module__0aA0vW__glow;position:absolute;top:50%;left:50%}.Showreel-module__0aA0vW__grain{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.6s step-end infinite Showreel-module__0aA0vW__grain;position:absolute;inset:-10%}.dark .Showreel-module__0aA0vW__grain{opacity:.07}.Showreel-module__0aA0vW__timecode{counter-reset:sec var(--sec) frame var(--frame);animation:10s steps(10,end) both Showreel-module__0aA0vW__seconds,1s steps(30,end) 10 Showreel-module__0aA0vW__frames}.Showreel-module__0aA0vW__timecode:after{content:"00:00:" counter(sec, decimal-leading-zero) ":" counter(frame, decimal-leading-zero)}.Showreel-module__0aA0vW__chapter{left:var(--pad);bottom:calc(var(--pad) + 11px);position:absolute}.Showreel-module__0aA0vW__progress{background:color-mix(in oklch, var(--foreground) 10%, transparent);height:2px;position:absolute;inset:auto 0 0}.Showreel-module__0aA0vW__clock{background:var(--portfolio-green);transform-origin:0;height:100%;animation:10s linear both Showreel-module__0aA0vW__grow;display:block}.Showreel-module__0aA0vW__scene{animation:Showreel-module__0aA0vW__show 1ms var(--in) both, Showreel-module__0aA0vW__push var(--len) linear var(--in) both, Showreel-module__0aA0vW__hide .45s var(--ease-in) var(--out) forwards;position:absolute;inset:0}.Showreel-module__0aA0vW__burst{animation-name:Showreel-module__0aA0vW__show,Showreel-module__0aA0vW__push,Showreel-module__0aA0vW__burst}.Showreel-module__0aA0vW__fade,.Showreel-module__0aA0vW__rise,.Showreel-module__0aA0vW__wipe,.Showreel-module__0aA0vW__pop,.Showreel-module__0aA0vW__grow,.Showreel-module__0aA0vW__type{animation-delay:calc(var(--in,0s) + var(--at,0s) + var(--i,0) * var(--step,0s));animation-duration:var(--dur,.9s);animation-fill-mode:both;animation-timing-function:var(--ease-out)}.Showreel-module__0aA0vW__fade{animation-name:Showreel-module__0aA0vW__fade}.Showreel-module__0aA0vW__rise{animation-name:Showreel-module__0aA0vW__rise}.Showreel-module__0aA0vW__wipe{animation-name:Showreel-module__0aA0vW__wipe;animation-timing-function:var(--ease-in-out)}.Showreel-module__0aA0vW__pop{animation-name:Showreel-module__0aA0vW__pop;animation-timing-function:var(--ease-back)}.Showreel-module__0aA0vW__grow{animation-name:Showreel-module__0aA0vW__grow;animation-timing-function:var(--ease-in-out)}.Showreel-module__0aA0vW__type{white-space:nowrap;width:calc(var(--chars) * 1ch);animation-name:Showreel-module__0aA0vW__type;animation-timing-function:steps(var(--chars), end);display:inline-block;overflow:hidden}.Showreel-module__0aA0vW__mask{margin:-.14em -.12em;padding:.14em .12em;display:block;overflow:hidden}.Showreel-module__0aA0vW__caret{background:var(--portfolio-green);width:.55em;height:1.15em;animation:.9s step-end infinite Showreel-module__0aA0vW__blink;display:inline-block}.Showreel-module__0aA0vW__letter{animation:Showreel-module__0aA0vW__rise 1s var(--ease-out) calc(var(--in) + var(--i) * 40ms) both, Showreel-module__0aA0vW__rise-out .5s var(--ease-in) calc(var(--out) - .35s + var(--i) * 25ms) forwards;display:inline-block}.Showreel-module__0aA0vW__slot{margin-top:0;display:grid}.Showreel-module__0aA0vW__slot>*{grid-area:1/1}.Showreel-module__0aA0vW__phrase{white-space:nowrap;animation:Showreel-module__0aA0vW__phrase-in .45s var(--ease-tick) calc(var(--in) + var(--at) + var(--i) * var(--step)) both, Showreel-module__0aA0vW__phrase-out .45s var(--ease-tick) calc(var(--in) + var(--at) + (var(--i) + 1) * var(--step)) forwards}.Showreel-module__0aA0vW__phrase:last-child{color:var(--portfolio-green);animation-name:Showreel-module__0aA0vW__phrase-in,none}@keyframes Showreel-module__0aA0vW__overlay-out{to{opacity:0;visibility:hidden}}@keyframes Showreel-module__0aA0vW__show{0%{visibility:hidden}to{visibility:visible}}@keyframes Showreel-module__0aA0vW__push{0%{scale:1}to{scale:1.04}}@keyframes Showreel-module__0aA0vW__hide{0%{opacity:1;filter:blur();visibility:visible}to{opacity:0;filter:blur(8px);visibility:hidden}}@keyframes Showreel-module__0aA0vW__burst{0%{opacity:1;visibility:visible;scale:1.04}to{opacity:0;filter:blur(10px);visibility:hidden;scale:1.3}}@keyframes Showreel-module__0aA0vW__fade{0%{opacity:0}}@keyframes Showreel-module__0aA0vW__rise{0%{translate:0 130%}}@keyframes Showreel-module__0aA0vW__rise-out{to{translate:0 -130%}}@keyframes Showreel-module__0aA0vW__wipe{0%{clip-path:inset(-.5em 100% -.5em -.5em)}to{clip-path:inset(-.5em)}}@keyframes Showreel-module__0aA0vW__pop{0%{opacity:0;scale:0}}@keyframes Showreel-module__0aA0vW__grow{0%{scale:0 1}}@keyframes Showreel-module__0aA0vW__type{0%{width:0}}@keyframes Showreel-module__0aA0vW__seconds{to{--sec:10}}@keyframes Showreel-module__0aA0vW__frames{to{--frame:30}}@keyframes Showreel-module__0aA0vW__blink{50%{opacity:0}}@keyframes Showreel-module__0aA0vW__phrase-in{0%{translate:0 115%}}@keyframes Showreel-module__0aA0vW__phrase-out{to{translate:0 -115%}}@keyframes Showreel-module__0aA0vW__drift{to{translate:8vmin 4vmin}}@keyframes Showreel-module__0aA0vW__glow{0%{translate:0 8%;scale:.45}25%{translate:-22%;scale:.85}55%{translate:20%;scale:.75}80%{translate:0 -6%;scale:.9}to{translate:0;scale:.6}}@keyframes Showreel-module__0aA0vW__grain{0%{translate:0}20%{translate:-4% 3%}40%{translate:3% -5%}60%{translate:-2% 6%}80%{translate:5% 1%}}