.ar-controls.svelte-v336bn{z-index:4;pointer-events:none;position:absolute;inset:0}.ar-trigger.svelte-v336bn{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:24px}.ar-trigger.svelte-v336bn:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 32%, transparent)}.ar-trigger.svelte-v336bn:focus-visible{outline:1px solid var(--color-accent);outline-offset:4px}.ar-trigger.svelte-v336bn:disabled{cursor:not-allowed}.ar-trigger.svelte-v336bn img:where(.svelte-v336bn){display:none}.ar-status.svelte-v336bn{width:max-content;max-width:190px;color:var(--color-ink-soft,#aeb6c8);font-family:var(--mono,ui-monospace, monospace);font-size:9px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.project-embed.svelte-ixy9zt{border:1px solid var(--embed-accent);background:var(--embed-bg,#fff);color:#5c6a8a;width:100%;height:100%;font:11px var(--mono);place-items:center;display:grid;position:relative;overflow:hidden}img.svelte-ixy9zt,video.svelte-ixy9zt{object-fit:contain;background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project-details.svelte-l08bki{--ink:#0b1733;--muted:#8a94a8;--line:#dce0e8;--dot:#aeb6c8;--halo:#fff;--title-idle:#c3cad8;--surface:#f7f8fa;--scrim:#fff3;--shadow:#0b173312;width:100vw;max-width:none;height:100vh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:clamp(16px,2vw,24px);position:fixed;inset:0;overflow-y:auto}.project-details[data-open=false].svelte-l08bki .details-header:where(.svelte-l08bki),.project-details[data-open=false].svelte-l08bki .details-layout:where(.svelte-l08bki){visibility:hidden}.project-details.svelte-l08bki:not([open]){visibility:hidden;pointer-events:none;display:block}.project-details.svelte-l08bki::backdrop{background:var(--scrim,#fff3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-details[data-theme=dark].svelte-l08bki{--ink:#f2f4f8;--muted:#8e97ab;--line:#4a4d55;--dot:#6f7686;--halo:#252525;--title-idle:#6b7385;--surface:#2c2c2c;--scrim:#181818b8;--shadow:#0006}.project-details[data-theme=dark].svelte-l08bki::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181818b8}.unwrap-line.svelte-l08bki{width:100%;height:100%;color:var(--line);pointer-events:none;position:absolute;inset:0}.unwrap-line.unwrapped.svelte-l08bki{visibility:hidden}.details-header.svelte-l08bki{font:11px var(--mono);justify-content:space-between;align-items:center;display:flex;position:relative}.header-divider.svelte-l08bki{color:var(--dot);margin:0 16px}button.svelte-l08bki{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0}button.svelte-l08bki:focus-visible,a.svelte-l08bki:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}.project-facts.svelte-l08bki{z-index:3;isolation:isolate;color:#fff;background:linear-gradient(#0000,#0b1733b8);flex-wrap:wrap;gap:6px 36px;margin:0;padding:56px 22px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-facts.svelte-l08bki:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.project-facts.svelte-l08bki dt:where(.svelte-l08bki){color:#ffffffa6;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.project-facts.svelte-l08bki dd:where(.svelte-l08bki){font:400 13px / 1.3 var(--sans);margin:0}.close-project.svelte-l08bki{min-height:44px;font:inherit;align-items:center;gap:20px;padding:0 4px;display:flex}.close-project.svelte-l08bki span:where(.svelte-l08bki){font:24px var(--sans)}.details-layout.svelte-l08bki{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);width:min(100%,1440px);min-height:calc(100% - 44px);margin:auto;padding:12px 0;display:grid;position:relative}.project-timeline.svelte-l08bki{--timeline-gap:8px;gap:var(--timeline-gap);align-self:start;margin-top:96px;display:grid}.project-entry.svelte-l08bki{text-align:left;gap:4px;min-height:44px;padding:6px 0 6px 20px;transition:transform .5s cubic-bezier(.2,.85,.2,1);display:grid;position:relative}.project-entry[aria-current].svelte-l08bki{transform:translate(4px)}.project-timeline.unwrapped.svelte-l08bki .project-entry:where(.svelte-l08bki):not(:last-child):after{content:"";width:1px;height:calc(100% + var(--timeline-gap));background:var(--line);pointer-events:none;position:absolute;top:50%;left:3px}.project-marker.svelte-l08bki{z-index:1;background:var(--dot);width:7px;height:7px;box-shadow:0 0 0 5px var(--halo);border-radius:50%;margin-top:-3.5px;transition:background .2s,box-shadow .2s;position:absolute;top:50%;left:0}.entry-meta.svelte-l08bki{color:var(--muted);font:10px var(--mono);display:block}.entry-meta.svelte-l08bki span:where(.svelte-l08bki){margin-left:10px}.entry-title.svelte-l08bki{width:fit-content;font:400 14px / 1.3 var(--sans);text-wrap:balance;color:var(--title-idle);background:linear-gradient(var(--entry-accent), var(--entry-accent)) 0 100% / 0 2px no-repeat;padding-bottom:4px;transition:color .3s,background-size .6s cubic-bezier(.2,.85,.2,1);display:block}.project-entry.svelte-l08bki:is(:where(.svelte-l08bki):hover,[aria-current]:where(.svelte-l08bki)) .entry-title:where(.svelte-l08bki){color:var(--ink)}.project-entry[aria-current].svelte-l08bki .entry-title:where(.svelte-l08bki){background-size:100% 2px}.project-entry[aria-current].svelte-l08bki .entry-meta:where(.svelte-l08bki){color:var(--entry-accent)}.project-entry[aria-current].svelte-l08bki .project-marker:where(.svelte-l08bki){background:var(--entry-accent);box-shadow:0 0 0 5px var(--halo), 0 0 0 6px var(--entry-accent)}.project-shape.svelte-l08bki{z-index:2;pointer-events:none;width:180px;height:180px;position:absolute;top:96px;right:16px}.project-view.svelte-l08bki{justify-self:center;width:min(100%,133.333svh - 333.333px);min-width:0;position:relative}.preview-heading.svelte-l08bki{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}h2.svelte-l08bki{font:400 clamp(20px, 2.5vw, 30px) var(--sans);margin-top:8px}.preview-heading.svelte-l08bki a:where(.svelte-l08bki),.toggle-facts.svelte-l08bki{font:10px var(--mono);flex-shrink:0;padding:12px 0}.heading-actions.svelte-l08bki{gap:24px;display:flex}.project-square.svelte-l08bki{aspect-ratio:4/3;background:var(--surface);width:100%;box-shadow:0 20px 70px var(--shadow);position:relative;overflow:hidden}.project-media.svelte-l08bki{visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-media.active.svelte-l08bki{visibility:visible;pointer-events:auto}.preview-controls.svelte-l08bki{color:var(--muted);font:10px var(--mono);justify-content:space-between;align-items:center;margin-top:12px;display:flex}.preview-controls.svelte-l08bki div:where(.svelte-l08bki){gap:8px;display:flex}.preview-controls.svelte-l08bki button:where(.svelte-l08bki){min-width:44px;min-height:44px;color:var(--ink);font-size:22px}@media (width<=720px){.details-layout.svelte-l08bki{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:16px;padding-top:20px}.project-timeline.svelte-l08bki{scrollbar-width:thin;grid-auto-columns:160px;grid-auto-flow:column;margin-top:0;padding:8px;overflow-x:auto}.project-entry.svelte-l08bki{gap:4px;min-height:44px;padding-top:6px;padding-bottom:6px}.project-timeline.unwrapped.svelte-l08bki .project-entry:where(.svelte-l08bki):not(:last-child):after{width:calc(100% + var(--timeline-gap));height:1px}.project-shape.svelte-l08bki{display:none}.project-view.svelte-l08bki{width:100%}.preview-heading.svelte-l08bki{gap:8px}.preview-heading.svelte-l08bki a:where(.svelte-l08bki){font-size:9px}h2.svelte-l08bki{font-size:22px}}@media (prefers-reduced-motion:reduce){.project-marker.svelte-l08bki,.project-entry.svelte-l08bki,.entry-title.svelte-l08bki{transition:none}}.bend-box.svelte-13wfznz{width:100vw;height:calc(var(--rail-height) + 2em);position:relative}.bend-host.svelte-13wfznz{width:var(--rail-height);height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bend-fill{background:#252525;width:100%;height:100%}.bend-fill>div,.bend-fill>canvas>div{overflow:hidden!important}.bend-frame.svelte-13wfznz{width:100%;height:100vw;position:sticky;top:0}.carousel-grid{pointer-events:none;background-image:linear-gradient(90deg,#f5f5f50f .5px,#0000 .5px),linear-gradient(#f5f5f50f .5px,#0000 .5px);background-size:48px 48px;position:absolute;inset:0}.bend-upright.svelte-13wfznz{width:100vw;height:var(--rail-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.stage-fill{width:100%;height:100%}.stage-fill>div,.stage-fill>canvas>div{overflow:hidden!important}canvas.svelte-11abksm{z-index:1;pointer-events:none;width:100%;image-rendering:pixelated;position:absolute;top:100%;left:0}@media (width<=860px){.edge-blur.svelte-jtcrp7{display:none}}.edge-blur.svelte-jtcrp7{z-index:2;pointer-events:none;position:absolute;inset:0}.edge.svelte-jtcrp7{width:18vw;position:absolute;top:0;bottom:0}.left.svelte-jtcrp7{--to:right;left:0}.right.svelte-jtcrp7{--to:left;right:0}i.svelte-jtcrp7{position:absolute;inset:0}i.svelte-jtcrp7:first-child{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(var(--to), #000 0%, #000 25%, transparent 50%);mask-image:linear-gradient(var(--to), #000 0%, #000 25%, transparent 50%)}i.svelte-jtcrp7:nth-child(2){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(var(--to), #000 0%, #000 18%, transparent 38%);mask-image:linear-gradient(var(--to), #000 0%, #000 18%, transparent 38%)}i.svelte-jtcrp7:nth-child(3){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(var(--to), #000 0%, #000 10%, transparent 26%);mask-image:linear-gradient(var(--to), #000 0%, #000 10%, transparent 26%)}i.svelte-jtcrp7:nth-child(4){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(var(--to), #000 0%, transparent 14%);mask-image:linear-gradient(var(--to), #000 0%, transparent 14%)}canvas.svelte-1afy8bl{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.work-scroll.svelte-1hju97u{--lift:100svh;--footer-drop:18vh;scroll-timeline:--work block;--card-width:min(76vw, 1120px);--preview-height:clamp(336px, min(57.6svh, calc(120svh - 540px)), 744px);--rail-shift:calc(var(--preview-height) * .1);--rail-top:calc(120px + var(--rail-shift));--rail-height:calc(var(--preview-height) + 88px + var(--rail-top));--work-ink:#0b1733;--work-muted:#5c6a8a;color:var(--work-ink);scrollbar-width:none;overscroll-behavior:contain;background:#fff;width:100vw;height:100svh;overflow:hidden auto}.work-scroll[data-canvas-fx=true].svelte-1hju97u{--rail-height:100svh;--rail-top:calc((100svh - var(--preview-height) - 88px) / 2 + var(--rail-shift))}.work-scroll[data-canvas-fx=true].svelte-1hju97u .work-focus:where(.svelte-1hju97u){padding-block:0}.work-scroll[data-canvas-fx=true].svelte-1hju97u .work-controls:where(.svelte-1hju97u){color:#f5f5f5}.work-content.svelte-1hju97u{height:calc((var(--project-count) + 1) * 100svh);z-index:1;background:#fff;position:relative}.work-pin.svelte-1hju97u{height:100svh;position:sticky;top:0}.work-viewport.svelte-1hju97u{height:100%;position:relative;overflow:hidden}.work-entry-cue.svelte-1hju97u{z-index:6;color:#fff;mix-blend-mode:difference;font:10px var(--mono);align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.work-entry-label.svelte-1hju97u{align-items:center;gap:10px;display:flex}.work-entry-label.bob.svelte-1hju97u{animation:4s ease-in-out infinite svelte-1hju97u-cue-bob}.work-entry-text.svelte-1hju97u{animation:.25s ease-out svelte-1hju97u-cue-squash;display:block}@keyframes svelte-1hju97u-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes svelte-1hju97u-cue-squash{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.work-entry-meter.svelte-1hju97u{background:#ffffff40;height:1px;position:absolute;bottom:4px;left:12px;right:12px}.work-entry-meter.svelte-1hju97u:after{content:"";height:100%;transform:scaleX(var(--pull));transform-origin:0;background:#fff;display:block}.work-intro.svelte-1hju97u{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.work-intro.svelte-1hju97u .top-nav,.work-intro.svelte-1hju97u .side-column{pointer-events:auto}.work-focus.svelte-1hju97u{visibility:hidden;z-index:3;flex-direction:column;justify-content:center;padding-block:220px 100px;display:flex;position:absolute;inset:0}button.svelte-1hju97u{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}button.svelte-1hju97u:focus-visible,a.svelte-1hju97u:focus-visible{outline:2px solid var(--work-ink);outline-offset:5px}.work-rail.svelte-1hju97u{padding-inline:calc((100vw - var(--card-width)) / 2);padding-top:var(--rail-top);gap:10vw;width:max-content;display:flex}.work-card.svelte-1hju97u{isolation:isolate;flex:0 0 var(--card-width);width:var(--card-width);position:relative}.work-preview.svelte-1hju97u{z-index:1;width:100%;height:var(--preview-height);background:#f7f8fa;transition:opacity .5s cubic-bezier(.2,.85,.2,1),transform .5s cubic-bezier(.2,.85,.2,1);position:relative;box-shadow:0 12px 50px #0b17330c}.work-scroll[data-work-focus=true].svelte-1hju97u .work-card[data-active=false]:where(.svelte-1hju97u) .work-preview:where(.svelte-1hju97u){opacity:.4;transform:scale(.97)}.work-poster.svelte-1hju97u{z-index:2;border:1px solid var(--poster-accent);color:#0b1733;background:#f7f8fa;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}.work-poster.svelte-1hju97u img:where(.svelte-1hju97u){object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.work-poster.svelte-1hju97u span:where(.svelte-1hju97u){font:11px var(--mono)}.work-poster.svelte-1hju97u strong:where(.svelte-1hju97u){font:400 clamp(28px, 4vw, 56px) / 1.05 var(--sans)}.work-card[data-active=true].svelte-1hju97u .work-preview:where(.svelte-1hju97u){box-shadow:0 34px 90px -24px color-mix(in srgb, var(--poster-accent) 55%, transparent)}.work-preview.svelte-1hju97u .project-embed{pointer-events:none}.work-caption.svelte-1hju97u{z-index:1;margin:24px 0 0;display:flex;position:relative}.work-indicator.svelte-1hju97u{opacity:.12;pointer-events:none;z-index:0;width:160px;height:160px;position:absolute;bottom:8px;left:-60px}.work-scroll[data-work-focus=true] .work-morph-layer .orbit-center{clip-path:polygon(0 0,37.5% 0,37.5% 50%,100% 50%,100% 100%,0 100%)}.work-indicator.svelte-1hju97u canvas{width:100%!important;height:100%!important}.work-label-target.svelte-1hju97u{visibility:hidden;text-align:left;width:max-content;max-width:100%;height:64px;color:inherit;text-decoration:none}.work-label-target.svelte-1hju97u p:where(.svelte-1hju97u){font:10.5px/1.3 var(--mono);color:var(--work-muted)}.work-label-target.svelte-1hju97u h2:where(.svelte-1hju97u){font:500 19px/1.16 var(--sans);white-space:nowrap;margin-top:5px}.work-label-target.svelte-1hju97u h2:where(.svelte-1hju97u):after,.work-scroll[data-work-focus=true] .work-morph-layer .project-title:after{content:"↗";opacity:0;margin-left:6px;font-size:16px;transition:opacity .15s;display:inline-block}.work-label-target.svelte-1hju97u:is(:where(.svelte-1hju97u):hover,:where(.svelte-1hju97u):focus-visible) h2:where(.svelte-1hju97u):after,.work-scroll[data-work-focus=true] .work-morph-layer .project-label:is(:hover,:focus-visible) .project-title:after{opacity:1}@media (hover:none){.work-label-target.svelte-1hju97u h2:where(.svelte-1hju97u):after{opacity:1}}.work-controls.svelte-1hju97u{font:11px var(--mono);align-items:center;gap:24px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.work-controls.svelte-1hju97u button:where(.svelte-1hju97u){min-width:44px;min-height:44px;font-size:24px}.work-controls.svelte-1hju97u button:where(.svelte-1hju97u):disabled{opacity:.25;cursor:default}.work-footer-page.svelte-1hju97u{z-index:0;color:#252525;background-color:#fff;min-height:100svh;padding:128px 110px 0;display:flex;position:sticky;bottom:0;overflow:hidden}.footer-grid{pointer-events:none;background-image:linear-gradient(90deg,#0b17330f .5px,#0000 .5px),linear-gradient(#0b17330f .5px,#0000 .5px);background-size:48px 48px;position:absolute;inset:0}.work-footer-page.svelte-1hju97u .site-footer{flex-direction:column;justify-content:space-between;gap:56px;width:100%;display:flex;position:relative}.work-footer-page.svelte-1hju97u .footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.work-footer-page.svelte-1hju97u .footer-heading h2{max-width:16ch;font:400 clamp(28px, 3.6vw, 56px)/1.08 var(--sans)}.work-footer-page.svelte-1hju97u .footer-details{color:#666;max-width:46ch;font:14px/1.6 var(--sans);margin-top:20px}.work-footer-page.svelte-1hju97u .footer-cta{color:#f5f5f5;font:400 clamp(20px, 2.4vw, 34px) var(--sans);background:#252525;align-items:center;gap:28px;padding:12px 12px 12px 32px;display:flex}.work-footer-page.svelte-1hju97u .footer-cta-arrow{background:var(--color-splash,#ff5722);color:#fff;place-items:center;width:64px;height:64px;font-size:28px;transition:transform .3s cubic-bezier(.2,.85,.2,1);display:grid}.work-footer-page.svelte-1hju97u .footer-cta:hover .footer-cta-arrow{transform:rotate(45deg)}.work-footer-page.svelte-1hju97u .footer-columns{gap:120px;display:flex}.work-footer-page.svelte-1hju97u .footer-eyebrow{color:#666;font:10px var(--mono);text-transform:uppercase;margin-bottom:14px}.work-footer-page.svelte-1hju97u .footer-links{font:400 20px/1.4 var(--sans);flex-direction:column;gap:10px;display:flex}.work-footer-page.svelte-1hju97u .footer-links a{color:#252525;width:fit-content}.work-footer-page.svelte-1hju97u .footer-bottom{color:#666;font:10px var(--mono);border-top:1px solid #25252520;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.work-footer-page.svelte-1hju97u .footer-wordmark{font:700 28vw/.78 var(--sans);letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0 -.04em -.4em}.work-footer-page.svelte-1hju97u a:focus-visible{outline-offset:6px;outline:2px solid #252525}@media (width>=861px) and (height>=641px){@supports (animation-timeline:scroll()){.work-footer-page.svelte-1hju97u .site-footer{animation:linear both svelte-1hju97u-footer-rise;animation-timeline:--work;animation-range:calc(100% - var(--lift)) 100%}.work-footer-page.svelte-1hju97u .footer-top{animation:linear both svelte-1hju97u-footer-fade;animation-timeline:--work;animation-range:calc(100% - .85 * var(--lift)) calc(100% - .5 * var(--lift))}.work-footer-page.svelte-1hju97u .footer-columns{animation:linear both svelte-1hju97u-footer-fade;animation-timeline:--work;animation-range:calc(100% - .7 * var(--lift)) calc(100% - .3 * var(--lift))}.work-footer-page.svelte-1hju97u .footer-bottom{animation:linear both svelte-1hju97u-footer-fade;animation-timeline:--work;animation-range:calc(100% - .55 * var(--lift)) calc(100% - .15 * var(--lift))}.work-footer-page.svelte-1hju97u .footer-wordmark{animation:linear both svelte-1hju97u-footer-word;animation-timeline:--work;animation-range:calc(100% - .6 * var(--lift)) 100%}}}@keyframes svelte-1hju97u-footer-rise{0%{transform:translateY(var(--footer-drop))}}@keyframes svelte-1hju97u-footer-fade{0%{opacity:0;transform:translateY(24px)}}@keyframes svelte-1hju97u-footer-word{0%{transform:translateY(40%)}}@media (width<=860px),(height<=640px){.work-footer-page.svelte-1hju97u{min-height:auto;padding:48px 24px 0}.work-footer-page.svelte-1hju97u .footer-columns{gap:48px}.work-footer-page.svelte-1hju97u .footer-bottom{flex-direction:column;align-items:flex-start}.work-scroll.svelte-1hju97u{--card-width:84vw;height:auto;overflow:clip visible}.work-content.svelte-1hju97u{height:auto}.work-pin.svelte-1hju97u{height:auto;position:static}.work-viewport.svelte-1hju97u{height:auto;position:relative;overflow:visible}.work-intro.svelte-1hju97u{position:relative}.work-focus.svelte-1hju97u{color:#f5f5f5;--work-ink:#f5f5f5;--work-muted:#bdbdbd;visibility:visible;background:#252525;min-height:85svh;padding:50px 0 120px;position:relative;overflow:hidden}.work-rail.svelte-1hju97u{scroll-snap-type:x mandatory;width:100%;overflow-x:auto}.work-card.svelte-1hju97u{scroll-snap-align:center}.work-preview.svelte-1hju97u{height:54svh}.work-label-target.svelte-1hju97u{visibility:visible}.work-controls.svelte-1hju97u{bottom:30px}}@media (width<=860px){.work-scroll.svelte-1hju97u{--card-width:calc(100vw - 48px);--rail-top:0px}.work-focus.svelte-1hju97u{min-height:auto;padding:32px 0 88px}.work-rail.svelte-1hju97u{gap:16px;padding-inline:24px}.work-preview.svelte-1hju97u{aspect-ratio:4/3;height:auto}.work-controls.svelte-1hju97u{bottom:20px}.work-footer-page.svelte-1hju97u{padding:48px 24px 24px;position:relative}.work-footer-page.svelte-1hju97u .site-footer{gap:32px}.work-footer-page.svelte-1hju97u .footer-top{align-items:flex-start;gap:24px}.work-footer-page.svelte-1hju97u .footer-heading h2{font-size:28px}.work-footer-page.svelte-1hju97u .footer-details{margin-top:12px}.work-footer-page.svelte-1hju97u .footer-cta{gap:16px;padding:8px 8px 8px 20px;font-size:20px}.work-footer-page.svelte-1hju97u .footer-cta-arrow{width:48px;height:48px}.work-footer-page.svelte-1hju97u .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.work-footer-page.svelte-1hju97u .footer-links{gap:8px;font-size:16px}.work-footer-page.svelte-1hju97u .footer-bottom{gap:12px}.work-footer-page.svelte-1hju97u .footer-wordmark{margin:0;font-size:24vw;line-height:1}}:root{view-transition-name:none}::view-transition-group(*){animation-duration:.35s;animation-timing-function:cubic-bezier(.2,.85,.2,1)}::view-transition-old(*){animation-duration:inherit;animation-timing-function:inherit}::view-transition-new(*){animation-duration:inherit;animation-timing-function:inherit}::view-transition-image-pair(project-preview){overflow:clip}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}::view-transition-old(*){animation-duration:0s}::view-transition-new(*){animation-duration:0s}}@keyframes nav-toast-fade{0%,76%{opacity:1}to{opacity:0}}#stage,#stage-morph{--orbit-fit-scale:min(calc(90vw / 1440px), calc(90svh / 900px));--stage-padding-inline:110px;--stage-padding-block:65px;--color-paper:#fff;--color-ink:#0b1733;--color-ink-mid:#5c6a8a;--color-ink-soft:#aeb6c8;--color-line:#0b17330f;--color-line-bold:#0b173324;--color-splash:#ff5722;--position-center-x:720px;--position-center-y:470px;--orbit-radius:200px;--size-label-radius:calc(var(--orbit-radius) + 36px);--parallax-grid-pix:14px;--parallax-orbit-layer-pix:74px;width:100%;height:100svh;padding:var(--stage-padding-block) var(--stage-padding-inline);background:var(--color-paper);font-family:var(--sans);color:var(--color-ink);flex-shrink:0;transition:opacity .24s,filter .24s;position:relative;overflow:visible}:is(#stage,#stage-morph)[data-orbit-embed-active=true] .soft-grid,:is(#stage,#stage-morph)[data-orbit-embed-active=true] .top-nav,:is(#stage,#stage-morph)[data-orbit-embed-active=true] .side-column{opacity:.17;filter:blur(11px);pointer-events:none;transition:opacity .55s cubic-bezier(.2,.85,.2,1),filter .55s cubic-bezier(.2,.85,.2,1)}:is(#stage,#stage-morph)[data-orbit-embed-active=true] .orbit-gesture-shell .orbit-center,:is(#stage,#stage-morph)[data-orbit-embed-active=true] .orbit-gesture-shell .orbit-ticks,:is(#stage,#stage-morph)[data-orbit-embed-active=true] .orbit-gesture-shell .orbit-svg{opacity:.14;filter:blur(9px);pointer-events:none;transition:opacity .55s cubic-bezier(.2,.85,.2,1),filter .55s cubic-bezier(.2,.85,.2,1)}:is(#stage,#stage-morph)[data-orbit-embed-active=true] .orbit-gesture-shell .project-label{opacity:.18;filter:blur(8px);pointer-events:none;transition:opacity .55s cubic-bezier(.2,.85,.2,1),filter .55s cubic-bezier(.2,.85,.2,1)}:is(#stage,#stage-morph) .soft-grid{pointer-events:none;transform:translate3d(calc(var(--look-x,0) * var(--parallax-grid-pix)), calc(var(--look-y,0) * var(--parallax-grid-pix)), 0);background-image:linear-gradient(to right, var(--color-line) .5px, transparent .5px), linear-gradient(to bottom, var(--color-line) .5px, transparent .5px);background-size:48px 48px;position:absolute;inset:0}:is(#stage,#stage-morph) .top-nav{font-family:var(--mono);letter-spacing:0;color:var(--color-ink-mid);z-index:5;justify-content:space-between;align-items:center;padding:0;font-size:11.5px;line-height:1.45;display:flex;position:relative}:is(#stage,#stage-morph) :is(.brand-mark,.nav-links){display:flex}:is(#stage,#stage-morph) .brand-mark{align-items:center;gap:10px}:is(#stage,#stage-morph) .brand-name{color:var(--color-ink);letter-spacing:0;font-weight:600}:is(#stage,#stage-morph) .brand-mark button.brand-name{appearance:none;font:inherit;cursor:pointer;text-align:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0}:is(#stage,#stage-morph) .brand-mark button.brand-name:focus-visible{outline:2px solid var(--color-splash);outline-offset:2px}:is(#stage,#stage-morph) .nav-links{gap:28px}:is(#stage,#stage-morph) .nav-link{color:var(--color-ink-mid)}:is(#stage,#stage-morph) .nav-link.nav-link-active{color:var(--color-ink)}:is(#stage,#stage-morph) .revision{color:var(--color-ink-soft)}:is(#stage,#stage-morph) .nav-trail{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}:is(#stage,#stage-morph) .nav-trail .nav-toast{font-family:var(--mono);letter-spacing:0;color:var(--color-ink-soft);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:min(280px,38vw);font-size:10px;line-height:1.2;animation:2.25s forwards nav-toast-fade;overflow:hidden}:is(#stage,#stage-morph) .side-column{z-index:5;width:240px;position:absolute;top:164px}:is(#stage,#stage-morph) .side-column.side-column-left{left:var(--stage-padding-inline)}:is(#stage,#stage-morph) .side-column.side-column-right{right:var(--stage-padding-inline);text-align:right}:is(#stage,#stage-morph) .section-label{font-family:var(--mono);color:var(--color-ink-soft);letter-spacing:0;margin-bottom:16px;font-size:11px;font-weight:500;line-height:1.3}:is(#stage,#stage-morph) .section-label.availability-label{color:var(--color-splash)}:is(#stage,#stage-morph) .about-title{font-family:var(--display);color:var(--color-ink);letter-spacing:0;text-wrap:balance;margin-bottom:18px;font-size:24px;font-weight:400;line-height:1.18;position:relative;overflow:hidden}:is(#stage,#stage-morph) .about-compact-title{font:400 14px/1.4 var(--sans);opacity:0;visibility:hidden;position:absolute;inset:0}:is(#stage,#stage-morph) .about-more{color:var(--color-ink);font:11px var(--mono);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:0;padding:6px 0}:is(#stage,#stage-morph) .side-column :is(.section-label,.body-copy){overflow:hidden}:is(#stage,#stage-morph) .body-copy{font-family:var(--sans);color:var(--color-ink-mid);text-wrap:pretty;font-size:14.5px;line-height:1.68}:is(#stage,#stage-morph) .body-copy.availability-copy{margin-bottom:20px}:is(#stage,#stage-morph) .cta-link{background:var(--color-ink);color:var(--color-paper);font-family:var(--mono);letter-spacing:0;padding:10px 16px;font-size:11px;font-weight:500;line-height:1.2;display:inline-block}:is(#stage,#stage-morph) .orbit-gesture-shell{z-index:1;pointer-events:none;width:1440px;height:900px;transform-origin:var(--position-center-x) var(--position-center-y);transform:translate3d(calc(var(--look-x,0) * var(--parallax-orbit-layer-pix)), calc(var(--look-y,0) * var(--parallax-orbit-layer-pix)), 0) translateY(calc((var(--orbit-fit-scale) - 1) * (var(--position-center-y) - 450px))) rotate(var(--orbit-spin-deg,0deg)) scale(calc(var(--orbit-fit-scale) * var(--orbit-scale-gesture,1)));position:absolute;top:calc(50% - 450px);left:calc(50% - 720px)}:is(#stage,#stage-morph) .work-morph-layer{z-index:4;pointer-events:none;position:absolute;inset:0}:is(#stage,#stage-morph) .work-morph-layer .project-label[data-align]{pointer-events:none}:is(#stage,#stage-morph) .work-morph-layer .project-label :is(.project-title,.project-meta){white-space:nowrap;text-wrap:nowrap}:is(#stage,#stage-morph) .work-morph-layer .project-label[data-work-link=true]{pointer-events:auto;text-align:left}:is(#stage,#stage-morph) .work-morph-layer .project-label[data-work-link=true] .project-title{text-wrap:nowrap}:is(#stage,#stage-morph) .work-morph-layer .project-label[data-work-link=true] .project-meta{color:var(--color-ink-mid)}:is(#stage,#stage-morph) .orbit-gesture-shell .orbit-ticks{z-index:2}:is(#stage,#stage-morph) .orbit-gesture-shell .orbit-svg{z-index:4}:is(#stage,#stage-morph) .orbit-gesture-shell .orbit-center{z-index:6}:is(#stage,#stage-morph) .orbit-gesture-shell .project-label{pointer-events:auto;z-index:1}:is(#stage,#stage-morph) .orbit-ticks{pointer-events:none;z-index:1;background:repeating-conic-gradient(from 90deg at var(--position-center-x) var(--position-center-y), var(--color-line-bold) 0deg .18deg, transparent .18deg 30deg);-webkit-mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 3.5px), #000 calc(var(--orbit-radius) - 3.5px) calc(var(--orbit-radius) + 3.5px), transparent calc(var(--orbit-radius) + 3.5px));mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 3.5px), #000 calc(var(--orbit-radius) - 3.5px) calc(var(--orbit-radius) + 3.5px), transparent calc(var(--orbit-radius) + 3.5px));-webkit-mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 3.5px), #000 calc(var(--orbit-radius) - 3.5px) calc(var(--orbit-radius) + 3.5px), transparent calc(var(--orbit-radius) + 3.5px));position:absolute;inset:0}:is(#stage,#stage-morph)[data-motion-active=true] .orbit-ticks{background:repeating-conic-gradient(from 90deg at var(--position-center-x) var(--position-center-y), var(--color-line-bold) 0deg .38deg, transparent .38deg 30deg);-webkit-mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 6.75px), #000 calc(var(--orbit-radius) - 6.75px) calc(var(--orbit-radius) + 6.75px), transparent calc(var(--orbit-radius) + 6.75px));mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 6.75px), #000 calc(var(--orbit-radius) - 6.75px) calc(var(--orbit-radius) + 6.75px), transparent calc(var(--orbit-radius) + 6.75px));-webkit-mask:radial-gradient(circle at var(--position-center-x) var(--position-center-y), transparent 0 calc(var(--orbit-radius) - 6.75px), #000 calc(var(--orbit-radius) - 6.75px) calc(var(--orbit-radius) + 6.75px), transparent calc(var(--orbit-radius) + 6.75px))}:is(#stage,#stage-morph) .orbit-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}:is(#stage,#stage-morph) .orbit-project-dot{transition:r .18s}:is(#stage,#stage-morph) .orbit-center{left:var(--position-center-x);top:var(--position-center-y);text-align:center;z-index:2;pointer-events:none;justify-content:center;align-items:center;width:320px;height:320px;transition:width .45s cubic-bezier(.2,.85,.2,1),height .45s cubic-bezier(.2,.85,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%)}:is(#stage,#stage-morph) .orbit-center video{display:block;width:100%!important;height:100%!important}:is(#stage,#stage-morph) .center-pane{opacity:1;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}:is(#stage,#stage-morph) .center-pane[data-opacity="0"]{opacity:0;pointer-events:none}:is(#stage,#stage-morph) .center-idle{flex-direction:column}:is(#stage,#stage-morph) .center-eyebrow{font-family:var(--mono);letter-spacing:0;color:var(--color-ink-soft);margin-bottom:14px;font-size:10px}:is(#stage,#stage-morph) .center-statement{font-family:var(--display);color:var(--color-ink);letter-spacing:0;text-transform:uppercase;text-wrap:balance;width:300px;font-size:34px;font-weight:400;line-height:1.04}:is(#stage,#stage-morph) .center-statement .minor{font-size:19px;font-weight:400;line-height:1.3}:is(#stage,#stage-morph) .center-statement span{font-weight:600}:is(#stage,#stage-morph) .viewing-label{--color-viewing:var(--color-ink);font-family:var(--mono);letter-spacing:0;color:var(--color-viewing);white-space:nowrap;font-size:10px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}:is(#stage,#stage-morph) .project-label{appearance:none;font:inherit;--position-label-x:0px;--position-label-y:0px;--transform-label-x:0;--color-project:var(--color-ink-soft);--angle-project:0deg;left:var(--position-label-x);top:var(--position-label-y);transform-origin:0 0;transform:rotate(calc(-1 * var(--orbit-spin-deg,0deg))) translate(var(--transform-label-x), -50%);z-index:3;cursor:default;background:0 0;border:0;min-width:150px;max-width:190px;padding:8px 10px;text-decoration:none;position:absolute}:is(#stage,#stage-morph) .project-label.is-link{cursor:pointer}:is(#stage,#stage-morph) .project-label[data-index="0"]{--position-label-x:800.717px;--position-label-y:248.233px;--transform-label-x:0;--angle-project:-70deg}:is(#stage,#stage-morph) .project-label[data-index="1"]{--position-label-x:943.713px;--position-label-y:394.843px;--transform-label-x:0;--angle-project:-18.57deg}:is(#stage,#stage-morph) .project-label[data-index="2"]{--position-label-x:918.24px;--position-label-y:598.051px;--transform-label-x:0;--angle-project:32.86deg}:is(#stage,#stage-morph) .project-label[data-index="3"]{--position-label-x:743.48px;--position-label-y:704.829px;--transform-label-x:-50%;--angle-project:84.29deg}:is(#stage,#stage-morph) .project-label[data-index="4"]{--position-label-x:551.068px;--position-label-y:634.797px;--transform-label-x:-100%;--angle-project:135.71deg}:is(#stage,#stage-morph) .project-label[data-index="5"]{--position-label-x:485.83px;--position-label-y:440.667px;--transform-label-x:-100%;--angle-project:187.14deg}:is(#stage,#stage-morph) .project-label[data-index="6"]{--position-label-x:596.936px;--position-label-y:268.626px;--transform-label-x:-100%;--angle-project:238.57deg}:is(#stage,#stage-morph) .project-label[data-index="0"][data-hover=true]{--color-project:#feae01}:is(#stage,#stage-morph) .project-label[data-index="1"][data-hover=true]{--color-project:#fb8500}:is(#stage,#stage-morph) .project-label[data-index="2"][data-hover=true]{--color-project:#d5001c}:is(#stage,#stage-morph) .project-label[data-index="3"][data-hover=true]{--color-project:#dac510}:is(#stage,#stage-morph) .project-label[data-index="4"][data-hover=true]{--color-project:#ff8c25}:is(#stage,#stage-morph) .project-label[data-index="5"][data-hover=true]{--color-project:#39b0b9}:is(#stage,#stage-morph) .project-label[data-index="6"][data-hover=true]{--color-project:#edb02a}:is(#stage,#stage-morph) .project-label[data-align=left]{--transform-label-x:0;text-align:left}:is(#stage,#stage-morph) .project-label[data-align=center]{--transform-label-x:-50%;text-align:center}:is(#stage,#stage-morph) .project-label[data-align=right]{--transform-label-x:-100%;text-align:right}:is(#stage,#stage-morph) .project-label[data-hover=true] .project-title{font-weight:500}:is(#stage,#stage-morph) .project-label:focus-visible{outline:2px solid var(--color-project);outline-offset:4px}:is(#stage,#stage-morph) .project-meta,:is(#stage,#stage-morph) .project-title{display:block}:is(#stage,#stage-morph) .project-meta{font-family:var(--mono);letter-spacing:0;color:var(--color-project);margin-bottom:5px;font-size:10.5px;line-height:1.3;transition:color .18s}:is(#stage,#stage-morph) .project-meta span{color:var(--color-ink-soft)}:is(#stage,#stage-morph) .project-title{font-family:var(--sans);color:var(--color-ink);letter-spacing:0;text-wrap:balance;font-size:19px;font-weight:400;line-height:1.16;transition:font-weight .18s}#stage-morph{z-index:4;pointer-events:none;background:0 0;width:auto;height:auto;position:absolute;inset:0}#stage-morph .top-nav,#stage-morph .side-column{pointer-events:auto}@media (width<=860px),(height<=640px){#stage{--stage-padding-inline:clamp(18px, 6vw, 40px);--position-center-x:50%;--position-center-y:auto;--size-label-radius:0px;--parallax-orbit-layer-pix:clamp(28px, 8.5svw, 62px);width:100%;height:auto;min-height:100svh;padding:clamp(18px, 5svw, 32px) var(--stage-padding-inline) 96px;grid-template-columns:minmax(0,1fr);gap:clamp(28px,7svw,48px);margin-inline:auto;display:grid;overflow:visible;transform:none}#stage .soft-grid{background-size:clamp(34px,10svw,48px) clamp(34px,10svw,48px);position:fixed}#stage .top-nav,#stage .side-column{width:auto;position:relative;inset:auto;transform:none}#stage .top-nav{letter-spacing:0;order:1;grid-template-columns:1fr auto;align-items:start;gap:16px;padding:0;font-size:clamp(10.5px,2.8svw,11.5px);display:grid}#stage .brand-mark,#stage .nav-trail,#stage .revision{min-width:0}#stage .brand-name{letter-spacing:0}#stage .nav-links{flex-wrap:wrap;grid-column:1/-1;gap:12px 18px}#stage .side-column{width:min(100%,34rem)}#stage .side-column.side-column-left{order:2;left:auto}#stage .side-column.side-column-right{text-align:left;order:5;right:auto}#stage .about-title{text-wrap:balance;max-width:16ch;font-size:clamp(22px,8svw,42px);line-height:1.06}#stage .body-copy{text-wrap:pretty;max-width:52ch;font-size:clamp(14px,3.8svw,17px);line-height:1.62}#stage .cta-link{align-items:center;min-height:44px;font-size:10px;display:inline-flex}#stage .orbit-svg,#stage .orbit-ticks{display:none}#stage .orbit-gesture-shell{z-index:1;pointer-events:none;transform-origin:50% 28%;width:100%;min-width:0;height:auto;transform:translate3d(calc(var(--look-x,0) * var(--parallax-orbit-layer-pix)), calc(var(--look-y,0) * var(--parallax-orbit-layer-pix)), 0) rotate(var(--orbit-spin-deg,0deg)) scale(var(--orbit-scale-gesture,1));flex-direction:column;order:3;gap:clamp(16px,4.5svw,28px);display:flex;position:relative;inset:auto}#stage .orbit-center{aspect-ratio:1;flex-shrink:0;align-self:center;width:min(100%,22rem);height:auto;margin:0 auto;position:relative;top:auto;left:auto;transform:none}#stage .center-statement{width:min(100%,20rem);font-size:clamp(25px,9svw,34px)}#stage .center-statement .minor{font-size:clamp(15px,5svw,18px)}#stage .project-label{transform-origin:50%;transform:rotate(calc(-1 * var(--orbit-spin-deg,0deg)));cursor:pointer;text-align:left;min-width:0;padding:0;position:relative;top:auto;left:auto}#stage .project-label:first-of-type{margin-top:4px}#stage .project-label[data-align]{text-align:left}#stage .project-label:before{content:"";background:var(--color-line-bold);width:100%;height:1px;margin-bottom:14px;display:block}#stage .project-meta{font-size:clamp(9px,2.7svw,10px)}#stage .project-title{text-wrap:nowrap;font-size:clamp(20px,6svw,28px)}}@media (width<=860px){#stage{gap:32px;min-height:auto;padding:24px 24px 40px}#stage .top-nav{grid-template-columns:auto 1fr;align-items:center;gap:16px}#stage .nav-links{grid-column:auto;justify-content:flex-end;gap:14px}#stage .nav-link{align-items:center;min-height:44px;display:inline-flex}#stage .nav-trail,#stage .side-column-right,#stage .project-label,.version-timeline{display:none}#stage .about-title{max-width:22ch;font-size:28px;line-height:1.15}#stage .body-copy{font-size:15px;line-height:1.6}#stage .orbit-center{width:min(100%,220px)}}body:has(#stage[data-orbit-embed-active=true]) .version-timeline{opacity:.18;filter:blur(8px);pointer-events:none;transition:opacity .55s cubic-bezier(.2,.85,.2,1),filter .55s cubic-bezier(.2,.85,.2,1)}body:has(.version-timeline:is(:hover,:focus-within)) #stage{opacity:.28;filter:saturate(.55)blur(2px)}.version-timeline{--color-paper:#fff;--color-ink:#0b1733;--color-ink-mid:#5c6a8a;--color-ink-soft:#aeb6c8;--color-line:#0b17330f;--color-line-bold:#0b173324;--color-splash:#ff5722;z-index:10;width:150px;height:100vh;font-family:var(--mono);pointer-events:none;position:fixed;top:0;right:0}.version-timeline:before{content:"";background:var(--color-line-bold);width:1px;height:100%;position:absolute;top:0;right:0}.version-range{appearance:none;writing-mode:vertical-lr;width:30px;height:100vh;accent-color:var(--color-splash);pointer-events:auto;direction:rtl;background:0 0;margin:0;position:absolute;top:0;right:0}.version-range::-webkit-slider-runnable-track{background:var(--color-line-bold);border-radius:999px;width:2px;transition:width .18s,background-color .18s}.version-range::-webkit-slider-thumb{appearance:none;background:var(--color-splash);border:1px solid var(--color-paper);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-splash) 18%, transparent);border-radius:50%;margin-left:-5px;transition:width .18s,height .18s,margin-left .18s,box-shadow .18s}.version-range::-moz-range-track{background:var(--color-line-bold);border-radius:999px;width:2px;transition:width .18s,background-color .18s}.version-range::-moz-range-thumb{background:var(--color-splash);border:1px solid var(--color-paper);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-splash) 18%, transparent);border-radius:50%;transition:width .18s,height .18s,box-shadow .18s}.version-range:hover,.version-range:focus-visible{outline:none}.version-range:hover::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--color-splash) 45%, var(--color-line-bold));width:6px}.version-range:focus-visible::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--color-splash) 45%, var(--color-line-bold));width:6px}.version-range:hover::-webkit-slider-thumb{width:16px;height:16px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-splash) 16%, transparent);margin-left:-6px}.version-range:focus-visible::-webkit-slider-thumb{width:16px;height:16px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-splash) 16%, transparent);margin-left:-6px}.version-range:hover::-moz-range-track{background:color-mix(in srgb, var(--color-splash) 45%, var(--color-line-bold));width:6px}.version-range:focus-visible::-moz-range-track{background:color-mix(in srgb, var(--color-splash) 45%, var(--color-line-bold));width:6px}.version-range:hover::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-splash) 16%, transparent)}.version-range:focus-visible::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-splash) 16%, transparent)}.version-year-ticks{height:100vh;color:var(--color-ink-soft);letter-spacing:0;pointer-events:none;flex-direction:column-reverse;justify-content:space-between;align-items:stretch;font-size:9px;transition:opacity .18s;display:flex;position:absolute;top:0;right:0}.version-timeline:has(.version-card[data-active=true]) .version-year-ticks{opacity:0}.version-year-tick{text-align:right;width:70px;opacity:var(--year-opacity);padding-right:22px;line-height:1;transition:color .18s,opacity .18s;display:block;position:relative}.version-year-tick:after{content:"";background:var(--color-line-bold);width:18px;height:1px;transition:background-color .18s,width .18s;position:absolute;top:50%;right:0}.version-year-tick[data-active=true]{opacity:0}.version-year-tick[data-active=true]:after{opacity:0}.version-year-tick:first-child{transform:translateY(-4px)}.version-year-tick:last-child{transform:translateY(4px)}.version-card-track{--card-edge-inset:0px;top:var(--card-edge-inset);height:calc(100vh - var(--card-edge-inset) * 2);opacity:0;pointer-events:none;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end;transition:opacity .18s,transform .18s,top .18s,height .18s;display:flex;position:absolute;right:46px;transform:translate(6px)}.version-timeline:is(:hover,:focus-within) .version-card-track{--card-edge-inset:24px;opacity:1;transform:translate(0)}.version-card-slot{top:var(--card-top);justify-content:flex-end;align-items:center;min-height:1px;display:flex;position:absolute;right:0}.version-card{--version-card-y:-50%;--card-offset-y:0px;text-align:right;width:170px;color:var(--color-ink-mid);opacity:.16;transform:translateY(calc(var(--version-card-y) + var(--card-offset-y))) translateX(8px);filter:grayscale(.2);justify-items:end;gap:5px;transition:opacity .2s,filter .2s,transform .2s;display:grid}.version-card-slot:first-child .version-card{--version-card-y:-100%}.version-card-slot:last-child .version-card{--version-card-y:0}.version-card-slot:has(.version-card[data-active=true]) .version-card{opacity:1;filter:none;transform:translateY(var(--version-card-y)) translateX(0)}.version-card-slot:has(.version-card[data-active=true]) .version-card .version-period{color:var(--color-splash)}.version-card-slot:has(.version-card[data-active=true])+.version-card-slot .version-card{--card-offset-y:-28px;opacity:.58}.version-card-slot:has(+.version-card-slot .version-card[data-active=true]) .version-card{--card-offset-y:28px;opacity:.58}.version-card-slot:has(.version-card[data-active=true])+.version-card-slot+.version-card-slot .version-card{--card-offset-y:-12px;opacity:.3}.version-card-slot:has(+.version-card-slot+.version-card-slot .version-card[data-active=true]) .version-card{--card-offset-y:12px;opacity:.3}.version-card-slot:first-child:has(.version-card[data-active=true]) .version-card{transform:translateY(calc(var(--version-card-y) - 16px)) translateX(0)}.version-card-slot:last-child:has(.version-card[data-active=true]) .version-card{transform:translateY(calc(var(--version-card-y) + 16px)) translateX(0)}.version-card-slot:first-child:has(+.version-card-slot .version-card[data-active=true]) .version-card{--card-offset-y:36px;opacity:.04}.version-card-slot:nth-child(2):has(.version-card[data-active=true])+.version-card-slot .version-card{--card-offset-y:-10px}.version-card-slot:nth-last-child(2):has(.version-card[data-active=true])+.version-card-slot .version-card{--card-offset-y:-36px;opacity:.04}.version-card-slot:has(+.version-card-slot:nth-last-child(2) .version-card[data-active=true]) .version-card{--card-offset-y:10px}.version-card-track:not(:has(.version-card[data-active=true])) .version-card{opacity:.12;filter:grayscale(.65);transform:translateY(var(--version-card-y)) translateX(12px)}.version-preview{border:1px solid var(--color-line-bold);background:linear-gradient(to right, var(--color-line) .5px, transparent .5px), linear-gradient(to bottom, var(--color-line) .5px, transparent .5px);background-size:9px 9px;width:54px;height:34px;margin-bottom:2px;display:block;position:relative}.preview-line,.preview-orbit{display:block;position:absolute}.preview-line{background:var(--color-ink);height:1px;left:7px}.preview-line-top{width:22px;top:8px}.preview-line-mid{width:34px;top:16px}.preview-line-bottom{background:var(--color-splash);width:16px;top:24px}.preview-orbit{border:1px solid var(--color-ink);opacity:0;border-radius:50%;inset:6px 10px 6px 14px}.preview-orbit:after{content:"";background:var(--color-splash);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;right:-2px}.version-card[data-theme=orbit] .preview-line{opacity:0}.version-card[data-theme=orbit] .preview-orbit{opacity:1}.version-card[data-theme=first] .preview-line-top{width:14px}.version-card[data-theme=first] .preview-line-mid{width:24px}.version-company,.version-title,.version-period,.version-note,.version-skills{display:block}.version-title{color:var(--color-ink);letter-spacing:0;text-transform:uppercase;font-size:10.5px;line-height:1.32}.version-company,.version-period,.version-skills{color:var(--color-ink-soft);letter-spacing:0;text-transform:uppercase;font-size:9.5px;line-height:1.3}.version-note{max-width:164px;color:var(--color-ink-soft);font-family:var(--sans);letter-spacing:0;font-size:11px;line-height:1.35}.version-skills{max-width:164px;color:var(--color-ink-mid)}@keyframes version-card-enter{0%{opacity:0;transform:translateY(calc(var(--version-card-y) + 8px))}to{opacity:1;transform:translateY(var(--version-card-y))}}@media (width<=720px){.version-timeline{width:70px}.version-card-track,.version-card{display:none}}@media (width<=860px){body:has(.version-timeline:is(:hover,:focus-within)) #stage{opacity:1;filter:none}.version-timeline,.version-range{width:42px}.version-year-ticks,.version-card-track,.version-card{display:none}}.noscript-fallback{color:#0b1733;max-width:760px;margin:60px auto;padding:0 24px;font-family:sans-serif;line-height:1.6}.noscript-fallback h1{margin-bottom:8px;font-size:2rem}.noscript-fallback h2{border-top:1px solid #e0e0e0;margin:32px 0 8px;padding-top:24px;font-size:1.1rem}.noscript-fallback ul{padding-left:20px}.noscript-fallback a{color:#1e40ff}@supports (color:attr(data-ink type(<color>), #0b1733)){#stage{--color-paper:attr(data-paper type(<color>), #fff);--color-ink:attr(data-ink type(<color>), #0b1733);--color-ink-mid:attr(data-ink-mid type(<color>), #5c6a8a);--color-ink-soft:attr(data-ink-soft type(<color>), #aeb6c8);--color-line:attr(data-line type(<color>), #0b17330f);--color-line-bold:attr(data-line-bold type(<color>), #0b173324);--color-splash:attr(data-splash type(<color>), #ff5722)}#stage .viewing-label{--color-viewing:attr(data-color type(<color>), #0b1733)}#stage .project-label{--color-project:attr(data-color type(<color>), #aeb6c8)}}@supports (left:calc(720px + cos(0deg) * 270px)){#stage .project-label{left:calc(var(--position-center-x) + cos(var(--angle-project)) * var(--size-label-radius));top:calc(var(--position-center-y) + sin(var(--angle-project)) * var(--size-label-radius))}}@supports (rotate:attr(data-angle type(<angle>), 0deg)){#stage .project-label{--angle-project:attr(data-angle type(<angle>), 0deg)}}