.project-wall{position:relative}.pf-heading{margin-bottom:48px}.pf-heading .eyebrow{margin-bottom:20px;color:var(--accent)}.pf-heading h2{max-width:900px;font-size:clamp(36px,5.2vw,82px);line-height:1.08}.pf-viewport{--pf-unit:2.06vw;--pf-card:12.14em;--pf-gap:2em;--pf-radius:1.3em;font-size:var(--pf-unit);line-height:1.3;display:flex;justify-content:center;width:100%}.pf-grid{display:grid;grid-template-columns:repeat(5,var(--pf-card));column-gap:var(--pf-gap);flex:none}.pf-column{position:relative;display:flex;flex-direction:column;gap:var(--pf-gap);margin-top:-8em;padding-bottom:var(--pf-gap)}.pf-tile{position:relative;display:block;flex:none;width:var(--pf-card);min-height:var(--pf-card);border-radius:var(--pf-radius)}.pf-card{aspect-ratio:1;overflow:hidden;isolation:isolate;color:#fff;background:#101c2e;transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-art{position:absolute;inset:0;z-index:-2;contain:layout paint;content-visibility:auto;transform:scale(1);transition:transform .3s cubic-bezier(0,0,0,1.5)}.pf-art>.project-art,.pf-art>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.pf-art .art-corner,.pf-art .art-edition{display:none}.pf-tint{position:absolute;inset:45% 0 0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#071b3c40 35%,#0c43a3de)}.pf-card[data-visited=true] .pf-art{transform:scale(1.02)}.pf-bottom{position:absolute;inset:auto 0 0;padding-inline:1.115em}.pf-mask{height:2.7em;overflow:hidden}.pf-small{display:block;transform:translateY(35%);transition:transform .4s cubic-bezier(0,0,0,1.5)}.pf-small h3{margin:0;font-size:.4em;font-weight:500;line-height:30px;letter-spacing:0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e1ecff}.pf-details{position:relative;padding-right:1.9em;transform:translateY(102%);transition:transform .4s cubic-bezier(0,0,0,1.5)}.pf-title{font-size:.63em;font-weight:500;line-height:1.8;letter-spacing:-.025em}.pf-category,.pf-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-category{color:#e2ebfc;font-size:.4em;font-weight:400;line-height:1.5}.pf-arrow{position:absolute;top:.3em;right:0;display:grid;place-items:center;width:1.5em;height:1.5em;border:1px solid #ffffffb3;border-radius:50%;transform:rotate(90deg);transition:transform .3s cubic-bezier(.215,.61,.355,1)}.pf-arrow svg{width:65%;height:65%;stroke-width:1.5}.pf-marquee{position:absolute;top:50%;left:0;right:0;visibility:hidden;overflow:hidden;pointer-events:none;transform:translateY(-50%)}.pf-runner{display:flex;width:200%}.pf-runner>span{display:block;flex:0 0 50%;width:50%;color:#fff;font-size:1.52em;line-height:1.3;letter-spacing:-.03em;white-space:nowrap;text-align:left}.pf-card[data-in-view=true] .pf-runner{animation:pf-marquee 4s linear infinite}@keyframes pf-marquee{to{transform:translateX(-50%)}}.pf-profile{isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:.9em;padding:1.09em 1.15em;color:var(--ink)}.pf-profile-bg{position:absolute;inset:0;z-index:-1;border:1px solid #4b8dff45;border-radius:inherit;background:linear-gradient(45deg,#080e19 48%,#263f64);transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-name-mask{position:relative;overflow:hidden;padding:.45em .05em;margin:-.45em -.05em}.pf-name-first{transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-name-first .brand-signature{max-width:100%;font-size:2em;line-height:1.1;white-space:normal}.pf-name-second{position:absolute;inset:.45em .05em;display:flex;align-items:center;gap:.2em;transform:translateY(101%);transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-name-second img{width:1.6em;height:1.6em;flex:none;border-radius:50%;object-fit:cover;object-position:center 25%;background:#12376c}.pf-name-second .brand-signature{min-width:0;font-size:1.55em;line-height:1.1;white-space:normal}.pf-profile p{color:#a9b7cd;font-size:.5em;line-height:1.5}.pf-profile-cta{display:flex;justify-content:center;align-items:center;gap:.35em;padding-block:.3em;color:#acb9cf;text-transform:uppercase}.pf-roll-mask{display:block;height:1.5em;overflow:hidden;font-size:.5em;line-height:1.5}.pf-roll-track{display:block;transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-roll-track>span{display:block}.pf-roll-track>span:last-child{color:#fff}.pf-arrow-mask{position:relative;display:block;width:.7em;height:.7em;overflow:hidden}.pf-arrow-mask svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .32s cubic-bezier(0,0,0,1.5)}.pf-arrow-mask svg:last-child{color:#fff;transform:translateX(-140%)}.pf-tile:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.pf-footer{display:flex;justify-content:flex-end;padding-top:36px}@media (min-width:768px) and (hover:hover){.pf-card:is(:hover,:focus-visible){z-index:2;transform:scale(1.05)}.pf-card:is(:hover,:focus-visible) .pf-art{transform:scale(1.15);transition-duration:.32s}.pf-card:is(:hover,:focus-visible) .pf-small{transform:translateY(-150%)}.pf-card:is(:hover,:focus-visible) .pf-details{transform:translateY(-65%)}.pf-card:is(:hover,:focus-visible) .pf-arrow{transform:rotate(0);transition-duration:.32s}.pf-card:is(:hover,:focus-visible) .pf-marquee{visibility:visible}}@media (hover:hover){.pf-profile:is(:hover,:focus-visible) .pf-profile-bg{transform:scale(1.1)}.pf-profile:is(:hover,:focus-visible) .pf-name-first{transform:translateY(-101%)}.pf-profile:is(:hover,:focus-visible) .pf-name-second{transform:translateY(0)}.pf-profile:is(:hover,:focus-visible) .pf-roll-track{transform:translateY(-50%)}.pf-profile:is(:hover,:focus-visible) .pf-arrow-mask svg:first-child{transform:translateX(140%)}.pf-profile:is(:hover,:focus-visible) .pf-arrow-mask svg:last-child{transform:translateX(0)}}@media (max-width:991px){.pf-viewport{--pf-card:15.782em;--pf-gap:2.4em}.pf-grid{grid-template-columns:repeat(3,var(--pf-card))}.pf-outer{display:none}.pf-mask{height:2.4em}.pf-category,.pf-small h3{font-size:.52em}.pf-title{font-size:.819em}.pf-runner>span{font-size:1.976em}.pf-profile{padding:1.41em 1.49em}.pf-profile p{font-size:.6em}}@media (max-width:767px){.pf-viewport{--pf-card:23.673em;--pf-gap:2.8em;--pf-radius:2.2em;display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.pf-viewport::-webkit-scrollbar{display:none}.pf-grid{width:max-content;padding-inline:calc((100vw - var(--pf-card)) / 2)}.pf-marquee,.pf-small{display:none}.pf-bottom{font-size:1.5em}.pf-arrow,.pf-details{transform:none}.pf-arrow{width:1.95em;height:1.95em}.pf-profile{padding:2.11em 2.235em}.pf-name-first .brand-signature{font-size:3em}.pf-name-second .brand-signature{font-size:2.3em}.pf-name-second img{width:2.5em;height:2.5em}.pf-profile p,.pf-roll-mask{font-size:.9em}.pf-arrow-mask{width:1.2em;height:1.2em}}@media (max-width:479px){.pf-viewport{--pf-card:40em;--pf-radius:4.5em}.pf-bottom{font-size:2.8em}.pf-mask{height:2.8em}.pf-profile{padding:3.165em 3.3525em}.pf-name-first .brand-signature{font-size:5em}.pf-name-second .brand-signature{font-size:3.9em}.pf-name-second img{width:4em;height:4em}.pf-profile p{font-size:1.9em}.pf-roll-mask{font-size:1.7em}.pf-arrow-mask{width:2em;height:2em}}@media (hover:none),(prefers-reduced-motion:reduce){.pf-marquee,.pf-small{display:none}.pf-arrow,.pf-details{transform:none}}.project-wall[data-reduced=true] .pf-art,.project-wall[data-reduced=true] .pf-tile{transform:none!important}.project-wall[data-reduced=true] .pf-marquee,.project-wall[data-reduced=true] .pf-small{display:none}.project-wall[data-reduced=true] .pf-arrow,.project-wall[data-reduced=true] .pf-details,.project-wall[data-reduced=true] .pf-name-first,.project-wall[data-reduced=true] .pf-profile-bg,.project-wall[data-reduced=true] .pf-roll-track{transform:none!important}.project-wall[data-reduced=true] .pf-name-second{display:none}.pf-viewport{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;overflow:hidden;overflow:clip}.pf-viewport img{-webkit-user-drag:none}.pf-touch-hint{display:none}.pf-card:is([data-preview=true],:focus-visible){z-index:2;transform:scale(1.05)}.pf-card:is([data-preview=true],:focus-visible) .pf-art{transform:scale(1.15);transition-duration:.32s}.pf-card:is([data-preview=true],:focus-visible) .pf-small{transform:translateY(-150%)}.pf-card:is([data-preview=true],:focus-visible) .pf-details{transform:translateY(-65%)}.pf-card:is([data-preview=true],:focus-visible) .pf-arrow{transform:rotate(0)}.pf-card:is([data-preview=true],:focus-visible) .pf-marquee{visibility:visible}.pf-profile:is([data-preview=true],:focus-visible) .pf-profile-bg{transform:scale(1.1)}.pf-profile:is([data-preview=true],:focus-visible) .pf-name-first{transform:translateY(-101%)}.pf-profile:is([data-preview=true],:focus-visible) .pf-name-second{transform:translateY(0)}.pf-profile:is([data-preview=true],:focus-visible) .pf-roll-track{transform:translateY(-50%)}.pf-profile:is([data-preview=true],:focus-visible) .pf-arrow-mask svg:first-child{transform:translateX(140%)}.pf-profile:is([data-preview=true],:focus-visible) .pf-arrow-mask svg:last-child{transform:translateX(0)}@media (max-width:767px){.pf-viewport{display:flex;justify-content:center;overflow:hidden;overflow:clip}.pf-runner>span{font-size:3em}}@media (max-width:479px){.pf-runner>span{font-size:5em}}@media (any-pointer:coarse){.pf-touch-hint{display:block;margin-bottom:24px;color:var(--muted);font-size:12px;line-height:1.7}}@media (hover:none) and (prefers-reduced-motion:no-preference),(max-width:767px) and (prefers-reduced-motion:no-preference){.pf-marquee,.pf-small{display:block}.pf-details{transform:translateY(102%)}.pf-arrow{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.pf-art,.pf-name-first,.pf-profile-bg,.pf-roll-track,.pf-tile{transform:none!important}.pf-name-second{display:none}}