.scroll-stack-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem 0;position:relative}@media (min-width:768px){.scroll-stack-container{padding:4rem 2rem 0}}@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;border-radius:24px;width:100%;max-width:900px;height:auto;min-height:260px;margin-left:auto;margin-right:auto;padding:2rem 1.5rem;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;position:sticky;overflow:hidden}@media (min-width:768px){.scroll-stack-card{border-radius:28px;min-height:320px;padding:2.75rem 3rem}}.scroll-stack-card:before{display:none}.scroll-stack-end{width:100%;height:1px}.scroll-stack-card.card-1,.scroll-stack-card.card-2,.scroll-stack-card.card-3,.scroll-stack-card.card-4{box-shadow:0 8px 30px -6px #0006}.scroll-stack-card.card-1 .project-title,.scroll-stack-card.card-2 .project-title,.scroll-stack-card.card-3 .project-title,.scroll-stack-card.card-4 .project-title{color:#fff}.scroll-stack-card.card-1 .project-description,.scroll-stack-card.card-2 .project-description,.scroll-stack-card.card-3 .project-description,.scroll-stack-card.card-4 .project-description{color:#ffffffbf}.scroll-stack-card.card-1 .project-number,.scroll-stack-card.card-2 .project-number,.scroll-stack-card.card-3 .project-number,.scroll-stack-card.card-4 .project-number{color:#ffffff1a}.scroll-stack-card.card-1 .project-year,.scroll-stack-card.card-2 .project-year,.scroll-stack-card.card-3 .project-year,.scroll-stack-card.card-4 .project-year{color:#ffffff73}.scroll-stack-card.card-1 .project-category,.scroll-stack-card.card-2 .project-category,.scroll-stack-card.card-3 .project-category,.scroll-stack-card.card-4 .project-category{color:#fff;background:#fff3}.scroll-stack-card.card-1 .project-tag,.scroll-stack-card.card-2 .project-tag,.scroll-stack-card.card-3 .project-tag,.scroll-stack-card.card-4 .project-tag{color:#ffffffe6;background:#ffffff26;border-color:#fff3}.scroll-stack-card.card-1 .project-link,.scroll-stack-card.card-2 .project-link,.scroll-stack-card.card-3 .project-link,.scroll-stack-card.card-4 .project-link{color:#fff;background:#ffffff26;border-color:#fff3}.scroll-stack-card.card-1:after,.scroll-stack-card.card-2:after,.scroll-stack-card.card-3:after,.scroll-stack-card.card-4:after{display:none}.scroll-stack-card.card-1{background:#2563eb}.scroll-stack-card.card-2{background:#dc2626}.scroll-stack-card.card-3{background:#16a34a}.scroll-stack-card.card-4{background:#eab308}.scroll-stack-card.card-4 .project-description{color:#0000008c}.scroll-stack-card.card-4 .project-title{color:#000000d9}.scroll-stack-card.card-4 .project-number{color:#00000014}.scroll-stack-card.card-4 .project-year{color:#0006}.scroll-stack-card.card-4 .project-category{color:#000000b3;background:#0000001f}.scroll-stack-card.card-4 .project-tag{color:#0009;background:#00000014;border-color:#0000001f}.scroll-stack-card.card-4 .project-link{color:#000000b3;background:#0000001a;border-color:#00000026}.project-card-content{z-index:10;flex-direction:column;height:100%;min-height:200px;display:flex;position:relative}@media (min-width:768px){.project-card-content{min-height:240px}}.project-number{color:#ffffff08;pointer-events:none;z-index:1;font-variant-numeric:tabular-nums;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:-.75rem;right:-.25rem}@media (min-width:768px){.project-number{font-size:9rem;top:-1.25rem;right:-.5rem}}.project-category{text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:100px;align-items:center;width:fit-content;margin-bottom:1.25rem;padding:.375rem .85rem;font-size:.625rem;font-weight:600;display:inline-flex}@media (min-width:768px){.project-category{margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.7rem}}.project-title{color:#fffffff2;letter-spacing:-.025em;margin-bottom:.75rem;font-size:1.625rem;font-weight:600;line-height:1.2}@media (min-width:768px){.project-title{margin-bottom:1rem;font-size:2.25rem}}.project-description{color:#ffffff73;max-width:480px;margin-bottom:1.75rem;font-size:.85rem;font-weight:400;line-height:1.7}@media (min-width:768px){.project-description{margin-bottom:2rem;font-size:.95rem;line-height:1.75}}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.project-tag{border:1px solid;border-radius:100px;padding:.4rem .85rem;font-size:.7rem;font-weight:500;transition:opacity .3s}@media (min-width:768px){.project-tag{padding:.45rem 1rem;font-size:.775rem}}.project-year{color:#fff3;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:.75rem;font-weight:500;position:absolute;bottom:0;right:0}@media (min-width:768px){.project-year{font-size:.8rem}}.project-link{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;right:0}@media (min-width:768px){.project-link{border-radius:14px;width:2.75rem;height:2.75rem}}.project-link:hover{color:#fffffff2;background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.project-link svg{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.project-link:hover svg{transform:translate(1px,-1px)}.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:#ffffff59;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}@media (min-width:768px){.scroll-stack-header-label{margin-bottom:1rem;font-size:.8rem}}.scroll-stack-header-title{color:#fffffff2;letter-spacing:-.03em;font-size:1.875rem;font-weight:600}@media (min-width:768px){.scroll-stack-header-title{font-size:2.5rem}}@media (min-width:1024px){.scroll-stack-header-title{font-size:3rem}}
.expand-hover-container{border-radius:20px;gap:8px;width:100%;max-width:1100px;height:450px;margin:0 auto;padding:0;display:flex;overflow:hidden}@media (max-width:768px){.expand-hover-container{border-radius:14px;gap:4px;height:280px}}@media (max-width:480px){.expand-hover-container{border-radius:10px;gap:3px;height:220px}.expand-hover-panel.collapsed{flex:.3}}.expand-hover-panel{cursor:pointer;border-radius:16px;flex:1;min-width:0;transition:flex .6s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.expand-hover-panel.expanded{flex:4}.expand-hover-panel.collapsed{flex:.6}@media (max-width:768px){.expand-hover-panel{border-radius:10px}.expand-hover-panel.expanded{flex:5}.expand-hover-panel.collapsed{flex:.4}}.expand-hover-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0}.expand-hover-panel:hover .expand-hover-image{transform:scale(1.05)}.expand-hover-overlay{background:linear-gradient(#0000000d 0%,#0003 60%,#000c 100%);transition:background .5s;position:absolute;inset:0}.expand-hover-panel.collapsed .expand-hover-overlay{background:linear-gradient(#00000080 0%,#000000d9 100%)}.expand-hover-content{z-index:10;flex-direction:column;gap:4px;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.expand-hover-content{padding:1rem}}.expand-hover-title{color:#fff;white-space:nowrap;font-size:1.25rem;font-weight:600;transition:font-size .5s cubic-bezier(.25,.8,.25,1)}.expand-hover-panel.expanded .expand-hover-title{font-size:1.75rem}.expand-hover-panel.collapsed .expand-hover-title{writing-mode:vertical-rl;text-orientation:mixed;margin-left:-.5em;font-size:.9rem;position:absolute;bottom:1.5rem;left:50%;transform:rotate(180deg)}@media (max-width:768px){.expand-hover-title{font-size:1rem}.expand-hover-panel.expanded .expand-hover-title{font-size:1.25rem}.expand-hover-panel.collapsed .expand-hover-title{font-size:.75rem}}.expand-hover-subtitle{color:#fff9;white-space:nowrap;opacity:0;max-height:0;font-size:.85rem;transition:opacity .4s .15s,max-height .4s;overflow:hidden}.expand-hover-panel.expanded .expand-hover-subtitle{opacity:1;max-height:2rem}@media (max-width:768px){.expand-hover-subtitle{font-size:.7rem}}