:root{--color-bg: #000;--color-fg: #fff;--color-muted: #8a8a8a;--color-line: #2d2d2d;--color-hover: #111;--color-selected: #1d1d1d;--viewport-height: 100svh;--transition-base: .14s ease}html{height:100%;background:var(--color-bg);color:var(--color-fg);overflow:hidden}body{margin:0;height:100%;min-height:var(--viewport-height);font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-fg);overflow:hidden}body.has-mobile-overlay{overflow:hidden}*{box-sizing:border-box}a,button{color:inherit}a{text-decoration:none}button{font:inherit}.shell-section-label{margin:0 0 .75rem;color:var(--color-muted);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.shell-button{border:1px solid var(--color-line);border-radius:0;background:var(--color-bg);color:var(--color-fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.5rem .95rem;transition:background var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.shell-button:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg)}.shell-button:disabled,.shell-button[aria-disabled=true]{cursor:not-allowed;opacity:.45}.shell-button--ghost,.shell-button--accent{font-weight:500}.portfolio-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;height:var(--viewport-height);background:var(--color-bg);overflow:hidden}.shell-layout,.mobile-utilities,.mobile-overlay,.mobile-overlay-backdrop{position:relative}.shell-layout{display:grid;height:auto;min-height:0;overflow:hidden}.shell-sidebar{display:none;overflow:hidden}.shell-sidebar__header,.shell-sidebar__footer{padding:0}.shell-sidebar__header{border-bottom:1px solid var(--color-line)}.shell-sidebar__footer{border-top:1px solid var(--color-line)}.shell-sidebar__copy,.mobile-overlay__copy{margin:0;color:var(--color-muted);line-height:1.55}.shell-sidebar__nav-button{width:100%;min-height:3rem;border:0;border-radius:0;background:var(--color-bg);color:var(--color-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;font:inherit;font-size:1.15rem;line-height:1;transition:background var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.shell-sidebar__nav-button:hover:not(:disabled),.shell-sidebar__nav-button:focus-visible{background:var(--color-hover);outline:none}.shell-sidebar__nav-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.shell-sidebar__nav-button:disabled{cursor:not-allowed;color:var(--color-muted)}.works-nav{min-height:0;width:100%;--scrollbar-compensation: 0px;position:relative}.works-nav__list{list-style:none;margin:0;padding:0;width:100%;position:relative}.works-nav__list:before{content:"";position:absolute;left:0;right:calc(var(--scrollbar-compensation) * -1);top:0;height:1px;background:var(--color-line);pointer-events:none;z-index:0}.works-nav__item{position:relative;width:100%;isolation:isolate;background:var(--color-bg)}.works-nav__item:before{content:"";position:absolute;left:0;right:calc(var(--scrollbar-compensation) * -1);top:0;bottom:0;background:inherit;pointer-events:none;transition:background var(--transition-base);z-index:0}.works-nav__item:hover,.works-nav__item:focus-within{background:var(--color-hover)}.works-nav__item:after{content:"";position:absolute;left:0;right:calc(var(--scrollbar-compensation) * -1);bottom:0;height:1px;background:var(--color-line);pointer-events:none;z-index:0}.works-nav__item.is-selected{background:var(--color-selected)}.works-nav__pin{position:sticky;z-index:4;display:none;pointer-events:none;height:0;overflow:visible;background:var(--color-selected)}.works-nav__pin.is-visible{display:block}.works-nav__pin--top{top:0}.works-nav__pin--bottom{bottom:0}.work-card{width:100%;min-width:100%;border:0;border-radius:0;padding:.95rem 1rem;display:grid;grid-template-columns:minmax(0,1fr);text-align:left;background:inherit;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),opacity var(--transition-base);position:relative;z-index:1}.works-nav__item.is-selected:hover,.works-nav__item.is-selected:focus-within{background:var(--color-selected)}.work-card:hover:not(:disabled),.work-card:focus-visible{background:inherit;outline:none}.work-card:disabled{cursor:not-allowed;opacity:.45}.work-card.is-selected{background:inherit}.work-card--pin{pointer-events:auto;background:var(--color-selected)}.works-nav__pin--top .work-card--pin{border-bottom:1px solid var(--color-line)}.works-nav__pin--bottom .work-card--pin{transform:translateY(-100%);border-top:1px solid var(--color-line)}.works-nav__pin .work-card:hover:not(:disabled),.works-nav__pin .work-card:focus-visible,.works-nav__pin .work-card.is-selected{background:var(--color-selected)}.work-card__body,.work-card__heading{display:grid;gap:.3rem}.work-card__title{font-size:1rem;font-weight:700}.work-card__meta{color:var(--color-muted);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.work-card__summary{color:inherit;font-size:.94rem;line-height:1.5}.work-card__tag{display:inline-flex;width:fit-content;margin-top:.25rem;color:var(--color-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.shell-stage{display:grid;min-height:0;height:100%}.route-redirect__card h1,.stage-state h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.94;letter-spacing:-.04em}.route-redirect__card p{margin:0;color:var(--color-muted);font-size:1rem;line-height:1.6}.stage-browser{height:100%;min-height:0}.stage-browser__viewport{position:relative;height:100%;min-height:0;background:var(--color-bg);overflow:clip}.stage-browser__viewport iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#000;opacity:0;transition:opacity .12s linear}.portfolio-shell[data-frame-status=ready] .stage-browser__viewport iframe{opacity:1}.stage-state{position:absolute;inset:0;display:grid;place-content:center;gap:.85rem;padding:2rem;text-align:center;background:var(--color-bg);transition:opacity var(--transition-base),visibility var(--transition-base)}.stage-state__label{margin:0;color:var(--color-muted);font-size:.76rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.stage-state__copy{margin:0 auto;max-width:34rem;color:var(--color-muted);line-height:1.6}.stage-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.stage-state--loading,.stage-state--locked,.stage-state--error{opacity:0;visibility:hidden;pointer-events:none}.portfolio-shell[data-frame-status=loading] .stage-state--loading,.portfolio-shell[data-frame-status=locked] .stage-state--locked,.portfolio-shell[data-frame-status=error] .stage-state--error{opacity:1;visibility:visible;pointer-events:auto}.portfolio-shell[data-frame-status=ready] .stage-state{opacity:0;visibility:hidden;pointer-events:none}.mobile-utilities{position:relative;z-index:2;display:flex;gap:0;background:var(--color-bg);border-top:1px solid var(--color-line)}.mobile-utilities .shell-button{flex:1 1 0;min-height:2.6rem;border-width:0;border-right:1px solid var(--color-line)}.mobile-utilities .shell-button:last-child{border-right:0}.mobile-overlay-backdrop{position:fixed;inset:0;background:#000;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-overlay{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--color-bg);border-top:1px solid var(--color-line);opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.mobile-overlay__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-line)}.works-nav--overlay{overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.works-nav--overlay::-webkit-scrollbar{display:none}.portfolio-shell[data-overlay-open=true] .mobile-overlay,.portfolio-shell[data-overlay-open=true] .mobile-overlay-backdrop{opacity:1;visibility:visible}.portfolio-shell[data-overlay-open=true] .mobile-overlay{transform:translateY(0)}.route-redirect{height:var(--viewport-height);display:grid;place-items:center;padding:1rem;overflow:hidden}.route-redirect__card{width:min(100%,42rem);padding:1.25rem;border:1px solid var(--color-line)}.route-redirect__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}@media(min-width:1024px){.mobile-utilities,.mobile-overlay,.mobile-overlay-backdrop{display:none}.portfolio-shell{grid-template-rows:minmax(0,1fr)}.shell-layout{grid-template-columns:24rem minmax(0,1fr)}.shell-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--color-line);height:100%;max-height:none;position:sticky;top:0}.works-nav--drawer{overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.works-nav--drawer::-webkit-scrollbar{display:none}.shell-stage{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}}