html,body,#root{margin:0;min-height:100%;width:100%;background:#fff!important}body{background:#fff!important}main:has(.portfolio){max-width:none!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.portfolio{width:100%;height:100svh;background:#fff;color:#24282b}.sky{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.sky svg{display:block;width:100%;height:100%;cursor:crosshair;outline:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sky svg:focus-visible{outline:1px solid #aaa;outline-offset:-5px}.work-backdrop{position:fixed;inset:0;z-index:100;background:#fff;display:flex;align-items:center;justify-content:center;padding:25px}.work-dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}.work-dialog>img{display:block;width:100%;height:100%;max-height:90svh;object-fit:contain}.work-dialog>button{position:absolute;top:0;right:0;z-index:2;background:#fff}.work-dialog button:focus-visible{outline:1px solid #333}@media(max-width:650px){.work-backdrop{padding:14px}.sky svg{width:100%;max-width:none;margin-left:0}}.sky canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.sky svg{position:relative}@media(max-width:650px){.sky canvas{width:100%;left:0}}.work-arrival{animation:eye-portal .85s cubic-bezier(.22,.65,.25,1) both;background:#fff}.work-arrival .work-dialog>img{animation:arrival-art .85s cubic-bezier(.18,.6,.22,1) both}.work-arrival .work-dialog>button{animation:arrival-close 1.4s ease both}@keyframes arrival-white{0%{background:#fff0}to{background:#fff}}@keyframes arrival-art{0%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes arrival-close{0%,65%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.work-arrival,.work-arrival .work-dialog>img,.work-arrival .work-dialog>button{animation:none}}.portfolio .work-dialog:focus{outline:none!important;border:0!important;box-shadow:none!important}.portfolio .work-dialog>button{top:44px;min-width:44px;min-height:44px}@keyframes eye-portal{0%{clip-path:circle(0px at 50% 50%)}to{clip-path:circle(150vmax at 50% 50%)}}.video-backdrop{position:fixed;inset:0;z-index:110;background:#080808;visibility:hidden;pointer-events:none;opacity:0;overflow:hidden}.video-backdrop.video-visible{visibility:visible;pointer-events:auto;opacity:1;animation:eye-portal 1s cubic-bezier(.22,.65,.25,1) both}.video-dialog{position:relative;width:100%;height:100%;outline:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-dialog video{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);background:#080808}.video-visible video{animation:video-drift 22s linear both}.video-dialog>button{position:absolute;z-index:3;top:44px;right:16px;min-width:44px;min-height:44px;background:#ffffffe6;color:#181818;border:0;border-radius:24px}.video-dialog .sound-control{right:auto;left:16px;font:12px system-ui;padding:0 14px}.video-dialog .play-control{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);font:15px system-ui;padding:10px 22px}.video-backdrop.video-returning{animation:video-release 2.4s cubic-bezier(.32,0,.4,1) both;pointer-events:none}.video-returning .video-dialog>button{opacity:0}.video-returning video{animation:none;transform:scale(1.045);transition:transform 2.4s ease;transform-origin:center}.video-returning .video-dialog{animation:video-retreat 2.4s ease both}@keyframes video-drift{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes video-retreat{to{transform:scale(.64)}}@keyframes video-release{0%{opacity:1;clip-path:circle(150vmax at 50% 50%)}65%{opacity:.9}to{opacity:0;clip-path:circle(0px at 50% 50%)}}@media(prefers-reduced-motion:reduce){.video-visible,.video-visible video,.video-backdrop.video-returning,.video-returning .video-dialog{animation-duration:1ms!important}}.video-dialog>button{min-height:44px!important;min-width:44px!important}.portfolio .video-dialog,.portfolio .video-dialog:focus{outline:none!important;border:0!important;box-shadow:none!important}.portfolio .video-dialog>button{background:#ffffffeb!important;color:#181818!important}.portfolio .video-dialog>button svg{color:#181818!important}.sky svg:focus{outline:none}.video-dialog video{object-fit:cover;touch-action:none;cursor:grab;user-select:none}.video-dialog video:active{cursor:grabbing}.video-backdrop.video-visible:not(.video-returning){animation-duration:.6s}.video-dialog{overscroll-behavior:none}.video-view{position:absolute;inset:0}.video-visible .video-view{animation:video-drift 22s linear both}.video-dialog .video-view video{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:fill;animation:none;transform-origin:center;transition:none}.video-returning .video-view{animation:none;transform:scale(1.045)}.video-zoom-controls{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:28px;background:#ffffffeb}.video-zoom-controls button{border:0;background:transparent;color:#181818;min-width:44px;min-height:44px;border-radius:24px;font:14px system-ui}.video-zoom-controls button:disabled{opacity:.3}.video-returning .video-zoom-controls{opacity:0}.video-backdrop.video-returning,.video-returning .video-dialog{animation-duration:var(--release-duration,2.4s)}.video-backdrop.video-returning{animation-name:circular-eye-return;animation-timing-function:cubic-bezier(.32,0,.4,1)}.video-returning .video-dialog,.video-returning .video-view{animation:none!important;transform:none!important}@keyframes circular-eye-return{0%{opacity:1;clip-path:circle(70.711% at 50% 50%)}80%{opacity:1}to{opacity:0;clip-path:circle(0% at 50% 50%)}}.video-dialog>button.banana-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:7px;background:transparent;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.banana-close:focus-visible{outline:2px solid white;outline-offset:2px}.banana-close svg{display:block;overflow:visible}.video-dialog>button.banana-close{background:transparent!important;box-shadow:none!important}