/* Homepage layout and layered artwork. */
html.wp-page{scroll-behavior:smooth;scroll-padding-top:0}
body.work-parallax{height:auto;overflow-x:clip}
.work-parallax [canvas=container]{height:auto;min-height:100%}
.work-parallax .top{padding:0}.work-parallax #work{display:block;overflow:visible}
#work .wp-project{box-sizing:border-box;min-height:0;display:flex;align-items:flex-start;padding:28px 0 80px;margin:0;scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always;background:transparent}
#work .wp-project-inner{width:100%;transition:opacity .8s}
#work a.wp-artwork{display:block;position:relative;isolation:isolate;width:100%;padding:0;margin:0;overflow:hidden;border-radius:8px;aspect-ratio:2.36;background:#f7f6f9;transform:translateZ(0)}
#work .wp-artwork img{width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;display:block;object-fit:cover;border-radius:0;opacity:1}
#work .wp-layered .wp-layer-bg,#work .wp-layered:hover .wp-layer-bg{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;scale:1;transform:translateY(var(--bg-shift,0px));transition:none}
#work .wp-mock{position:absolute;display:block;transform:translateY(var(--mock-shift,0px))}
#work a.wp-layered .wp-mock img{width:100%;height:auto;object-fit:contain;transform:none;scale:1;transform-origin:center 45%;transition:scale .2s ease-in-out}
#work .wp-mock-discovery{width:72%;left:14%;top:10%}
#work .wp-mock-left{width:24.5%;left:9.864%;top:28%}
#work .wp-mock-center{width:24.7%;left:37.65%;top:14%}
#work .wp-mock-right{width:24.75%;left:65.860%;top:28%}
#work .wp-caption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;align-items:start}
#work .wp-caption h2{margin:0 0 16px;padding:0;font-family:Outfit,sans-serif;font-weight:300;font-size:26px;letter-spacing:normal;line-height:1.5;text-align:left;color:black}
#work .wp-caption h2 a{color:black;text-decoration:none;font:inherit;display:inline}

.wp-motion #work .wp-project:not(.entered) .wp-project-inner{opacity:.15}
.wp-project-nav{position:fixed;right:2.1%;top:50%;transform:translateY(-50%);display:grid;gap:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s;z-index:20;margin:0;padding:0;width:auto}
.wp-project-nav.visible{opacity:1;visibility:visible;pointer-events:auto}.wp-project-nav a{font-size:11px;color:#929292;display:flex;align-items:center;gap:8px;min-height:28px;text-decoration:none;margin:0;padding:0}
.wp-project-nav a:after{content:'';height:5px;width:5px;border-radius:50%;background:#d6d7dd}.wp-project-nav a[aria-current]{color:#606982}.wp-project-nav a[aria-current]:after{height:24px;border-radius:4px;background:#606982}
.wp-nav-next{box-sizing:border-box;position:fixed;right:24px;bottom:24px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #dddfe5;border-radius:50%;background:#fffffff5;color:#606982;font-size:16px;line-height:1;text-decoration:none;z-index:20}
@media(prefers-reduced-motion:no-preference){html.wp-page{scroll-snap-type:y mandatory}.work-parallax header,.work-parallax #work-testimonials,.work-parallax footer{scroll-snap-align:start;scroll-snap-stop:always}#work .wp-layered:focus-visible .wp-mock img{scale:1.09}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#work .wp-layered:hover .wp-mock img{scale:1.08}}
@media(min-width:761px){#work .wp-split .wp-mock,#work .wp-cash .wp-mock{top:auto;bottom:0;transform:none}#work .wp-split .wp-mock img,#work .wp-cash .wp-mock img{transform-origin:center bottom}#work .wp-split .wp-mock-center{top:0;bottom:auto}#work .wp-split .wp-mock-center img{transform-origin:center top}#work .wp-cash .wp-mock-center{bottom:-12px}}
@media(max-width:760px){#work .wp-project{padding:28px 0 42px}#work a.wp-artwork{aspect-ratio:1.95/1}#work .wp-mock-discovery{width:calc(100% - 40px);left:20px;right:20px;top:auto;bottom:-1px}#work .wp-mock-left,#work .wp-mock-center,#work .wp-mock-right{width:calc((100% - 64px)/3);top:auto;bottom:-1px}#work .wp-mock-left{left:20px}#work .wp-mock-center{left:calc(20px + (100% - 64px)/3 + 12px)}#work .wp-mock-right{left:auto;right:20px}#work .wp-split .wp-mock-center{top:-1px;bottom:auto;transform:none}#work .wp-cash .wp-mock-center{top:auto;bottom:-1px;transform:none}.wp-project-nav{right:1.2%;gap:8px}.wp-project-nav span{display:none}.wp-nav-next{right:16px;bottom:16px}#work .wp-caption{flex-wrap:wrap;gap:0}#work .wp-caption p{font-size:13px}}
@media(max-width:650px){#work .wp-caption h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html.wp-page{scroll-behavior:auto;scroll-snap-type:none}#work .wp-mock,#work .wp-artwork img{transform:none!important}#work .wp-mock img{transition:none!important}.wp-motion #work .wp-project:not(.entered) .wp-project-inner{opacity:1}}


/* Stacked phrases reserve the longest ending's height at every screen size. */
.work-parallax .hero-endings{display:inline-grid;vertical-align:top;max-width:100%;overflow:hidden}
.work-parallax .hero-endings>span{grid-area:1/1;opacity:0;animation:hero-ending 7.5s cubic-bezier(.22,.61,.36,1) infinite both}
.work-parallax .hero-endings>span:nth-child(2){animation-delay:-5s}
.work-parallax .hero-endings>span:nth-child(3){animation-delay:-2.5s}
@keyframes hero-ending{0%,30%{opacity:1;transform:translateY(0)}33.333%,90%{opacity:0;transform:translateY(100%)}96.667%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.work-parallax .hero-endings>span{animation:none;transform:none}.work-parallax .hero-endings>span:first-child{opacity:1}}