@font-face {
        font-family: ProximaNova;
        src: url("./ProximaNova/ProximaNova-Regular.otf") format("opentype");
        font-weight: 400;

    }

    @font-face {
        font-family: ProximaNova;
        src: url("./ProximaNova/ProximaNova-Semibold.otf") format("opentype");
        font-weight: 500;
    }

    @font-face {
        font-family: ProximaNova;
        src: url("./ProximaNova/ProximaNova-Bold.otf") format("opentype");
        font-weight: bold;
    }

    @font-face {
        font-family: ProximaNova;
        src: url("./ProximaNova/ProximaNova-Light.otf") format("opentype");
        font-weight: 300;
    }

    @font-face {
        font-family: ProximaNova;
        src: url("./ProximaNova/ProximaNova-Thin.otf") format("opentype");
        font-weight: lighter;
    }
/* Target 'fixed pixel size' until shrinking is needed */
.fixed-until-shrink {
  width: 100%;        /* fill the column width */
  max-width: 500px;   /* your desired fixed size on wide screens */
  height: auto;       /* keep aspect ratio */
  display: block;     /* remove inline-gap quirks */
}

/* Optional: force no-wrap at the row level (generally not needed when 6+6=12) */
.row { flex-wrap: nowrap; }