/* StringPhoto v7.19: the page-load intro builds the whole logo. The camera outline with its two buttons fades in first,
   the ring is drawn inside it, then STRING, PH and TO fade in one after another (slow, soft fades). When the ring flies
   into the 3D frame, the camera and the words fade out together and only the ring moves.
   Nothing starts until the page is ready (class .go on the intro), so no step is skipped while the browser is busy. */
.intro7-logo .i7-words img{animation-name:i7fade!important;animation-duration:.95s!important;animation-timing-function:ease-out!important;animation-fill-mode:both!important}
.intro7-logo .i7-words img.i7-cam{left:0;top:0;width:100%;animation-name:i7cam!important;animation-duration:.9s!important;animation-delay:.05s!important}
.intro7-logo .i7-words img.i7-string{--dy:8px;--dx:0;animation-delay:1.2s!important}
.intro7-logo .i7-words img.i7-ph{--dx:-10px;--dy:0;animation-delay:1.45s!important}
.intro7-logo .i7-words img.i7-to{--dx:10px;--dy:0;animation-delay:1.7s!important}
@keyframes i7fade{from{opacity:0;transform:translate(var(--dx),var(--dy))}to{opacity:1;transform:none}}
@keyframes i7cam{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.intro7.fly .i7-words{opacity:0;transition:opacity .4s ease}
html .intro7:not(.go) *,html .intro7:not(.go) *::before,html .intro7:not(.go) *::after{animation-play-state:paused!important}
html .intro7:not(.go) .i7-words img.i7-cam{animation-play-state:running!important}