.bounceCardsContainer{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:400px}.card{position:absolute;width:200px;aspect-ratio:1;border:5px solid #fff;border-radius:25px;overflow:hidden;box-shadow:0 4px 10px #0003}.card .image{width:100%;height:100%;object-fit:cover}#home-project-pager:empty{display:none}html.home-project-pager-ready .home-project-groups>.home-type-group,html.home-project-pager-ready .home-project-groups>.anchor-alias{display:none}#home-project-pager>.home-project-pager{overflow:hidden;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-feature);background:#0c0c0d;color:var(--color-text)}.home-project-pager__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-line)}.home-project-pager__tab{position:relative;display:flex;min-height:58px;align-items:center;justify-content:center;padding:0 12px;border:0;background:transparent;color:var(--color-text-dim);text-align:center;cursor:pointer;transition:color .18s ease}.home-project-pager__tab:after{position:absolute;bottom:-1px;left:50%;width:34px;height:1px;background:var(--color-white);content:"";opacity:0;transform:translate(-50%) scaleX(.4);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1)}.home-project-pager__tab:hover,.home-project-pager__tab[aria-selected=true]{color:var(--color-white)}.home-project-pager__tab[aria-selected=true]:after{opacity:.82;transform:translate(-50%) scaleX(1)}.home-project-pager__tab strong{font-size:12px;font-weight:500}.home-project-pager__panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);min-height:580px}.home-project-pager__visual{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;border-right:1px solid var(--color-line);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.035),transparent 48%),#09090a}.home-project-pager__visual:focus-visible{outline:1px solid var(--color-silver);outline-offset:-5px}.home-project-pager__bounce-stage{position:relative;z-index:2;width:500px;height:250px}.home-project-pager__bounce{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%)}.home-project-pager .bounceCardsContainer .card{width:var(--pager-card-width, 144px);border:1px solid rgba(236,236,239,var(--pager-card-border, .14));border-radius:15px;background:#151516;box-shadow:0 24px 64px rgba(0,0,0,var(--pager-card-shadow, .3));opacity:var(--pager-card-opacity, .16);transition:width .26s cubic-bezier(.22,1,.36,1),opacity .22s ease,border-color .22s ease,box-shadow .26s ease;will-change:width,opacity,transform}.home-project-pager .bounceCardsContainer .image{filter:grayscale(var(--pager-image-gray, .72)) saturate(var(--pager-image-saturation, .38)) brightness(var(--pager-image-brightness, .48));transition:filter .24s ease}.home-project-pager .home-project-pager__bounce--scrubbing .card{transition:width 80ms linear,opacity 80ms linear,border-color 80ms linear,box-shadow 80ms linear}.home-project-pager .home-project-pager__bounce--scrubbing .image{transition:filter 80ms linear}.home-project-pager__wheel-hint{position:absolute;z-index:10;bottom:26px;left:30px;color:#ffffff61;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.home-project-pager__static-visual{width:min(74%,460px);overflow:hidden;border:1px solid rgba(236,236,239,.52);border-radius:15px;box-shadow:0 24px 64px #00000085}.home-project-pager__static-visual img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.home-project-pager__content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(28px,3vw,40px)}.home-project-pager__counter{color:var(--color-text-dim);font-family:var(--font-mono);font-size:9px;letter-spacing:.13em}.home-project-pager__details{animation:home-project-details-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes home-project-details-in{0%{opacity:.42;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.home-project-pager__content h4{margin-top:16px;font-size:clamp(24px,2.25vw,32px);line-height:1.12;letter-spacing:-.03em}.home-project-pager__content h4 small{display:block;margin-top:10px;color:var(--color-text-dim);font-family:var(--font-mono);font-size:9px;font-weight:400;line-height:1.5;letter-spacing:.08em}.home-project-pager__description{max-width:32ch;margin-top:16px;color:var(--color-text-muted);font-size:12px;line-height:1.7}.home-project-pager__controls{display:grid;grid-template-columns:44px minmax(120px,1fr) 44px;width:min(100%,270px);align-items:center;margin-top:28px}.home-project-pager__controls button,.home-project-pager__controls a{display:flex;min-height:44px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;text-align:center;cursor:pointer;transition:color .18s ease}.home-project-pager__controls a{border-bottom:1px solid rgba(255,255,255,.22);color:var(--color-text);text-decoration:none}.home-project-pager__controls button:hover,.home-project-pager__controls a:hover{color:var(--color-white)}.home-project-pager__controls button:disabled{color:#ffffff2e;cursor:default}.home-project-pager__announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.home-project-pager button:focus-visible,.home-project-pager a:focus-visible{outline:1px solid var(--color-silver);outline-offset:3px}@media(max-width:1024px){.home-project-pager__panel{grid-template-columns:1fr}.home-project-pager__visual{min-height:360px;border-right:0;border-bottom:1px solid var(--color-line)}.home-project-pager__content{padding-block:42px}}@media(max-width:720px){.home-project-pager__tab{min-height:52px;justify-content:center;padding:0 8px;text-align:center}.home-project-pager__tab:after{left:50%;width:28px}.home-project-pager__tab strong{font-size:10px}.home-project-pager__visual{min-height:260px}.home-project-pager__bounce-stage{width:310px;height:160px}.home-project-pager__bounce{transform:translate(-50%,-50%) scale(.62)}.home-project-pager__wheel-hint{bottom:20px;left:20px}.home-project-pager__content{padding:24px 20px 28px}.home-project-pager__content h4{font-size:clamp(23px,7vw,30px)}.home-project-pager__controls{width:min(100%,260px);margin-top:28px}}@media(hover:none){.home-project-pager__wheel-hint{display:none}}@media(prefers-reduced-motion:reduce){.home-project-pager *,.home-project-pager *:before,.home-project-pager *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
