.showreel,.showreel *{box-sizing:border-box}.showreel{--alto-blue:#0173FF;--alto-dark:#12131A;position:relative;width:100vw;margin-left:calc(50% - 50vw);height:80vh;background:var(--alto-dark);font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden;cursor:pointer}.showreel video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.sr-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.showreel.sr-playing .sr-poster{opacity:0;pointer-events:none}.showreel.expand .sr-poster{display:none}.showreel:not(.expand) video,.showreel:not(.expand) .sr-poster{transform:scale(1.01)}.sr-stage{position:absolute;inset:0;z-index:0;background:#000;display:none}.showreel.expand .sr-stage{display:block}.sr-logo{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:150px;height:auto}.sr-pulse{position:absolute;inset:0;margin:auto;z-index:2;width:200px;height:140px;pointer-events:none;animation:sr-pulse 2.6s ease-out infinite}.sr-pulse svg{width:100%;height:100%;display:block}@keyframes sr-pulse{0%{transform:scale(1.15);opacity:.3}70%,to{transform:scale(2.3);opacity:0}}.sr-play{position:absolute;inset:0;margin:auto;z-index:2;width:200px;height:140px;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center;transition:transform .18s ease}.sr-play:hover{transform:scale(1.06)}.sr-play:active{transform:scale(.97)}.sr-play svg,.sr-cursor svg{width:100%;height:100%;display:block}.sr-cursor{position:absolute;top:0;left:0;z-index:3;width:172px;height:120px;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;display:none}.showreel.fine .sr-cursor{display:block}.showreel.fine.hovering{cursor:none}.showreel.fine.hovering .sr-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.showreel.fine .sr-play,.showreel.fine .sr-pulse{display:none}.showreel.expand{position:fixed;inset:0;width:auto;height:auto;aspect-ratio:auto;margin:0;z-index:2147483647;background:#000;cursor:default}html.sr-open{overflow:hidden!important;background:#000}html.sr-open body{position:fixed!important;left:0;right:0;width:100%;overflow:hidden!important;overscroll-behavior:none;background:#000}.showreel.animating{transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}.showreel.contain video{object-fit:contain}.showreel.expand .sr-pulse,.showreel.expand .sr-play,.showreel.expand .sr-cursor{display:none!important}.sr-close{position:absolute;top:16px;right:16px;z-index:4;width:46px;height:46px;border:0;background:#00000073;display:none;place-items:center;cursor:pointer;transition:background .2s ease}.sr-close:hover{background:#000000b3}.showreel.expand .sr-close{display:grid}.sr-close .sr-close-ico{width:30px;height:30px;overflow:visible}.sr-close-ico path{transform-box:view-box;transform-origin:center}.sr-close-ico .sr-a{transform:translate(0) rotate(45deg)}.sr-close-ico .sr-b{transform:translate(0) rotate(-45deg)}.sr-close-ico .sr-c{opacity:0}.sr-close.sr-anim .sr-a{animation:sr-a .66s cubic-bezier(.45,0,.2,1) forwards}.sr-close.sr-anim .sr-b{animation:sr-b .66s cubic-bezier(.45,0,.2,1) forwards}.sr-close.sr-anim .sr-c{animation:sr-c .66s cubic-bezier(.45,0,.2,1) forwards}@keyframes sr-a{0%{opacity:1;transform:translate(0) rotate(45deg) scale(1)}33%{opacity:1;transform:translate(-10px,3px) rotate(0) scale(1)}70%{opacity:1;transform:translate(-10px,3px) rotate(0) scale(1)}to{opacity:0;transform:translate(-10px,3px) rotate(0) scale(.3)}}@keyframes sr-b{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}33%{opacity:1;transform:translate(10px,-3px) rotate(0) scale(1)}70%{opacity:1;transform:translate(10px,-3px) rotate(0) scale(1)}to{opacity:0;transform:translate(10px,-3px) rotate(0) scale(.3)}}@keyframes sr-c{0%,33%{opacity:0;transform:translate(0) scale(0)}55%{opacity:1;transform:translate(0) scale(1)}70%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(.3)}}.showreel video::-webkit-media-controls,.showreel video::-webkit-media-controls-panel,.showreel video::-webkit-media-controls-start-playback-button,.showreel video::-webkit-media-controls-overlay-play-button,.showreel video::-webkit-media-controls-fullscreen-button{display:none!important;-webkit-appearance:none}.sr-ico{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}.showreel.sr-icon .sr-play,.showreel.sr-icon .sr-cursor{width:132px;height:132px}.showreel.sr-contained:not(.expand){width:100%;margin:0 0 100px;height:auto;aspect-ratio:16/9}.showreel.sr-clip{clip-path:inset(38% 0);will-change:clip-path}.showreel.sr-clip.expand{clip-path:none!important}@media(max-width:991px){.showreel.sr-contained:not(.expand){aspect-ratio:5/4;margin-bottom:50px}}@media(max-width:768px){.showreel{height:auto;aspect-ratio:7/5}.sr-play,.sr-pulse{width:133px;height:93px}.showreel.sr-icon .sr-play{width:104px;height:104px}.showreel.expand video{position:absolute;inset:0;margin:auto;z-index:1;width:100vw;height:auto;aspect-ratio:5/4;object-fit:cover}}@media(prefers-reduced-motion:reduce){.sr-pulse{animation:none;opacity:0}.showreel.sr-clip{clip-path:none!important}.sr-close.sr-anim path{animation:none}}