.cube-scroll-spacer{pointer-events:none;height:400vh}.cube-root{will-change:opacity;color:#0a0a0f;font-family:var(--font-poppins),"Helvetica Neue",Arial,sans-serif;z-index:30;-webkit-user-select:none;user-select:none;background:#fff;position:fixed;inset:0;overflow:hidden}.cube-root:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#10b9810f 0%,#0000 55%);position:absolute;inset:0}.cube-root .cube-breadcrumb{z-index:60;width:min(100vw - 2rem,1100px);font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex;position:fixed;top:7.5rem;left:50%;transform:translate(-50%)}.cube-root .cube-breadcrumb a{color:#0a0a0f80;text-decoration:none;transition:color .2s}.cube-root .cube-breadcrumb a:hover{color:#10b981}.cube-root .cube-breadcrumb-sep{color:#0a0a0f4d}.cube-root .cube-breadcrumb [aria-current=page]{color:#0a0a0f;font-weight:600}.cube-root .cube-viewport{z-index:10;opacity:0;border-radius:150px;width:min(100vw - 2rem,1100px);height:min(72vh,680px);position:fixed;top:calc(50% + 3.75rem);left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0000001f}.cube-root .cube-viewport:after{content:"";border-radius:inherit;pointer-events:none;z-index:20;position:absolute;inset:0;box-shadow:inset 0 0 80px #0000001a}.cube-root .cube-scene{perspective:1600px;width:100%;height:100%}.cube-root .cube{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.cube-root .cube-face{backface-visibility:hidden;background:#f4f4f5;width:100%;height:100%;position:absolute;overflow:hidden}.cube-root .face-content{width:100%;height:100%;display:flex;position:relative}.cube-root .face-content.layout-left{flex-direction:row}.cube-root .face-content.layout-right{flex-direction:row-reverse}.cube-root .face-cover{flex-shrink:0;width:64%;height:100%;position:relative;overflow:hidden}.cube-root .face-cover img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.cube-root .face-cover:after{content:"";pointer-events:none;background:linear-gradient(#00000073 0%,#0000 35% 65%,#00000040 100%);position:absolute;inset:0}.cube-root .face-name{letter-spacing:-.02em;color:#0a0a0f;margin-bottom:1rem;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:700;line-height:1.1}.cube-root .face-info{background:#fff;flex-direction:column;flex-shrink:0;justify-content:center;width:36%;height:100%;padding:2.5rem;display:flex;position:relative;overflow:hidden}.cube-root .face-info-bg{z-index:0;filter:blur(80px)saturate(1.4);opacity:.4;position:absolute;inset:-40px}.cube-root .face-info-bg img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transform:scale(1.5)}.cube-root .face-info:before{content:"";z-index:1;background:#ffffffa3;position:absolute;inset:0}.cube-root .face-info-content{z-index:2;position:relative}.cube-root .face-category{letter-spacing:.15em;text-transform:uppercase;color:#0a0a0f73;margin-bottom:1rem;font-size:.65rem;font-weight:700}.cube-root .face-year{font-family:var(--font-mono),monospace;margin-bottom:1rem;font-size:.85rem;font-style:italic}.cube-root .face-desc{color:#0a0a0f9e;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.6;display:-webkit-box;overflow:hidden}.cube-root .face-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.75rem;display:flex}.cube-root .face-tag{letter-spacing:.08em;text-transform:uppercase;color:#0a0a0f73;border:1px solid #0a0a0f24;border-radius:50px;padding:.35em .7em;font-size:.6rem;font-weight:600}.cube-root .cube-cta{z-index:60;opacity:0;animation:.6s .7s forwards cubeCtaIn;position:fixed}@keyframes cubeCtaIn{0%{opacity:0}to{opacity:1}}.cube-root .ruler{z-index:15;opacity:0;position:fixed;top:50%;-webkit-mask-image:linear-gradient(#0000 0%,#fff 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 12% 88%,#0000 100%)}.cube-root .counter-wrap{z-index:15;opacity:0;align-items:center;display:flex;position:fixed}.cube-root .counter-window{height:2.4rem;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#fff 25% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 25% 75%,#0000 100%)}.cube-root .counter-strip{will-change:transform;flex-direction:column;display:flex}.cube-root .counter-num{letter-spacing:-.02em;color:#0a0a0f;white-space:nowrap;height:2.4rem;font-size:1.6rem;font-weight:600;line-height:2.4rem}.cube-root .counter-num .dim{color:#0a0a0f40}.cube-root .scroll-chevron{z-index:60;pointer-events:none;opacity:0;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.cube-root .scroll-chevron svg{stroke:#0a0a0f59;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}@media (max-width:768px){.cube-root .cube-viewport{border-radius:24px;height:60vh}.cube-root .face-content.layout-left,.cube-root .face-content.layout-right{flex-direction:column}.cube-root .face-cover{width:100%;height:56%}.cube-root .face-info{width:100%;height:44%;padding:1rem 1.1rem}.cube-root .face-category{margin-bottom:.5rem;font-size:.6rem}.cube-root .layout-left .face-name,.cube-root .layout-right .face-name{margin-bottom:.5rem;font-size:clamp(1.05rem,4.5vw,1.6rem);top:1rem}.cube-root .face-desc{-webkit-line-clamp:3;margin-bottom:.75rem;font-size:.8rem;line-height:1.45}.cube-root .face-tags{gap:.3rem;margin-bottom:0}.cube-root .face-tag{padding:.3em .6em;font-size:.55rem}.cube-root .scroll-chevron,.cube-root .ruler{display:none}.cube-root .cube-breadcrumb{font-size:.7rem;top:5rem}}