.carousel-nav{justify-content:center;align-items:center;gap:var(--space-8);height:24px;display:flex}.carousel-nav.is-hidden{display:none}.carousel-nav-prev.icon,.carousel-nav-next.icon{width:28px;height:24px;color:var(--zinc-900);flex-shrink:0}@media (hover:hover){.carousel-nav-prev.icon:hover{transform:translate(-2px)}.carousel-nav-next.icon:hover{transform:translate(2px)}}.carousel-nav-pagination{align-items:center;gap:var(--space-8);display:flex}.carousel-nav-pagination .swiper-pagination-bullet{background:var(--zinc-300);cursor:pointer;width:7px;height:7px;transition:background var(--duration-fast) ease;border-radius:50%;flex-shrink:0}.carousel-nav-pagination .swiper-pagination-bullet-active{background:var(--zinc-900)}.carousel-nav--light .carousel-nav-prev.icon,.carousel-nav--light .carousel-nav-next.icon{color:var(--zinc-100)}.carousel-nav--light .carousel-nav-pagination .swiper-pagination-bullet{background:var(--zinc-500)}.carousel-nav--light .carousel-nav-pagination .swiper-pagination-bullet-active{background:var(--zinc-100)}#projects{background-color:var(--slate-900);position:relative}#projects .swiper,#projects .swiper-wrapper{height:100%}#projects .swiper-slide{background-color:var(--slate-900);background-position:100% 0;background-size:cover;flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}#projects .swiper-slide>.inner{z-index:2;padding-bottom:52px;position:relative}#projects .carousel-nav{z-index:3;position:absolute;bottom:12px;left:0;right:0}#projects .row{align-items:flex-end}#research .swiper{overflow-clip-margin:12px;touch-action:pan-y;width:100%;overflow:clip}#research .swiper-wrapper{align-items:flex-start}#research .swiper-slide{gap:var(--space-24);flex-direction:column;min-width:0;height:auto;display:flex;width:100%!important}#research .split>.media{aspect-ratio:4/3;flex:4 280px;overflow:hidden}#research .split>.stack--8{flex:6 420px}#join>.split>:first-child{flex:4 280px}#join>.split>:last-child{flex:6 420px}#research .split>.stack--8>p{-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#updates .swiper{touch-action:pan-y;overflow-clip-margin:12px;width:100%;overflow:clip}#updates .swiper-wrapper{align-items:stretch;height:auto}#updates .swiper-slide{box-sizing:border-box;align-items:stretch;height:auto;display:flex}#updates .card--update{width:100%;max-width:none;height:420px;position:relative;overflow:hidden}#updates .card--update .media{height:200px;aspect-ratio:unset;background:#fff;flex:0 0 200px}#updates .card--update .media img{object-fit:unset;width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}#updates .card--update .stack--4{flex:1;position:relative;overflow:hidden}#updates .card--update .stack--4:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:72px;position:absolute;bottom:0;left:0;right:0}#updates .carousel-nav{margin-top:8px}#research .btn-short,#research .btn-full{white-space:nowrap;display:inline-flex;overflow:hidden}#research .btn-short{opacity:1;max-width:8em;transition:max-width var(--duration-slow) ease, opacity var(--duration-fast) ease}#research .btn-full{opacity:0;max-width:0;transition:max-width var(--duration-slow) ease, opacity var(--duration-slow) ease var(--duration-fast)}#research .btn.is-active .btn-short{opacity:0;max-width:0}#research .btn.is-active .btn-full{opacity:1;max-width:30em}@media (width<=640px){#projects .swiper-slide{background-position:right -300px top 0}#research .btn-short,#research .btn.is-active .btn-short{opacity:1;max-width:8em;transition:none}#research .btn-full{display:none}}
