.team-container{width:100%;overflow:hidden}.team-grid{--people-gap:12px;--people-row-short:300px;--people-row-tall:360px;--people-col-height:calc(var(--people-row-short) + var(--people-gap) + var(--people-row-tall));width:100%;max-width:100%;height:var(--people-col-height);align-items:end;gap:var(--people-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;display:grid;position:relative;overflow:hidden}.team-grid .team-description{display:none}.team-grid .team-card-col{grid-template-rows:var(--people-row-short) var(--people-row-tall);gap:var(--people-gap);min-width:0;height:var(--people-col-height);max-height:var(--people-col-height);transition:all .2s ease-in;display:grid;position:relative}.team-grid .team-card-col:nth-child(2n){grid-template-rows:var(--people-row-tall) var(--people-row-short)}.team-grid a.team-card{color:inherit;text-decoration:none;display:block}.team-grid .team-card-col .team-card{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.team-grid .team-card-col .team-card>span,.team-grid .team-card-col .team-card .team-card-parallax,.team-grid .team-card-col .team-card .team-card-parallax>div{overflow:hidden;width:100%!important;height:100%!important;display:block!important}.team-grid .team-card-col .team-card img.team-card-image{filter:grayscale();cursor:pointer;object-fit:cover;object-position:top center;width:100%;height:100%;transition:filter .3s;display:block}.team-grid .team-card-col .team-card.team-card--no-parallax img.team-card-image{object-position:center 30%}.team-grid .team-card-col .team-card img.team-card-image:hover,.team-grid .team-card-col .team-card.active img.team-card-image{filter:none}.team-grid .team-card-col .team-card.active{z-index:2;overflow:visible}.team-grid .team-card-col .team-card.active .team-description{height:calc(var(--people-gap) + var(--people-row-tall));z-index:3;background:var(--bg-color-red);color:var(--text-color-light);-ms-overflow-style:none;scrollbar-width:none;pointer-events:all;padding:16px;display:block;position:absolute;top:100%;left:0;right:0;overflow:auto}.team-grid .team-card-col .team-card.active .team-description::-webkit-scrollbar{display:none}.team-grid .team-card-col:nth-child(2n) .team-card:first-child.active .team-description{height:calc(var(--people-gap) + var(--people-row-short))}.team-grid .team-card-col .team-card:nth-child(2).active .team-description{top:unset;height:calc(var(--people-gap) + var(--people-row-short));bottom:100%}.team-grid .team-card-col:nth-child(2n) .team-card:nth-child(2).active .team-description{height:calc(var(--people-gap) + var(--people-row-tall))}.team-grid.has-active:after{content:"";z-index:1;background:#ffffff80;width:100vw;height:100%;position:absolute;top:0;left:calc(50% - 50vw)}.team-grid.has-active .team-card.active{z-index:2;position:relative}.team-description p{flex-direction:column;margin:12px 0;display:flex}.team-description p span{font-size:12px}.team-description .description,.team-description a.read-more{font-size:10px}.team-description a.read-more{text-underline-offset:1.5px;text-decoration:underline}.team-description a.read-more:hover{color:var(--text-color-light);font-weight:700}@media (max-width:1024px){.team-grid{--people-row-short:270px;--people-row-tall:330px;grid-template-columns:repeat(2,1fr);height:auto}.team-grid .team-card-col{grid-template-rows:var(--people-row-short) var(--people-row-tall)}.team-grid .team-card-col:nth-child(2n){grid-template-rows:var(--people-row-tall) var(--people-row-short)}}@media (max-width:767px){.team-grid{--people-row-short:280px;--people-row-tall:280px;grid-template-columns:1fr;height:auto;max-height:70vh}.team-grid.has-active:after{display:none}.team-grid .team-card-col,.team-grid .team-card-col:nth-child(2n){grid-template-rows:var(--people-row-short) var(--people-row-tall);height:auto;max-height:none}.team-grid .team-card-col .team-card.active .team-description,.team-grid .team-card-col:nth-child(2n) .team-card:first-child.active .team-description,.team-grid .team-card-col .team-card:nth-child(2).active .team-description,.team-grid .team-card-col:nth-child(2n) .team-card:nth-child(2).active .team-description{height:calc(var(--people-gap) + var(--people-row-tall))}}.team-description{-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.team-description::-webkit-scrollbar{display:none}.description{margin:8px 0;font-size:10px;line-height:1.6}.description-actions{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.toggle-btn,.portfolio-link{cursor:pointer;color:var(--text-color-light);letter-spacing:.05em;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:10px;line-height:1;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;transition:text-decoration-color .2s,opacity .2s}.toggle-btn:hover,.portfolio-link:hover{opacity:1;text-decoration-color:#ffffffe6}.portfolio-link{opacity:.6;text-decoration:none}.portfolio-link:hover{text-underline-offset:2px;text-decoration:underline}@media (max-width:767px){.team-grid.vertical.scroll-div{white-space:normal;overflow:hidden auto}.team-grid.vertical.scroll-div>*{white-space:normal;width:100%}.team-description{overflow:hidden auto}}
.portfolio-container .collage{align-items:center;gap:16px;display:flex}.portfolio-container .collage-column{flex-direction:column;flex:1;gap:16px;display:flex}.portfolio-container .collage-column.odd{height:858px}.portfolio-container .collage-column.even{height:1154px}.portfolio-container .collage-column.odd .collage-item.tall{height:55%}.portfolio-container .collage-column.odd .collage-item.medium{height:45%}.portfolio-container .collage-column.even .collage-item.tall,.portfolio-container .collage-column.even .collage-item.medium{height:50%}.portfolio-container .collage-column.odd .collage-item.tallest,.portfolio-container .collage-column.even .collage-item.tallest{height:100%}.portfolio-container .collage-item{cursor:pointer;position:relative;overflow:hidden}.portfolio-container .collage-item>span,.portfolio-container .collage-item .lazy-load-image-background{width:100%!important;height:100%!important;display:block!important}.portfolio-container .collage-item:before{content:"";z-index:1;background:#0003;transition:opacity .4s;position:absolute;inset:0}.portfolio-container .collage-item.is-hovered:before{opacity:0}.portfolio-container img.collage-image{object-fit:cover;width:100%;height:100%}.portfolio-container .collage-item h3.collage-title{color:var(--text-color-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-2);z-index:2;pointer-events:none;margin:0;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.portfolio-container .collage-item.is-hovered h3.collage-title{opacity:0}@media (max-width:1024px){.portfolio-container .collage-item h3.collage-title{font-size:var(--font-size-m)}}.portfolio-container .collage-description{background:var(--bg-color-red);z-index:3;height:0;color:var(--text-color-light);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;justify-content:center;padding:0 16px;transition:height .42s cubic-bezier(.45,0,.55,1),padding .42s cubic-bezier(.45,0,.55,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.portfolio-container .collage-description::-webkit-scrollbar{display:none}.portfolio-container .collage-item.is-hovered .collage-description{height:100%;padding:20px 16px;overflow-y:auto}.portfolio-container .collage-desc-title{letter-spacing:3px;text-transform:uppercase;margin:0 0 12px;font-family:Montserrat SemiBold;font-size:13px;font-weight:600}.portfolio-container .collage-desc-text{opacity:.9;-ms-overflow-style:none;scrollbar-width:none;margin:0 0 16px;font-size:10px;line-height:1.7;overflow-y:auto}.portfolio-container .project-description p{text-align:left;color:var(--text-color-light);opacity:1;margin-bottom:16px;font-size:small;line-height:1.5}.portfolio-container .collage-desc-title,.portfolio-container .collage-desc-cta,.portfolio-container .collage-description{color:var(--text-color-light);opacity:1}.portfolio-container .collage-desc-text::-webkit-scrollbar{display:none}.portfolio-container .collage-desc-cta{letter-spacing:2px;text-transform:uppercase;opacity:.8;border-top:1px solid #fff3;margin-top:auto;padding-top:12px;font-size:10px;transition:opacity .2s}.portfolio-container .collage-item:hover .collage-desc-cta{opacity:1}