/* permanent-marker-latin-400-normal */
@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/permanent-marker-latin-400-normal.BF23djCy.woff2) format('woff2'), url(/_astro/permanent-marker-latin-400-normal.BnZj5c41.woff) format('woff');
}/* open-sans-latin-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/open-sans-latin-400-normal.Bk63H6sG.woff2) format('woff2'), url(/_astro/open-sans-latin-400-normal.DKniycaP.woff) format('woff');
}/* open-sans-latin-400-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/_astro/open-sans-latin-400-italic.oaOkCnEp.woff2) format('woff2'), url(/_astro/open-sans-latin-400-italic.BEURUQpT.woff) format('woff');
}/* open-sans-latin-700-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/open-sans-latin-700-normal.CceUhp2e.woff2) format('woff2'), url(/_astro/open-sans-latin-700-normal.CZCQA30i.woff) format('woff');
}/* open-sans-latin-800-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/_astro/open-sans-latin-800-normal.C0t39IfQ.woff2) format('woff2'), url(/_astro/open-sans-latin-800-normal.w4vykUBk.woff) format('woff');
}/* BOSS Basketball — a dry-erase practice board hung on a painted block wall.
   Navy and maroon are sampled off the organization's own logo. */

:root {
  --ink: #0a0a1f;          /* navy marker, the logo's BOSS */
  --red: #8e0505;          /* maroon marker, the logo's ball */
  --text: #1c1c30;
  --board: #f8f8f5;
  --wall: #dcd8cf;
  --mortar: #c9c3b8;
  --tape: #eee2bf;
  --al-hi: #f2f3f5;
  --al-mid: #b8bcc2;
  --al-lo: #7d838a;
  --frame: clamp(0.5rem, 0.9vw, 0.95rem);
  --gutter: clamp(0.5rem, 2.6vw, 3rem);
  --marker: 'Permanent Marker', 'Comic Sans MS', cursive;
  --sans: 'Open Sans', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  padding: var(--gutter);
  font-family: var(--sans);
  font-size: 1.0625rem;
  line-height: 1.62;
  color: var(--text);
  background-color: var(--wall);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='160'%3E%3Cpath d='M0 1.5H320M0 81.5H320M1.5 0V80M161.5 0V80M81.5 80V160M241.5 80V160' fill='none' stroke='%23c9c3b8' stroke-width='3'/%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.04));
  background-size: 320px 160px, 100% 100%;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { color: var(--ink); }
a:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; border-radius: 2px; }

.skip { position: absolute; left: -999rem; top: 0; }
.skip:focus { left: 1rem; top: 1rem; z-index: 10; background: var(--ink); color: #fff; padding: 0.6rem 1rem; }

/* ---------------------------------------------------------------- the board and its frame */

.board {
  position: relative;
  max-width: 104rem;
  margin: 0 auto;
  padding: var(--frame) var(--frame) 0;
  border-radius: 10px;
  background: linear-gradient(180deg, var(--al-hi), var(--al-mid) 40%, #dfe2e5 60%, #a3a8ae);
  box-shadow:
    0 0 0 1px #868b92,
    0 1.6rem 2.8rem -1.2rem rgba(45, 35, 25, 0.5),
    0 0.3rem 0.6rem rgba(45, 35, 25, 0.18);
}

.strip,
.face {
  background-color: var(--board);
  /* what the eraser left behind */
  background-image:
    radial-gradient(ellipse 22rem 7rem at 78% 18%, rgba(10, 10, 31, 0.035), transparent 70%),
    radial-gradient(ellipse 30rem 9rem at 18% 72%, rgba(10, 10, 31, 0.03), transparent 70%),
    radial-gradient(ellipse 16rem 6rem at 62% 88%, rgba(142, 5, 5, 0.025), transparent 70%);
}

.strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem clamp(1rem, 3vw, 3rem);
  padding: clamp(1rem, 2vw, 1.6rem) clamp(1rem, 3.5vw, 3.5rem) 0.4rem;
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.18);
}

.face {
  padding: clamp(1.2rem, 3vw, 3rem) clamp(1rem, 3.5vw, 3.5rem) clamp(2.5rem, 5vw, 5rem);
  border-radius: 0 0 2px 2px;
  box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.12);
}

/* magnets: a round button magnet seen face on */
.magnet {
  position: absolute;
  top: -0.55rem;
  left: 50%;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: -0.625rem;
  border-radius: 50%;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
  z-index: 2;
}
.magnet--navy { background: radial-gradient(circle at 35% 30%, #4a4a6e, var(--ink) 60%); }
.magnet--red { background: radial-gradient(circle at 35% 30%, #d0403b, var(--red) 60%); }

/* the printed logo sheet */
.sheet {
  position: relative;
  display: block;
  padding: 0.55rem 0.8rem;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transform: rotate(-1.2deg);
}
.sheet img { width: clamp(9.5rem, 14vw, 15rem); }
.sheet:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }

/* magnetic name strips */
.names ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.55rem 0.7rem; }
.name {
  display: inline-block;
  padding: 0.5rem 0.9rem 0.45rem;
  font-family: var(--sans);
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background: var(--ink);
  border-radius: 3px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: transform 0.15s ease;
}
.name--0 { transform: rotate(-1deg); }
.name--1 { transform: rotate(0.8deg); }
.name--2 { transform: rotate(-0.35deg); }
.name:hover { color: #fff; transform: translateY(-2px) rotate(0deg); }
.name[aria-current='page'] { background: var(--red); }

/* ------------------------------------------------------------------ the marker tray */

.tray {
  position: relative;
  margin: var(--frame) calc(-1 * var(--frame) - 0.45rem) 0;
  padding: 0.75rem clamp(1rem, 3.5vw, 3.5rem) 1rem;
  border-radius: 3px 3px 9px 9px;
  background: linear-gradient(180deg, #fafbfc, #cfd2d6 22%, #a9aeb4 62%, #7b8188);
  box-shadow: 0 0.9rem 1.2rem -0.6rem rgba(40, 30, 20, 0.55), 0 0 0 1px #7b8188;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem 2rem;
}

.tray__ledge { position: absolute; right: clamp(1.5rem, 5vw, 5rem); top: -0.95rem; display: flex; align-items: flex-end; gap: 0.9rem; }
.pen {
  position: relative;
  display: block;
  width: clamp(6rem, 9vw, 8.5rem);
  height: 0.95rem;
  border-radius: 0.5rem 0.25rem 0.25rem 0.5rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.18);
}
.pen::after {
  content: '';
  position: absolute;
  right: 0;
  top: -1px;
  width: 30%;
  height: calc(100% + 2px);
  border-radius: 0.2rem 0.45rem 0.45rem 0.2rem;
  background: inherit;
  filter: brightness(0.75);
}
.pen--navy { background: var(--ink); }
.pen--maroon { background: var(--red); transform: translateX(-0.4rem) rotate(-1.5deg); }
.eraser {
  display: block;
  width: clamp(4.4rem, 6vw, 5.6rem);
  height: 1.7rem;
  border-radius: 4px;
  background: linear-gradient(180deg, #2c2f6b 0 58%, #3a3a3a 58% 100%);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}

.tray__tape { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.9rem; }
.tape {
  margin: 0;
  padding: 0.25rem 0.8rem;
  background: var(--tape);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  color: var(--ink);
  font-size: 0.88rem;
  line-height: 1.4;
}
.tape--mail { transform: rotate(-1deg); font-weight: 800; font-size: 1rem; }
.tape--mail a { color: var(--ink); text-decoration-color: var(--red); }
.tape--mail a:hover { color: var(--red); }
.tape--id { transform: rotate(0.6deg); }
.tape--yr { transform: rotate(-0.4deg); }

/* --------------------------------------------------------- writing on the board */

.mk { font-family: var(--marker); font-weight: 400; color: var(--ink); letter-spacing: 0.01em; }
.mk--red { color: var(--red); }

h1, h2, h3 { margin: 0; line-height: 1.08; }
h1 { font-family: var(--marker); font-weight: 400; color: var(--ink); font-size: clamp(2.5rem, 6vw, 6rem); }
h2 { font-family: var(--marker); font-weight: 400; color: var(--ink); font-size: clamp(1.8rem, 3.4vw, 3.1rem); }
h3 { font-family: var(--marker); font-weight: 400; color: var(--ink); font-size: clamp(1.35rem, 2vw, 1.8rem); }
p { margin: 0 0 1em; }

.kicker { display: block; margin-bottom: 0.6rem; font-family: var(--marker); color: var(--red); font-size: clamp(1.1rem, 1.6vw, 1.45rem); }
.lede { font-size: clamp(1.1rem, 1.35vw, 1.3rem); line-height: 1.6; max-width: 40rem; }
.measure { max-width: 40rem; }

/* a ruled marker line between parts of the board */
.rule {
  height: 0.5rem;
  margin: clamp(2.5rem, 5vw, 4.5rem) 0;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5C60 3 120 6 200 4S330 3 398 5' fill='none' stroke='%230a0a1f' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  opacity: 0.8;
}

/* photographs held on with a magnet */
.print {
  position: relative;
  margin: 0;
  padding: 0.5rem;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22);
}
.print img { width: 100%; }
.print--l { transform: rotate(-1.4deg); }
.print--r { transform: rotate(1.2deg); }
.print--s { transform: rotate(0.4deg); }
.note { margin-top: 0.9rem; font-family: var(--marker); color: var(--ink); font-size: 1.05rem; line-height: 1.35; }

/* a status line written in a box */
.status {
  display: inline-block;
  margin: 0.4rem 0 1rem;
  padding: 0.6rem 1rem;
  border: 3px solid var(--red);
  border-radius: 6px 10px 7px 12px;
}
.status strong { font-family: var(--marker); font-weight: 400; color: var(--red); font-size: 1.2rem; margin-right: 0.35rem; }

.go { font-weight: 700; }

/* --------------------------------------------------------------------------- home */

.top { display: grid; gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.boss { display: block; }
.boss b { color: var(--red); font-weight: 400; font-size: 1.12em; }
.top .lede { margin-top: 1.3rem; }

.perm { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.perm h2 { font-size: clamp(2.1rem, 4.6vw, 4.4rem); margin-bottom: 1rem; }
.perm h2 span { color: var(--red); }
.drill { width: 100%; max-width: 34rem; justify-self: center; }

.great__head { margin-bottom: clamp(1rem, 2vw, 2rem); }
.great__head em { font-style: normal; color: var(--red); }
.great { list-style: none; margin: 0; padding: 0; }
.great li {
  display: grid;
  grid-template-columns: clamp(3.2rem, 6vw, 5.5rem) 1fr;
  gap: 0 clamp(0.8rem, 2vw, 2rem);
  align-items: baseline;
  padding: 0.7rem 0;
}
.great li + li { border-top: 2px dashed rgba(10, 10, 31, 0.18); }
.great__l { font-family: var(--marker); color: var(--red); font-size: clamp(3rem, 6vw, 5.2rem); line-height: 0.9; }
.great__w { display: block; font-family: var(--marker); color: var(--ink); font-size: clamp(1.4rem, 2.4vw, 2.1rem); line-height: 1.15; }
.great__t { display: block; max-width: 44rem; margin-top: 0.2rem; }
.great__t strong { color: var(--red); }

.pins { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.2rem, 3vw, 3rem); margin: 2.4rem 0 0.5rem; }
.pins .print { max-width: 21.5rem; }
.pins .pin:nth-child(2) .print { transform: rotate(1.6deg) translateY(0.6rem); }
.pins .pin:nth-child(3) .print { transform: rotate(-0.8deg); }
.pins .pin:nth-child(4) .print { transform: rotate(1deg) translateY(-0.4rem); }

.clin__text { display: grid; gap: 0 clamp(2rem, 5vw, 5rem); align-items: end; }

.squad { list-style: none; margin: 1.6rem 0 1.2rem; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 1.2rem; }
.squad .print { max-width: 11rem; }
.squad li:nth-child(odd) .print { transform: rotate(-1.5deg); }
.squad li:nth-child(even) .print { transform: rotate(1.3deg); }
.squad span { display: block; margin-top: 0.7rem; font-family: var(--marker); color: var(--ink); font-size: 1.15rem; line-height: 1.2; }

/* -------------------------------------------------------------------------- inner pages */

.page-head { max-width: 52rem; margin-bottom: clamp(1.8rem, 3.5vw, 3rem); }
.page-head .lede { margin-top: 1rem; }

.progs { display: grid; gap: 1.4rem; margin-bottom: 1rem; }
.prog { padding: 1.1rem 1.3rem 0.4rem; border: 3px solid var(--ink); border-radius: 10px 6px 12px 5px; }
.prog h2 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); margin-bottom: 0.5rem; }

.past { list-style: none; margin: 1.2rem 0 0; padding: 0; max-width: 54rem; }
.past li { display: grid; gap: 0.2rem 1.6rem; padding: 1rem 0; border-top: 2px solid rgba(10, 10, 31, 0.16); }
.past li:last-child { border-bottom: 2px solid rgba(10, 10, 31, 0.16); }
.past__when { font-family: var(--marker); color: var(--red); font-size: 1.3rem; line-height: 1.2; }
.past__where { display: block; font-weight: 700; color: var(--ink); }
.past p { margin: 0; }

.duo { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }

.coach { display: grid; gap: 1.2rem clamp(1.2rem, 3vw, 2.6rem); align-items: start; }
.coach + .coach { margin-top: clamp(2.5rem, 5vw, 4.5rem); }
.coach .print { max-width: 15rem; }
.coach:nth-child(odd) .print { transform: rotate(-1.4deg); }
.coach:nth-child(even) .print { transform: rotate(1.2deg); }
.pin { min-width: 0; }
.coach h2 { margin-bottom: 0.7rem; }
.coach p { max-width: 42rem; }
.coach__hof { display: inline-block; margin-bottom: 0.8rem; padding: 0.15rem 0.6rem; font-family: var(--marker); color: var(--red); border: 2px solid var(--red); border-radius: 5px 8px 4px 9px; }

.vision { list-style: none; margin: 0; padding: 0; max-width: 46rem; }
.vision li { position: relative; padding: 0.35rem 0 0.35rem 2.2rem; }
.vision li::before { content: '✓'; position: absolute; left: 0.2rem; top: 0.1rem; font-family: var(--marker); color: var(--red); font-size: 1.5rem; line-height: 1.2; }

.quote { max-width: 44rem; margin: 0; font-size: clamp(1.1rem, 1.4vw, 1.3rem); }

.mail-big { display: inline-block; margin: 0.4rem 0 1.4rem; font-family: var(--sans); font-weight: 800; font-size: clamp(1.1rem, 4.6vw, 2.6rem); line-height: 1.2; overflow-wrap: anywhere; }

.give { list-style: none; margin: 1rem 0 1.4rem; padding: 0; max-width: 44rem; counter-reset: g; }
.give li { counter-increment: g; position: relative; padding: 0.55rem 0 0.55rem 3rem; }
.give li::before { content: counter(g); position: absolute; left: 0; top: 0.35rem; width: 2.1rem; height: 2.1rem; border: 3px solid var(--red); border-radius: 50%; display: grid; place-items: center; font-family: var(--marker); color: var(--red); font-size: 1.1rem; line-height: 1; }

/* --------------------------------------------------------------------------- widths */

@media (min-width: 40em) {
  .pins { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .squad { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .past li { grid-template-columns: 12rem 1fr; }
  .coach { grid-template-columns: minmax(9rem, 15rem) 1fr; }
}

@media (min-width: 60em) {
  .top { grid-template-columns: 1.1fr 0.9fr; }
  .perm { grid-template-columns: 1fr 1fr; }
  .clin__text { grid-template-columns: 1.2fr 0.8fr; }
  .progs { grid-template-columns: 1fr 1fr; }
  .duo { grid-template-columns: 1.2fr 0.8fr; }
  .great-wrap { display: grid; grid-template-columns: minmax(16rem, 0.7fr) 1.3fr; gap: 3rem; align-items: start; }
}

@media (max-width: 39.99em) {
  body { padding: 0.4rem; font-size: 1rem; }
  .strip { padding-top: 1.1rem; }
  .names ul { gap: 0.45rem 0.5rem; }
  .name { font-size: 0.74rem; padding: 0.45rem 0.7rem 0.4rem; }
  .tray { margin-left: calc(-1 * var(--frame) - 0.2rem); margin-right: calc(-1 * var(--frame) - 0.2rem); }
  .tray__ledge { display: none; }
}

@media (min-width: 100em) {
  body { font-size: 1.15rem; }
  .lede { font-size: 1.36rem; }
  .name { font-size: 0.86rem; }
}

@media (prefers-reduced-motion: reduce) {
  .name { transition: none; }
}
/* Blurred 24px copies of each photograph, painted behind the <img> until it loads.
   Generated by tools/lqip.py; re-running replaces this file. */
.ph { background-size: cover; background-position: center; background-repeat: no-repeat; }
.ph-boss-2020-clinic { background-color: #a2a0a7; background-image: url("data:image/webp;base64,UklGRswAAABXRUJQVlA4IMAAAACQBQCdASoYABIAPrVKoEonJCMhqA1Q4BaJYwCdMgqz+AexR/VDP16QeiMMdONEB0wYRq0sEAD+1erz7MBhqzBWbX6hC8V9pqbry9b/eC4AfC5+roPHq6CTclegOoodTY2vnlFv59sGlILjfQTjTkezniz/banQx6UqBBytLTFYv4Z2BWWnq/sxEObPLlSESSooKkr5PZgTyPYeNvdaicTP9qQQxYgQrd/1sN2AwT9Ou6M38BvyWJ5a9x7PKnawAAA="); }
.ph-boss-clinic-ball-handling { background-color: #9c8e86; background-image: url("data:image/webp;base64,UklGRtQAAABXRUJQVlA4IMgAAABQBQCdASoYABUAPrVSoEynJKMiKAqo4BaJQBYj2oAuBBp49122khAtD6/eazy6OmUyQAAAyvFIykC1N4nuunqKja/+BSpJcvkeRwlhZRvq1REo9yrzL4WMzb2JZZXkWtCbkGoILKk28nA0XPPcaaYbPIm3dfRPF4IFZkIaiI7gHQKhf1+T4QoBsaC2M/2UOll0acyZoxxRd6okK1YOfdOFvx012c//IFK8jjJ44guRw8CAjEI9UB2bvlqkKldB5Q9YJBjlKFgAAA=="); }
.ph-boss-clinic-circle { background-color: #9f9793; background-image: url("data:image/webp;base64,UklGRvoAAABXRUJQVlA4IO4AAABwBQCdASoYABUAPrVSok0nJKMiKAgA4BaJQBOmaYgvS3HOu2/FiBR5F/7Bd6MJxg2VhC8AAP7FFjsTDe06dwUAYqr3LXResBLv7ZJRetfQKgcXH3PuSVWxXflecMpbRlJ/vFtfuKR5pBj+jlYOzUuQ4x2iYgTwAbBaYq4KOugoSpblLEposLZojJLNsuYUUH7nMrXF3Sd4S/fKvGQU1iXioco9/uhyrjp+Fy4an05PdOuPZwIZGblG2HZftGDvqheuV9sHl+rZWfJ+9f5IDpk3kndzXq46Bsx3wg06uiB5Nd4nJ8Y+e+qZkGJoImAA"); }
.ph-boss-clinic-shooting { background-color: #6d6d70; background-image: url("data:image/webp;base64,UklGRuwAAABXRUJQVlA4IOAAAACwBQCdASoYABUAPrVKoEqnJCMhqA1Q4BaJZACdIAk6AAOLpv6R4eNAGkPE3ReeOb4mRxyVVgAA/mbdq1HLAt8n7bk0qfUR3Wn3YywHOc7cvk2t68ffEI2jlfdOVXuXalpPZSLvh6R3eDtAUi13O4racAB2yNJZqo6xuaugDW+RE7AVBFCh9Jmbm0OAQQdpblfPNH4pe3zR/HY796nX//xjwCqrhyWiTUFzGmX3tiWII4WwsUk44JFCVcisQEw0qik9uQPqgkgcV4fVE54mY5A+LQBdYxAQnaf+lbj+9G/gAA=="); }
.ph-boss-clinic-stance { background-color: #998074; background-image: url("data:image/webp;base64,UklGRgwBAABXRUJQVlA4IAABAADwBQCdASoYABUAPrVUo00nJKMiKAgA4BaJZgCdMySzTcBLAACVv8qfqM0VwAV/aueiQC+F2GS5gAD2vxV//fIf63zcCVom1XfWfjGLg2VVjbx55b3T2jQHcSff8n501nSQwZaDr3iQiw7JqgbT3Fk8sHQ6TcNkWG0Rn3dKcrnwIZbi+ppJtjwpu1/hqWlTHqFeJOJ8Q4dDCRXvTVhRY9YxDpPLUL44wewXYm1kAco66eFCU+6dPDZRI57+unqiQpy1FaBNMJJHXUfxIy5hfAnelVwCWchL8iPW/pH1wQSgNxwNQLw7iPxyzzboz036pN6R2TZtQq11FouJSXRMAAAA"); }
.ph-boss-coach-kristi-carver-kenney { background-color: #5d5858; background-image: url("data:image/webp;base64,UklGRroAAABXRUJQVlA4IK4AAACQBQCdASoYABoAPrVIm0onJCIhsBgMAOAWiWkAzfwQ5mCy80K+2J3JnbuhrP/Lp91o594YAAD+7qBmT9Cn9Mrhf3A5/Vy02DnFf1Zv1plRsZgG/Y2/cOCsPm762xFQ7mbm7eN5A4lD+i/HphzHMmBANMCHxtqIaDGWw9N1YndvbH45Fhci51dXa19ELHdzTQs8p20c0Ldr6nzqNZ98sbVxb5kuqFH3Xbhg/o4AAAA="); }
.ph-boss-coach-matt-smith { background-color: #756c6c; background-image: url("data:image/webp;base64,UklGRowAAABXRUJQVlA4IIAAAADwBACdASoYABkAPrVQn0ynJKKiKAqo4BaJZwAALHXxAN5W2rdhOcaMFDc+xjp3V4AA2a/fffd8yP4aanJ9+QFKyxNU+MNXfSh2UzWLWJ/Ks+hUO5OomI3gLjHLCVrvoH+e1Rx5mDXRd391Nd7b/wM8lRXLYciiXvhJ1LRHoAAAAA=="); }
.ph-boss-coach-sandi-carver { background-color: #5a5756; background-image: url("data:image/webp;base64,UklGRp4AAABXRUJQVlA4IJIAAABQBQCdASoYABgAPrVSoEwnJKMiKAqo4BaJaQAALc/llbeqaT1gcniW1E2/MG+A8ywb7IAA/uMTmUdHnLMNn03m+r0ihorqI6Y395w3tfxhDgzVZlawRgHHjlgWjwcZyB5EXXd9wpbQNRvXP8dyeE13CoaxDjhLuGDB4Uici8eaJsjwrcZ0PlZpbTcdJ1MCFwAAAA=="); }
.ph-boss-coach-tricia-carver { background-color: #635e5d; background-image: url("data:image/webp;base64,UklGRpgAAABXRUJQVlA4IIwAAAAwBQCdASoYABgAPrVKoEonJCMhqA1Q4BaJaQDM0BEcZpYBTJNn2SUYWpHuZHqhzsfsAAD+4v95U0y8/NAxecxGyJmxVpMS9GPm0wmXSAQhXZ24rLaIA4tJWZSi1CY5SH4v0YN1ngFpn4RDhFEs8LHr7JdTB0+MCfMa8Bn3Crhgkt46zrBbCAkPHMwAAA=="); }
.ph-boss-three-players { background-color: #8d6e68; background-image: url("data:image/webp;base64,UklGRjIBAABXRUJQVlA4ICYBAAAwBgCdASoYABsAPrVIoUunI6MhsBgIAOAWiWwAnTLsRCrVOsWUl8dAmSTQ3n2Ap6VY+BymFruEiG1AAP7h7Jcf6ZhnzVtI2Hm6VN68fI1SsdFowPRfKkXMYcWNFoVA9a2yBULiWEyrn2VONEged9zbOc1wp/fyx4Unxj6HW1p6Pt8vF9SqSaxH2/jGmLtqxEJvvwJvU74dIorzkXmBHPVV7xdZ7/4v5qy4DzHSIOxTh9rkMsQrhx9srW1V7S73ITjRG5Dcs24kh84L9prEe0Feh0YM7xZrr7CjH0ayHuu/0D3xCGtEuQrzMBx8xwAmwS2+InzQRhbFlwL3VUF6opeKKZfOw7hTHf5RYVyaBgCtltPxpIfmacZ1xYNcPdn6qATL1uMAAAA="); }