main:has(.portfolio-gallery){overflow:visible}.portfolio-gallery.portfolio,.projects-page .portfolio-gallery{position:relative;max-width:none;width:var(--work-window-width,100%);margin-left:calc((100% - var(--work-window-width,100%))/2);height:165svh;padding:0}.work-screen{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:28px var(--gutter) 24px;background:#000;display:flex;flex-direction:column;gap:28px;overflow:hidden}.work-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.work-top .eyebrow{margin:0;font-size:12px}.work-exit{padding:8px 0;border:0;background:none;color:#999;font-size:12px}.work-exit:hover{color:#fff}.work-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;flex:1;min-height:0}.work-brands{min-height:0;display:flex;flex-direction:column;gap:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent;position:relative}.work-brand{border:0;background:transparent;width:100%;min-height:66px;flex:0 0 66px;display:flex;align-items:center;justify-content:center;opacity:.5;padding:0 12px;transition:opacity .2s}.work-brand:hover,.work-brand[aria-pressed=true]{opacity:1}.work-brand img{display:block;max-width:100%;width:calc(var(--logo-width)*.72);height:calc(var(--logo-height)*.72);object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.work-wordmark{font-size:20px;line-height:1.1;letter-spacing:-.8px;font-weight:600}.work-view{min-width:0;min-height:0;display:flex;flex-direction:column}.work-stage{position:relative;flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;background:#101010;touch-action:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#666 #101010}.work-piece{position:relative;width:100%;margin:0;background:#101010;overflow:hidden}.work-piece+.work-piece{margin-top:16px}.work-piece>img,.work-piece>video{display:block;width:100%;height:auto}.work-piece>iframe{position:absolute;left:0;top:0;display:block;border:0;transform-origin:top left;pointer-events:none;max-width:none}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;font-size:12px;color:#898989;flex-shrink:0}.work-label{color:#f5f3f0}.work-count{font-variant-numeric:tabular-nums}.work-progress{height:1px;background:#252525;margin-top:12px;overflow:hidden;flex-shrink:0}.work-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--orange),#f5f3f0,var(--pink));transform-origin:left}@media(max-width:1100px){.work-layout{grid-template-columns:150px minmax(0,1fr);gap:20px}.work-brands{gap:16px}.work-brand img{max-width:126px}.work-wordmark{font-size:18px}}@media(max-width:700px){.portfolio-gallery.portfolio,.projects-page .portfolio-gallery{height:145svh}.work-screen{padding:16px 20px;gap:14px}.work-top .eyebrow,.work-exit{font-size:10px}.work-layout{display:flex;flex-direction:column;gap:16px}.work-brands{flex:none;flex-direction:row;width:100%;height:64px;gap:10px;overflow-x:auto;overflow-y:hidden}.work-brand{width:132px;flex:0 0 132px;min-height:56px;height:56px}.work-brand img{max-width:110px;max-height:46px}.work-wordmark{font-size:18px}.work-view{flex:1;width:100%}.work-piece+.work-piece{margin-top:10px}.work-instruction{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-gallery.portfolio,.projects-page .portfolio-gallery{height:100svh}.work-brand{transition:none}}.portfolio-gallery{scroll-margin-top:0}