/* Locally hosted Icons8 WebM with automatic playback and a still-image fallback. */
.hero-animation{min-width:0;width:100%;margin:0;align-self:center}
.hero-animation-stage{position:relative;width:100%;aspect-ratio:1;max-height:500px;background:radial-gradient(ellipse at center,#d8ff360d,transparent 70%)}
.hero-animation-poster,.hero-animation-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.hero-animation-poster{z-index:1;pointer-events:none}
.page-animation{max-width:340px;margin-inline:auto}.page-animation .hero-animation-stage{max-height:300px}
.catalog-hero-aside>.page-animation{max-width:260px;margin-bottom:18px}.catalog-hero-aside>.page-animation .hero-animation-stage{max-height:210px}
.journal-animation-aside{max-width:380px}.journal-animation-aside>p{color:var(--muted);font-size:14px}.journal-intro .page-animation{max-width:250px;margin-bottom:18px}.journal-intro .page-animation .hero-animation-stage{max-height:210px}
.contact-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0 40px;align-items:center}.contact-hero-copy{min-width:0}.contact-hero-bottom{grid-column:1/-1}
.resume-page .card-hero>.page-animation{max-width:230px;margin:22px 0 0}.resume-page .card-hero>.page-animation .hero-animation-stage{max-height:175px}
.article-heading{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:0 30px;align-items:center}.article-heading>.journal-meta,.article-heading>h1,.article-heading>.article-byline{grid-column:1}.article-heading>.page-animation{grid-column:2;grid-row:1/4;max-width:210px}.article-heading .hero-animation-stage{max-height:175px}
.error-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center}
@media(max-width:750px){.contact-hero{grid-template-columns:1fr}.contact-hero>.page-animation{max-width:260px;margin-top:20px}.contact-hero-bottom{margin-top:20px}.article-heading{grid-template-columns:minmax(0,1fr) 155px;gap:0 15px}.article-heading>.page-animation{max-width:155px}.article-heading .hero-animation-stage{max-height:135px}.error-layout{grid-template-columns:1fr}.error-layout>.page-animation{max-width:260px}}
@media(max-width:650px){.home-page .hero-animation{max-width:430px;margin:0 auto}.home-page .hero-animation-stage{margin-top:-22px}.services-hero>.page-animation{max-width:285px}.article-heading{display:block}.article-heading>.page-animation{max-width:210px;margin:22px auto 0}.article-heading .hero-animation-stage{max-height:150px}.journal-animation-aside{max-width:none}.catalog-hero-aside>.page-animation{max-width:250px}.resume-page .card-hero>.page-animation{margin-inline:auto}}

/* The shared footer carries the illustration credit. */
.hero-animation-video[hidden],.hero-animation-poster[hidden]{display:none}
.site-footer .footer-credit{display:block;font-size:11px}
.site-footer .footer-credit a{display:inline-flex;min-height:32px;text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-credit a:hover{color:var(--accent)}