.film-grain{z-index:65;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.03;mix-blend-mode:normal;contain:strict;background-image:url(/world/grain.png);background-size:180px 180px;transition:opacity .6s;position:fixed;inset:0}.is-fallback .film-grain,.experience[data-location=work] .film-grain,.experience[data-location=case] .film-grain{opacity:.025}.experience[data-location]:not(.is-entered) .film-grain{opacity:0}
.foreground-particles{z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict;width:100%;height:100%;position:fixed;inset:0}.foreground-particles[data-enabled=false]{visibility:hidden}@media (prefers-reduced-motion:reduce){.foreground-particles{display:none}}
.experience-overlay.is-demo{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0e11;overflow:hidden}.experience-overlay.is-demo .demo-viewer{color:#eeedf1;flex-direction:column;width:100%;height:100dvh;display:flex}.demo-viewer-bar{background:#101216;border-bottom:1px solid #ffffff1a;flex:none;align-items:center;gap:28px;min-height:68px;padding:10px 24px;display:flex}.demo-viewer-identity{align-items:baseline;gap:18px;min-width:0;display:flex}.demo-viewer-label{color:#a1a3ac;white-space:nowrap;font-size:14px}.demo-viewer-identity strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;font-size:16px;font-weight:500;overflow:hidden}.demo-viewer-status{color:#a1a3ac;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:14px;display:flex}.demo-viewer-status i{background:var(--active-project-accent,#b8c4cf);border-radius:50%;width:5px;height:5px}.demo-viewer-close{flex:none}.demo-viewer button:focus-visible{outline:2px solid var(--active-project-accent,#b8c4cf);outline-offset:3px}.demo-viewer-stage{background:#11141a;flex:1;min-height:0;position:relative}.experience-overlay.is-demo .demo-viewer .live-frame{background:#11141a;border:0;border-radius:0;width:100%;height:100%;display:block}.demo-viewer-loading{color:#eeedf1;pointer-events:none;background:#11141a;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.demo-viewer-loading>span{letter-spacing:-.05em;font-size:clamp(32px,6vw,70px)}.demo-viewer-loading p{color:#9c9fa9;font-size:14px}.demo-viewer-loading button{pointer-events:auto;color:#eeedf1;background:0 0;border:1px solid #ffffff30;min-height:44px;padding:8px 16px}@media (max-width:767px){.demo-viewer-bar{gap:12px;min-height:60px;padding:8px 12px}.demo-viewer-label,.demo-viewer-status,.demo-viewer-close kbd{display:none}.demo-viewer-identity{flex:1}.demo-viewer-identity strong{font-size:15px}.demo-viewer .demo-viewer-close{gap:10px;padding-inline:12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.demo-viewer .demo-viewer-close{transition:none}}
.portfolio-icon{pointer-events:none;flex:none;width:20px;height:20px;display:block}:where(.portfolio-control){position:relative}.portfolio-control.portfolio-control[data-control-icon]{isolation:isolate;color:#dfe4dd;width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #e4e8e23d;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .25s,border-color .25s,background-color .25s,transform .25s;display:inline-flex}.portfolio-control>.portfolio-icon{z-index:1;transition:transform .3s;position:relative;transform:translate(0,0)}.portfolio-control.portfolio-control[data-control-icon]:focus-visible{outline-offset:4px;color:#f3f5ef;border-color:#e4e8e280;outline:2px solid #edf0e9}.portfolio-control.portfolio-control[data-control-icon][aria-pressed=true]{color:#f3f5ef;background-color:#e4e8e212;border-color:#e4e8e299}.portfolio-control.portfolio-control[data-control-icon]:active:not(:disabled){color:#f3f5ef;border-color:#e4e8e299;transform:scale(.96)}.portfolio-control.portfolio-control[data-control-icon]:disabled{opacity:.3;cursor:default;box-shadow:none}.case-loop-controls .portfolio-control.portfolio-control,.case-studio-image-open>.portfolio-control.portfolio-control{color:#e9ede7;background:#111518e6;border-color:#e4e8e24d}.case-loop-controls .portfolio-control.portfolio-control[data-control-icon][aria-pressed=true]{background:#28302de6}.experience-overlay.is-media .portfolio-control.portfolio-control.overlay-close{color:#e9ede7;box-shadow:none;background:#111518e6;border-color:#e4e8e24d;border-radius:50%}.case-studio-image-open:focus-visible>.portfolio-control{outline-offset:4px;color:#f3f5ef;border-color:#e4e8e280;outline:2px solid #edf0e9}@media (hover:hover) and (pointer:fine){.portfolio-control.portfolio-control[data-control-icon]:hover:not(:disabled),.case-studio-image-open:hover>.portfolio-control.portfolio-control{color:#f3f5ef;border-color:#e4e8e280}.portfolio-control[data-control-icon=previous]:hover:not(:disabled)>.portfolio-icon{transform:translate(-2px)}.portfolio-control[data-control-icon=next]:hover:not(:disabled)>.portfolio-icon{transform:translate(2px)}.portfolio-control[data-control-icon=fullscreen]:hover:not(:disabled)>.portfolio-icon,.case-studio-image-open:hover>.portfolio-control>.portfolio-icon{transform:scale(1.06)}}.reduce-motion .portfolio-control.portfolio-control,.reduce-motion .portfolio-control.portfolio-control>.portfolio-icon{transition:none;transform:none!important}@media (prefers-reduced-motion:reduce){.portfolio-control.portfolio-control,.portfolio-control.portfolio-control>.portfolio-icon{transition:none;transform:none!important}}