/* Shared elements preserve real documents, URLs and browser history. */
.tf2-card .work-title h3,.case-page.tf2 #project-title{view-transition-name:tf2-title}
.gpt-card .work-title h3,.case-page.gpt #project-title{view-transition-name:gpt-title}
.gpu-card .work-title h3,.case-page.gpu #project-title{view-transition-name:gpu-title}
.site-header .brand{view-transition-name:studio-brand}
.work-card[id]{scroll-margin-top:24px}
::view-transition-group(tf2-cover),::view-transition-group(gpt-cover),::view-transition-group(gpu-cover),::view-transition-group(tf2-title),::view-transition-group(gpt-title),::view-transition-group(gpu-title),::view-transition-group(tf2-screen){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.8,.18,1)}
::view-transition-group(studio-brand){animation-duration:.4s}
::view-transition-old(root){animation:handoff19-out .2s ease both}
::view-transition-new(root){animation:handoff19-in .48s ease both}
::view-transition-image-pair(tf2-title),::view-transition-image-pair(gpt-title),::view-transition-image-pair(gpu-title){isolation:isolate}
@keyframes handoff19-out{to{opacity:0}}
@keyframes handoff19-in{from{opacity:0}to{opacity:1}}
.case-cover{position:relative}
.handoff19-light{position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;z-index:12;transform-origin:left;background:linear-gradient(90deg,#a61a32,#ff4d65 78%,#ffd6dc);box-shadow:0 0 15px #ff304c80;animation:handoff19-light .95s cubic-bezier(.2,.75,.2,1) both}
@keyframes handoff19-light{0%{transform:scaleX(0);opacity:0}15%{opacity:1}75%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.case-category,.case-intro-row,.tf2-project-actions{animation:handoff19-copy .65s .12s both}
@keyframes handoff19-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.project-contact19{display:none}
@media(max-width:760px){
 .project-contact19:not([hidden]){position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:16px;right:16px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:12px 17px;background:linear-gradient(110deg,#211518f5,#111115f5);border:1px solid #ff6d7b45;border-top-color:#ff8a965c;box-shadow:0 14px 40px #000a,inset 0 1px #ffffff08;backdrop-filter:blur(14px);color:#f4edf0;text-decoration:none;animation:handoff19-copy .25s ease both}
 .project-contact19 span{min-width:0;display:grid;gap:4px}
 .project-contact19 small{font:9px var(--mono,monospace);letter-spacing:.14em;color:#bd939b}
 .project-contact19 strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
 .project-contact19 i{font-size:22px;font-style:normal;color:#ff8190}
 .project-contact19:focus-visible{outline:2px solid #ff7a8b;outline-offset:3px}
 .case-page .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 body:has(dialog[open]) .project-contact19{display:none}
}
@media(prefers-reduced-motion:reduce){
 .handoff19-light{display:none}
 .case-category,.case-intro-row,.tf2-project-actions,.project-contact19:not([hidden]){animation:none}
}