body{background:#0a0a0a}.navigation__brand{opacity:1;visibility:visible}.project-journey{position:relative}.project-stage{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1600px}.project-heading{position:absolute;left:var(--gutter);right:var(--gutter);top:100px;display:flex;align-items:baseline;justify-content:space-between;gap:25px;pointer-events:none;z-index:20}.project-heading h1{font:400 clamp(32px,4vw,64px)/1 var(--serif);letter-spacing:-.04em;margin:0}.project-heading p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin:0}.project-stack{position:absolute;inset:0;transform-style:preserve-3d}.project-card{position:absolute;display:block;z-index:var(--order);transform-style:preserve-3d;will-change:transform}.project-card img{width:100%;height:100%;object-fit:contain;display:block;border-radius:var(--photo-radius);box-shadow:0 24px 80px #000b,0 4px 18px #0008}.project-card[data-index="0"]{view-transition-name:project-image}.project-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:27px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;z-index:20}.project-count{color:#aaa}.photo-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:white}.photo-viewer::backdrop{background:rgba(0,0,0,.95)}.viewer-photo{position:absolute;display:block;object-fit:contain;border-radius:var(--photo-radius)}.viewer-controls{position:absolute;inset:22px var(--gutter) auto;display:flex;justify-content:space-between;font-size:11px;z-index:2}.viewer-controls div{display:flex;gap:28px}.viewer-controls button{padding:12px 0}.viewer-controls button:disabled{opacity:.3;cursor:default}.viewer-count{position:absolute;bottom:25px;left:var(--gutter);font-size:10px;letter-spacing:.12em}.viewer-open{overflow:hidden}.viewer-open .navigation{visibility:hidden}
@view-transition{navigation:auto}::view-transition-group(project-image){animation-duration:.35s}
@media(max-width:700px){.project-heading{top:92px;display:block}.project-heading h1{font-size:32px}.project-heading p{margin-top:12px;font-size:9px}.viewer-controls div{gap:14px}.viewer-controls{font-size:10px}}