[data-runtime-loader]{z-index:20000;box-sizing:border-box;contain:layout paint style;position:fixed;inset:0}[data-runtime-loader][hidden],[data-runtime-loader] [hidden]{display:none!important}[data-runtime-loader][data-state=handoff]{pointer-events:none}[data-runtime-loader] [data-loader-retry]:disabled{cursor:wait;opacity:.45}@media (prefers-reduced-motion:reduce){[data-runtime-loader],[data-runtime-loader] *,[data-runtime-loader] :before,[data-runtime-loader] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#portfolio-runtime-loader{--loader-signal:#ff3535;--loader-field:#b30000;--loader-surface:#07080a;--loader-ink:#f2f0e8;--loader-muted:#747985;color:var(--loader-ink);background:var(--loader-surface);letter-spacing:0;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:background-color .32s linear;overflow:hidden}#portfolio-runtime-loader:before{z-index:0;content:"";filter:grayscale()brightness(.52)contrast(3.2);opacity:.14;pointer-events:none;background:url(/textures/paper/ambientcg-paper001-color.jpg) 50%/512px;position:absolute;inset:0}.portfolio-loader__signal{z-index:1;background:#281216;width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-1px)}.portfolio-loader__signal-fill{background:var(--loader-signal);transform:scaleY(var(--loader-progress,0));transform-origin:50% 100%;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .22s linear;position:absolute;inset:0}.portfolio-loader__cursor{z-index:1;left:50%;bottom:calc(var(--loader-progress,0) * 100%);background:var(--loader-signal);width:30px;height:1px;transition:bottom .18s cubic-bezier(.22,1,.36,1),opacity .18s linear;position:absolute;transform:translate(-50%,50%)}.portfolio-loader__tick{z-index:1;background:#70232a;width:14px;height:1px;position:absolute;left:calc(50% - 7px)}.portfolio-loader__tick:nth-child(3){top:25%}.portfolio-loader__tick:nth-child(4){top:50%}.portfolio-loader__tick:nth-child(5){top:75%}.portfolio-loader__brand,.portfolio-loader__chapter-label,.portfolio-loader__phase,.portfolio-loader__progress,.portfolio-loader__begin{z-index:2;transition:opacity .18s linear,transform .24s cubic-bezier(.22,1,.36,1);position:absolute}.portfolio-loader__field{z-index:0;background:var(--loader-field);transform-origin:50%;transition:transform .56s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;overflow:hidden;transform:scaleX(0)}.portfolio-loader__field:after{content:"";filter:grayscale()brightness(.52)contrast(8);mix-blend-mode:soft-light;opacity:1;pointer-events:none;background:url(/textures/paper/ambientcg-paper001-color.jpg) 50%/512px;position:absolute;inset:0}.portfolio-loader__brand{text-transform:uppercase;gap:4px;padding:8px 12px;display:grid;top:max(24px,4vw);left:max(24px,4vw)}.portfolio-loader__brand:before,.portfolio-loader__brand:after{content:"";pointer-events:none;width:9px;height:9px;position:absolute}.portfolio-loader__brand:before{border-top:1px solid var(--loader-signal);border-left:1px solid var(--loader-signal);top:0;left:0}.portfolio-loader__brand:after{border-right:1px solid var(--loader-signal);border-bottom:1px solid var(--loader-signal);bottom:0;right:0}.portfolio-loader__brand strong{font-size:13px;font-weight:800}.portfolio-loader__brand>span,.portfolio-loader__phase small{color:var(--loader-muted);font-size:9px}.portfolio-loader__brand>span{opacity:.68}.portfolio-loader__pending{color:var(--loader-ink);font-size:inherit;animation:3.8s step-end infinite portfolio-loader-pending-pulse}.portfolio-loader__chapter-label{box-sizing:border-box;width:2.2%;height:76vh;color:var(--loader-ink);text-transform:uppercase;grid-template-rows:auto 1fr auto;gap:clamp(8px,1.8vh,18px);padding:clamp(6px,.7vw,12px) clamp(3px,.45vw,8px);font-size:8px;display:grid;top:12vh;left:calc(96.9% + .5px);overflow:hidden}.portfolio-loader__chapter-label span{letter-spacing:.12em;width:6.356em;font-size:.72em;font-weight:700;line-height:1.25;display:block}.portfolio-loader__phase{gap:5px;max-width:min(420px,100vw - 120px);display:grid;bottom:max(24px,4vw);left:max(24px,4vw)}.portfolio-loader__phase-current{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.portfolio-loader__log{gap:3px;min-height:13px;display:grid}.portfolio-loader__log span{max-height:0;color:var(--loader-muted);opacity:0;text-transform:uppercase;white-space:nowrap;font-size:9px;line-height:1.25;transition:max-height .18s linear,opacity .18s linear,transform .18s ease-out;overflow:hidden;transform:translateY(4px)}.portfolio-loader__log span:before{color:#4d535d;content:"+";width:14px;display:inline-block}#portfolio-runtime-loader[data-active-task=renderer] [data-loader-log-task=renderer],#portfolio-runtime-loader[data-active-task=initial-content] [data-loader-log-task=renderer],#portfolio-runtime-loader[data-active-task=initial-content] [data-loader-log-task=initial-content],#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=renderer],#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=initial-content],#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=stable-frame],#portfolio-runtime-loader[data-active-task=entry] [data-loader-log-task]{opacity:.42;max-height:13px;transform:translateY(0)}#portfolio-runtime-loader[data-active-task=renderer] [data-loader-log-task=renderer],#portfolio-runtime-loader[data-active-task=initial-content] [data-loader-log-task=initial-content],#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=stable-frame],#portfolio-runtime-loader[data-active-task=entry] [data-loader-log-task=entry]{color:var(--loader-ink);opacity:1}#portfolio-runtime-loader[data-active-task=renderer] [data-loader-log-task=renderer]:before,#portfolio-runtime-loader[data-active-task=initial-content] [data-loader-log-task=initial-content]:before,#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=stable-frame]:before,#portfolio-runtime-loader[data-active-task=entry] [data-loader-log-task=entry]:before{color:var(--loader-signal);content:">"}#portfolio-runtime-loader[data-active-task=renderer] [data-loader-log-task=renderer]:after,#portfolio-runtime-loader[data-active-task=initial-content] [data-loader-log-task=initial-content]:after,#portfolio-runtime-loader[data-active-task=stable-frame] [data-loader-log-task=stable-frame]:after,#portfolio-runtime-loader[data-active-task=entry] [data-loader-log-task=entry]:after{background:var(--loader-signal);content:"";vertical-align:-1px;width:6px;height:9px;margin-left:7px;animation:.9s step-end infinite portfolio-loader-cursor-blink;display:inline-block}.portfolio-loader__progress{color:var(--loader-signal);font-variant-numeric:tabular-nums;font-size:84px;font-weight:800;line-height:.9;bottom:max(20px,3.6vw);right:max(24px,4vw)}.portfolio-loader__begin{min-width:104px;min-height:42px;color:var(--loader-ink);font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:auto 30px;align-items:center;gap:12px;padding:0;font-size:10px;font-weight:800;display:grid;top:50%;left:calc(50% + 18px);transform:translateY(-50%)}.portfolio-loader__begin i{background:var(--loader-signal);transform-origin:0;width:30px;height:1px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block}.portfolio-loader__begin:hover i,.portfolio-loader__begin:focus-visible i{transform:scaleX(1.5)}.portfolio-loader__begin:focus-visible{outline:1px solid var(--loader-signal);outline-offset:8px}.portfolio-loader__begin:disabled{cursor:wait;opacity:.42}.portfolio-loader__error{z-index:2;width:min(440px,100vw - 48px);color:var(--loader-ink);text-align:center;gap:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-loader__error strong{color:var(--loader-signal);text-transform:uppercase;font-size:12px}.portfolio-loader__error span{color:#b2b5bc;font-size:10px;line-height:1.5}.portfolio-loader__error button{min-height:34px;color:var(--loader-surface);background:var(--loader-signal);font:inherit;text-transform:uppercase;cursor:pointer;border:0;border-radius:3px;justify-self:center;padding:0 14px;font-size:10px;font-weight:800}#portfolio-runtime-loader[data-state=error] .portfolio-loader__brand,#portfolio-runtime-loader[data-state=error] .portfolio-loader__chapter-label,#portfolio-runtime-loader[data-state=error] .portfolio-loader__phase,#portfolio-runtime-loader[data-state=error] .portfolio-loader__progress,#portfolio-runtime-loader[data-state=error] .portfolio-loader__cursor{opacity:.16}#portfolio-runtime-loader[data-state=awaiting-entry][data-entry-ready=true]{cursor:pointer}#portfolio-runtime-loader[data-state=awaiting-entry] .portfolio-loader__begin{opacity:1;pointer-events:auto}#portfolio-runtime-loader[data-state=loading] .portfolio-loader__begin,#portfolio-runtime-loader[data-state=ready] .portfolio-loader__begin,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__begin,#portfolio-runtime-loader[data-state=error] .portfolio-loader__begin{opacity:0;pointer-events:none;transform:translate(12px,-50%)}#portfolio-runtime-loader[data-state=activating] .portfolio-loader__begin{pointer-events:none;animation:.32s linear both portfolio-loader-confirm-begin}#portfolio-runtime-loader[data-state=activating] .portfolio-loader__signal{animation:.32s cubic-bezier(.22,1,.36,1) both portfolio-loader-confirm-signal}#portfolio-runtime-loader[data-state=activating] .portfolio-loader__cursor{animation:.32s cubic-bezier(.22,1,.36,1) both portfolio-loader-confirm-cursor}#portfolio-runtime-loader[data-state=activating] .portfolio-loader__tick{transform-origin:50%;animation:.32s cubic-bezier(.22,1,.36,1) both portfolio-loader-confirm-tick}@keyframes portfolio-loader-confirm-begin{0%{opacity:1;transform:translateY(-50%)}22%{opacity:.12;transform:translateY(-50%)}44%{opacity:1;transform:translateY(-50%)}68%{opacity:.18;transform:translateY(-50%)}to{opacity:0;transform:translate(12px,-50%)}}@keyframes portfolio-loader-confirm-signal{0%,to{filter:none;transform:translate(-1px)scaleX(1)}24%{filter:brightness(.45);transform:translate(-1px)scaleX(.45)}52%{filter:brightness(2.4);transform:translate(-1px)scaleX(3)}}@keyframes portfolio-loader-confirm-cursor{0%,to{opacity:1;transform:translate(-50%,50%)scaleX(1)}24%{opacity:.2;transform:translate(-50%,50%)scaleX(.35)}52%{opacity:1;transform:translate(-50%,50%)scaleX(2.4)}}@keyframes portfolio-loader-confirm-tick{0%,to{opacity:1;transform:scaleX(1)}24%{opacity:.15;transform:scaleX(.35)}52%{opacity:1;transform:scaleX(2.2)}}#portfolio-runtime-loader[data-state=handoff]{background:var(--loader-surface)}#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__brand,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__chapter-label,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__phase,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__progress,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__cursor,#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__tick{opacity:0}#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__signal{background:var(--loader-signal)}#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__signal-fill{opacity:1;transition-delay:0s;transform:scaleY(1)}#portfolio-runtime-loader[data-state=handoff] .portfolio-loader__field{transform:scaleX(1)}#portfolio-runtime-loader[data-rehearsal=true]{pointer-events:none;background:var(--loader-surface);transition:none}#portfolio-runtime-loader[data-rehearsal=true] *,#portfolio-runtime-loader[data-rehearsal=true] :before,#portfolio-runtime-loader[data-rehearsal=true] :after{transition:none!important}#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__brand,#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__chapter-label,#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__phase,#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__progress,#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__cursor,#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__tick{opacity:calc(1 - var(--loader-chrome-progress,0))}#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__signal{background:#281216}#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__signal-fill{opacity:1;transform:scaleY(var(--loader-progress,0));transition-delay:0s}#portfolio-runtime-loader[data-rehearsal=true] .portfolio-loader__field{transform:scaleX(var(--loader-field-progress,0))}@keyframes portfolio-loader-pending-pulse{0%,82%,to{opacity:1;text-shadow:none}86%{opacity:.7;text-shadow:0 0 7px color-mix(in srgb, var(--loader-signal) 70%, transparent)}90%{opacity:1;text-shadow:0 0 2px var(--loader-signal)}}@keyframes portfolio-loader-cursor-blink{0%,54%{opacity:1}55%,to{opacity:0}}.portfolio-orientation-gate{z-index:21000;color:var(--loader-ink,#f2f0e8);text-align:center;text-transform:uppercase;background:#07080a;place-content:center;gap:9px;padding:24px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:fixed;inset:0}.portfolio-orientation-gate:before{content:"";background:#ff3535;width:2px;position:absolute;inset:0 50%}.portfolio-orientation-gate>*{z-index:1;background:#07080a;justify-self:center;padding:2px 8px;position:relative}.portfolio-orientation-gate span,.portfolio-orientation-gate small{color:#747985;font-size:9px}.portfolio-orientation-gate strong{font-size:12px}.portfolio-orientation-gate[hidden]{display:none}html[data-orientation-blocked=true],html[data-orientation-blocked=true] body{overscroll-behavior:none;touch-action:none;overflow:hidden!important}.portfolio-audio-toggle{z-index:80;color:#f1ede4;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:13px auto;grid-template-areas:"bars label""bars state";align-items:center;gap:0 6px;width:48px;min-height:34px;padding:4px 0;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;line-height:1;display:grid;position:fixed;bottom:max(14px,2.8vh);right:max(10px,.9vw)}.portfolio-audio-toggle[hidden]{display:none}.portfolio-audio-toggle:after{content:"";transform-origin:100%;background:#ff3535;height:1px;transition:transform .16s ease-out;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.28)}.portfolio-audio-toggle:hover:after,.portfolio-audio-toggle:focus-visible:after{transform:scaleX(1)}.portfolio-audio-toggle:focus-visible{outline-offset:5px;outline:1px solid #ff3535}.portfolio-audio-toggle__bars{grid-area:bars;align-items:center;gap:2px;width:13px;height:16px;display:flex}.portfolio-audio-toggle__bars i{background:#ff3535;width:2px;transition:height .16s ease-out,opacity .16s linear}.portfolio-audio-toggle__bars i:first-child{height:6px}.portfolio-audio-toggle__bars i:nth-child(2){height:14px}.portfolio-audio-toggle__bars i:nth-child(3){height:9px}.portfolio-audio-toggle>span:not(.portfolio-audio-toggle__bars){grid-area:label;font-weight:800}.portfolio-audio-toggle small{color:#807c74;grid-area:state;margin-top:3px;font-size:7px}.portfolio-audio-toggle[data-muted=true] .portfolio-audio-toggle__bars i{opacity:.45;height:1px}.portfolio-audio-toggle[data-error=true] .portfolio-audio-toggle__bars i{background:#f1ede4}@media (width<=600px){.portfolio-loader__brand{top:22px;left:20px}.portfolio-loader__chapter-label{width:20px;font-size:8px;top:calc(12vh + 6px);right:12px}.portfolio-loader__phase{max-width:calc(100vw - 110px);bottom:22px;left:20px}.portfolio-loader__progress{font-size:44px;bottom:18px;right:18px}.portfolio-audio-toggle{bottom:10px;right:10px}}html[data-touch-first=true]{width:100%!important;height:var(--consumer-viewport-height,100dvh)!important;overscroll-behavior:none!important;touch-action:none!important;min-height:0!important;overflow:hidden!important}html[data-touch-first=true] body{width:100%!important;height:var(--consumer-viewport-height,100dvh)!important;overscroll-behavior:none!important;touch-action:none!important;min-height:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}html[data-touch-first=true] #app{bottom:auto;right:auto;width:var(--consumer-viewport-width,100vw)!important;height:var(--consumer-viewport-height,100dvh)!important}
