/* Larger symbol, maintaining comfortable margins around its hero area. */
.hero{min-height:700px}
.hero-art{min-height:700px!important;padding:80px 48px 100px!important}
.hero-art img{width:min(330px,82%)!important;max-width:330px!important;max-height:330px!important}
/* Use the exact original logo lettering for Flip and Phase. */
.hero h1 .hero-word{display:inline-block;vertical-align:-.075em;height:.79em;width:auto;max-width:none;object-fit:contain;margin-right:.12em;filter:none}
.hero h1 .hero-word-phase{height:.76em;vertical-align:-.065em}
@media(max-width:900px){.hero{min-height:unset}.hero-art{min-height:420px!important;padding:55px 24px 90px!important}.hero-art img{width:min(290px,65vw)!important;max-width:290px!important;max-height:290px!important}}
@media(max-width:600px){.hero-art{min-height:370px!important;padding:45px 24px 85px!important}.hero-art img{width:min(250px,64vw)!important;max-width:250px!important;max-height:250px!important}.hero h1 .hero-word{height:.75em;margin-right:.1em}}