.portfolio-viewer-module__57Kz8q__page{--device-bottom-offset:clamp(18px, 6dvh, 52px);--device-max-width:760px;--device-width:min(calc(100vw - 32px), var(--device-max-width));--device-height:calc(var(--device-width) * .561818);--device-reserved-space:calc(var(--device-height) + var(--device-bottom-offset));--header-height:54px;color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;overscroll-behavior:none;background:#fff;max-width:none;height:100dvh;margin:-16px;overflow:clip hidden}@media (prefers-color-scheme:dark){.portfolio-viewer-module__57Kz8q__page{--lightningcss-light: ;--lightningcss-dark:initial}}.portfolio-viewer-module__57Kz8q__viewport{height:100%;position:relative;overflow:hidden}.portfolio-viewer-module__57Kz8q__topBar{background:inherit;z-index:20;border-bottom:1px solid #e7e7eb;position:fixed;top:0;left:0;right:0}.portfolio-viewer-module__57Kz8q__navBar{width:min(100%, var(--device-max-width));justify-content:space-between;align-items:center;height:54px;margin:0 auto;padding-left:24px;padding-right:24px;display:flex;position:relative}.portfolio-viewer-module__57Kz8q__brandLink,.portfolio-viewer-module__57Kz8q__builderLink{text-decoration:none}.portfolio-viewer-module__57Kz8q__brandLink{letter-spacing:-.04em;font-size:1.2rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.portfolio-viewer-module__57Kz8q__builderLink{color:#1570ef;margin-left:auto;font-size:.95rem;font-weight:500}.portfolio-viewer-module__57Kz8q__copySection{top:var(--header-height);left:50%;bottom:calc(var(--device-reserved-space) + 8px);width:min(100%, var(--device-max-width));z-index:5;align-items:flex-start;margin:0;padding:32px 24px 44px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.portfolio-viewer-module__57Kz8q__copyStack{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.portfolio-viewer-module__57Kz8q__copyLayer{will-change:opacity;flex-direction:column;align-items:flex-start;gap:0;display:flex;position:absolute;inset:0;overflow:hidden}.portfolio-viewer-module__57Kz8q__projectTitle{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,8vw,3rem);line-height:.98}.portfolio-viewer-module__57Kz8q__projectSubtitle{color:#6c6f75;margin:12px 0 0;font-size:.98rem}.portfolio-viewer-module__57Kz8q__projectDescription{max-width:100%;margin:16px 0 0;font-size:.98rem;line-height:1.58;overflow:hidden}.portfolio-viewer-module__57Kz8q__projectLink{color:#1570ef;border:1px solid #1570ef;border-radius:10px;justify-content:center;align-items:center;min-width:56px;height:38px;margin-top:24px;padding:0 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.portfolio-viewer-module__57Kz8q__deviceSection{left:50%;bottom:var(--device-bottom-offset);width:var(--device-width);z-index:10;pointer-events:none;position:fixed;transform:translate(-50%)}.portfolio-viewer-module__57Kz8q__device{aspect-ratio:110/61.8;pointer-events:auto;width:100%;position:relative}.portfolio-viewer-module__57Kz8q__screen{width:67.73%;height:80.91%;position:absolute;top:9.55%;left:15.91%}.portfolio-viewer-module__57Kz8q__screenViewport{perspective:var(--screen-perspective);perspective-origin:50% 38%;-webkit-user-select:none;user-select:none;background:linear-gradient(#0c0c0d 0%,#020202 100%);border-radius:0;outline:none;position:absolute;inset:0;overflow:hidden}.portfolio-viewer-module__57Kz8q__screenViewport[data-ready=false] .portfolio-viewer-module__57Kz8q__coverflow,.portfolio-viewer-module__57Kz8q__screenViewport[data-ready=false] .portfolio-viewer-module__57Kz8q__cardCaption{opacity:0}.portfolio-viewer-module__57Kz8q__screenViewport[data-ready=false] .portfolio-viewer-module__57Kz8q__coverflow{transform:translateY(8px)}.portfolio-viewer-module__57Kz8q__screenViewport[data-ready=false] .portfolio-viewer-module__57Kz8q__cardCaption{transform:translate(-50%,8px)}.portfolio-viewer-module__57Kz8q__screenViewport:focus-visible{box-shadow:0 0 0 var(--focus-ring) #1570ef7a}.portfolio-viewer-module__57Kz8q__coverflow{transform-style:preserve-3d;transition:opacity .18s,transform .28s;position:absolute;inset:0}.portfolio-viewer-module__57Kz8q__coverflowScroller{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-y;cursor:grab;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto hidden}.portfolio-viewer-module__57Kz8q__coverflowScroller::-webkit-scrollbar{display:none}.portfolio-viewer-module__57Kz8q__coverflowScroller[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.portfolio-viewer-module__57Kz8q__coverflowScroller[data-touch=true]{scroll-snap-type:none;touch-action:none;cursor:auto;overflow-x:hidden}.portfolio-viewer-module__57Kz8q__coverflowScroller[data-touch-active=true]{scroll-snap-type:none}.portfolio-viewer-module__57Kz8q__coverflowTrack{min-width:max-content;height:100%;padding-inline:calc(50% - var(--cover-slot-width) / 2);transform-style:preserve-3d;display:flex;position:relative}.portfolio-viewer-module__57Kz8q__screenGlow{pointer-events:none;background:radial-gradient(circle at 50% 12%,#ffffff14,#0000 28%),linear-gradient(#ffffff0a,#0000 18%);position:absolute;inset:0}.portfolio-viewer-module__57Kz8q__screenFloor{left:0;right:0;bottom:var(--screen-floor-bottom);opacity:.16;pointer-events:none;background:radial-gradient(circle at 50% 10%,#ffffff17,#0000 34%),linear-gradient(#ffffff05,#fff0);height:46%;position:absolute}.portfolio-viewer-module__57Kz8q__card{top:var(--card-top);width:var(--cover-size);margin-left:calc(var(--cover-size) / -2);color:inherit;cursor:pointer;transform-style:preserve-3d;will-change:transform, opacity;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;left:50%}.portfolio-viewer-module__57Kz8q__cardReflectionPlaneRoot{top:var(--card-top);width:var(--cover-size);height:calc(100% - var(--card-top));margin-left:calc(var(--cover-size) / -2);transform-style:preserve-3d;pointer-events:none;position:absolute;left:50%}.portfolio-viewer-module__57Kz8q__cardReflectionPlane{top:var(--cover-size);background:linear-gradient(#0c0c0d 0%,#020202 100%);position:absolute;bottom:0;left:0;right:0}.portfolio-viewer-module__57Kz8q__cardSlot{flex:0 0 var(--cover-size);height:100%;margin-inline:calc((var(--cover-slot-width) - var(--cover-size)) / 2);color:inherit;scroll-snap-align:center;scroll-snap-stop:always;pointer-events:none;background:0 0;border:0;padding:0;position:relative}.portfolio-viewer-module__57Kz8q__coverflowScroller[data-touch=true] .portfolio-viewer-module__57Kz8q__cardSlot{scroll-snap-stop:normal}.portfolio-viewer-module__57Kz8q__cardSlot:focus-visible,.portfolio-viewer-module__57Kz8q__card:focus-visible{outline:none}.portfolio-viewer-module__57Kz8q__card:focus-visible .portfolio-viewer-module__57Kz8q__cardImageFrame{box-shadow:0 0 0 var(--focus-ring) #1570ef7a, inset 0 0 0 1px #ffffff29}.portfolio-viewer-module__57Kz8q__cardStack{will-change:transform;-webkit-box-reflect:below var(--screen-reflect-gap) linear-gradient(to bottom, rgba(255, 255, 255, var(--reflection-opacity,.24)) 0%, rgba(255, 255, 255, var(--reflection-opacity,.24)) 100%);width:100%;display:block;position:relative}.portfolio-viewer-module__57Kz8q__cardImageFrame{aspect-ratio:1;border-radius:var(--cover-radius);backface-visibility:hidden;will-change:filter;background:#111;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.portfolio-viewer-module__57Kz8q__cardImage{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;transform:translateZ(0)}.portfolio-viewer-module__57Kz8q__cardCaption{top:calc(var(--card-top) + var(--caption-top));width:var(--caption-width);color:#fff;text-align:center;text-shadow:0 1px var(--caption-shadow-blur) #000000c7;pointer-events:none;z-index:12;flex-direction:column;align-items:center;gap:1px;transition:opacity .18s,transform .28s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.portfolio-viewer-module__57Kz8q__cardCaption strong{font-size:var(--caption-title-size);font-weight:600;line-height:1.05}.portfolio-viewer-module__57Kz8q__cardCaption span{color:#ffffffc7;font-size:var(--caption-subtitle-size);line-height:1.05}.portfolio-viewer-module__57Kz8q__card[data-active=true] .portfolio-viewer-module__57Kz8q__cardImageFrame{box-shadow:inset 0 0 0 1px #ffffff3d}.portfolio-viewer-module__57Kz8q__shell{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.portfolio-viewer-module__57Kz8q__hint{color:#8f9198;text-align:center;pointer-events:none;margin:18px 0 0;font-size:.9rem}@media (max-width:640px){.portfolio-viewer-module__57Kz8q__page{--device-bottom-offset:clamp(14px, 4dvh, 28px);--device-reserved-space:calc(var(--device-height) + var(--device-bottom-offset) + 20px)}.portfolio-viewer-module__57Kz8q__copySection{bottom:calc(var(--device-reserved-space) - 4px);padding-top:24px;padding-bottom:32px}.portfolio-viewer-module__57Kz8q__projectDescription{font-size:.96rem;line-height:1.5}.portfolio-viewer-module__57Kz8q__hint{margin-top:12px}}@media (prefers-color-scheme:dark){.portfolio-viewer-module__57Kz8q__page{color:#f5f5f7;background:#070707}.portfolio-viewer-module__57Kz8q__topBar{border-bottom-color:#ffffff17}.portfolio-viewer-module__57Kz8q__projectSubtitle,.portfolio-viewer-module__57Kz8q__hint{color:#ffffffa3}.portfolio-viewer-module__57Kz8q__projectLink{color:#2d8cff;border-color:#2d8cff}}@media (prefers-reduced-motion:reduce){.portfolio-viewer-module__57Kz8q__copyLayer,.portfolio-viewer-module__57Kz8q__card,.portfolio-viewer-module__57Kz8q__coverflowScroller{scroll-behavior:auto;transition:none;animation:none}}