@layer reset{.cube-gallery *,.cube-gallery :before,.cube-gallery :after{box-sizing:border-box;margin:0;padding:0}}@layer tokens{.cube-gallery{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dark-bg:#090909;--dark-fg:#f5f5f5;--dark-muted:#f5f5f573;--light-bg:#f5f5f5;--light-fg:#090909;--light-muted:#09090973;--accent-dark:#c8a15a;--accent-light:#c8a15a;--bg:var(--dark-bg);--fg:var(--dark-fg);--muted:var(--dark-muted);--accent:var(--accent-dark);--font-display:var(--font-bebas), sans-serif;--font-mono:var(--font-dm-mono), monospace;--hairline:.0625rem;--ui-inset:2rem;--card-bg:#090909d1;--card-border:#c8a15a40;--nav-x:calc(var(--ui-inset) + .125rem);--reveal-offset:.625rem;--reveal-duration:.5s;--z-ui:10;background:var(--bg);color:var(--fg);font-family:var(--font-mono);transition:background .3s,color .3s;position:relative}}@layer base;@layer layout{.cube-gallery__sticky{pointer-events:none;width:100%;height:100vh;position:sticky;top:0}.cube-gallery__sticky--cube{z-index:0;margin-bottom:-100vh}.cube-gallery__sticky--ui{z-index:10;margin-bottom:-100vh}.cube-gallery #scene{z-index:0;perspective:1100px;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cube-gallery #scroll_container{z-index:1;position:relative}.cube-gallery section{min-height:100vh;padding:6rem calc(5rem + var(--ui-inset)) 6rem 5rem;align-items:center;display:flex}.cube-gallery__sticky--cube,.cube-gallery__sticky--ui{transition:opacity .45s,visibility .45s}}@layer cube{.cube-gallery #cube{--s:min(55vw, 55vh, 420px);width:var(--s);height:var(--s);transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(90deg)rotateY(0)}.cube-gallery .face{backface-visibility:hidden;background:#111;position:absolute;inset:0;overflow:hidden}.cube-gallery .face img{object-fit:contain;border-radius:2px;width:76%;height:76%;display:block;position:absolute;inset:12%;box-shadow:0 10px 40px #000c}.cube-gallery .face:has(img) .face-ph{display:none}.cube-gallery .face-ph{font-family:var(--font-display);letter-spacing:.04em;color:#ffffff0f;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,8vw,5rem);position:absolute;bottom:1.5rem;left:1.75rem}.cube-gallery .face[data-face=front]{transform:translateZ(calc(var(--s) / 2))}.cube-gallery .face[data-face=back]{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube-gallery .face[data-face=right]{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cube-gallery .face[data-face=left]{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube-gallery .face[data-face=top]{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.cube-gallery .face[data-face=bottom]{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}}@layer ui{.cube-gallery #hud{top:var(--ui-inset);right:var(--ui-inset);z-index:var(--z-ui);text-align:right;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;pointer-events:none;font-size:.65rem;position:absolute}.cube-gallery #hud .progress-bar{width:7.5rem;height:var(--hairline);background:var(--muted);margin-block-start:.5rem;margin-inline-start:auto;position:relative;overflow:hidden}.cube-gallery #hud .progress-fill{background:var(--accent);width:0%;transition:width .1s linear;position:absolute;inset-block:0;inset-inline-start:0}.cube-gallery #hud .scene-label{color:var(--accent);margin-block-start:.4rem;font-size:.6rem}.cube-gallery #scene_strip{left:var(--nav-x);z-index:var(--z-ui);pointer-events:auto;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:50%;translate:-50% -50%}.cube-gallery .scene-dot{background:var(--muted);cursor:pointer;border-radius:50%;width:.25rem;height:.25rem;transition:background .3s,scale .3s;display:block;position:relative}.cube-gallery .scene-dot:before{content:"";position:absolute;inset:-.2rem}.cube-gallery .scene-dot.active{background:var(--accent);scale:1.8}.cube-gallery #theme_toggle{bottom:var(--ui-inset);left:var(--nav-x);z-index:var(--z-ui);background:color-mix(in srgb, var(--muted) 35%, transparent);cursor:pointer;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .3s;display:flex;position:absolute;translate:-50%}.cube-gallery #theme_toggle:hover{background:color-mix(in srgb, var(--muted) 55%, transparent)}.cube-gallery #theme_toggle svg{width:.875rem;height:.875rem;color:var(--accent);transition:opacity .3s,rotate .3s;position:absolute}.cube-gallery #theme_toggle .icon-sun{opacity:1;rotate:none}.cube-gallery #theme_toggle .icon-moon{opacity:0;rotate:90deg}.cube-gallery #face_caption{bottom:var(--ui-inset);z-index:var(--z-ui);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;left:50%;translate:-50%}.cube-gallery #face_caption_num{letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-block-end:.15rem;font-size:.58rem}.cube-gallery #face_caption_name{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);opacity:.5;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1}.cube-gallery #credit{right:var(--ui-inset);transform-origin:100%;z-index:var(--z-ui);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;pointer-events:auto;font-size:.65rem;position:absolute;top:50%;transform:translateY(-50%)rotate(-90deg)}.cube-gallery #credit a{color:var(--muted);text-decoration:none}}@layer cards{.cube-gallery .text-card{background:var(--card-bg);border-left:var(--hairline) solid var(--card-border);-webkit-backdrop-filter:blur(6px)saturate(120%);pointer-events:auto;max-width:23.75rem;padding:2.25rem 2rem;transition:background .3s,border-color .3s;overflow:hidden}.cube-gallery .text-card.right{border-left:none;border-right:var(--hairline) solid var(--card-border);text-align:right;margin-inline-start:auto}.cube-gallery .text-card.right .h-line{transform-origin:100%;margin-inline-start:auto}.cube-gallery .text-card.center{border-left:none;border-top:var(--hairline) solid var(--card-border);text-align:center;max-width:28.75rem;margin-inline:auto}.cube-gallery .text-card.center .h-line{transform-origin:50%;margin-inline:auto}.cube-gallery .tag{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-block-end:1.1rem;font-size:.6rem}.cube-gallery :where(h1,h2){font-family:var(--font-display);letter-spacing:.03em;font-weight:400;line-height:.92}.cube-gallery h1{font-size:clamp(3rem,8vw,6.5rem)}.cube-gallery h2{font-size:clamp(2.2rem,5vw,4rem)}.cube-gallery .body-text{color:color-mix(in srgb, var(--fg) 55%, transparent);margin-block-start:1.25rem;font-size:.78rem;line-height:1.8}.cube-gallery .stat-row{flex-wrap:wrap;gap:2.5rem;margin-block-start:2rem;display:flex}.cube-gallery .stat{flex-direction:column;gap:.15rem;display:flex}.cube-gallery .stat-num{font-family:var(--font-display);color:var(--accent);font-size:2.2rem;line-height:1}.cube-gallery .stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.cube-gallery .h-line{width:3.125rem;height:var(--hairline);background:var(--accent);transform-origin:0;margin-block-end:1.2rem}.cube-gallery .cta-row{justify-content:flex-start;align-items:center;gap:.75rem;margin-block-start:1.75rem;display:flex}.cube-gallery .text-card.right .cta-row{justify-content:flex-end}.cube-gallery .cta{border:var(--hairline) solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.62rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.cube-gallery .cta:hover{background:var(--accent);color:var(--bg)}.cube-gallery .cta svg{width:.6875rem;height:.6875rem}.cube-gallery .cta-back{border:var(--hairline) solid color-mix(in srgb, var(--muted) 45%, transparent);color:var(--muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.62rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.cube-gallery .cta-back:hover{background:color-mix(in srgb, var(--muted) 12%, transparent);border-color:var(--muted);color:var(--fg)}.cube-gallery .cta-back svg{width:.6875rem;height:.6875rem}}@layer reveal{.cube-gallery :is(.tag,h1,h2,.body-text,.stat-row,.cta,.cta-back){opacity:0;translate:0 var(--reveal-offset)}.cube-gallery :is(h1,h2){transition:opacity var(--reveal-duration) ease 80ms, translate var(--reveal-duration) ease 80ms;translate:0 1.125rem}.cube-gallery .tag{transition:opacity var(--reveal-duration) ease, translate var(--reveal-duration) ease}.cube-gallery .body-text{transition:opacity var(--reveal-duration) ease .2s, translate var(--reveal-duration) ease .2s}.cube-gallery .stat-row{transition:opacity var(--reveal-duration) ease .3s, translate var(--reveal-duration) ease .3s}.cube-gallery :is(.cta,.cta-back){transition:opacity var(--reveal-duration) ease .35s, translate var(--reveal-duration) ease .35s, background .2s, color .2s, border-color .2s}.cube-gallery .h-line{opacity:0;transition:opacity .4s,scale .4s;scale:0 1}.cube-gallery :is(.tag,h1,h2,.body-text,.stat-row,.cta,.cta-back).visible{opacity:1;translate:0}.cube-gallery .h-line.visible{opacity:1;scale:1}}@layer theme{.cube-gallery[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--light-bg);--fg:var(--light-fg);--muted:var(--light-muted);--accent:var(--accent-light);--card-bg:#f5f5f5e0;--card-border:#c8a15a59}.cube-gallery[data-theme=light] .face{background:repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 48px),#e8e8e8}.cube-gallery[data-theme=light] .face-ph{color:#00000012}.cube-gallery[data-theme=light] #theme_toggle svg{color:var(--fg)}.cube-gallery[data-theme=light] #theme_toggle .icon-sun{opacity:0;rotate:-90deg}.cube-gallery[data-theme=light] #theme_toggle .icon-moon{opacity:1;rotate:none}.cube-gallery[data-theme=light] #face_caption_name{opacity:.35}.cube-gallery[data-theme=light] #cube-s2{color:var(--dark-fg);background:#000}}@layer responsive{@media (max-width:56.25em){.cube-gallery #hud{top:1rem;right:1rem}.cube-gallery #scene_strip{display:none}.cube-gallery #theme_toggle{bottom:1rem;left:1.25rem;translate:0}.cube-gallery #face_caption{bottom:1rem}.cube-gallery section{align-items:flex-end;min-height:100vh;padding:0 1.5rem 3.5rem}.cube-gallery #cube-s0{align-items:center;min-height:100vh;padding:4rem 1.5rem}.cube-gallery :is(.text-card,.text-card.right,.text-card.center){max-width:100%;padding:1.5rem 1.25rem}.cube-gallery .body-text{line-height:1.55}.cube-gallery .stat-row{gap:1.5rem;margin-block-start:1.25rem}.cube-gallery .cta-row{margin-block-start:1.25rem}}}