.projects-page{--dark:#16151e;--brand:#737376;--cream:#dad5cf;background:var(--cream);color:var(--dark);overflow:clip}.projects-nav{color:var(--dark)}.projects-page .about-menu-links a{font-size:clamp(2.5rem,4.6vw,4.8rem)}.projects-hero{min-height:88vh;padding:10rem var(--gutter) 3rem;align-items:flex-end;display:flex;position:relative}.projects-hero .about-grid-lines,.projects-index .about-grid-lines{background-image:repeating-linear-gradient(90deg,#0000 0 calc(7.6923% - 1px),#16151e17 calc(7.6923% - 1px) 7.6923%)}.projects-hero-inner{z-index:2;width:100%;position:relative}.projects-kicker{text-transform:uppercase;letter-spacing:.07em;margin-bottom:9vh;font-size:.72rem;font-weight:700;animation:.8s .2s both projectsFade}.projects-hero h1{letter-spacing:-.065em;flex-wrap:wrap;max-width:10.5ch;font-size:clamp(4rem,9.7vw,10rem);font-weight:500;line-height:.82;display:flex}.projects-word-mask{display:inline-flex;overflow:hidden}.projects-word-mask>span{animation:1.15s cubic-bezier(.625,.05,0,1) both projectsWord;display:inline-block}@keyframes projectsWord{0%{transform:translateY(110%)}to{transform:none}}@keyframes projectsFade{0%{opacity:0;transform:translateY(18px)}}.projects-hero-foot{text-transform:uppercase;letter-spacing:.04em;grid-template-columns:7fr 3fr 2fr;margin-top:7vh;font-size:.72rem;font-weight:700;display:grid}.projects-hero-foot p{max-width:50ch}.projects-hero-foot span{grid-column:3}.projects-index{padding:2rem 3.33vw 10rem;position:relative}.projects-index .about-grid-lines{left:3.33vw;right:3.33vw}.projects-toolbar{z-index:3;text-transform:uppercase;border-top:1px solid #16151e33;grid-template-columns:3fr 7fr 2fr;align-items:end;padding:1.2rem 0 6rem;font-size:.72rem;font-weight:700;display:grid;position:relative}.projects-toolbar>div{gap:2rem;display:flex}.projects-toolbar button{opacity:.46;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:0;padding:0 0 .45rem;font-weight:700;transition:opacity .3s;position:relative}.projects-toolbar button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .45s cubic-bezier(.625,.05,0,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.projects-toolbar button.is-active{opacity:1}.projects-toolbar button.is-active:after{transform:scaleX(1)}.projects-toolbar sup{margin-left:.25rem;font-size:.55rem}.projects-toolbar strong{justify-self:end;font-size:2rem;font-weight:500}.projects-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6rem,8vw,9rem) 20px;animation:.55s both projectsGridIn;display:grid;position:relative}@keyframes projectsGridIn{0%{opacity:0;transform:translateY(20px)}}.projects-card,.projects-card-0,.projects-card-1,.projects-card-2,.projects-card-3{grid-area:auto;min-width:0;margin:0}.projects-image,.projects-card-1 .projects-image,.projects-card-2 .projects-image{aspect-ratio:1.4045;cursor:none;background:var(--brand);width:100%;height:auto;position:relative;overflow:hidden}.projects-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.625,.05,0,1),filter .5s;display:block;transform:scale(1.055)}.projects-image:hover img{filter:brightness(.8);transform:scale(1.01)}.projects-bars{pointer-events:none;display:flex;position:absolute;inset:0}.projects-bars span{background:var(--cream);flex:1;transition:transform 1s cubic-bezier(.625,.05,0,1);transform:translateY(0)}.projects-image.is-visible .projects-bars span{transform:translateY(-102%)}.projects-bars span:nth-child(2){transition-delay:35ms}.projects-bars span:nth-child(3){transition-delay:70ms}.projects-bars span:nth-child(4){transition-delay:.105s}.projects-bars span:nth-child(5){transition-delay:.14s}.projects-bars span:nth-child(6){transition-delay:.175s}.projects-bars span:nth-child(7){transition-delay:.21s}.projects-bars span:nth-child(8){transition-delay:.245s}.projects-bars span:nth-child(9){transition-delay:.28s}.projects-bars span:nth-child(10){transition-delay:.315s}.projects-bars span:nth-child(11){transition-delay:.35s}.projects-view{text-align:center;background:var(--cream);width:7rem;height:7rem;color:var(--dark);text-transform:uppercase;letter-spacing:.05em;opacity:0;border-radius:50%;place-items:center;font-size:.65rem;font-weight:700;transition:opacity .35s,transform .45s cubic-bezier(.625,.05,0,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.6)}.projects-image:hover .projects-view{opacity:1;transform:translate(-50%,-50%)scale(1)}.projects-card-link{display:block}.projects-card-copy{grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding-top:1.35rem;display:grid}.projects-card-copy>span{grid-column:1;padding-top:.35rem;font-size:.7rem}.projects-card-copy h2{letter-spacing:-.045em;grid-column:2;font-size:clamp(1.7rem,2.6vw,2.65rem)}.projects-card-copy dl{grid-column:2;margin:1.6rem 0 0}.projects-card-copy dl div{border-top:1px solid #16151e2e;grid-template-columns:1fr 1fr;padding:.5rem 0;display:grid}.projects-card-copy dl div:last-child{border-bottom:1px solid #16151e2e}.projects-card-copy dt,.projects-card-copy dd{text-transform:uppercase;letter-spacing:.02em;font-size:.65rem}.projects-card-copy dd{text-align:right;font-weight:700}.projects-transition{min-height:90vh;padding:10rem var(--gutter);background:#c9c4be;align-items:center;display:flex;position:relative;overflow:hidden}.projects-transition>.about-reveal{z-index:3;width:67%;position:relative}.projects-transition span{text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.projects-transition h2{max-width:10ch;margin:2rem 0 3rem;font-size:clamp(3.4rem,7vw,7rem);line-height:.9}.projects-transition a{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid;padding-bottom:.45rem;font-size:.75rem;font-weight:700}.projects-transition-mark{z-index:2;opacity:.42;border-radius:50%;justify-content:center;align-items:center;gap:1.1%;width:min(33vw,470px);height:min(33vw,470px);display:flex;position:absolute;right:7vw;overflow:hidden}.projects-transition-mark i{background:var(--brand);transform-origin:bottom;width:3.2%;height:75%;animation:3s ease-in-out infinite alternate projectsMark;display:block}.projects-transition-mark i:first-child,.projects-transition-mark i:nth-child(13){height:22%}.projects-transition-mark i:nth-child(2),.projects-transition-mark i:nth-child(12){height:35%}.projects-transition-mark i:nth-child(3),.projects-transition-mark i:nth-child(11){height:48%}.projects-transition-mark i:nth-child(4),.projects-transition-mark i:nth-child(10){height:62%}.projects-transition-mark i:nth-child(5),.projects-transition-mark i:nth-child(9){height:76%}.projects-transition-mark i:nth-child(6),.projects-transition-mark i:nth-child(8){height:88%}.projects-transition-mark i:nth-child(7){height:96%}@keyframes projectsMark{50%{transform:translateY(-12px)}}@media (width<=767px){.projects-page .about-menu-links a{font-size:2.25rem}.projects-hero{min-height:82vh;padding-top:8rem}.projects-kicker{margin-bottom:8vh}.projects-hero h1{max-width:8ch;font-size:4rem}.projects-hero-foot{justify-content:space-between;gap:2rem;display:flex}.projects-hero-foot p{max-width:24ch}.projects-index{padding-top:0}.projects-toolbar{grid-template-columns:1fr auto;padding-bottom:4rem}.projects-toolbar>span{display:none}.projects-toolbar>div{gap:1rem;padding-bottom:.3rem;overflow:auto}.projects-toolbar button{white-space:nowrap}.projects-toolbar strong{font-size:1.4rem}.projects-index{padding-left:1rem;padding-right:1rem}.projects-index .about-grid-lines{left:1rem;right:1rem}.projects-grid{display:block}.projects-card,.projects-card-3{margin:0 0 6rem}.projects-image,.projects-card-1 .projects-image,.projects-card-2 .projects-image{aspect-ratio:4/5;cursor:pointer;height:auto}.projects-view{display:none}.projects-card-copy{grid-template-columns:36px 1fr;column-gap:10px}.projects-card-copy h2{font-size:2rem}.projects-card-copy dl{grid-column:2;margin-top:2rem}.projects-transition{min-height:78vh;padding-top:7rem}.projects-transition>.about-reveal{width:100%}.projects-transition h2{font-size:3.1rem}.projects-transition-mark{opacity:.2;width:70vw;height:70vw;right:-16vw}}@media (prefers-reduced-motion:reduce){.projects-page *{transition-duration:.01ms!important;animation-duration:.01ms!important}.about-reveal{opacity:1;transform:none}}@media (pointer:fine){.projects-image,.projects-card-1 .projects-image,.projects-card-2 .projects-image{cursor:url(/brand/optimal-cursor.svg) 16 16,pointer}}