.projects-cube{--dark-bg:var(--color-dark-bg);--dark-fg:var(--color-dark-fg);--dark-muted:var(--color-dark-fg-muted);--light-bg:var(--color-bg);--light-fg:var(--color-fg);--light-muted:var(--color-fg-muted);--accent-dark:var(--color-brand);--accent-light:var(--color-brand);--bg:var(--dark-bg);--fg:var(--dark-fg);--muted:var(--dark-muted);--accent:var(--accent-dark);--card-bg:#1f1f1ff0;--ui-inset:clamp(1rem, 2.5vw, 2rem);background:var(--bg);min-height:600vh;color:var(--fg);transition:background .3s,color .3s;position:relative}.projects-cube[data-theme=light]{--bg:var(--light-bg);--fg:var(--light-fg);--muted:var(--light-muted);--accent:var(--accent-light);--card-bg:#f4f4f0f0}.sticky-viewport{justify-content:center;align-items:center;height:80svh;display:flex;position:sticky;top:10svh;overflow:hidden}.cube-stage{z-index:0;perspective:1100px;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.project-cube{--s:min(44vw, 58vh, 460px);width:var(--s);height:var(--s);transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(90deg)rotateY(0)}.cube-face{backface-visibility:hidden;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 48px),#111;border:1px solid #ffffff1f;position:absolute;inset:0;overflow:hidden}.projects-cube[data-theme=light] .cube-face{background:repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#0000000d 0 1px,#0000 1px 48px),#ddd8cf}.cube-face .face-media{object-fit:cover;filter:contrast(1.05);opacity:.82;width:100%;height:100%;display:block;position:absolute;inset:0}.cube-face .face-video{object-fit:cover;z-index:2;backface-visibility:hidden;will-change:transform;opacity:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(1px)}.cube-face .face-video.is-loaded{opacity:1}.cube-face:after{content:"";z-index:2;background:linear-gradient(135deg,#0a0a0a33,#133f4a57);position:absolute;inset:0}.face-ph{z-index:3;letter-spacing:.04em;color:#ffffff2e;-webkit-user-select:none;user-select:none;font-size:clamp(2.2rem,7vw,5rem);font-weight:900;line-height:1;position:absolute;bottom:1.25rem;left:1.5rem}.projects-cube[data-theme=light] .face-ph{color:#00000021}.cube-face[data-face=front]{transform:translateZ(calc(var(--s) / 2))}.cube-face[data-face=back]{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube-face[data-face=right]{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cube-face[data-face=left]{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube-face[data-face=top]{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.cube-face[data-face=bottom]{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.theme-toggle,.scene-strip{z-index:3;position:absolute}.scene-strip{top:50%;left:calc(var(--ui-inset) + .85rem);flex-direction:column;gap:.75rem;width:.25rem;display:flex;translate:0 -50%}.scene-dot{background:var(--muted);border-radius:999px;width:.25rem;height:.25rem;transition:background .25s,scale .25s;display:block}.scene-dot.active{background:var(--accent);scale:1.8}.face-caption{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(80vw,34rem);margin:auto;bottom:2.1rem;left:0;right:0}.face-caption-name{letter-spacing:.06em;color:var(--muted);opacity:.45;text-transform:uppercase;font-size:clamp(1.9rem,5vw,3.7rem);font-weight:900;line-height:1}.shuffle-scene{z-index:2;pointer-events:none;justify-content:flex-start;align-items:center;padding:6rem clamp(1.5rem,5vw,4rem);transition:justify-content .3s;display:flex;position:absolute;inset:0}.shuffle-scene.align-right{justify-content:flex-end}.text-card{pointer-events:auto;background:var(--card-bg);width:min(100%,22rem);padding:clamp(1.15rem,2vw,1.55rem);position:relative;overflow:hidden}.text-card:before{content:"";inset-block:1rem;background:linear-gradient(to bottom, transparent, var(--accent), transparent);opacity:.72;width:1px;position:absolute;left:0}.shuffle-scene.align-right .text-card{text-align:right}.shuffle-scene.align-right .h-line{margin-inline-start:auto}.shuffle-scene.align-right .cta-row{justify-content:flex-end}.tag,.result span{letter-spacing:.2em;text-transform:uppercase;font-size:.56rem;font-weight:800}.tag{color:var(--accent);margin-block-end:.95rem}.h-line{background:var(--accent);width:2.5rem;height:1px;margin-block-end:.9rem}h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:900;line-height:.93}.subtitle{color:var(--muted);letter-spacing:.03em;margin-block-start:.8rem;font-size:.72rem;font-style:italic;font-weight:700}.body-text{color:color-mix(in srgb, var(--fg) 76%, transparent);margin-block-start:.95rem;font-size:.82rem;font-weight:500;line-height:1.68}.body-text span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:900}.result{background:0 0;margin-block-start:1.15rem;padding:.85rem 0}.result span{color:var(--accent)}.result p{margin-block-start:.45rem;font-size:.9rem;font-style:italic;font-weight:800;line-height:1.48}@media (max-width:75em){.project-cube{--s:min(42vw, 52vh, 400px)}.text-card{width:min(100%,19rem)}h2{font-size:clamp(1.4rem,2.5vw,2rem)}.body-text{font-size:.78rem;line-height:1.58}}@media (max-width:56.25em){.sticky-viewport{flex-direction:column;justify-content:flex-start}.project-cube{--s:min(76vw, 36svh)}.cube-stage{background:var(--bg);z-index:10;border-bottom:1px solid color-mix(in srgb, var(--fg) 5%, transparent);width:100%;height:42svh;box-shadow:0 10px 30px color-mix(in srgb, var(--fg) 10%, transparent);position:relative}.projects-cube[data-theme=light] .cube-stage{border-bottom:1px solid color-mix(in srgb, var(--fg) 8%, transparent)}.shuffle-scene{flex:1;align-items:flex-start;padding:1.5rem 1.25rem;position:relative;inset:auto}.text-card{background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;gap:.35rem;width:100%;padding:0;display:flex}.text-card:before{display:none}h2{margin:0;font-size:clamp(1.25rem,4vh,1.6rem);line-height:1.1}.tag{margin:0;font-size:.65rem}.h-line{margin:0;margin-bottom:.5rem}.subtitle{margin:0;font-size:.75rem}.body-text{margin:0;margin-block-start:.25rem;font-size:clamp(.75rem,2vh,.85rem);line-height:1.5}.result{margin:0;padding:.5rem 0}.result p{margin:0;font-size:.8rem;line-height:1.4}.shuffle-scene.align-right .text-card{text-align:left}.shuffle-scene.align-right .h-line{margin-inline-start:0}.shuffle-scene.align-right .cta-row{justify-content:flex-start}}@media (max-width:30em){.project-cube{--s:min(72vw, 30svh)}.face-caption{width:min(84vw,22rem)}.face-caption-name{letter-spacing:.04em;font-size:clamp(1.35rem,8vw,2.15rem)}.shuffle-scene{padding:1.25rem 1rem}.text-card{width:100%;padding:0}.h-line{display:none}h2{font-size:clamp(1.1rem,3vh,1.35rem)}}