.av-print-transition{position:fixed;inset:0;z-index:2147483000;overflow:hidden;pointer-events:none;contain:layout paint}.av-print-plate{position:absolute;inset:0;display:grid;place-items:center;color:#fffdf8;font:12px/1.4 monospace;letter-spacing:.12em;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0);contain:paint}.av-print-cross{position:absolute;font:normal 30px/1 monospace;letter-spacing:0}.av-print-top{left:28px;top:28px}.av-print-bottom{right:28px;bottom:28px}@media(prefers-reduced-motion:reduce){.av-print-transition{display:none}}

.av-transition-heading{text-align:center;padding:24px;max-width:100%}.av-transition-kicker{display:block;font:11px/1.5 monospace;letter-spacing:.12em;margin-bottom:20px}.av-transition-heading strong{display:block;font:normal clamp(36px,6vw,88px)/1.1 Georgia,serif;letter-spacing:-.04em}.av-transition-intro .av-transition-heading{border:1px solid currentColor;outline:1px solid currentColor;outline-offset:8px}.av-transition-story .av-transition-heading{text-align:left;width:min(760px,90vw);border-left:1px solid currentColor;padding-left:40px}.av-transition-artboards .av-transition-heading strong{font-size:clamp(25px,4vw,64px)}.av-transition-artboards .av-transition-kicker{font-size:9px;letter-spacing:.02em}.av-transition-print .av-transition-heading strong{font:700 clamp(42px,8vw,110px)/.95 system-ui,sans-serif;letter-spacing:-.07em}@media(max-width:600px){.av-transition-artboards .av-transition-kicker{display:none}.av-transition-heading{padding:14px}.av-transition-story .av-transition-heading{padding-left:24px}.av-print-top{left:14px;top:18px}.av-print-bottom{right:14px;bottom:18px}}

/* Match the site's light canvas balance; blue remains an interface accent. */
.av-print-plate{color:#17221c;background-image:linear-gradient(#17221c05 1px,transparent 1px),linear-gradient(90deg,#17221c05 1px,transparent 1px);background-size:24px 24px;box-shadow:0 0 0 1px #17221c18}.av-print-cross,.av-transition-kicker{color:inherit}.av-transition-intro .av-transition-heading{border-color:currentColor;outline-color:currentColor}.av-transition-story .av-transition-heading{border-left-color:currentColor}
.av-transition-case-content{display:flex;align-items:center;justify-content:center;gap:clamp(25px,6vw,90px);width:min(1100px,86vw)}.av-transition-case-content>img{display:block;width:clamp(160px,26vw,320px);height:clamp(210px,36vw,430px);object-fit:contain;background:#fffdf80d;border:1px solid #ffffff30;border-radius:10px}.av-transition-case-content .av-transition-heading{text-align:left;padding:0}.av-transition-case-content strong{font-size:clamp(38px,7vw,96px)}@media(max-width:600px){.av-transition-case-content{flex-direction:column;gap:25px}.av-transition-case-content>img{width:150px;height:200px}.av-transition-case-content .av-transition-heading{text-align:center}.av-transition-case-content .av-transition-kicker{font-size:9px}}
/* Match each project's native image proportions instead of a shared portrait box. */
.av-transition-case-content>img{background:transparent;border:0;border-radius:0}
.av-transition-case-content .av-transition-heading{flex:1;min-width:0}
.av-transition-case-content .av-transition-heading strong{overflow-wrap:normal}
.av-transition-case[data-project="burn-first-aid"] .av-transition-case-content>img{width:clamp(160px,22vw,260px);height:auto;max-height:58vh;object-fit:contain;flex:none;filter:drop-shadow(0 20px 32px #0003)}
.av-transition-case[data-project="https-gsaaglobal.vercel.app"] .av-transition-case-content{width:min(1240px,88vw);gap:clamp(28px,4vw,60px)}
.av-transition-case[data-project="https-gsaaglobal.vercel.app"] .av-transition-case-content>img{width:clamp(280px,43vw,620px);height:auto;max-height:60vh;object-fit:contain;flex:none;border-radius:8px;box-shadow:0 24px 60px #0003}
.av-transition-case[data-project="https-gsaaglobal.vercel.app"] .av-transition-heading strong{font-size:clamp(38px,5.5vw,80px)}
@media(max-width:600px){.av-transition-case-content .av-transition-heading{flex:none}.av-transition-case[data-project="burn-first-aid"] .av-transition-case-content>img{width:auto;height:230px;max-width:65vw;max-height:38vh}.av-transition-case[data-project="https-gsaaglobal.vercel.app"] .av-transition-case-content>img{width:84vw;height:auto;max-height:35vh}.av-transition-case[data-project="https-gsaaglobal.vercel.app"] .av-transition-heading strong{font-size:42px}}
.av-transition-case[data-project="burn-first-aid"] .av-transition-case-content>img{width:clamp(160px,22vw,270px);height:auto;aspect-ratio:1;max-height:none;border-radius:22%;filter:drop-shadow(0 18px 28px #0002)}
@media(max-width:600px){.av-transition-case[data-project="burn-first-aid"] .av-transition-case-content>img{width:170px;height:170px;max-width:60vw;max-height:none}}

/* Started from the corner menu: play inside the open menu's rounded frame. */
.av-transition-menu{inset:16px;border-radius:18px;background:#fffdf8}

/* Image morph into case studies (page-transition.js). */
.av-morph{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.av-morph-dim{position:absolute;inset:0;background:#0b0f0d;opacity:0}
.av-morph-win{position:fixed;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background:var(--bg);will-change:transform}
.av-morph-win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.av-morph-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0000 35%,#000a 100%)}
.av-morph-text{position:absolute;left:5vw;right:5vw;bottom:8vh;color:#fff}
.av-morph-kicker{display:block;margin-bottom:14px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;opacity:0}
.av-morph-text strong{display:block;font:500 clamp(54px,9vw,150px)/.92 "PP Neue Montreal Medium",system-ui,sans-serif;letter-spacing:-.06em}
.av-morph-text .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.av-morph-text .w>span{display:inline-block;transform:translateY(105%)}
.av-morph-count{position:absolute;right:5vw;bottom:8vh;color:#fff;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;opacity:0}
.av-morph.leaving .av-morph-text .w>span{animation:avMorphUp .8s cubic-bezier(.22,1,.36,1) .45s both}
.av-morph.leaving .av-morph-text .w:nth-child(2)>span{animation-delay:.53s}.av-morph.leaving .av-morph-text .w:nth-child(3)>span{animation-delay:.61s}
.av-morph.leaving .av-morph-kicker,.av-morph.leaving .av-morph-count{animation:avMorphFade .6s ease .5s both}
.av-morph.arrived .av-morph-dim{opacity:0}
.av-morph.arrived .av-morph-text .w>span{transform:none}
.av-morph.arrived .av-morph-kicker,.av-morph.arrived .av-morph-count{opacity:.8}
@keyframes avMorphUp{to{transform:none}}
@keyframes avMorphFade{to{opacity:.8}}
@media(prefers-reduced-motion:reduce){.av-morph{display:none}}