/* page styles: about.html */
section.band--short{height:auto}
    section.band--short .band__figure{position:relative;height:clamp(360px,36vw,560px)}
    section.band--short .band__figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    /* hero image slot until the real photo arrives */
    .aPh{display:flex;align-items:flex-start;justify-content:center;padding-top:24vh;background:linear-gradient(135deg,#27474a,#0f2224)}
    /* the site's normal dark bar colour from the first pixel: the other pages
       get it by scrolling, but this hero is white so a transparent bar would
       lose its white logo and links */
    .nav{background:var(--ink);box-shadow:inset 0 -1px 0 var(--line)}
    /* a shorter hero: 65% of the screen, never less than 400px */
    .aboutHero,.aboutHero__inner{min-height:max(400px,65vh)}
    @media (max-width:640px){.aboutHero,.aboutHero__inner{min-height:max(380px,60vh)}}
    .aLogoBg{background:#fff}
    .aboutHero__logo{width:clamp(180px,26vw,340px)}
    .aboutHero__logo img{width:100%;height:auto;display:block}
    .aPh span{font-size:clamp(16px,2vw,26px);font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.35)}