/* Motion stays within the product and document experiences. */
.collection .profile-photo,.collection .profile-photo img,.profile-copy h3{view-transition-name:none}
.collection .profile-photo .profile-shard{z-index:2;pointer-events:none;view-transition-name:none;object-fit:cover}
.profile-tabs button{transition:color .2s,border-color .3s}
.project-card-image:before{content:'View project ↗';position:absolute;right:18px;top:18px;z-index:2;background:#101314cc;color:white;padding:8px 12px;font:12px/1.5 var(--font);border:1px solid #ffffff40;border-radius:4px}
.project-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:70px 5vw 24px;background:#09131a;color:#fff;overflow:auto}
.project-viewer::backdrop{background:#09131aee}
.project-viewer figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;gap:20px}
.gallery-image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.gallery-image{display:block;max-width:100%;max-height:calc(100dvh - 190px);width:auto;height:auto;object-fit:contain;transform-origin:top left}
.project-viewer figcaption{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-shrink:0}
.project-viewer h2{font:500 clamp(22px,3vw,38px)/1.2 var(--font);letter-spacing:-.03em;text-transform:none;margin:10px 0}
#gallery-count{font:12px/1.5 var(--font);letter-spacing:.08em;color:#91b0d5}
.project-viewer button{background:#ffffff0d;color:#fff;border:1px solid #ffffff40;min-width:48px;min-height:48px;padding:10px 16px;border-radius:4px;font:15px/1.5 var(--font)}
.project-viewer button:hover{background:#005daa}.project-viewer button:focus-visible{outline:3px solid #91b0d5;outline-offset:4px}
.gallery-close{position:absolute;right:5vw;top:14px}.gallery-close span{font-size:22px;margin-left:18px}
.gallery-controls{display:flex;gap:10px}.gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.project-viewer{padding:76px 20px 24px}.project-viewer figcaption{align-items:flex-start;flex-direction:column;gap:12px}.gallery-image{max-height:calc(100dvh - 270px)}.gallery-close{right:20px}.project-card-image:before{font-size:11px}}

#document-list{position:relative}