:root{--track-slot-h: 67vh;--number-slot-h: 33.5vh;--center-scale: 2;--side-scale: 1.5;--prep-scale: .98;--center-blur: 0px;--side-blur: 6px;--prep-blur: 4px;--num-prep-opacity: .25}.portfolio{position:fixed;inset:0;overflow:clip;display:flex;justify-content:center;align-items:center}.stage{position:fixed;inset:0;display:grid;grid-template-columns:1fr auto 1fr;padding-inline:5rem;overflow:hidden;touch-action:none}.col{position:relative;height:100%;overflow:hidden}.col.col--images{position:relative;width:40vw;grid-column:2}.track{position:absolute;inset:0;will-change:transform}.col.col--images .track-slot{position:absolute;top:50%;left:50%;height:var(--track-slot-h);aspect-ratio:9 / 16;display:flex;align-items:center;justify-content:center;border-radius:4.5rem}.col.col--images .track-slot .card{position:relative;border-radius:4.5rem;overflow:hidden;height:100%}.col.col--images .track-slot.is--top{transform:translate(-50%,-100%) scale(.9)}.col.col--images .track-slot.is--top-offscreen{transform:translate(-50%,-200%)}.col.col--images .track-slot.is--center{transform:translate(-50%,-50%);z-index:2}.col.col--images .track-slot.is--bottom{transform:translate(-50%) scale(.9)}.col.col--images .track-slot.is--bottom-offscreen{transform:translate(-50%,100%)}.track[data-state=pristine]>.project{visibility:hidden}.col--numbers .track-slot{display:flex;align-items:center;width:100%;height:var(--number-slot-h);position:absolute;top:50%;left:0%}.col.col--numbers .track-slot.is--top{transform:translateY(-150%)}.col.col--numbers .track-slot.is--top-offscreen{transform:translateY(-250%)}.col.col--numbers .track-slot.is--center{transform:translateY(-50%)}.col.col--numbers .track-slot.is--bottom{transform:translateY(50%)}.col.col--numbers .track-slot.is--bottom-offscreen{transform:translateY(150%)}.col--numbers .card{display:grid;grid-template-columns:auto 1fr;gap:15.5rem;align-items:center;justify-content:center}.col--numbers .card .num,.col--numbers .card .brand{font-size:clamp(15px,3.2rem,60px);font-weight:500;line-height:1;letter-spacing:-.16rem}.col--numbers .slot[data-pos="0"] .card{opacity:1}.col--numbers .card.is-empty{opacity:0}.brand-title{position:fixed;top:20px;left:28px;z-index:10;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:600}.brand-title span{font-weight:400}.card-meta{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:calc(100% - 7rem);padding:1rem 1rem 1.2rem;border-radius:1.2rem;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:space-between;gap:.5rem;z-index:1;display:none}.card-meta .num,.card-meta .brand{color:#fee;font-size:1.8rem;font-weight:500;line-height:1;letter-spacing:-.09rem}@media(orientation:portrait){.stage{grid-template-columns:1fr;padding-inline:2rem}.col.col--images{width:100%;grid-column:1}.col.col--images .track-slot{border-radius:3rem}.col.col--images .track-slot .card{border-radius:3rem;overflow:hidden}.col--numbers{display:none}.card-meta{display:flex}}.col.col--images .track-slot.is--top>.card,.col.col--images .track-slot.is--bottom>.card{filter:blur(6px)}.cursor-marquee{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;transform:translate(-50%,-50%)}.cursor-marquee__card{justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;transition:all .4s cubic-bezier(.75,0,.25,1);transform:translateY(0) rotate(.001deg);clip-path:inset(50% round 5rem);will-change:clip-path;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0}[data-cursor-marquee-status=active] .cursor-marquee__card{clip-path:inset(0 round 50em);transform:translateY(-25%) rotate(.001deg)}[data-cursor-marquee-status=not-active] .cursor-marquee__card,[data-cursor-marquee-status=active] .cursor-marquee__card{opacity:1}@keyframes translateXCursor{to{transform:translate(-100%)}}.cursor-marquee__text-wrap{white-space:nowrap;transform-origin:0;padding:1rem 2rem;line-height:1;display:flex;align-items:center;gap:.5rem;position:relative}.cursor-marquee__text-span{font-size:2rem;font-style:normal;font-weight:400;line-height:1;letter-spacing:-.1rem;text-transform:capitalize;color:#fff;padding-bottom:.5rem}.cursor-marquee__text-wrap svg{width:1.6rem height: 1.6rem flex-shrink: 0}.cursor-marquee__text-wrap{animation:translateXCursor 10s linear infinite paused;transition:opacity .15s ease-in-out .25s;opacity:0}[data-cursor-marquee-status=active] .cursor-marquee__text-wrap{transition:opacity .15s ease-in-out 0s;opacity:1}.cursor-marquee__text-wrap.is--duplicate{position:absolute;left:100%}