/* Revision 32: illustrated home and contact moments. */
.hero-art{height:560px;display:flex;align-items:center;justify-content:center}
.hero-character{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;transform:translate(var(--px,0),var(--py,0));transition:transform .25s ease}
.hero-character img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(12,20,28,.18));transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.hero-art:hover .hero-character img{transform:translateY(-7px) rotate(1.2deg);filter:drop-shadow(0 28px 40px rgba(12,20,28,.25))}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);align-items:center;gap:6vw}
.contact-copy{min-width:0}
.contact-art{height:470px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.contact-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center right;filter:drop-shadow(0 22px 34px rgba(12,20,28,.18));transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.contact-art:hover img{transform:translate(4px,-6px) rotate(-1deg);filter:drop-shadow(0 27px 42px rgba(12,20,28,.25))}
@media(max-width:800px){.hero-art{height:430px}.contact{display:block}.contact-art{height:350px;margin-top:42px;justify-content:center}.contact-art img{object-position:center}.contact-details{margin-bottom:2rem}}