@view-transition{navigation:auto}html{view-transition-name:none}.project-transition-source [data-project-transition-image],.project-transition-destination [data-project-transition-image]{view-transition-name:project-image}.project-transition-source [data-project-transition-title],.project-transition-destination [data-project-transition-title]{view-transition-name:project-title}.project-transition-source [data-project-transition-index],.project-transition-destination [data-project-transition-index]{view-transition-name:project-index}::view-transition-group(project-image){z-index:10020;animation-duration:.78s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(project-image),::view-transition-new(project-image){animation:none;mix-blend-mode:normal;object-fit:cover}::view-transition-group(project-title){z-index:10030;animation-duration:.68s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(project-title){animation:mf-title-out .68s cubic-bezier(.22,1,.36,1) both}::view-transition-new(project-title){animation:mf-title-in .68s cubic-bezier(.22,1,.36,1) both}::view-transition-group(project-index){z-index:10031;animation-duration:.62s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation:mf-root-out .6s ease both}::view-transition-new(root){animation:mf-root-in .74s ease both}@keyframes mf-title-out{to{opacity:.2}}@keyframes mf-title-in{from{opacity:.15}to{opacity:1}}@keyframes mf-root-out{to{opacity:.72}}@keyframes mf-root-in{from{opacity:.4}to{opacity:1}}.project-transition-index{position:absolute;left:18px;top:18px;z-index:3;padding:8px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(21,27,22,.76);color:#f4f1e9;font-size:.62rem;line-height:1;text-transform:uppercase;letter-spacing:.13em}.detail-hero .project-detail-index{display:inline-flex;margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.28);color:var(--bronze-2);font-size:.68rem;line-height:1;text-transform:uppercase;letter-spacing:.13em}.project-transition-overlay{position:fixed;z-index:10000;inset:0;background:#1b231c;opacity:0;pointer-events:none;transition:opacity .56s cubic-bezier(.22,1,.36,1)}.project-transition-overlay.is-active{opacity:1}.project-transition-clone{position:fixed;z-index:10020;margin:0;max-width:none;object-fit:cover;pointer-events:none;transform-origin:center;transition:left .68s cubic-bezier(.22,1,.36,1),top .68s cubic-bezier(.22,1,.36,1),width .68s cubic-bezier(.22,1,.36,1),height .68s cubic-bezier(.22,1,.36,1),border-radius .68s cubic-bezier(.22,1,.36,1)}.project-transition-clone.is-active{left:0!important;top:0!important;width:100vw!important;height:100svh!important;border-radius:0!important}.project-transition-title-clone{position:fixed;z-index:10030;margin:0;color:#f4f1e9;pointer-events:none;transform-origin:left center;transition:transform .64s cubic-bezier(.22,1,.36,1),opacity .48s ease}.project-transition-title-clone.is-active{transform:translate3d(var(--transition-x),var(--transition-y),0) scale(1.08);opacity:.18}.project-transition-arrival .detail-hero>img{animation:mf-arrival-image .72s cubic-bezier(.22,1,.36,1) both}.project-transition-arrival .detail-hero>.container{animation:mf-arrival-copy .7s .12s cubic-bezier(.22,1,.36,1) both}@keyframes mf-arrival-image{from{transform:scale(1.035);filter:brightness(.72)}to{transform:scale(1);filter:none}}@keyframes mf-arrival-copy{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(max-width:700px){.project-transition-index{left:12px;top:12px}.detail-hero .project-detail-index{display:block;width:max-content;margin:10px 0 0;padding:0;border:0}.project-transition-title-clone{font-size:clamp(2rem,9vw,3rem)!important}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.project-transition-overlay,.project-transition-clone,.project-transition-title-clone{display:none!important}.project-transition-arrival .detail-hero>img,.project-transition-arrival .detail-hero>.container{animation:none!important}}