*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}[rows~="01"]{grid-template-rows:repeat(01,minmax(0,1fr))}[rows~="02"]{grid-template-rows:repeat(02,minmax(0,1fr))}[rows~="03"]{grid-template-rows:repeat(03,minmax(0,1fr))}.my{margin-top:1rem;margin-bottom:1rem}.me{margin-inline-end:1rem}.ms,[ms=""]{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.inline{display:inline}.block{display:block}.hidden,[hidden=""]{display:none}[size~="10"]{width:2.5rem;height:2.5rem}[size~="12"]{width:3rem;height:3rem}[size~="14"]{width:3.5rem;height:3.5rem}[size~="16"]{width:4rem;height:4rem}[size~="224"]{width:56rem;height:56rem}[size~="28"]{width:7rem;height:7rem}.h3{height:.75rem}.max-w-sm{max-width:24rem}.min-h-\[280px\]{min-height:280px}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden,[overflow-hidden=""]{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.b,.border,[b=""],[border=""]{border-width:1px}.object-cover{object-fit:cover}.object-center{object-position:center}.px,[px=""]{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}[font-size~="12"]{font-size:3rem}[font-size~="14"]{font-size:3.5rem}.text-\[var\(--fg-muted\)\]{color:var(--fg-muted)}.font-medium{font-weight:500}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.tab,[aria-selected~=tab][aria-selected=true]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-display: "Onest", sans-serif;--font-body: "Onest", sans-serif;--font-px: "Departure Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-sm: 0;--radius-md: 0;--radius: 0;--radius-lg: 0;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .1);--border-accent: rgba(var(--accent-rgb), .3);--line: #17181B;--border-window: var(--line);--border-window-active: var(--line);--bg: #FAFAF8;--bg-muted: rgba(0, 0, 0, .03);--bg-card: #FAFAF8;--bg-hover: rgba(0, 0, 0, .04);--bg-dark: #0f1115;--bg-dock: rgba(255, 255, 255, .04);--bg-dock-hover: rgba(255, 255, 255, .08);--bg-dock-selected: rgba(247, 231, 163, .22);--bg-titlebar: #FFFFFF;--mark: #F7E7A3;--mark-soft: #FCF4DC;--paper: #F3F2EE;--paper-grid: rgba(60, 52, 30, .07);--fg: var(--line);--fg-muted: #6e6864;--fg-on-dark: #f0f0f0;--fg-on-image: #ffffff;--case-study-bg: var(--bg);--case-study-ink: var(--line);--case-study-ink-heading: var(--line);--case-study-ink-body: #2c2a28;--case-study-ink-muted: var(--fg-muted);--case-study-ink-subtle: var(--case-study-ink-body);--case-study-ink-caption: var(--fg-muted);--case-study-link: var(--accent);--case-study-link-hover: var(--fg-muted);--case-study-quote-border: var(--border-strong);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-window: 4px 4px 0 rgba(23, 24, 27, .07), 0 14px 32px rgba(23, 24, 27, .08);--shadow-window-active: 4px 4px 0 rgba(23, 24, 27, .1), 0 18px 40px rgba(23, 24, 27, .12);--accent: #1d1c1a;--accent-rgb: 29, 28, 26;--on-accent: #FAFAF8;--accent-subtle: rgba(29, 28, 26, .06);--accent-wash: #F1EFEA;--ring: 0 0 0 2px rgba(29, 28, 26, .25);--win-close-hover: #c42b1c;--taskbar-bg: rgba(16, 16, 20, .86);--desktop-bg: var(--paper);--mobile-shell-bg: var(--bg);--mobile-shell-fg: var(--case-study-ink-heading);--mobile-shell-fg-muted: var(--case-study-ink-muted);--mobile-shell-fg-caption: var(--case-study-ink-caption);--mobile-shell-border: var(--border);--mobile-shell-border-strong: var(--border-strong);--mobile-shell-chrome-bg: rgba(250, 250, 248, .92);--mobile-shell-chrome-border: rgba(0, 0, 0, .07);--mobile-shell-card: rgba(255, 255, 255, .88);--mobile-shell-card-hover: rgba(255, 255, 255, .96);--mobile-shell-card-border: rgba(0, 0, 0, .09);--mobile-shell-card-shadow: 0 4px 20px rgba(15, 17, 21, .07);--mobile-shell-thumb-bg: rgba(255, 255, 255, .95);--mobile-shell-taskbar-bg: rgba(255, 255, 255, .96);--mobile-shell-taskbar-border: rgba(0, 0, 0, .08);--mobile-shell-taskbar-fg: var(--case-study-ink-body);--mobile-shell-taskbar-fg-muted: var(--fg-muted);--mobile-case-study-pad-x: clamp(22px, 5.5vw, 32px);--mobile-case-study-pad-top: 12px;--focus-ring: 2px solid var(--accent);--focus-ring-offset: 2px;--font-ui: var(--font-body);--font-content: var(--font-body);--text-px-sm: 11px;--text-px: 12px;--text-sm: 14px;--text-body: 16px;--text-h2: 24px;--text-h1: clamp(28px, 8cqi, 48px);--weight-normal: 400;--weight-semibold: 600;--weight-bold: 700;--text-hero-display: var(--text-h1);--text-section-label: var(--text-px-sm);--text-body-editorial: var(--text-body);--text-muted: var(--text-sm);--weight-medium: var(--weight-normal);--weight-extrabold: var(--weight-bold);--leading-editorial: 1.85;--fg-body-editorial: var(--case-study-ink-body);--fg-section-label: var(--fg-muted);--leading-tighter: 1.1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--leading-loose: 1.85}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:var(--desktop-bg);color:var(--fg-on-dark)}body:not(pre){font-family:var(--font-ui)}:root{font-synthesis-weight:none}@media (prefers-contrast: more){:root{--case-study-ink-body: #1a1918;--fg-muted: #45403c;--mobile-shell-chrome-border: rgba(0, 0, 0, .14);--mobile-shell-card-border: rgba(0, 0, 0, .14)}}.font-terminal,.font-mono{font-family:var(--font-px);font-weight:400}.card{display:block;width:100%;text-align:left;border-radius:0;border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}*{margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}::selection{background:var(--mark-soft);color:var(--fg)}html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.window-bound{position:absolute;top:0;left:-100%;width:300%;height:100vh;overflow:visible;z-index:60;pointer-events:none}.window-bound .os-window{pointer-events:auto}.inner-window{height:calc(100% - 32px);min-height:0}.os-desktop{position:relative;width:100%;height:100%;overflow:hidden;background:var(--desktop-bg);--mx: .5;--my: .5}.os-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:translateZ(0);opacity:0;animation:os-wallpaper-in .4s ease-out forwards;pointer-events:none}.os-wallpaper>*{position:absolute;pointer-events:none}.desktop-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--paper);background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.desktop-icon-item{position:absolute;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-default);-webkit-user-select:none;user-select:none}@keyframes icon-hop{0%{transform:translateY(0)}50%{transform:translateY(-3px)}}.file-explorer__tree-item img,.file-explorer__file-row img{filter:none;object-fit:contain}.project-card{display:block;width:100%;height:auto;text-align:left;cursor:var(--cursor-pointer);border:0;background:transparent}.project-card__thumb{width:100%;aspect-ratio:16 / 10;flex-shrink:0;border:1px solid var(--line);border-radius:0;background-color:var(--paper);overflow:hidden}.project-card__thumb img{object-position:top;transition:object-position 2.4s cubic-bezier(.45,0,.2,1)}.project-card:hover .project-card__thumb img{object-position:bottom}.project-card__body{padding:8px;background:transparent;transition:background .12s ease}.project-card:hover .project-card__body,.project-card:focus-visible .project-card__body{background:var(--mark-soft)}.project-card__title{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--fg);margin:0 0 3px;line-height:1.3;letter-spacing:-.02em}.project-card__tags{display:flex;flex-wrap:wrap;gap:0;margin:0}.project-card__pill{font-family:var(--font-body),"Onest",sans-serif;font-size:var(--text-sm);font-weight:400;color:var(--fg-muted);padding:0;border:0;border-radius:0;background:none}.project-card__pill:not(:last-child):after{content:",";margin-right:4px}.playground-card .project-card__body{padding:10px 0 0}.playground-card:hover .project-card__body,.playground-card:focus-visible .project-card__body{background:transparent}.playground-card:not(.is-openable){cursor:default}.playground-card .project-card__title{display:inline;transition:box-shadow .12s ease}.playground-card.is-openable:hover .project-card__title,.playground-card.is-openable:focus-visible .project-card__title{box-shadow:inset 0 -.5em 0 var(--mark-soft)}.playground-card.is-openable:hover .project-card__thumb{outline:1px solid var(--line)}.playground-card__link:hover{background:var(--mark-soft)!important}@media (prefers-reduced-motion: reduce){.project-card__body,.project-card__thumb img{transition:none}}.pd-scroll{overflow-y:auto;overflow-x:hidden;height:100%;min-width:0;min-height:0}.pd-hero{width:100%;height:280px;border-radius:0;position:relative;flex-shrink:0;background:var(--paper);border-bottom:1px solid var(--line);container-type:inline-size;animation:editorial-fade-in .6s cubic-bezier(.16,1,.3,1) backwards}.pd-hero-overlay{position:absolute;left:0;bottom:0;padding:24px;z-index:1}.pd-hero-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--line);margin:0 0 12px}.pd-hero-pills{display:flex;flex-wrap:wrap;gap:8px}.pd-meta{display:flex;flex-wrap:wrap;gap:24px 32px;animation:editorial-fade-in .5s cubic-bezier(.16,1,.3,1) .08s backwards;padding:20px 28px;border-bottom:1px solid var(--line);background:var(--case-study-bg);color:var(--case-study-ink)}.pd-meta-item{display:flex;flex-direction:column;gap:2px}.pd-meta-label{font-family:var(--font-px);font-size:var(--text-section-label);color:var(--case-study-ink-subtle);text-transform:uppercase;letter-spacing:.2em}.pd-meta-value{font-size:var(--text-sm);font-weight:400;color:var(--case-study-ink-heading)}.pd-overview{padding:28px;background:var(--case-study-bg);color:var(--case-study-ink);animation:editorial-fade-in .5s cubic-bezier(.16,1,.3,1) .12s backwards}.pd-overview-title{font-family:var(--font-px);font-size:var(--text-section-label);color:var(--case-study-ink-subtle);text-transform:uppercase;letter-spacing:.2em;margin:0 0 12px}.pd-overview-body{font-family:var(--font-body);font-size:var(--text-body-editorial);line-height:var(--leading-editorial);color:var(--case-study-ink-body);max-width:560px;margin:0}.pd-section{padding:0 28px 28px;background:var(--case-study-bg);color:var(--case-study-ink);animation:editorial-fade-in .5s cubic-bezier(.16,1,.3,1) .18s backwards;box-sizing:border-box;min-width:0;width:100%;max-width:100%}.pd-section>h1,.pd-section>h2{overflow-wrap:break-word;word-break:break-word;max-width:100%}.pd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pd-grid-item{margin:0}.pd-grid-placeholder{width:100%;height:180px;background:var(--paper);border:1px solid var(--line)}.pd-grid-label{font-size:var(--text-sm);color:var(--case-study-ink-caption);margin-top:8px}.pd-outcome-wrap{padding:0 28px 28px;background:var(--case-study-bg)}.pd-outcome{background:var(--accent-subtle);border:1px solid var(--line);border-radius:0;padding:16px 20px;font-size:var(--text-sm);color:var(--case-study-ink-body)}.pd-case-study-footer{padding:28px 28px 32px;border-top:1px solid var(--line);background:var(--case-study-bg);color:var(--case-study-ink)}.pd-case-study-footer-line{font-family:var(--font-body),"Onest",sans-serif;font-size:var(--text-sm);color:var(--case-study-ink-caption);font-style:italic;margin:0}.pd-cta{padding:20px 28px;background:var(--case-study-bg);color:var(--case-study-ink);animation:editorial-fade-in .5s cubic-bezier(.16,1,.3,1) .1s backwards}.pd-cta-inner{display:flex;flex-wrap:wrap;gap:12px}.pd-btn,.os-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:var(--font-px);font-size:var(--text-px);font-weight:400;letter-spacing:.04em;line-height:1.3;text-decoration:none;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--line);cursor:var(--cursor-pointer);transition:background .12s ease}.pd-btn:hover,.os-btn:hover{background:var(--mark-soft);color:var(--line)}.projects-sidebar{background:var(--bg-card);border-right:1px solid var(--line)}.projects-sidebar-item{background:transparent;border-radius:0;transition:background .2s ease}.projects-sidebar-item:hover:not(.projects-sidebar-item--active){background:color-mix(in srgb,var(--fg) 5%,transparent)}.projects-sidebar-item.projects-sidebar-item--active,.projects-sidebar-item.projects-sidebar-item--active:hover{background:transparent}.projects-sidebar{position:relative}.projects-sidebar>*{position:relative;z-index:1}.projects-sidebar-mark{position:absolute;left:8px;right:8px;top:0;z-index:0;background:var(--mark-soft);transition:transform .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),opacity .15s ease;pointer-events:none}@media (prefers-reduced-motion: reduce){.projects-sidebar-mark{transition:none}}.projects-sidebar-item__title{font-size:var(--text-sm);font-weight:400;color:var(--fg);line-height:1.35}.projects-sidebar-item--active .projects-sidebar-item__title{font-weight:var(--weight-semibold);color:var(--fg)}.projects-sidebar-item .projects-sidebar-item__actions{opacity:.7;transition:opacity .15s ease}.projects-sidebar-item:hover .projects-sidebar-item__actions,.projects-sidebar-item .projects-sidebar-item__actions:hover{opacity:1}.projects-sidebar-item__meta{margin-top:3px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-sidebar-item__tagline{margin-top:4px;font-size:var(--text-sm);color:var(--fg-muted);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word;overflow-wrap:break-word}.projects-pane{container-type:inline-size}.projects-pane--reading{max-width:860px;margin:0 auto}.projects-h1,.projects-pane h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--line)}.projects-pane h1,.projects-pane .ds-h1{font-size:var(--text-h1)!important}.projects-lede{font-family:var(--font-body);font-size:var(--text-body);line-height:1.75;color:var(--fg-muted);max-width:min(720px,100%)}.projects-loading{padding:48px;font-family:var(--font-px);font-size:var(--text-px);color:var(--fg-muted)}.projects-pane-btn{position:absolute;right:20px;z-index:5;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--line);cursor:var(--cursor-pointer)}.projects-pane-btn:hover{background:var(--mark-soft);color:var(--line)}.workspace-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.projects-index-head{display:grid;padding:20px 0 16px;margin:-20px 0 12px;border-bottom:1px solid var(--line)}@media (max-width: 980px){.projects-index-head{grid-template-columns:1fr}}.workspace-projects-grid .project-card{animation:none}@media (max-width: 420px){.workspace-projects-grid{grid-template-columns:1fr}}.os-meta{font-family:var(--font-px);font-size:var(--text-section-label);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-section-label)}.os-window{background:var(--bg-card);border-radius:0;box-shadow:var(--shadow-window);border:1px solid var(--border-window);animation:os-window-in .18s ease-out backwards;animation-delay:var(--open-delay, 0ms);overflow:hidden}@keyframes os-window-out{0%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(50% 0 50% 0)}}#window-about{--open-delay: .3s}#window-projects{--open-delay: .5s}.os-window--active{box-shadow:var(--shadow-window-active);border-color:var(--border-window-active);z-index:55}@keyframes os-fullscreen-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes os-fullscreen-window-in{0%{opacity:0;clip-path:inset(50% 0 50% 0)}to{opacity:1;clip-path:inset(0)}}.os-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:998;pointer-events:none;animation:os-fullscreen-overlay-in .35s cubic-bezier(.16,1,.3,1) forwards}.os-window--fullscreen{position:fixed!important;left:4vw!important;top:5vh!important;width:92vw!important;height:90vh!important;min-width:0;min-height:0;animation:os-fullscreen-window-in .35s cubic-bezier(.16,1,.3,1) backwards}.os-window--closing{animation:os-window-out .15s ease-in forwards}@media (prefers-reduced-motion: reduce){.os-window,.os-window--fullscreen{animation:none;opacity:1;clip-path:none}.os-window--closing{animation:none;opacity:0;clip-path:inset(50% 0 50% 0)}}.os-window-border{border:1px solid var(--border-window)}.os-window--sticky-note{border-color:#96781447}.os-window--sticky-note .os-titlebar{background:#fbf1c4;border-bottom-color:#96781433}.os-window--sticky-note .os-titlebar-title{color:var(--fg)}.os-window .os-resize-handle{z-index:1}.os-window .os-resize-top{height:8px;min-height:8px;margin:0 8px;cursor:n-resize}.os-window .os-resize-bottom{height:8px;min-height:8px;margin:0 8px;cursor:s-resize}.os-window .os-resize-left{width:8px;min-width:8px;margin:8px 0;cursor:w-resize}.os-window .os-resize-right{width:8px;min-width:8px;margin:8px 0;cursor:e-resize}.os-titlebar{position:relative;display:flex;align-items:center;justify-content:flex-end;height:28px;min-height:28px;padding-left:84px;padding-right:10px;background:var(--bg-titlebar);border-bottom:1px solid var(--line);border-radius:0;-webkit-user-select:none;user-select:none}.os-window:not(.os-window--active) .os-titlebar{background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(23,24,27,.035) 3px 4px),var(--bg-titlebar)}.os-window:not(.os-window--active) .os-titlebar-title{color:var(--fg-muted)}.os-titlebar-title{font-family:var(--font-px);font-size:var(--text-px);font-weight:400;letter-spacing:.03em;transition:color .2s ease;padding-left:.5rem;padding-right:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.os-window-controls{position:absolute;left:0;top:0;display:flex;align-items:center;gap:0;height:100%;flex-direction:row-reverse}.os-winbtn{display:flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;width:28px;height:100%;color:var(--fg);border-right:1px solid var(--line)}.os-winbtn:hover{background:var(--mark-soft);color:var(--fg)}.os-winbtn--disabled{opacity:.4;cursor:var(--cursor-default)}.os-winbtn--disabled:hover{background:transparent}.os-winbtn-close:hover{background:var(--win-close-hover);color:#fff}.os-winbtn-close:hover svg{color:#fff}.os-window-body{font-family:var(--font-body);width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:var(--space-6);color:var(--fg);background:var(--bg-card);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-relaxed)}.os-window-body::-webkit-scrollbar{width:8px}.os-window-body::-webkit-scrollbar-track{background:transparent}.os-window-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}.os-window-body::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}.project-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-detail-tag{font-family:var(--font-px);font-size:var(--text-px);font-weight:400;line-height:1.4;color:var(--line);border:1px solid var(--line);border-radius:0;padding:2px 8px;background:transparent}.cs-eyebrow{display:block;font-family:var(--font-px);font-size:var(--text-px-sm);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 8px}.cs-btn{display:inline-flex;align-items:center;font-family:var(--font-px);font-size:var(--text-px);letter-spacing:.04em;line-height:1.4;color:var(--line);border:1px solid var(--line);border-radius:0;background:transparent;padding:8px 12px;text-decoration:none;transition:background .15s ease}.cs-btn:hover{background:var(--mark-soft)}.upstage-case-study-header{box-sizing:border-box;min-width:0;width:100%;max-width:100%}.upstage-case-study-header h1{margin-bottom:16px;overflow-wrap:break-word;word-break:break-word;max-width:100%}.upstage-case-study-header .project-detail-tags{margin-top:0}.project-body{box-sizing:border-box;width:100%;max-width:720px;min-width:0;margin-left:auto;margin-right:auto;overflow:visible;overflow-wrap:break-word;word-break:break-word}.project-body,.cs-prose{font-family:var(--font-body);font-size:var(--text-body);line-height:1.7;letter-spacing:0;color:var(--case-study-ink-body)}.cs-prose p{margin:0 0 1.2em}.cs-prose :is(p,li,blockquote){max-width:68ch;text-wrap:pretty}.cs-prose :is(h1,h2,h3),.upstage-case-study-header h1,.case-study-footer-tagline{text-wrap:balance}.cs-summary{text-wrap:pretty}.cs-prose :is(ul,ol){margin:0 0 1.2em;padding-left:1.5em}.cs-prose ul{list-style:disc}.cs-prose ol{list-style:decimal}.cs-prose li{margin:0;padding-left:.25em;color:var(--case-study-ink-body)}.cs-prose li+li{margin-top:.5em}.cs-prose li::marker{color:var(--fg-muted)}.cs-prose li strong{color:var(--case-study-ink-heading)}.cs-prose h2,.cs-prose .ds-h2{font-family:var(--font-display);font-size:var(--text-h2);line-height:1.3;font-weight:700;letter-spacing:-.02em;color:var(--case-study-ink-heading);margin:2em 0 .6em}.cs-prose h2:first-child,.cs-prose h2:first-of-type{margin-top:0}.cs-prose h3{font-family:var(--font-display);font-size:var(--text-body);line-height:1.35;font-weight:600;letter-spacing:-.02em;color:var(--case-study-ink-heading);margin:1.6em 0 .5em}.cs-prose .cs-eyebrow{margin:48px 0 6px;line-height:1.2}.cs-prose .cs-eyebrow:first-child{margin-top:0}.cs-prose .cs-eyebrow+h2{margin-top:0}.cs-prose blockquote{border-left:1px solid var(--border-strong);padding-left:20px;margin:32px 0;color:var(--case-study-ink-muted);font-style:italic}.cs-prose img{width:100%;border-radius:0;margin:32px 0;cursor:zoom-in}.cs-prose strong{color:var(--case-study-ink-heading);font-weight:600}.cs-summary{font-family:var(--font-body);font-size:var(--text-body);line-height:1.7;color:var(--case-study-ink-body);margin:0 0 12px;max-width:68ch}.upstage-case-study-header{container-type:inline-size}.cs-stats,.cs-metagrid{display:grid;margin:20px 0 0;padding:0;border:1px solid var(--line)}.cs-stats{grid-template-columns:repeat(3,1fr);background:var(--bg-titlebar)}.cs-metagrid{grid-template-columns:repeat(var(--n, 4),1fr);margin-top:12px}.cs-stats>div,.cs-metagrid>div{padding:12px 14px;min-width:0}.cs-stats>div+div,.cs-metagrid>div+div{border-left:1px solid var(--line)}.cs-stats dt{font-family:var(--font-body);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;color:var(--case-study-ink-heading);font-variant-numeric:tabular-nums}.cs-stat-from{color:var(--fg-muted);font-weight:400}.cs-stat-to{background:linear-gradient(transparent 62%,var(--mark) 62%)}.cs-stats dd{margin:6px 0 0;font-family:var(--font-px);font-size:var(--text-px-sm);line-height:1.45;letter-spacing:.02em;color:var(--case-study-ink-muted)}.cs-metagrid dt{font-family:var(--font-px);font-size:var(--text-px-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--case-study-ink-muted)}.cs-metagrid dd{margin:4px 0 0;font-size:var(--text-sm);line-height:1.4;color:var(--case-study-ink-heading)}@container (max-width: 640px){.cs-metagrid{grid-template-columns:repeat(var(--narrow, 2),1fr)}.cs-metagrid>div:nth-child(n+3){border-top:1px solid var(--line)}.cs-metagrid>div:nth-child(odd){border-left:0}.cs-metagrid--odd>div+div{border-left:0;border-top:1px solid var(--line)}}@container (max-width: 760px){.cs-stats{grid-template-columns:1fr}.cs-stats>div+div{border-left:0;border-top:1px solid var(--line)}.cs-stats dt{font-size:24px}}.cs-meta{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:var(--case-study-ink-muted);margin:0}.cs-table-wrap{container-type:inline-size;overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:0;background:#fff}.cs-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-body);line-height:1.45;color:var(--case-study-ink-heading);word-break:normal;overflow-wrap:normal}.cs-table th{font-family:var(--font-px);font-size:var(--text-px-sm);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);text-align:left;vertical-align:bottom;padding:12px 16px 8px;border-bottom:1px solid var(--line)}.cs-table td{font-size:var(--text-body);text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid rgba(23,24,27,.12)}.cs-table tbody tr:first-child td{border-top:0}.cs-table td.is-marked{background:var(--mark-soft);box-shadow:inset 0 0 0 1px var(--line)}.cs-table--steps td:first-child,.cs-table--steps th:first-child{width:1%;white-space:nowrap}.cs-table--steps td:first-child{font-family:var(--font-px);font-size:var(--text-px);font-weight:400}@container (max-width: 439px){.cs-table:has(th:nth-child(3)) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.cs-table:has(th:nth-child(3)) :is(tbody,tr,td){display:block;width:auto;white-space:normal}.cs-table:has(th:nth-child(3)) tr{padding:12px 16px;border-top:1px solid rgba(23,24,27,.12)}.cs-table:has(th:nth-child(3)) tbody tr:first-child{border-top:0}.cs-table:has(th:nth-child(3)) td{border-top:0;padding:4px 0}.cs-table:has(th:nth-child(3)) td.is-marked{padding:4px 8px;margin:4px 0;border-radius:4px}.cs-table:has(th:nth-child(3)) td:first-child{font-weight:600}.cs-table--steps:has(th:nth-child(3)) td:first-child{font-weight:400}.cs-table:has(th:nth-child(3)) td[data-label]:before{content:attr(data-label) ": ";font-weight:600}}.cs-flow-legend,.cs-prose .cs-flow-legend{display:flex;align-items:flex-start;gap:10px;max-width:none;margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:var(--case-study-ink-muted)}.cs-flow-swatch{flex:0 0 auto;width:14px;height:14px;margin-top:3px;border:1px solid var(--line);border-radius:0;background:var(--mark-soft)}.case-study-caption{font-size:var(--text-sm);line-height:1.5;color:var(--case-study-ink-muted);margin:10px 0 24px;max-width:68ch;text-align:left}blockquote.cs-note{position:relative;margin:40px 0 36px;padding:22px 22px 18px;border:1px solid var(--case-study-ink-heading, var(--fg));background:var(--mark-soft);color:var(--case-study-ink-heading, var(--fg));font-size:calc(var(--text-body) * 1.15);font-weight:var(--weight-semibold);line-height:1.45;text-wrap:pretty;max-width:100%;box-sizing:border-box}.cs-note-label{position:absolute;top:-.7em;left:14px;padding:0 6px;background:var(--line);font-family:var(--font-px);font-size:var(--text-px-sm);font-weight:400;letter-spacing:.04em;color:var(--bg)}.cs-bubble{margin:32px 0;max-width:100%}.cs-bubble blockquote{position:relative;margin:0 0 20px;padding:16px 20px;border:1px solid var(--case-study-ink-heading, var(--fg));background:var(--mark-soft);color:var(--case-study-ink-body, var(--fg));font-size:var(--text-body);line-height:1.55}.cs-bubble blockquote:before,.cs-bubble blockquote:after{content:"";position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%)}.cs-bubble blockquote:before{left:23px;width:14px;height:14px;background:var(--case-study-ink-heading, var(--fg))}.cs-bubble blockquote:after{left:24px;width:12px;height:12px;margin-top:-1px;background:var(--mark-soft)}blockquote.cs-note,.cs-bubble blockquote{font-style:normal}.cs-bubble figcaption{padding-left:24px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;color:var(--fg-muted)}.cs-more{margin:12px 0 8px}.cs-more>summary{display:inline-flex;align-items:center;gap:6px;list-style:none;padding:3px 8px;border:1px dashed var(--fg-muted);font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);cursor:var(--cursor-pointer)}.cs-more>summary::-webkit-details-marker{display:none}.cs-more>summary:before{content:"+"}.cs-more[open]>summary:before{content:"−"}.cs-more>summary:hover{border-style:solid;border-color:var(--line);background:var(--mark-soft);color:var(--line)}.cs-more>summary:focus-visible{outline:2px solid var(--line);outline-offset:2px}.cs-more-body{margin-top:16px}.case-study-accordion__trigger,.case-study-accordion__panel{color:var(--case-study-ink-body)!important}.before-after-slider__caption{color:var(--case-study-ink-caption)!important}.before-after-slider__handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-study-footer-tagline,.cs-prose .case-study-footer-tagline{font-family:var(--font-body),Onest,sans-serif;font-size:var(--text-sm);font-style:italic;color:var(--case-study-ink-caption);margin:0}.case-study-footer-note,.cs-prose .case-study-footer-note{font-family:var(--font-body),Onest,sans-serif;font-size:var(--text-sm);color:var(--case-study-ink-caption);margin:4px 0 0}.case-study-accordion__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pd-btn:focus-visible,.cs-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-body-media video{border-radius:0;margin:32px auto;display:block;background:#000;max-width:100%;height:auto}.project-body-media img{border-radius:0;margin:32px auto;display:block;max-width:100%;height:auto}.project-body-media--seamless>*,.project-body-media--seamless img,.project-body-media--seamless video{margin:0;padding:0;border-radius:0;vertical-align:top}.project-body-media--seamless>*{display:block}.project-body-media--seamless{max-width:min(1200px,100%);margin-top:0}.os-h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0;color:var(--fg)}.file-explorer{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg-card)}.file-explorer__toolbar{flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-titlebar)}.file-explorer-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem;font-size:var(--text-sm);color:var(--fg-muted)}.file-explorer-breadcrumb__segment{display:flex;align-items:center;gap:.125rem}.file-explorer-breadcrumb__chevron{margin:0 2px;color:var(--fg-muted)}.file-explorer-breadcrumb__link{padding:2px 6px;border-radius:0;color:inherit;background:transparent;border:none;cursor:var(--cursor-pointer);font:inherit}.file-explorer-breadcrumb__link:hover{color:var(--fg);background:var(--mark-soft)}.file-explorer__body{min-height:0;display:flex;flex:1 1 0%}.file-explorer__sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:8px 0;overflow-y:auto;background:var(--bg-card)}.file-explorer__tree-root{padding-left:8px}.file-explorer__tree-item{width:100%;display:flex;align-items:center;gap:.5rem;text-align:left;padding:6px 12px;font-size:var(--text-sm);color:var(--fg);background:transparent;border:none;cursor:var(--cursor-pointer)}.file-explorer__tree-item:hover,.file-explorer__tree-item--selected{background:var(--mark-soft);color:var(--line)}.file-explorer__content{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.file-explorer__content-inner{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4);background:var(--bg-card)}.file-explorer__list{margin:0;display:flex;flex-direction:column;list-style-type:none;gap:.125rem;padding:0}.file-explorer__file-row{display:flex;align-items:center;gap:.75rem;text-align:left;padding:8px 12px;font-size:var(--text-sm);color:var(--fg);background:transparent;border:none;cursor:var(--cursor-pointer);width:100%}.file-explorer__file-row:hover{background:var(--mark-soft)}.file-explorer__file-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.os-meta{font-family:var(--font-px);font-size:var(--text-px);font-weight:400;color:var(--fg-muted)}.os-body{font-size:14px;line-height:1.625;color:var(--case-study-ink-body)}.os-dot{color:var(--fg-muted)}@media (pointer: fine){.os-desktop{cursor:var(--cursor-default)}}@keyframes os-wallpaper-in{to{opacity:1}}@keyframes os-window-in{0%{opacity:0;clip-path:inset(50% 0 50% 0)}to{opacity:1;clip-path:inset(0)}}.projects-sidebar-icon-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:0;color:var(--fg-muted);transition:color .15s,background .15s;text-decoration:none;border:none;cursor:var(--cursor-pointer);background:transparent;padding:0}.projects-sidebar-icon-btn:hover{color:var(--fg);background:var(--mark-soft)}.pb-addr{flex:0 0 38px;color:var(--fg);display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid var(--line);background:var(--paper);-webkit-user-select:none;user-select:none}.pb-nav{display:flex}.pb-nav button,.pb-quick,.pb-copy{height:24px;border:1px solid var(--line);background:var(--bg-card);color:var(--fg);cursor:var(--cursor-pointer);display:grid;place-items:center}.pb-nav button{width:26px;padding:0}.pb-nav button+button{border-left:0}.pb-nav button:hover,.pb-quick:hover,.pb-copy:hover{background:var(--mark-soft);color:var(--fg)}.pb-url{flex:1;min-width:0;height:24px;display:flex;align-items:center;padding:0 8px;border:1px solid var(--line);background:var(--bg-card);font-family:var(--font-px);font-size:var(--text-px);white-space:nowrap;overflow:hidden}.pb-host{color:var(--fg-muted)}.pb-quick{min-width:38px;padding:0 7px;font-family:var(--font-px);font-size:var(--text-px-sm);white-space:nowrap}.pb-copy{padding:0 10px;font-family:var(--font-px);font-size:var(--text-px);min-width:84px}.rn{--rn-inset: 10px;height:100%;overflow-y:auto;background:var(--paper);padding:0 0 20px}.rn-printer{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px 10px;align-items:center;width:calc(100% - var(--rn-inset) * 2);margin:22px var(--rn-inset) 0;padding:22px 14px 14px;position:relative;border:1px solid var(--line);border-bottom:0;background:var(--bg-card);font-family:var(--font-px);font-size:var(--text-px-sm);color:var(--fg-muted);text-align:left;cursor:var(--cursor-pointer)}.rn-printer:before{content:"";position:absolute;left:18%;right:18%;top:-9px;height:18px;border:1px solid var(--line);border-bottom:0;background:var(--paper)}.rn-printer:after{content:"";position:absolute;right:14px;bottom:12px;width:26px;height:7px;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 3px)}.rn-printer:hover{background:var(--mark-soft)}.rn-printer:active{transform:translateY(1px)}.rn-printer:focus-visible{outline:2px solid var(--line);outline-offset:2px}.rn-printer-name{color:var(--fg);letter-spacing:.1em}.rn-printer-hint{grid-column:1;text-transform:uppercase;letter-spacing:.04em}.rn-printer-led{grid-column:2;grid-row:1 / 3;width:8px;height:8px;background:var(--fg-muted)}.rn-printer--out .rn-printer-led{background:#2e9e57}.rn-slot{height:9px;margin:0 var(--rn-inset);background:var(--fg)}.rn-paper-wrap{position:relative;margin:0 var(--rn-inset);clip-path:inset(0 -40px -600px -40px)}.rn-paper-wrap.is-ready{cursor:var(--cursor-pointer)}.rn-tear-tag{position:absolute;right:10px;top:4px;z-index:2;padding:0 5px;border:1px solid var(--line);background:var(--mark);color:var(--line);font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.06em;opacity:0;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.rn-paper-wrap.is-ready:hover .rn-tear-tag{opacity:1;transform:none}.rn-tear-line{position:absolute;left:0;right:0;top:14px;z-index:2;height:5px;background:radial-gradient(circle 2px at 4.5px 50%,var(--fg-muted) 1.9px,transparent 2px) 0 0 / 9px 5px repeat-x;clip-path:inset(0 100% 0 0);pointer-events:none}.rn-paper-wrap.is-ready:hover .rn-tear-line{clip-path:inset(0 0 0 0);transition:clip-path .26s steps(10,end)}.rn-paper-wrap.is-ready:hover .rn-receipt--out{-webkit-mask:radial-gradient(circle 6px at 0 16px,#0000 98%,#000 100%),radial-gradient(circle 6px at 100% 16px,#0000 98%,#000 100%);mask:radial-gradient(circle 6px at 0 16px,#0000 98%,#000 100%),radial-gradient(circle 6px at 100% 16px,#0000 98%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect;animation:rn-tug 1.2s steps(2,end) infinite}@keyframes rn-tug{0%,to{transform:translate(4px)}50%{transform:translate(6px,1px)}}.rn-tear-tag{left:14px;right:auto;top:8px;padding:0 7px;border:1px solid var(--line);background:var(--mark);color:var(--line);line-height:15px;transform:none}.rn-paper-wrap.is-ready .rn-tear-tag{opacity:1}.rn-paper-wrap.is-ready .rn-tear-line{clip-path:inset(0 0 0 0)}.rn-snip{display:inline-block;vertical-align:-2px;margin-right:4px;overflow:visible}.rn-snip path{fill:none;stroke:var(--fg);stroke-width:1.5}.rn-snip circle{fill:none;stroke:var(--fg);stroke-width:1.3}.rn-blade{transform-box:view-box;transform-origin:7px 6px}.rn-paper-wrap.is-ready .rn-blade--a{animation:rn-snip-a 2.4s steps(1,end) .5s infinite}.rn-paper-wrap.is-ready .rn-blade--b{animation:rn-snip-b 2.4s steps(1,end) .5s infinite}@keyframes rn-snip-a{0%,24%,48%,72%,to{transform:rotate(0)}12%,36%,60%{transform:rotate(-24deg)}}@keyframes rn-snip-b{0%,24%,48%,72%,to{transform:rotate(0)}12%,36%,60%{transform:rotate(24deg)}}.rn-paper-wrap.is-ready .rn-receipt--out{animation:rn-nudge .7s steps(2,end) 1.4s 1 both}@keyframes rn-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px,1px)}}.rn-machine:has(.rn-paper-wrap.is-ready:hover) .rn-printer-hint{visibility:hidden}.rn-receipt{background:var(--bg-titlebar);padding:40px 16px 14px;font-family:var(--font-px);font-size:var(--text-px);line-height:1.75;color:var(--line);transform:translateY(-100%);transition:transform 1.4s steps(20,end);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 12px 8px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 12px 8px repeat-x}.rn-receipt--out{transform:none}.rn-receipt--torn{transform-origin:50% 20%;animation:rn-crumple .38s steps(1,end) forwards;-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 12px 8px repeat-x,linear-gradient(#000 0 0) center / 100% calc(100% - 16px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 12px 8px repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / 12px 8px repeat-x,linear-gradient(#000 0 0) center / 100% calc(100% - 16px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 12px 8px repeat-x}@keyframes rn-crumple{0%{transform:none}22%{transform:translateY(3px) scale(1.06,.84)}42%{transform:translateY(9px) rotate(-2deg) scale(.92,.6)}60%{transform:translateY(16px) rotate(3deg) scale(.74,.44)}75%{transform:translateY(24px) rotate(-6deg) scale(.46,.3)}88%{transform:translateY(32px) rotate(10deg) scale(.24,.2);opacity:1}to{transform:translateY(42px) rotate(-16deg) scale(.08);opacity:0}}.rn-receipt h4,.rn-receipt b,.rn-receipt strong{font-weight:400}.rn-receipt h4{margin:0 0 2px;text-align:center;font-size:var(--text-px);letter-spacing:.1em}.rn-sub{text-align:center;color:var(--fg-muted);margin-bottom:8px}.rn-receipt .rn-spec{display:block;margin:0;font-size:inherit}.rn-receipt .rn-spec dt{margin-top:10px;border-top:1px dashed var(--fg-muted);padding:0;font-family:inherit;text-align:left;white-space:normal;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-px-sm)}.rn-receipt .rn-spec dt:first-child{margin-top:0;padding-top:0;border-top:0}.rn-receipt .rn-spec dd{margin:2px 0 0;color:inherit;line-height:inherit}.rn-receipt .rn-spec dd+dd{margin-top:10px}.rn-receipt .rn-spec{padding-bottom:2px}.rn-dim{display:block;color:color-mix(in srgb,var(--line) 68%,transparent)}.rn-nw{white-space:nowrap}.rn-item{display:flex;align-items:baseline;gap:6px;margin-top:4px}.rn-item:before{content:"";order:1;flex:1;border-bottom:1px dotted var(--fg-muted);transform:translateY(-3px)}.rn-item>span:last-child{order:2}.rn-receipt hr{border:0;border-top:1px dashed var(--fg-muted);margin:10px 0}.rn-resume-link{display:flex;justify-content:space-between;gap:12px;padding:5px 4px;border:1px solid var(--line);background:transparent;color:var(--fg);font-family:var(--font-px);font-size:var(--text-px-sm);text-decoration:none}.rn-resume-link:hover,.rn-resume-link:focus-visible{background:var(--mark-soft)}.rn-rel{margin:0 0 14px}.rn-rel b{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.rn-rel b>span{padding:0 5px;background:var(--line);color:var(--bg-titlebar)}.rn-rel b i{font-style:normal;font-weight:400;color:var(--fg-muted)}.rn-tot{display:flex;justify-content:space-between;font-weight:400}.rn-note{padding:18px 4px 22px;text-align:center;line-height:1.7}.rn-note--printer{color:var(--fg-muted)}.rn-printer--empty{cursor:default;opacity:.75}.rn-printer--empty .rn-printer-led{background:var(--fg-muted)}.rn-desk{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.rn-ball{position:absolute;left:0;top:0;width:39px;height:39px;pointer-events:auto;cursor:grab;touch-action:none;will-change:transform}.rn-ball:active{cursor:grabbing}.rn-ball svg{display:block;animation:rn-land .17s steps(2,end) both;transform-origin:50% 80%}@keyframes rn-land{0%{transform:scale(1.18,.72)}55%{transform:scale(.92,1.1)}to{transform:none}}.rn-px-p{fill:var(--bg-titlebar)}.rn-px-k{fill:var(--line)}.rn-px-c{fill:var(--fg-muted)}.rn-bin{position:absolute;right:14px;bottom:10px;line-height:0}.rn-bin--hit{animation:rn-bin .36s ease-out}@keyframes rn-bin{25%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}}.rn-desk-msg{position:absolute;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--line);background:var(--mark);padding:1px 6px}.rn-desk-msg--shot{right:10px;bottom:70px;animation:rn-shot 1.4s ease-out forwards}@keyframes rn-shot{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.rn-desk-msg--trees{left:12px;bottom:36px;background:var(--bg-card);border:1px solid var(--line)}@media (prefers-reduced-motion: reduce){.rn-receipt{transition:none}.rn-bin--hit,.rn-desk-msg--shot,.rn-ball svg{animation:none}.rn-paper-wrap.is-ready:hover .rn-receipt--out{animation:none;transform:translate(5px)}.rn-tear-line{transition:none;clip-path:none}.rn-receipt--torn{animation:none;opacity:0}.rn-receipt--out{transform:none}.rn-paper-wrap.is-ready .rn-receipt--out,.rn-paper-wrap.is-ready .rn-blade{animation:none}}.ab{height:100%;display:flex;flex-direction:column;background:var(--bg-card);color:var(--fg);font-family:var(--font-body)}.ab-tabs{display:flex;justify-content:center;padding:14px 0 0;-webkit-user-select:none;user-select:none}.ab-tabs button{font-family:var(--font-px);font-size:var(--text-px);padding:4px 14px;border:1px solid var(--line);background:var(--bg-card);color:var(--fg);cursor:var(--cursor-pointer)}.ab-tabs button+button{border-left:0}.ab-tabs button:hover,.ab-tabs button[aria-selected=true]{background:var(--mark-soft);color:var(--fg)}.ab-pane{flex:1;min-height:0;overflow-y:auto;padding:22px 26px 24px;animation:ab-in .4s cubic-bezier(.16,1,.3,1)}@keyframes ab-in{0%{opacity:0;transform:translateY(6px)}}.ab-spec{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start;align-content:start}.ab-avatar{width:96px;height:96px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden}.ab-avatar img{width:100%;height:100%;object-fit:cover}.ab-spec h1{margin:0;min-height:32px;font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;letter-spacing:-.03em;line-height:1.05}.ab-caret{display:inline-block;width:11px;height:25px;margin-left:3px;vertical-align:-3px;background:var(--fg);animation:pb-blink 1s steps(1) infinite}.ab-fade{opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}.ab-fade--in{opacity:1;transform:none}.ab-printer{margin:2px 0 6px}.ab-printer .rn-printer{width:100%;margin:10px 0 0;padding:10px 12px 8px;grid-template-columns:1fr auto auto;grid-template-rows:auto}.ab-printer .rn-printer-hint{grid-column:1}.ab-printer .rn-printer{grid-template-columns:1fr auto}.ab-printer .rn-printer-led{grid-column:2;grid-row:1}.ab-printer .rn-printer:before{top:-6px;height:10px;left:30%;right:30%}.ab-printer .rn-printer:after{display:none}.ab-printer .rn-slot{height:5px}.ab-printer .rn-slot{margin:0}.ab-printer .rn-receipt--idle{position:absolute;visibility:hidden}.ab-spec dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 12px;font-size:var(--text-sm)}.ab-spec dt{font-family:var(--font-px);font-size:var(--text-px-sm);font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);text-align:right;white-space:nowrap;padding-top:3px}.ab-spec dd{margin:0;color:var(--fg);line-height:1.45}.ab-comic{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ab-panel{margin:0;display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.ab-panel img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}@media (hover: hover){.ab-panel img{filter:saturate(.55);transition:filter .3s ease}.ab-panel:hover img{filter:none}}@media (prefers-reduced-motion: reduce){.ab-panel img{transition:none}}.ab-panel figcaption{flex:1;padding:7px 9px 8px;font-family:var(--font-px);font-size:var(--text-px);line-height:1.4;color:var(--fg)}.ab-disk{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600;margin-bottom:6px}.ab-free{font-family:var(--font-px);font-weight:400;color:var(--fg-muted);font-size:var(--text-px)}.ab-proc{border:1px solid var(--line);background:#fff}.ab-proc-head,.ab-proc-row{display:grid;grid-template-columns:88px minmax(0,1fr) 64px;gap:12px;align-items:center;padding:9px 12px}.ab-proc-head{font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);border-bottom:1px solid var(--line)}.ab-proc-row+.ab-proc-row{border-top:1px solid rgba(23,24,27,.12)}.ab-proc-row:hover{background:var(--mark-soft)}.ab-proc-name{font-family:var(--font-px);font-size:var(--text-px);color:var(--fg)}.ab-proc-title{font-family:var(--font-px);font-weight:400;font-size:var(--text-px)}.ab-proc-what{font-family:var(--font-px);font-size:var(--text-px);line-height:1.5;color:var(--fg)}.ab-proc-what a{font-family:var(--font-px);font-size:var(--text-px-sm);color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.ab-flap{display:inline-flex;gap:1px;vertical-align:-3px;font-family:var(--font-px);font-size:var(--text-px);white-space:pre}.ab-flap-cell{display:inline-block;width:1.25ch;text-align:center;background:var(--line);color:var(--bg);padding:1px 0}.ab-proc-cpu{display:flex;align-items:center;gap:6px;font-family:var(--font-px);font-size:var(--text-px-sm);color:var(--fg-muted)}.ab-proc-bar{width:26px;height:8px;border:1px solid var(--line);flex-shrink:0}.ab-proc-bar i{display:block;height:100%;background:var(--mark);transform-origin:left;animation:ab-fill .9s cubic-bezier(.16,1,.3,1) both}@keyframes ab-fill{0%{transform:scaleX(0)}}.ab-foot{display:flex;border-top:1px solid var(--line)}.ab-foot a,.ab-foot button{flex:1;text-align:center;padding:9px 0;font-family:var(--font-px);font-size:var(--text-px);color:var(--fg);text-decoration:none;border:0;background:none;cursor:var(--cursor-pointer)}.ab-foot>*+*{border-left:1px solid var(--line)}.ab-foot a:hover,.ab-foot button:hover{background:var(--mark-soft);color:var(--fg)}.ab--mobile .ab-spec{grid-template-columns:1fr}@media (prefers-reduced-motion: reduce){.ab-pane,.ab-proc-bar i,.ab-caret{animation:none}}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background-color:var(--paper);background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:24px 24px;transition:opacity .25s steps(3,end)}.boot--out{opacity:0;pointer-events:none}.boot-win{width:240px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-window);color:var(--fg)}.boot-bar{height:28px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);font-family:var(--font-px);font-size:var(--text-px)}.boot-body{padding:18px 20px 20px;display:grid;gap:12px}.boot-msg{font-family:var(--font-px);font-size:var(--text-px)}.boot-cells{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;border:1px solid var(--line);padding:2px}.boot-cells i{height:8px;background:transparent}.boot-cells i.on{background:var(--mark)}@keyframes boot-sweep-in{to{clip-path:inset(0)}}.boot-sweep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--fg);clip-path:inset(50% 0 50% 0);animation:boot-sweep-in .22s cubic-bezier(.16,1,.3,1) forwards}@media (prefers-reduced-motion: reduce){.boot-sweep{display:none}}.nf{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background-color:var(--paper);background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:24px 24px;font-family:var(--font-body);color:var(--line)}.nf-win{width:100%;max-width:420px;background:var(--bg);border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-window-active)}.nf-win .os-titlebar{padding-left:28px}.nf-body{padding:24px}.nf-msg{display:flex;gap:16px;align-items:flex-start}.nf-msg svg{flex-shrink:0}.nf-title{margin:0 0 8px;font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;letter-spacing:-.02em}.nf-text{margin:0;font-size:var(--text-sm);line-height:1.7;color:var(--fg-muted)}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.nf-foot{padding:8px 12px;border-top:1px solid var(--line);font-family:var(--font-px);font-size:var(--text-px);color:var(--fg-muted)}.mdock{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:9000;display:flex;align-items:stretch;height:52px;background:#fff;border:1px solid var(--line);box-shadow:4px 4px #17181b1f;color:var(--fg);-webkit-user-select:none;user-select:none;white-space:nowrap}.mdock-cell{display:flex;align-items:center;gap:6px;padding:0 20px;font-family:var(--font-px);font-size:var(--text-px)}.mdock-cell+.mdock-cell,.mdock-apps+.mdock-cell{border-left:1px solid var(--line)}.mdock-apps{display:flex;align-items:stretch;gap:0;padding:0 10px}.mdock-app{position:relative;display:grid;place-items:center;width:48px;padding:0;border:0;background:none;cursor:var(--cursor-pointer)}.mdock-app img{width:28px;height:28px}.mdock-app:hover img{animation:icon-hop .7s steps(1,end) infinite}.mdock-app.is-open:after{content:"";position:absolute;bottom:1px;left:50%;width:4px;height:4px;margin-left:-2px;background:var(--fg)}.mdock-app:hover,.mdock-app.is-active{background:var(--mark-soft)}.mdock-app:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.mdock-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:2px 7px;background:var(--bg-titlebar);border:1px solid var(--line);border-radius:0;color:var(--line);font-family:var(--font-px);font-size:var(--text-px);opacity:0;pointer-events:none}.mdock-app:hover .mdock-tip,.mdock-app:focus-visible .mdock-tip{opacity:1}.mdock-sep{width:1px;align-self:stretch;margin:10px;background:var(--line)}.mdock-status i{width:7px;height:7px;background:#2e9e57;border:1px solid var(--line)}.quick-open-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;place-items:start center;padding-top:13vh;background:#fafaf8b3}.quick-open{width:min(560px,calc(100vw - 32px));max-height:min(620px,72vh);display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg-card);color:var(--fg);box-shadow:4px 4px #17181b24;animation:quick-open-in .15s steps(3,end) both}@keyframes quick-open-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}.quick-open__titlebar{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding-left:10px;border-bottom:1px solid var(--line);font-family:var(--font-px);font-size:var(--text-px)}.quick-open__titlebar button{align-self:stretch;padding:0 9px;border:0;border-left:1px solid var(--line);background:transparent;color:inherit;font:inherit}.quick-open__titlebar button:hover{background:var(--mark-soft)}.quick-open__search{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-family:var(--font-px)}.quick-open__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--fg);font-family:var(--font-body);font-size:var(--text-body)}.quick-open__search input::placeholder{color:var(--fg-muted)}.quick-open__results{flex:1;min-height:52px;overflow-y:auto;padding:6px}.quick-open__results button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:9px 10px;border:0;background:transparent;color:var(--fg);text-align:left;font-family:var(--font-body);font-size:var(--text-sm)}.quick-open__results button[aria-selected=true]{background:var(--mark)}.quick-open__results small{font-family:var(--font-px);font-size:var(--text-px-sm);color:var(--fg-muted);text-transform:uppercase}.quick-open__empty{margin:0;padding:18px 10px;color:var(--fg-muted)}.quick-open__foot{padding:7px 12px;border-top:1px solid var(--line);color:var(--fg-muted);font-family:var(--font-px);font-size:var(--text-px-sm)}@media (prefers-reduced-motion: reduce){.mdock-app:hover img,.quick-open{animation:none}}:root{--cursor-default: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M2.5%201.5v14l3.6-3.4%202.4%205.4%202.2-1-2.4-5.3h5.2z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%2317181B%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22miter%22/%3E%3C/svg%3E) 2 1, default;--cursor-pointer: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M2.5%201.5v14l3.6-3.4%202.4%205.4%202.2-1-2.4-5.3h5.2z%22%20fill%3D%22%23F7E7A3%22%20stroke%3D%22%2317181B%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22miter%22/%3E%3C/svg%3E) 2 1, pointer}html,body{cursor:var(--cursor-default)}a,button,[role=button],[role=tab],label,summary,select{cursor:var(--cursor-pointer)}input[type=text],textarea{cursor:text}.ds-page code{font-family:var(--font-px);font-size:var(--text-px);font-weight:400;overflow-wrap:anywhere}.ds-page img{margin:0;cursor:inherit}.ds-page .os-window--active .os-titlebar,.ds-page .ds-spec__bar.os-titlebar,.ds-page .ds-close-demo.os-titlebar{background:var(--bg-titlebar)}.ds-page .os-window--active .os-titlebar-title,.ds-page .ds-spec__bar .os-titlebar-title{color:var(--fg)}.ds-page figure{margin:0}.ds-page .ds-small{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--fg-muted);max-width:68ch}.ds-page p.ds-small{margin:0 0 24px}.ds-page .ds-window__body .ds-small{margin:0}.ds-block{container-type:inline-size;margin:0 0 24px}.ds-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 24px}.ds-stage{margin:0 0 24px}.ds-page .ds-stage .cs-eyebrow{margin:0 0 6px}.ds-page .ds-stage .ds-h2{margin:0}.ds-swatches{display:grid;gap:var(--space-2)}@container (min-width: 480px){.ds-swatches{grid-template-columns:1fr 1fr}}.ds-swatch{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--line);background:var(--bg-titlebar);min-width:0}.ds-swatch .ds-swatch__chip{display:block;flex-shrink:0;width:48px;height:48px;border:1px solid var(--line)}.ds-swatch>div{min-width:0}.ds-page .ds-swatch__name{display:block;color:var(--line)}.ds-swatch__hex{display:block;font-family:var(--font-px);font-size:var(--text-px);line-height:1.5;color:var(--case-study-ink-body)}.ds-swatch__use{display:block;font-size:var(--text-sm);line-height:1.5;color:var(--fg-muted)}.ds-mark-demo{display:inline-block;width:16px;height:16px;background:var(--mark)}.ds-mark-demo--ok{border:1px solid var(--line)}.ds-specs{border:1px solid var(--line);background:var(--bg-titlebar)}.ds-spec{display:grid;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--line);min-width:0}.ds-spec:first-child{border-top:0}@container (min-width: 560px){.ds-spec{grid-template-columns:200px minmax(0,1fr);gap:var(--space-4);align-items:center}}.ds-page .ds-spec .cs-eyebrow{margin:0 0 4px}.ds-spec__metrics{display:block;font-size:var(--text-sm);line-height:1.5;color:var(--fg-muted)}.ds-spec__sample{min-width:0}.ds-page .ds-spec__sample>p{margin:0}.ds-page .ds-spec__sample .case-study-caption{text-align:left}.ds-spec__bar.os-titlebar{justify-content:flex-start;padding-left:var(--space-2);border:1px solid var(--line)}.ds-shadow-demo{display:block;width:96px;height:64px;background:var(--bg-titlebar);border:1px solid var(--line);box-shadow:var(--shadow-window)}.ds-scale{display:grid;gap:var(--space-2);margin:0 0 24px}.ds-scale__row{display:grid;grid-template-columns:24px 96px auto;align-items:center;gap:var(--space-3)}.ds-scale__bar{display:block;height:16px;background:var(--line)}.ds-states{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ds-page .ds-states figcaption{margin-top:var(--space-1)}.ds-force-hover{background:var(--mark-soft)}.ds-close-demo.os-titlebar{display:inline-flex;width:30px;padding:0;border:1px solid var(--line)}.ds-close-demo .os-winbtn{width:28px;border-right:0}.ds-force-close.os-winbtn-close{background:var(--win-close-hover);color:var(--bg-titlebar)}.ds-pair{display:grid;gap:var(--space-6);padding:0 4px 4px 0}@container (min-width: 560px){.ds-pair{grid-template-columns:1fr 1fr}}.ds-window{position:relative}.ds-window__body{padding:var(--space-4);background:var(--bg)}.ds-motion-slot{max-width:360px;min-height:120px;margin-top:var(--space-3)}.ds-dock-demo{overflow-x:auto;padding:40px 8px 8px 0;margin:0 0 8px}.ds-dock-demo .mdock{position:static;transform:none;z-index:auto;display:inline-flex}.ds-dock-demo .mdock-app.is-active .mdock-tip{opacity:1}.ds-card-demo{max-width:320px;margin:0 0 24px}.ds-icons{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 24px}.ds-page{container-type:inline-size}.ds-icons--dock{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center}@container (max-width: 560px){.ds-icons--dock{grid-template-columns:repeat(3,1fr)}}@container (max-width: 300px){.ds-icons--dock{grid-template-columns:repeat(2,1fr)}}.ds-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:72px}.ds-page .ds-icon img{width:28px;height:28px}.ds-weights{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-4);margin:0 0 24px;font-size:var(--text-body);color:var(--line)}.ds-weights .ds-weights__px{font-family:var(--font-px);font-size:var(--text-px);font-weight:400}.ds-zoom{display:flex;flex-direction:column;align-items:center;margin:0 0 24px}.ds-page .ds-zoom__img{width:224px;max-width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;border:1px solid var(--line);background:var(--bg-titlebar)}.ds-code{margin:0 0 24px;padding:var(--space-4);border:1px solid var(--line);background:var(--bg-titlebar);overflow-x:auto;font-family:var(--font-px);font-size:var(--text-px);line-height:1.6;color:var(--line);white-space:pre}.ds-page .ds-code code{font-size:inherit;overflow-wrap:normal}.cs-count{color:var(--case-study-ink-heading, var(--fg));display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 20px}.cs-count-n{font-family:var(--font-body);font-weight:700;font-size:var(--text-h1);line-height:1;font-variant-numeric:tabular-nums;min-width:3ch}.cs-count-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-muted);max-width:44ch;line-height:1.45}.cs-rcpt{color:var(--fg);position:relative;max-width:320px;margin:20px 0 32px;padding:12px 14px;border:1px solid var(--line);background:#fff;font-family:var(--font-px);font-size:var(--text-px)}.cs-rcpt-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed rgba(23,24,27,.25)}.cs-rcpt-row b{font-weight:400;opacity:0}.cs-rcpt.is-on .cs-rcpt-row b{animation:cs-rcpt-tick .16s steps(2,end) both;animation-delay:inherit}.cs-rcpt-stamp{position:absolute;right:12px;bottom:-14px;padding:4px 10px;border:1px solid var(--line);background:var(--mark);color:var(--fg);text-transform:uppercase;letter-spacing:.08em;transform:rotate(-6deg) scale(1.6);opacity:0}.cs-rcpt.is-on .cs-rcpt-stamp{animation:cs-rcpt-stamp .18s ease-out both}@keyframes cs-rcpt-tick{to{opacity:1}}@keyframes cs-rcpt-stamp{to{opacity:1;transform:rotate(-6deg) scale(1)}}@media (prefers-reduced-motion: reduce){.cs-rcpt.is-on .cs-rcpt-row b,.cs-rcpt.is-on .cs-rcpt-stamp{animation:none;opacity:1;transform:rotate(-6deg)}}.cs-split{margin:20px 0 24px}.cs-split-grid{display:grid;grid-template-columns:repeat(auto-fill,12px);gap:3px;max-width:540px}.cs-split-grid i{width:12px;height:12px;border:1px solid var(--line);background:var(--bg-titlebar)}.cs-split-grid i.is-human.is-shown{background:var(--mark)}.cs-split-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;font-size:var(--text-sm);color:var(--case-study-ink-body, var(--fg))}.cs-split-legend span{display:inline-flex;align-items:center;gap:8px}.cs-split-key{display:inline-block;width:12px;height:12px;border:1px solid var(--line);background:var(--bg-titlebar)}.cs-split-key.is-human{background:var(--mark)}.cs-shrink{display:grid;gap:10px;margin:16px 0 24px;max-width:560px}.cs-shrink-row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:12px}.cs-shrink-name{font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.cs-shrink-track{height:14px;border:1px solid var(--line);background:var(--bg-titlebar);position:relative}.cs-shrink-track i{position:absolute;inset:0 auto 0 0;background:var(--line)}.cs-shrink-track i.is-after{width:100%;background:var(--mark);border-right:1px solid var(--line)}.cs-shrink.is-on .cs-shrink-track i.is-after{width:var(--w);transition:width .9s steps(12,end) .2s}.cs-shrink-val{font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--case-study-ink-body, var(--fg));min-width:7ch;text-align:right}@media (prefers-reduced-motion: reduce){.cs-shrink.is-on .cs-shrink-track i.is-after{transition:none}}.cs-next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;margin:0 0 20px}.cs-next-link{display:flex;flex-direction:column;gap:2px;color:var(--case-study-ink-heading);text-decoration:none}.cs-next-link span{font-family:var(--font-px);font-size:var(--text-px-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--case-study-ink-muted)}.cs-next-link b{font-family:var(--font-body);font-weight:700;border-bottom:1px solid var(--line);align-self:flex-start}.cs-next-link:hover b,.cs-next-link:focus-visible b{background:var(--mark)}.cs-next-mail{font-size:var(--text-sm);color:var(--case-study-ink-body)}.cs-flow-wrap{--g: clamp(8px, 3cqw, 18px);container-type:inline-size;margin:44px 0 32px;border:1px solid var(--line);background:var(--bg-titlebar)}.cs-flow-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 10px;border-bottom:1px solid var(--line);background:var(--mark-soft);font-family:var(--font-px);font-size:var(--text-px-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--fg)}.cs-flow-head span{min-width:0}.cs-flow-head button{flex:none;white-space:nowrap;padding:1px 8px;border:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:var(--cursor-pointer, pointer)}.cs-flow-head button:hover,.cs-flow-head button:focus-visible{background:var(--mark)}.cs-flow-body{padding:16px 14px 12px}.cs-prose .cs-flow{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:var(--g);margin:0;padding:0;list-style:none;max-width:none}.cs-prose .cs-flow li{position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:6px 4px;min-height:46px;min-width:0;border:1px dashed var(--fg-muted);background:var(--bg);color:var(--fg-muted);text-align:center;font-family:var(--font-px);font-size:clamp(9px,2.5cqw,11px);line-height:1.3;overflow-wrap:break-word;max-width:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.cs-prose .cs-flow li+li:before{content:"";position:absolute;left:calc(var(--g) * -1);top:50%;width:var(--g);border-top:1px dashed var(--fg-muted)}.cs-prose .cs-flow li+li:after{content:"";position:absolute;left:-7px;top:calc(50% - 3px);width:5px;height:5px;border-right:1px solid var(--fg-muted);border-top:1px solid var(--fg-muted);transform:rotate(45deg)}.cs-flow li.is-lit,.cs-flow li.is-now{border:1px solid var(--line);color:var(--fg)}.cs-flow li.is-now{background:var(--mark)}.cs-prose .cs-flow li.is-lit+li:before,.cs-prose .cs-flow li.is-now+li:before{border-top:1px solid var(--line)}.cs-prose .cs-flow li.is-lit+li:after,.cs-prose .cs-flow li.is-now+li:after{border-color:var(--line)}.cs-flow li:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs-flow-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cs-flow-sr:before{content:": "}.cs-prose .cs-flow-note{display:flex;align-items:baseline;gap:10px;margin:16px 0 0;min-height:2.6em;font-size:var(--text-sm);line-height:1.45;color:var(--fg);max-width:none}.cs-flow-note b{flex:none;font-family:var(--font-px);font-size:var(--text-px-sm);font-weight:400;letter-spacing:.06em;color:var(--fg-muted)}@media (prefers-reduced-motion: reduce){.cs-prose .cs-flow li{transition:none}}.cs-fill{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0 24px}.cs-fill-group{display:block;margin:0 0 4px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.04em;color:var(--fg-muted)}.cs-fill-fields>div+div{margin-top:10px}.cs-fill-row{padding:4px 8px;border:1px dashed var(--fg-muted);color:var(--fg-muted);font-family:var(--font-px);font-size:var(--text-px-sm);transition:background .2s ease,color .2s ease,border-color .2s ease}.cs-fill-row+.cs-fill-row{margin-top:-1px}.cs-fill-row.is-lit{border:1px solid var(--line);background:var(--mark);color:var(--fg)}.cs-fill-page{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);background:var(--bg-titlebar)}.cs-fill-block{padding:8px 10px 10px;border:1px dashed var(--fg-muted);color:var(--fg-muted);transition:background .25s ease,border-color .25s ease,color .25s ease}.cs-fill-block span{display:block;margin-bottom:6px;font-family:var(--font-px);font-size:var(--text-px-sm);text-transform:uppercase;letter-spacing:.06em}.cs-fill-block i{display:block;height:5px;margin-top:4px;background:currentColor;opacity:.25}.cs-fill-block i:last-child{width:60%}.cs-fill-block.is-done{border:1px solid var(--line);background:var(--mark-soft);color:var(--fg)}.cs-fill-block.is-done i{opacity:.6}@media (prefers-reduced-motion: reduce){.cs-fill-row,.cs-fill-block{transition:none}}.cs-prose .before-after-slider img{margin:0;cursor:inherit}.cs-pair{container-type:inline-size}.cs-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-pair-tag{display:block;margin:0 0 6px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.cs-paper{position:relative;min-height:124px;margin-bottom:20px;padding:10px 10px 26px;border:1px solid var(--line);background:#fff;font-family:var(--font-px);font-size:var(--text-px-sm)}.cs-paper-lines>div{padding:4px 0;border-bottom:1px dashed rgba(23,24,27,.25);opacity:0}.cs-paper-lines>div.is-lit{opacity:1}.cs-paper-stamp{position:absolute;right:8px;bottom:-12px;padding:3px 8px;border:1px solid var(--line);background:var(--mark);text-transform:uppercase;letter-spacing:.06em;transform:rotate(-5deg) scale(1.5);opacity:0}.cs-paper-stamp.is-flag{background:var(--bg-titlebar)}.cs-paper-stamp.is-on{opacity:1;transform:rotate(-5deg) scale(1);transition:opacity .15s ease,transform .18s ease-out}.cs-pair-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:10px;border-top:1px dashed var(--fg-muted)}.cs-pair-chips button{padding:2px 8px;border:1px solid var(--line);background:transparent;color:var(--fg);font-family:var(--font-px);font-size:var(--text-px-sm);cursor:var(--cursor-pointer, pointer)}.cs-pair-chips button:hover{background:var(--mark-soft)}.cs-pair-chips button[aria-pressed=true]{background:var(--mark)}@container (max-width: 460px){.cs-pair-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.cs-paper-stamp.is-on{transition:none}}.cs-lane+.cs-lane{margin-top:16px}.cs-lane-name{display:block;margin:0 0 6px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.cs-prose .cs-flow li.is-wip.is-lit,.cs-prose .cs-flow li.is-wip.is-now{border-style:dashed;border-color:var(--line);background:var(--mark-soft)}@container (max-width: 500px){.cs-flow-wrap{--g: 14px}.cs-prose .cs-flow{grid-template-columns:minmax(0,1fr)}.cs-prose .cs-flow li{flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;padding:8px 10px;text-align:left;font-size:11px}.cs-prose .cs-flow li+li:before{left:18px;top:calc(var(--g) * -1);width:0;height:var(--g);border-top:0;border-left:1px dashed var(--fg-muted)}.cs-prose .cs-flow li.is-lit+li:before,.cs-prose .cs-flow li.is-now+li:before{border-left:1px solid var(--line)}.cs-prose .cs-flow li+li:after{left:15px;top:-7px;transform:rotate(135deg)}.cs-flow .cs-flow-sr{position:static;display:block;width:auto;height:auto;margin-top:3px;overflow:visible;clip:auto;white-space:normal;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4}.cs-flow .cs-flow-sr:before{content:none}.cs-prose .cs-flow-note{display:none}.cs-lane+.cs-lane{margin-top:20px}}.ab-quick{margin:4px 0 14px}.ab-now{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:var(--text-sm);line-height:1.4;color:var(--fg)}.ab-now i{flex:none;width:8px;height:8px;background:#2e9e57}.ab-quick-label{display:block;margin:0 0 4px;font-family:var(--font-px);font-size:var(--text-px-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.ab-quick a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;border:1px solid var(--line);background:var(--bg-titlebar);color:var(--fg);text-decoration:none;font-size:var(--text-sm)}.ab-quick a+a{margin-top:-1px}.ab-quick a em{flex:none;font-style:normal;font-family:var(--font-px);font-size:var(--text-px-sm);color:var(--fg-muted)}.ab-quick a:hover,.ab-quick a:focus-visible{background:var(--mark-soft)}.ab-quick a.is-all{justify-content:flex-start;background:var(--mark);font-family:var(--font-px);font-size:var(--text-px-sm);text-transform:uppercase;letter-spacing:.06em}.rn-receipt--tight{line-height:1.45;padding:38px 16px 10px}.rn-receipt--tight .rn-rel{margin:0 0 8px}.rn-receipt--tight hr{margin:6px 0}.ab-ko{margin-left:10px;font-family:var(--font-body),"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:.55em;font-weight:400;letter-spacing:0;color:var(--fg-muted);white-space:nowrap}@keyframes editorial-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.os-article-wrap{width:100%;height:100%;overflow-y:auto;background:var(--bg)}.os-article{max-width:720px;margin:0 auto;padding:28px 22px 64px}.os-article-meta{font-family:var(--font-px);font-size:var(--text-section-label);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-section-label);margin-bottom:12px}.os-article-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0;color:var(--line)}.os-article-cover{width:100%;height:320px;margin:24px 0 8px;border:1px solid var(--line);background:var(--paper)}.os-article-section{margin-top:28px;animation:editorial-fade-in .5s cubic-bezier(.16,1,.3,1) backwards}.os-article-section:nth-of-type(1){animation-delay:.05s}.os-article-section:nth-of-type(2){animation-delay:.12s}.os-article-section:nth-of-type(3){animation-delay:.18s}.os-article-section:nth-of-type(n+4){animation-delay:.24s}.os-article-h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 .6em;color:var(--line)}.os-article-p{margin:0}.mobile-os{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;box-sizing:border-box;height:100%;height:100dvh;max-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);display:flex;flex-direction:column;overflow:hidden;background:transparent;color:var(--mobile-shell-fg);z-index:1;isolation:isolate}.mobile-status-bar{flex-shrink:0;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:44px;box-sizing:border-box;padding:0 20px;padding-top:env(safe-area-inset-top,0);padding-bottom:6px;background:var(--mobile-shell-chrome-bg);border-bottom:1px solid var(--mobile-shell-chrome-border);font-family:var(--font-px),ui-monospace,monospace;font-size:var(--text-px);font-weight:400}.mobile-os__main{flex:1;min-height:0;position:relative;z-index:0;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px)}.mobile-os__home{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:20px clamp(14px,5vw,24px) 100px;position:relative}.mobile-os__screen{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent;color:var(--mobile-shell-fg)}.mobile-os__screen-content{flex:1;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.mobile-os__screen-content>*{flex:1 1 0%;min-height:0;min-width:0;max-width:100%}.mobile-project-detail{flex:1 1 0%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;min-width:0;background:var(--case-study-bg);color:var(--case-study-ink);box-sizing:border-box}.mobile-os .mobile-project-detail .pd-scroll{min-width:0!important;min-height:0!important;width:100%;max-width:100%;box-sizing:border-box;background:var(--case-study-bg);color:var(--case-study-ink);padding-top:var(--mobile-case-study-pad-top)!important;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;padding-left:max(env(safe-area-inset-left,0px),var(--mobile-case-study-pad-x))!important;padding-right:max(env(safe-area-inset-right,0px),var(--mobile-case-study-pad-x))!important}.mobile-os .mobile-project-detail .project-body{padding-left:0!important;padding-right:0!important}.mobile-os .mobile-project-detail header.upstage-case-study-header{padding-left:0!important;padding-right:0!important;padding-top:clamp(20px,5vw,36px)!important;padding-bottom:20px!important}@media screen and (max-width: 767px){.mobile-os .mobile-project-detail .pd-meta,.mobile-os .mobile-project-detail .pd-overview,.mobile-os .mobile-project-detail .pd-section{padding-left:clamp(14px,4.5vw,22px)!important;padding-right:clamp(14px,4.5vw,22px)!important}.mobile-os .mobile-project-detail .pd-overview-body{font-size:var(--text-body);line-height:1.68}.mobile-os .mobile-project-detail .cs-prose h2,.mobile-os .mobile-project-detail .cs-prose .ds-h2{font-size:var(--text-h2)}.mobile-os .mobile-project-detail .pd-hero-overlay{padding:16px 18px!important}.mobile-os .mobile-project-detail .before-after-slider__knob{width:48px;height:48px}.mobile-os .mobile-project-detail .before-after-slider__handle{width:min(56px,15vw);min-width:48px}.mobile-os .mobile-project-detail .pd-hero{height:min(200px,36vh)}.mobile-os .mobile-playground-root{padding:18px 14px calc(24px + env(safe-area-inset-bottom,0px))!important}}.mobile-os .mobile-projects-grid .mobile-projects-tile--editorial .mobile-projects-tile__label{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.28;min-height:0;max-height:none;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;text-align:left;font-size:var(--text-px);font-weight:400;font-family:var(--font-px),ui-monospace,monospace;color:var(--mobile-shell-fg);margin:0}.mobile-os .mobile-projects-grid .mobile-projects-tile__tagline{margin:4px 0 0;padding:0;font-size:var(--text-sm);font-weight:400;line-height:1.45;color:var(--mobile-shell-fg-muted);text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-hyphens:none;hyphens:none;word-break:break-word;overflow-wrap:break-word}.mobile-os__screen-content>.mobile-projects-grid{flex:1 1 0%;min-height:0;min-width:0;width:100%;max-width:100%;align-self:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.mobile-os__screen-content>.mobile-projects-grid .mobile-projects-tile{pointer-events:auto}.mobile-os__screen-content .os-window-body{flex:1 1 0%;min-height:0;height:auto!important;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--mobile-shell-bg)!important;color:var(--mobile-shell-fg)}.mobile-os__screen-content .os-window-body.resume-app-pdf{min-width:0;max-width:100%}.mobile-os .file-explorer{overflow:hidden;min-height:0}.mobile-os .file-explorer__body{flex-direction:column;min-height:0}.mobile-os .file-explorer__sidebar{width:100%;max-height:min(200px,34vh);flex-shrink:0;border-right:none;border-bottom:1px solid var(--line)}.mobile-os .file-explorer__content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-os .file-explorer__content-inner{min-height:0}@keyframes mobile-screen-enter{0%{opacity:0}to{opacity:1}}.mobile-screen-animate{animation:mobile-screen-enter .2s ease-out both}.mobile-projects-grid{width:100%;max-width:100%;margin:0;padding:16px clamp(16px,5vw,24px) 100px;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:18px 14px;justify-items:stretch;align-items:start;box-sizing:border-box}@media (min-width: 520px){.mobile-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}@media (min-width: 700px){.mobile-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}}.mobile-os .mobile-projects-grid .mobile-projects-tile--editorial{min-height:0;padding:0;flex-direction:row;align-items:center;overflow:hidden;border-radius:0;background:var(--bg-card);border:1px solid var(--line);box-shadow:none}.mobile-os .mobile-projects-grid .mobile-projects-tile__media{position:relative;width:108px;min-height:84px;align-self:stretch;flex-shrink:0;border-radius:0;overflow:hidden;background:var(--paper);border-right:1px solid var(--line)}.mobile-os .mobile-projects-grid .mobile-projects-tile--editorial{min-height:84px}.mobile-os .mobile-projects-grid .mobile-projects-tile__tagline{-webkit-line-clamp:2}.mobile-os .mobile-projects-grid .mobile-projects-tile__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}#Cards_mobile .mobile-projects-tile__media-img{height:100%!important}.mobile-os .mobile-projects-grid .mobile-projects-tile__media-placeholder{width:100%;height:100%;min-height:0;background:var(--paper)}.mobile-os .mobile-projects-grid .mobile-projects-tile__meta{flex:1 1 auto;min-width:0;padding:12px 14px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:left}.mobile-os .mobile-projects-grid .mobile-projects-tile--editorial:hover,.mobile-os .mobile-projects-grid .mobile-projects-tile--editorial.mobile-projects-tile--selected{background:var(--mark-soft);border-color:var(--line);box-shadow:none}.mobile-projects-tile{touch-action:manipulation;min-height:96px;width:100%;border:1px solid var(--line);border-radius:0;background:var(--bg-card);color:var(--mobile-shell-fg);box-shadow:none;cursor:var(--cursor-pointer);padding:10px 8px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;min-width:0}.mobile-projects-tile:hover{background:var(--mark-soft)}.mobile-projects-tile:focus-visible{background:var(--mark-soft);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.mobile-projects-tile__thumb{width:52px;height:52px;border-radius:0;background:transparent;border:0;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mobile-projects-tile__label{width:100%;font-size:var(--text-px);font-family:var(--font-px);font-weight:400;line-height:1.2;text-align:center;color:var(--mobile-shell-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-projects-tile--selected{background:var(--mark-soft)}.mobile-os .desktop-bg{background-color:var(--paper)!important;background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px)!important;background-size:24px 24px!important}.mobile-status-bar__brand{color:var(--mobile-shell-fg);letter-spacing:.02em}.mobile-os__winbar{flex-shrink:0;display:flex;align-items:stretch;min-height:40px;background:var(--mobile-shell-chrome-bg);border-bottom:1px solid var(--mobile-shell-chrome-border)}.mobile-os__winbtn{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;border-left:1px solid var(--mobile-shell-chrome-border);background:transparent;color:var(--mobile-shell-fg);cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent}.mobile-os__winbtn--lead{border-left:0;border-right:1px solid var(--mobile-shell-chrome-border)}.mobile-os__winbtn:active{background:var(--mark-soft);color:var(--fg)}.mobile-os__winbtn--close:active{background:#c42b1c;color:#fff}.mobile-os__wintitle{flex:1;min-width:0;margin:0;padding:0 12px;display:flex;align-items:center;font-family:var(--font-px),ui-monospace,monospace;font-size:var(--text-px);font-weight:400;letter-spacing:.03em;color:var(--mobile-shell-fg);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mwin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;background:var(--bg);visibility:hidden;pointer-events:none}.mwin.is-active{visibility:visible;pointer-events:auto;z-index:1;animation:mwin-in .18s ease-out backwards}@keyframes mwin-in{0%{opacity:0;clip-path:inset(50% 0 50% 0)}to{opacity:1;clip-path:inset(0)}}@media (prefers-reduced-motion: reduce){.mwin.is-active{animation:none}}.mwin__loading{padding:32px 20px;font-family:var(--font-px);font-size:var(--text-px);color:var(--fg-muted)}.mdesk{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:20px;min-height:0}.mdesk__note{margin:0;max-width:30ch;font-family:var(--font-px);font-size:var(--text-px);line-height:1.5;color:var(--fg-muted)}.mdesk__stack{display:flex;flex-direction:column;gap:8px}.mdesk__card{display:flex;align-items:stretch;height:44px;border:1px solid var(--line);background:var(--bg)}.mdesk__open,.mdesk__close{border:0;background:transparent;color:var(--fg);cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent}.mdesk__open{flex:1;min-width:0;padding:0 12px;text-align:left;font-family:var(--font-px);font-size:var(--text-px);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdesk__close{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line)}.mdesk__open:active{background:var(--mark-soft)}.mdesk__close:active{background:#c42b1c;color:#fff}.mobile-dock{flex-shrink:0;position:relative;z-index:100;display:flex;align-items:stretch;box-sizing:border-box;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);background:var(--mobile-shell-taskbar-bg);border-top:1px solid var(--mobile-shell-taskbar-border)}.mobile-dock__app{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:0;background:transparent;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent}.mobile-dock__app:active,.mobile-dock__app.is-active{background:var(--mark-soft)}.mobile-dock__dot{width:4px;height:4px;background:transparent}.mobile-dock__dot.is-on{background:var(--line)}.mobile-dock__sep{width:1px;margin:12px 4px;background:var(--mobile-shell-taskbar-border)}.mobile-dock__status{position:relative;flex:0 0 36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent}.mobile-dock__status i{width:8px;height:8px;border:1px solid var(--mobile-shell-taskbar-border)}.mobile-dock__status i.is-on{background:#2e9e57}.mobile-dock__status-tip{position:absolute;right:0;bottom:calc(100% + 8px);padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-family:var(--font-px);font-size:var(--text-px);white-space:nowrap}#mobile_all{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;max-width:90vw!important;width:100%!important;margin:0 auto!important;padding:0 10px!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}#main_mobile,#main_mobile *{text-align:center!important}#title_mobile,#Cards_mobile{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important}#Cards_mobile img{max-width:100%!important;height:auto!important}@media screen and (max-width: 767px){html{overflow-x:hidden!important;height:100%!important}body{overflow-x:hidden!important;overflow-y:hidden!important;margin:0!important;min-height:100%!important;min-height:100dvh!important;height:100%!important;height:100dvh!important;-webkit-overflow-scrolling:touch!important}#root{min-height:100%!important;min-height:100dvh!important;height:100%!important;height:100dvh!important;overflow:hidden!important}}@media screen and (max-width: 767px){#Cards_mobile a,#Cards_mobile [href],.w-dyn-item a,.w-dyn-items a,.collection-item a,.collection-list a,.project-card a,.card a,a.card,a.project-card,a.w-inline-block{pointer-events:auto!important;cursor:var(--cursor-pointer)!important;position:relative!important;z-index:2!important;display:block!important}.w-dyn-items,.collection-list{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;padding:0 4px!important}.w-dyn-item,.collection-item{width:100%!important;max-width:100%!important}#Cards_mobile a,.w-dyn-item a{min-height:44px!important;padding:8px!important}.card_text_title{font-size:16px!important}.card_text_subtitle{font-size:14px!important;color:var(--text)!important}}@media screen and (min-width: 768px) and (max-width: 991px){.w-dyn-items,.collection-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media screen and (max-width: 767px){.resume:not(.resume-app-pdf),.resume-section,.resume-wrapper,[class*=resume]:not(.resume-app-pdf),[class*=Resume]:not(.resume-app-pdf){width:100%!important;max-width:100%!important;padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important}.resume:not(.resume-app-pdf) table,.resume-section table,[class*=resume]:not(.resume-app-pdf) table{width:100%!important;table-layout:fixed!important;word-wrap:break-word!important}.resume:not(.resume-app-pdf) h1,.resume-section h1,[class*=resume]:not(.resume-app-pdf) h1{font-size:1.4rem!important}.resume:not(.resume-app-pdf) h2,.resume-section h2,[class*=resume]:not(.resume-app-pdf) h2{font-size:1.2rem!important}.resume:not(.resume-app-pdf) p,.resume-section p,[class*=resume]:not(.resume-app-pdf) p{font-size:.9rem!important;line-height:1.6!important}.resume:not(.resume-app-pdf) img,.resume-section img,[class*=resume]:not(.resume-app-pdf) img,.resume:not(.resume-app-pdf) iframe:not(.resume-app-pdf__iframe),[class*=resume]:not(.resume-app-pdf) iframe:not(.resume-app-pdf__iframe){max-width:100%!important;height:auto!important}.resume:not(.resume-app-pdf) .w-layout-grid,[class*=resume]:not(.resume-app-pdf) .w-layout-grid{grid-template-columns:1fr!important;gap:12px!important}.resume:not(.resume-app-pdf) [class*=column],[class*=resume]:not(.resume-app-pdf) [class*=column],.resume:not(.resume-app-pdf) .w-col,[class*=resume]:not(.resume-app-pdf) .w-col{width:100%!important;max-width:100%!important}}@media screen and (max-width: 767px){#mobile_wrapper.mobile-os{height:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}#mobile_all.mobile-os__main{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}}@media (max-width: 767px){body{background:var(--bg);color:var(--fg)}}