.opening .scene{transform:scale(1.025);transform-origin:60% 45%}
.date{position:relative}
.date::before{content:"";position:absolute;top:-1px;left:0;width:96px;height:1px;background:#edd9ab;pointer-events:none;transform-origin:left center}
@media(prefers-reduced-motion:no-preference){
 .opening .scene{animation:exhibition-drift 36s ease-in-out infinite alternate}
 .message{animation:announcement-arrive 1s cubic-bezier(.2,.65,.3,1) both}
 .date::before{animation:gold-line 9s ease-in-out infinite alternate}
 @keyframes exhibition-drift{from{transform:scale(1.025) translate3d(-.3%,0,0)}to{transform:scale(1.075) translate3d(.3%,-.3%,0)}}
 @keyframes announcement-arrive{from{transform:translate3d(0,10px,0)}to{transform:translate3d(0,0,0)}}
 @keyframes gold-line{from{transform:scaleX(.45);opacity:.55}to{transform:scaleX(1.5);opacity:1}}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){.opening .scene{animation-duration:44s}}
@media(prefers-reduced-motion:reduce){.opening .scene{transform:none}.date::before{transform:none}}