/* Shared by the home, workshop, volunteer and donation pages. */
html[data-site-navigation]::after{content:'';position:fixed;inset:0;z-index:2147483647;pointer-events:auto;background:radial-gradient(ellipse at 75% 35%,#9b713734,transparent 60%),#17120d;will-change:opacity;}
html[data-site-navigation="leaving"]::after{animation:site-veil-in 280ms ease-in both}
html[data-site-navigation="leaving"] body{animation:site-soften-out 280ms ease-in both;pointer-events:none}
html[data-site-navigation="entering"]::after{opacity:1;animation:site-veil-rescue 1ms 8s forwards}
html[data-site-navigation="revealing"]::after{animation:site-veil-out 560ms ease-out both;pointer-events:none}
html[data-site-navigation="revealing"] body{animation:site-sharpen-in 560ms ease-out both}
@keyframes site-veil-in{from{opacity:0}to{opacity:1}}
@keyframes site-veil-out{from{opacity:1}to{opacity:0}}
@keyframes site-soften-out{to{filter:blur(5px);opacity:.35}}
@keyframes site-sharpen-in{from{filter:blur(5px);opacity:.35}to{filter:blur(0);opacity:1}}
@keyframes site-veil-rescue{to{opacity:0;pointer-events:none}}

/* The dark landing hands its centered emblem to the cream workshop page. */
html[data-site-navigation="leaving-workshop"]::after{display:none}
html[data-site-transition="workshop"][data-site-navigation="entering"]::after,
html[data-site-transition="workshop"][data-site-navigation="revealing"]::after{background:#fffbf1;z-index:2147483645}
html[data-site-navigation="leaving-workshop"] #app{animation:workshop-content-fade 750ms ease-in both}
.workshop-transition{display:none;position:fixed;inset:0;z-index:2147483646;overflow:hidden;pointer-events:auto;background:#fffbf1}
html[data-site-transition="workshop"] .workshop-transition{display:block}
.workshop-transition.is-leaving{background:transparent;animation:workshop-background 2050ms ease-in-out both}
.workshop-transition.is-revealing{animation:workshop-reveal 750ms ease-out both}
.workshop-transition__brand{position:absolute;left:50%;top:50%;width:128px;height:128px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(1.6);filter:drop-shadow(0 4px 15px #3d260c55)}
.workshop-transition__brand img{display:block;width:85%;height:auto;object-fit:contain}
.workshop-transition__ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bd904c;stroke-width:1.3;transform:rotate(-90deg)}
.workshop-transition__ring .ring-glint{stroke:#ffdc8a;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.16 .84;filter:drop-shadow(0 0 6px #ffe8b3);opacity:0}
.workshop-transition.is-leaving .workshop-transition__brand{animation:workshop-brand-flight 2050ms cubic-bezier(.22,.7,.25,1) both}
.workshop-transition.is-leaving .workshop-transition__ring{animation:workshop-ring-orbit 1800ms cubic-bezier(.2,.7,.2,1) both}
.workshop-transition.is-leaving .ring-track{animation:workshop-ring-draw 1800ms ease-out both}
.workshop-transition.is-leaving .ring-glint{animation:workshop-ring-glint 1800ms ease-in-out both}
@keyframes workshop-content-fade{to{opacity:.12;filter:blur(9px)}}
@keyframes workshop-background{0%{background:#08070500}38%{background:#080705}66%{background:#695137}100%{background:#fffbf1}}
@keyframes workshop-brand-flight{0%{left:5%;top:18px;transform:scale(.62);opacity:0}12%{opacity:1}62%,100%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6);opacity:1}}
@keyframes workshop-ring-orbit{from{transform:rotate(-90deg)}to{transform:rotate(630deg)}}
@keyframes workshop-ring-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes workshop-ring-glint{0%,100%{opacity:0}15%,82%{opacity:1}}
@keyframes workshop-reveal{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){html[data-site-navigation]::after{display:none}html[data-site-navigation] body{animation:none;filter:none;opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){html[data-site-transition="workshop"] .workshop-transition{display:none}}