/* custom.css - your own tweaks, loaded after the theme's style.css.
   Anything here wins over the theme. Edit, then ./build.sh --serve to check. */

/* ---- Phones (screens up to 768px wide) ---- */
@media (max-width: 768px) {

    /* Logo: move left/right. Less negative = further right.
       Was -50px; -37px lines the logo up with the left edge of the hero image. */
    :root { --logo-mobile-translate-x: -37px; }

    /* Big heading over the hero image: distance from the top of the image.
       Was about 52px. Smaller number = higher up. */
    .hero__header { top: 36px; }
}