/* Prepared before insertion so Info never paints visible and then moves down. */
.info-reveal-mask{overflow:hidden;padding-block:.05em}
.info-reveal-track{display:block}
.info-motion .info-reveal-track{transform:translate3d(0,150%,0)}
.info-motion.info-reveal-ready .info-reveal-track{transition:transform 1200ms cubic-bezier(.16,1,.3,1) var(--info-delay,0ms)}
.info-reveal-image{padding:0}
.info-reveal-image>.info-reveal-track{height:100%;width:100%}
.info-motion .info-reveal-image>.info-reveal-track{transform:translate3d(0,105%,0)}
.info-motion .info-revealed>.info-reveal-track{transform:none}
.info-motion .info-reveal-mask:focus-within>.info-reveal-track{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.info-motion .info-reveal-track{transform:none;transition:none}}
/* Awards uses the existing wordmark footer in document flow, after the gallery. */
body.awards-page #site-footer{position:relative;inset:auto;display:flex;align-items:center;min-height:100px;margin:0;padding:24px max(12px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border:0;opacity:1;pointer-events:auto}

/* Full title reserves its space while one or two visible service titles type. */
.service-title-track{position:relative;white-space:nowrap}
.service-title-measure{visibility:hidden}
.service-title-ink{position:absolute;left:0;top:0;white-space:nowrap}