.scroll-stack-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem;position:relative}@media (min-width:768px){.scroll-stack-container{padding:4rem 2rem}}@media (min-width:1024px){.scroll-stack-container{padding-left:3rem;padding-right:3rem}}.scroll-stack-card{transform-origin:top;will-change:transform;box-sizing:border-box;background:linear-gradient(145deg,#191919fa 0%,#0c0c0c 100%);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:900px;height:auto;min-height:240px;margin-left:auto;margin-right:auto;padding:1.5rem 1.25rem;position:sticky;overflow:hidden;box-shadow:0 15px 35px -10px #0009}@media (min-width:768px){.scroll-stack-card{border-radius:20px;min-height:300px;padding:2.5rem 3rem}}.scroll-stack-card:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.scroll-stack-end{width:100%;height:1px}.project-card-content{z-index:10;flex-direction:column;height:100%;display:flex;position:relative}.project-number{color:#ffffff08;pointer-events:none;z-index:1;font-size:4rem;font-weight:700;line-height:1;position:absolute;top:-.5rem;right:-.25rem}@media (min-width:768px){.project-number{font-size:8rem;top:-1rem;right:-.5rem}}.project-category{color:#fff9;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border-radius:9999px;width:fit-content;margin-bottom:1rem;padding:.375rem .75rem;font-size:.65rem;font-weight:500;display:inline-flex}@media (min-width:768px){.project-category{margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem}}.project-title{color:#ffffffe6;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.5rem;font-weight:300}@media (min-width:768px){.project-title{margin-bottom:1rem;font-size:2.5rem}}.project-description{color:#ffffff80;max-width:500px;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}@media (min-width:768px){.project-description{margin-bottom:2rem;font-size:1rem;line-height:1.7}}.project-tags{flex-wrap:wrap;gap:.375rem;margin-top:auto;display:flex}@media (min-width:768px){.project-tags{gap:.5rem}}.project-tag{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;padding:.375rem .75rem;font-size:.7rem}@media (min-width:768px){.project-tag{padding:.5rem 1rem;font-size:.8rem}}.project-year{color:#ffffff4d;font-size:.75rem;font-weight:500;position:absolute;bottom:1.5rem;right:1.25rem}@media (min-width:768px){.project-year{font-size:.875rem;bottom:2.5rem;right:2.5rem}}.project-link{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.25rem}@media (min-width:768px){.project-link{width:3rem;height:3rem;top:2.5rem;right:2.5rem}}.project-link:hover{color:#fff;background:#fff3;transform:scale(1.1)}.scroll-stack-card.card-1:after{content:"";background:linear-gradient(90deg,#3b82f6,#06b6d4);height:3px;position:absolute;top:0;left:0;right:0}.scroll-stack-card.card-2:after{content:"";background:linear-gradient(90deg,#8b5cf6,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.scroll-stack-card.card-3:after{content:"";background:linear-gradient(90deg,#10b981,#14b8a6);height:3px;position:absolute;top:0;left:0;right:0}.scroll-stack-card.card-4:after{content:"";background:linear-gradient(90deg,#f97316,#fbbf24);height:3px;position:absolute;top:0;left:0;right:0}.scroll-stack-header{z-index:20;padding:2rem 0 1.5rem;position:relative}@media (min-width:768px){.scroll-stack-header{padding:4rem 0 2rem}}.scroll-stack-header-label{color:#fff6;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-size:.75rem;font-weight:500}@media (min-width:768px){.scroll-stack-header-label{margin-bottom:1rem;font-size:.875rem}}.scroll-stack-header-title{color:#ffffffe6;letter-spacing:-.02em;font-size:1.875rem;font-weight:300}@media (min-width:768px){.scroll-stack-header-title{font-size:2.5rem}}@media (min-width:1024px){.scroll-stack-header-title{font-size:3rem}}
.logo-loop-container{--logo-height:36px;--logo-gap:56px;--animation-duration:20s;--fade-color:#050505;width:100%;position:relative;overflow:hidden}.logo-loop-container.with-fade:before,.logo-loop-container.with-fade:after{content:"";z-index:2;pointer-events:none;width:50px;position:absolute;top:0;bottom:0}@media (min-width:768px){.logo-loop-container.with-fade:before,.logo-loop-container.with-fade:after{width:100px}}.logo-loop-container.with-fade:before{background:linear-gradient(to right,var(--fade-color)0%,transparent 100%);left:0}.logo-loop-container.with-fade:after{background:linear-gradient(to left,var(--fade-color)0%,transparent 100%);right:0}.logo-track{align-items:center;gap:var(--logo-gap);width:max-content;animation:scrollLogos var(--animation-duration)linear infinite;display:flex}.logo-loop-container.pause-on-hover:hover .logo-track{animation-play-state:paused}.logo-item{font-size:var(--logo-height);color:#ffffff80;flex-shrink:0;justify-content:center;align-items:center;transition:color .3s,transform .3s;display:flex}.logo-item:hover{color:#ffffffe6;transform:scale(1.15)}@keyframes scrollLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}