/* ============================================================================
   TRIUMPH DESIGN SYSTEM v2 — logos.css
   Correct logo usage + the GEVP "renders too small" fix.

   HARD LOGO LAW (from the brand guide):
   - Full-color Triumph crest ONLY on light. On dark/navy use the WHITE crest.
   - Never recolor, outline, rotate, stretch, flip, rearrange, or crop a logo.
   - Always the full lockup; keep clear space (crest clear space = mountain height).

   GEVP SIZING: the raw GE Vernova PNGs carry 38–61% transparent padding, so
   sizing them by the file box renders the visible mark ~150% too small. The
   assets shipped here are ALREADY CROPPED to their content bbox, so a plain
   height/width sizes the real art. If you ever drop in a RAW padded GEVP file,
   use the .gevp-crop pattern at the bottom (and re-measure with PIL first).
   ========================================================================== */

/* ---- Base logo image ----------------------------------------------------- */
.logo {
  display: block;
  width: auto;
  object-fit: contain;
  user-select: none;
}

/* Triumph crest — size by HEIGHT so the tall crest scales predictably. */
.logo-crest        { height: 96px; }   /* full-color -> LIGHT surfaces only */
.logo-crest-white  { height: 96px; }   /* white crest -> DARK/navy surfaces  */
.logo-mark         { height: 64px; }   /* simplified mark (small uses) */
.logo-wordmark     { height: 40px; width: auto; }

/* Size modifiers */
.logo--sm { height: 48px; }
.logo--lg { height: 140px; }
.logo--xl { height: 200px; }

/* ---- GE Vernova Park — pre-trimmed, drop-in ------------------------------
   gevp-primary-*  : building + wordmark stacked (art ~1.91:1)
   gevp-horizontal-*: building + wordmark side-by-side (art ~5.86:1)
   Size by width for the horizontal footer lockup, by height for the stacked. */
.logo-gevp          { display:block; height: 84px; width: auto; }        /* stacked, navy surface -> use white file */
.logo-gevp-h        { display:block; width: 260px; height: auto; }       /* horizontal footer lockup */

/* Liberty (pulled in for on-demand use) */
.logo-liberty       { display:block; height: 88px; width: auto; }
.logo-liberty-mark  { display:block; height: 56px; width: auto; }

/* ---- Fallback: raw transparent-padded mark crop -------------------------
   ONLY if you must use a RAW padded PNG instead of a pre-trimmed one.
   Size the CONTAINER to the ART aspect ratio, absolutely position the <img>
   by percentages DERIVED FROM THE REAL BBOX (PIL getbbox on the shipped file).
   Example numbers below are for GEVP_Primary White (file 7868x4500,
   art bbox 718,480,7188,3868 -> art 6470x3388):
     width%  = 100 * file_w / art_w          = 100*7868/6470 = 121.61%
     left%   = -100 * art_left / file_w * (width%/100) = -100*718/7868*1.2161 = -11.10%
     top%    = -100 * art_top  / file_h * (height-scale)  ~ measured per file
   Re-measure whenever the asset is swapped — stale percentages clip the mark. */
.gevp-crop {
  position: relative;
  overflow: hidden;
  aspect-ratio: 6470 / 3388;   /* the ART aspect, not the file */
  height: 84px;
}
.gevp-crop > img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;                 /* pre-trimmed asset -> plain 100% is correct */
  height: 100%;
  object-fit: contain;
}