.portfolio-work-showcase{--hughie-work-card-max-width:67.5rem;--hughie-work-gap:clamp(2rem, 4vw, 7.5rem);--hughie-work-gutter:clamp(1.5rem, 3.5vw, 4rem);--hughie-work-placeholder:#e5e5e5;--hughie-work-card-width:min(var(--hughie-work-card-max-width), calc(100vw - 2rem));--hughie-work-card-height:calc(var(--hughie-work-card-width) * 674 / 1080);--hughie-work-header-gap:1rem;--hughie-work-header-clearance:calc(env(safe-area-inset-top,0px) + 1rem + var(--hughie-header-pill-height) + var(--hughie-work-header-gap));--hughie-work-copy-clearance:clamp(10rem, 18vh, 13.5rem);--hughie-work-copy-gap:clamp(1rem, 2vh, 1.75rem);--hughie-work-copy-desc-gap:clamp(2px, .4vh, 4px);--hughie-work-copy-badge-gap:clamp(4px, .8vh, 8px);height:100svh;min-height:0;padding-top:var(--hughie-work-header-clearance);box-sizing:border-box;background:var(--hughie-theme-background-normal-alternative);align-items:start;display:grid;position:relative}.portfolio-work-showcase__viewport{z-index:1;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;padding-block:0;position:relative;overflow-x:auto}.portfolio-work-showcase__viewport::-webkit-scrollbar{display:none}.portfolio-work-showcase__rail{align-items:start;gap:var(--hughie-work-gap);width:max-content;padding:0 max(16px, calc((100vw - var(--hughie-work-card-width)) / 2));margin:0;list-style:none;display:flex}.portfolio-work-showcase__card{width:calc(var(--hughie-work-card-height) * var(--hughie-work-media-ratio));flex:none}.portfolio-work-showcase__media{cursor:var(--hughie-cursor-point);height:var(--hughie-work-card-height);border-radius:var(--hughie-radius-semantic-media);background:0 0;transition:background-color .25s;position:relative;overflow:hidden}.portfolio-work-showcase__media:not([data-loaded]){background:var(--hughie-work-placeholder)}.portfolio-work-showcase__media img,.portfolio-work-showcase__media video,.portfolio-work-showcase__runtime-host,.portfolio-work-showcase__runtime{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-work-showcase__story{position:relative}.portfolio-work-showcase__story>.portfolio-home-story-progress{top:calc(100% + 7px);left:10px;right:10px}.portfolio-work-showcase__story .portfolio-home-story-progress__segment{background:color-mix(in srgb, var(--hughie-theme-label-normal) 25%, transparent);box-shadow:none}.portfolio-work-showcase__story .portfolio-home-story-progress__fill{background:var(--hughie-theme-label-normal)}.portfolio-work-showcase__story-hit{z-index:2;position:absolute;inset:0}.portfolio-work-showcase__story-frame{opacity:0;pointer-events:none;visibility:hidden;width:100%;height:100%;transition:opacity var(--hughie-motion-ui-exit-duration) var(--hughie-motion-ui-settle), visibility 0s linear var(--hughie-motion-ui-exit-duration);position:absolute;inset:0}.portfolio-work-showcase__story-frame[data-active=true]{opacity:1;pointer-events:auto;visibility:visible;z-index:1;transition:opacity var(--hughie-motion-ui-exit-duration) var(--hughie-motion-ui-settle), visibility 0s linear 0s}@media (prefers-reduced-motion:reduce){.portfolio-work-showcase__story-frame{transition:none!important}}.portfolio-work-showcase__runtime-host svg{width:100%;height:100%;display:block}.portfolio-work-showcase__copy{box-sizing:border-box;padding-inline:1rem;width:min(100%,530px);margin:var(--hughie-work-copy-gap) auto 0;text-align:center;color:var(--hughie-theme-label-normal);font-family:var(--hughie-font-family-sans);padding-bottom:clamp(.5rem,1.5vh,1rem)}.portfolio-work-showcase__copy h2{letter-spacing:-.17px;color:var(--hughie-theme-label-strong);margin:0;font-size:17px;font-weight:500;line-height:24px}.portfolio-work-showcase__copy p{margin:var(--hughie-work-copy-desc-gap) 0 0;font-size:var(--hughie-text-caption-1-regular-font-size);letter-spacing:-.08px;color:var(--hughie-theme-label-alternative);white-space:nowrap;text-overflow:ellipsis;line-height:16px;overflow:hidden}.portfolio-work-showcase__badges{margin:var(--hughie-work-copy-badge-gap) 0 0;flex-wrap:wrap;justify-content:center;gap:4px;padding:0;list-style:none;display:flex}.portfolio-work-showcase__badges li{border:1px solid var(--hughie-theme-line-normal-neutral);border-radius:var(--hughie-radius-primitives-radius-006);font-size:var(--hughie-text-caption-2-medium-font-size);font-weight:var(--hughie-text-caption-2-medium-font-weight);letter-spacing:-.08px;color:var(--hughie-theme-label-alternative);white-space:nowrap;padding:3px 6px;line-height:14px}.portfolio-shell--no-sidebar .portfolio-shell-main:has(.portfolio-work-showcase){padding-top:0}.portfolio-work-showcase{--hughie-work-grid-gap:var(--hughie-spacing-032);--hughie-work-card-width:calc((100vw - 2 * var(--hughie-work-gutter) - var(--hughie-work-grid-gap)) / 2);--hughie-work-card-height:calc(var(--hughie-work-card-width) / var(--hughie-work-max-ratio));height:auto;min-height:100svh;padding-top:calc(var(--hughie-work-header-clearance) + var(--hughie-spacing-032));padding-bottom:var(--hughie-spacing-064);display:block}.portfolio-work-showcase__viewport{overflow:visible}.portfolio-work-showcase__rail{box-sizing:border-box;place-items:start center;gap:var(--hughie-spacing-064) var(--hughie-work-grid-gap);width:100%;padding-inline:var(--hughie-work-gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-work-showcase__card{width:100%;min-width:0}.portfolio-work-showcase__story,.portfolio-work-showcase__card>.portfolio-work-showcase__media{width:calc(var(--hughie-work-card-height) * var(--hughie-work-media-ratio));margin-inline:auto}.portfolio-work-showcase>.portfolio-rail-edges{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.portfolio-work-showcase>.portfolio-home-wheel-edges__canvas{transition:none}.portfolio-work-showcase__media[data-webgl-ready=true]{background:0 0}.portfolio-work-showcase__media[data-webgl-ready=true] img{opacity:0}@media (max-width:767px){.portfolio-shell--no-sidebar:has(.portfolio-work-showcase) .portfolio-header{height:0;min-height:0}.portfolio-work-showcase{padding-top:var(--hughie-work-header-clearance);--hughie-work-card-width:calc(100vw - 2 * var(--hughie-work-gutter))}.portfolio-work-showcase__rail{grid-template-columns:minmax(0,1fr)}}
.portfolio-work-not-ready{z-index:40;top:calc(env(safe-area-inset-top,0px) + 88px);max-width:calc(100vw - 2 * var(--hughie-layout-gutter,16px));box-sizing:border-box;border:.5px solid var(--hughie-theme-line-normal-alternative);background:var(--hughie-theme-static-black);pointer-events:none;border-radius:204px;align-items:center;gap:12px;padding:24px 28px 24px 24px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 4px 14px #00000005,0 0 1px .25px #00000012}.portfolio-work-not-ready__icon{color:var(--hughie-theme-primary-normal)}.portfolio-work-not-ready p{font-family:var(--hughie-text-label-1-normal-regular-font-family);font-size:var(--hughie-text-label-1-normal-regular-font-size);font-weight:var(--hughie-text-label-1-normal-regular-font-weight);letter-spacing:-.14px;color:var(--hughie-atomic-cool-neutral-99);margin:0;line-height:20px}