/*
  Ellington Enterprises brand layer.
  System of record: the brand kit folder "06 Brand Kit 2026.09.30".
  If this file and the kit ever disagree, the kit wins.
*/

/* Font faces. Served from this repo, never from a font host. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/montserrat-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/montserrat-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/montserrat-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/montserrat-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter-latin-600-normal.woff2") format("woff2")}

/* Tokens shared by every kit. */
:root{
  --orange:#FA4516;
  --blue:#013088;
  --midnight:#0A1633;
  --graphite:#1D1D1F;
  --silver:#86868B;
  --cloud:#F5F5F7;
  --white:#FFFFFF;
  --cream:#F4EFE6;
  --linen:#E6DFD2;
  --gold:#B8955A;

  /* Venture colours. Each venture keeps its own. */
  --v-bar:#C9A84C;
  --v-swampcast:#FA4516;
  --v-chomp:#013088;
  --v-fashion:#B8955A;
  --v-studio:#0F1B2D;

  --display:Montserrat,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --body:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;

  --stripe-h:6px;
}

/* Kit treatments, verbatim from each kit page. Set one on the html element. */
.kit-maison{
  --ground:#F4EFE6;--surface:#FBF8F2;--text:#0A1633;--text2:#3A4766;--mute:#7A8299;
  --line:#E6DFD2;--brand:#0A1633;--rule:#B8955A;--dark:#0A1633;--radius:0px;
  --btn-track:.16em;--btn-case:uppercase;--wm-sub:#5A6478;
}
.kit-cupertino{
  --ground:#FFFFFF;--surface:#F5F5F7;--text:#1D1D1F;--text2:#424245;--mute:#86868B;
  --line:#D2D2D7;--brand:#1D1D1F;--rule:#D2D2D7;--dark:#0E0E10;--radius:14px;
  --btn-track:0;--btn-case:none;--wm-sub:#6B7280;
}
.kit-signature{
  --ground:#FFFFFF;--surface:#F5F5F7;--text:#0A1633;--text2:#33415A;--mute:#6B7280;
  --line:#D8DDE6;--brand:#0A1633;--rule:#013088;--dark:#0A1633;--radius:10px;
  --btn-track:.04em;--btn-case:none;--wm-sub:#6B7280;
}

/* Base. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--midnight);color:var(--white);padding:12px 18px;font-weight:600;text-decoration:none}
.skip:focus{top:16px}

/*
  The web stripe. One element: blue, orange, blue in equal thirds.
  Exactly one per page. 6 px on pages, 14 px at most anywhere.
  Never a background, never animated.
*/
.stripe{height:var(--stripe-h);max-height:14px;background:linear-gradient(90deg,var(--blue) 0 33.3333%,var(--orange) 33.3333% 66.6667%,var(--blue) 66.6667% 100%)}

/* The button. Shape, case and tracking follow the kit. */
.btn{display:inline-block;font-family:var(--body);font-weight:600;font-size:15px;line-height:1.2;padding:14px 22px;border-radius:calc(var(--radius) * .8);letter-spacing:var(--btn-track);text-transform:var(--btn-case);border:1px solid var(--brand);color:var(--brand);background:transparent;text-decoration:none}
.btn:hover{text-decoration:underline;text-underline-offset:4px}
.btn-brand{background:var(--brand);border-color:var(--brand);color:var(--white)}
/*
  The one orange action. White on Gator Orange is 3.5 to 1, which meets AA
  only as large bold text, so the label is Montserrat 700 at 19 px.
*/
.btn-primary{background:var(--orange);border-color:var(--orange);color:var(--white);font-family:var(--display);font-weight:700;font-size:19px}

/* The monogram helper and the lockup. The mark is always the kit SVG. */
.monogram{display:block;flex:none;width:40px;height:40px}
.lockup{display:inline-flex;align-items:center;gap:12px;color:var(--brand)}
.wordmark{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:.02em;line-height:1;text-transform:uppercase;color:var(--brand)}
/* The small line is #5A6478 on cream and #6B7280 on white so it meets AA. */
.wordmark span{display:block;font-weight:500;font-size:7px;letter-spacing:.34em;margin-top:5px;color:var(--wm-sub)}