.projects-section{width:100%}.projects-rail{width:100%;will-change:transform}.project-item{width:100%;height:60px;overflow:hidden;background:#fff;color:rgba(0,0,0,.35);transition:height .32s cubic-bezier(.22,1,.36,1),color .24s ease;flex-shrink:0}.project-item.on{height:34rem;color:#000}.project-item__head{height:60px;padding:0 1rem;border-bottom:1px solid rgba(0,0,0,.3)}.project-item__head,.project-item__title{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.project-item__title{min-width:0;overflow:hidden;padding-right:1rem;font-size:28px;font-weight:400;line-height:1;text-align:left;color:currentColor;transition:color .24s ease}.project-item__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item__title-icon{width:18px;height:18px;flex-shrink:0;transform:rotate(0deg);transition:transform .32s cubic-bezier(.22,1,.36,1)}.project-item--open .project-item__title-icon{transform:rotate(45deg)}.project-item__meta{display:block;flex-shrink:0;opacity:0;font-size:22px;font-weight:400;line-height:1;letter-spacing:-.05em;transition:opacity .2s linear}.project-item.on .project-item__meta{opacity:1}.project-item__modal{max-height:0;opacity:0;transform:translateY(24px);pointer-events:none;transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1)}.project-item.on.project-item--open .project-item__modal{max-height:30rem;opacity:1;transform:translateY(0);pointer-events:auto}.project-item__modal-inner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.2fr);gap:1.5rem;padding:1rem 1rem 1rem 1.05rem}.project-item__content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-width:0}.project-item__content-top{display:flex;flex-wrap:wrap;gap:.5rem}.project-item__eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 .8rem;border:1px solid rgba(0,0,0,.14);border-radius:999px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.72)}.project-item__description{max-width:28rem;font-size:1rem;line-height:1.45;color:rgba(0,0,0,.84)}.project-item__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-item__tag{display:inline-flex;align-items:center;min-height:32px;padding:0 .9rem;border-radius:999px;background:rgba(0,0,0,.06);font-size:.82rem;color:rgba(0,0,0,.76)}.project-item__media{width:100%;height:24rem;overflow:hidden}.project-item__media-inner{position:relative;width:100%;height:100%;overflow:hidden;margin-top:.15rem}.project-item__title--mobile{padding-right:0;font-size:9vw;line-height:.9;letter-spacing:-.06em;color:#000}.project-item__mobile-modal{max-height:0;opacity:0;overflow:hidden;transform:translateY(18px);transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1)}.project-item__mobile-modal--open{max-height:20rem;opacity:1;transform:translateY(0)}.project-item__mobile-modal-inner{padding:0 0 1.25rem}.project-item__description--mobile{max-width:none;font-size:.98rem}@media (max-width:1279px){.project-item__meta,.project-item__title{font-size:24px}.project-item.on{height:30rem}.project-item.on.project-item--open .project-item__modal{max-height:26rem}.project-item__modal-inner{grid-template-columns:1fr}.project-item__media{height:17.5rem}.project-item__description{max-width:none}}