.showreel-open{background:#000;overflow:hidden!important}.showreel{--sr-white:#f7f7f7;--sr-dim:#9a9a9a;z-index:10000;min-height:100svh;color:var(--sr-white);isolation:isolate;background:#000;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.showreel button,.showreel a,.showreel input{font:inherit}.showreel button,.showreel a{-webkit-tap-highlight-color:transparent}.showreel-canvas,.showreel-fallback-visual{width:100%;height:100%;position:absolute;inset:0}.showreel-canvas{filter:grayscale()contrast(1.08);display:block}.showreel-grain{z-index:6;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.22s steps(2,end) infinite showreel-grain;position:absolute;inset:-40%}@keyframes showreel-grain{0%{transform:translate(-2%,1%)}50%{transform:translate(2%,-1%)}to{transform:translateY(2%)}}.showreel-onboarding,.showreel-unavailable{z-index:20;padding:max(2rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));background:#000;place-items:center;display:grid;position:absolute;inset:0}.showreel-prompt{text-align:center;width:min(46rem,100%);animation:1.1s cubic-bezier(.2,.8,.2,1) both showreel-reveal}.showreel-kicker,.showreel-scene-index{color:#888;letter-spacing:.24em;text-transform:uppercase;font-size:.68rem;font-weight:600}.showreel-prompt label,.showreel-prompt h1,.showreel-unavailable h1{letter-spacing:-.055em;text-wrap:balance;margin:1.5rem 0 2.75rem;font-size:clamp(2.1rem,6vw,5.8rem);font-weight:500;line-height:.98;display:block}.showreel-prompt input[type=text]{color:#fff;text-align:center;background:0 0;border:0;border-bottom:1px solid #555;border-radius:0;outline:0;width:min(30rem,90%);margin:0 auto 2.5rem;font-size:clamp(1.5rem,4vw,2.6rem);line-height:1.8;display:block}.showreel-prompt input[type=text]:focus{border-color:#fff}.showreel-prompt>button,.showreel-choice-row button,.showreel-interests button{color:#050505;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#f5f5f5;border:1px solid #d8d8d8;min-width:11rem;min-height:3.35rem;font-size:.72rem;font-weight:600;transition:color .25s,background .25s,border-color .25s}.showreel-prompt>button:hover,.showreel-choice-row button:hover,.showreel-interests button:hover{color:#fff;background:#111;border-color:#555}.showreel-prompt .showreel-quiet-action{color:#888;background:0 0;border:0;min-height:auto;margin:1.25rem auto 0;display:block}.showreel-prompt__copy{color:#a8a8a8;max-width:35rem;margin:-1rem auto 2.5rem;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.65}.showreel-choice-row,.showreel-interests{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.showreel-interests button{color:#ddd;background:0 0;min-width:9rem}.showreel-copy{z-index:4;pointer-events:none;text-align:center;text-shadow:0 2px 30px #000;flex-direction:column;justify-content:center;align-items:center;padding:8rem 6vw;display:flex;position:absolute;inset:0}.showreel-copy h1{letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;max-width:14ch;margin:1rem 0 0;font-size:clamp(3rem,10vw,10rem);font-weight:500;line-height:.86;animation:.9s cubic-bezier(.16,.84,.23,1) both showreel-title-in}.showreel-secondary{color:#c8c8c8;letter-spacing:.17em;text-transform:uppercase;max-width:46rem;margin:1.4rem 0 0;font-size:clamp(.7rem,1.3vw,1rem);font-weight:500;line-height:1.6;animation:1.2s .2s both showreel-reveal}.showreel-copy.scene-projects,.showreel-copy.scene-releases{text-align:left;justify-content:flex-end;align-items:flex-start;padding:8rem 7vw}.showreel-copy.scene-projects h1,.showreel-copy.scene-releases h1{max-width:12ch;font-size:clamp(3rem,8vw,8rem)}.showreel-copy.scene-personal_moment{text-align:left;align-items:flex-start}.showreel-copy.scene-personal_moment h1{max-width:12ch;font-size:clamp(3.5rem,9vw,9rem)}@keyframes showreel-title-in{0%{opacity:0;filter:blur(18px);letter-spacing:-.02em;transform:translate3d(0,1rem,-5rem)scale(.94)}to{opacity:1;filter:blur();transform:none}}@keyframes showreel-reveal{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.showreel-controls{inset:auto max(1.2rem, env(safe-area-inset-right)) max(1.2rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));z-index:30;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;transform:translateY(.5rem)}.showreel-controls.is-visible{opacity:1;pointer-events:auto;transform:none}.showreel-exit{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));position:fixed}.showreel-controls button{color:#eee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0000008f;border:1px solid #333;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:inline-grid}.showreel-controls button:hover,.showreel-controls button:focus-visible{color:#050505;background:#eee;border-color:#aaa;outline:none}.showreel-controls svg{width:1rem;height:1rem}.showreel-controls__timeline{width:100%}.showreel-controls__timeline input{accent-color:#fff;cursor:pointer;width:100%;height:1rem;margin:0}.showreel-controls__timeline input:disabled{opacity:.45}.showreel-controls__timeline div{color:#aaa;letter-spacing:.1em;justify-content:space-between;margin-top:.2rem;font-size:.66rem;display:flex}.showreel-controls__buttons{justify-content:center;align-items:center;gap:.45rem;margin-top:.8rem;display:flex}.showreel-interaction{z-index:18;left:50%;bottom:max(8.5rem, calc(env(safe-area-inset-bottom) + 8.5rem));text-transform:uppercase;position:absolute;transform:translate(-50%)}.showreel-interaction--hold{place-items:center;gap:.8rem;display:grid}.showreel-interaction--hold button{color:#fff;letter-spacing:.14em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#0000008c;border:1px solid #aaa;border-radius:3rem;min-width:14rem;min-height:3.25rem;padding:.8rem 1.4rem;font-size:.67rem;font-weight:600}.showreel-interaction--hold button:active{color:#000;background:#fff}.showreel-interaction--hold span,.showreel-interaction--spatial{color:#aaa;letter-spacing:.18em;font-size:.6rem}.showreel-interaction--master{color:#aaa;letter-spacing:.15em;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(30rem,70vw);font-size:.6rem;display:grid}.showreel-interaction--master input{accent-color:#fff;width:100%}.showreel-endcard{z-index:24;text-align:center;background:#000000e8;place-content:center;padding:2rem;animation:1s both showreel-reveal;display:grid;position:absolute;inset:0}.showreel-endcard>p{color:#888;letter-spacing:.25em;font-size:.65rem}.showreel-endcard h2{letter-spacing:-.065em;text-transform:uppercase;margin:1.3rem 0 2.5rem;font-size:clamp(3rem,9vw,8rem);font-weight:500;line-height:.9}.showreel-endcard div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.showreel-endcard a,.showreel-endcard button,.showreel-unavailable a{color:#eee;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #555;min-width:10rem;padding:.95rem 1.4rem;font-size:.66rem;font-weight:600;text-decoration:none}.showreel-endcard a:first-child{color:#000;background:#fff;border-color:#fff}.showreel-fallback-visual{background:radial-gradient(circle at 50% 45%,#181818,#000 58%);place-items:center;display:grid;overflow:hidden}.showreel-fallback-visual i{border:1px solid #ffffff1f;border-radius:50%;width:42vmin;height:42vmin;animation:12s ease-in-out infinite alternate showreel-fallback;position:absolute}.showreel-fallback-visual i:nth-child(2){width:68vmin;height:68vmin;animation-delay:-4s}.showreel-fallback-visual i:nth-child(3){width:92vmin;height:92vmin;animation-delay:-8s}@keyframes showreel-fallback{to{opacity:.2;transform:scale(.72)translate(4vw,-2vh)}}.showreel-unavailable{text-align:center}.showreel-unavailable p{color:#888;letter-spacing:.22em;font-size:.7rem}.showreel-unavailable a{display:inline-block}@media (width<=700px){.showreel-copy{justify-content:center;padding:7rem 1.2rem 11rem}.showreel-copy h1{max-width:11ch;font-size:clamp(3rem,16vw,6.2rem);line-height:.89}.showreel-copy.scene-projects,.showreel-copy.scene-releases{padding:6rem 1.25rem 11rem}.showreel-copy.scene-projects h1,.showreel-copy.scene-releases h1{font-size:clamp(2.8rem,14vw,5.5rem)}.showreel-secondary{max-width:90%;font-size:.62rem}.showreel-interaction{bottom:max(9.5rem, calc(env(safe-area-inset-bottom) + 9.5rem))}.showreel-choice-row,.showreel-interests{grid-template-columns:1fr 1fr;display:grid}.showreel-choice-row button,.showreel-interests button{min-width:0}.showreel-endcard div{grid-template-columns:1fr 1fr;display:grid}.showreel-endcard a,.showreel-endcard button{min-width:0}}@media (prefers-reduced-motion:reduce){.showreel *,.showreel :before,.showreel :after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.showreel-grain{display:none}}