/* Transparent source-derived adaptations for plain solid brand-color portfolio panels.
   Scope is deliberately local; no WordPress globals or corporate color overrides. */
@font-face {
  font-family: "AKIC Wordmark Space"; font-style: normal; font-weight: 700;
  src: url("./fonts/space-grotesk-latin-700-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "AKIC Wordmark Mono"; font-style: normal; font-weight: 400;
  src: url("./fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "AKIC Wordmark DM"; font-style: normal; font-weight: 700;
  src: url("./fonts/dm-sans-latin-700-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "AKIC Wordmark Fraunces"; font-style: normal; font-weight: 100 900;
  src: url("./fonts/Fraunces-variable.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 700;
  src: url("./fonts/inter-latin-700-normal.woff2") format("woff2");
  font-display: swap;
}
.brand-wordmark {
  --bw-accent: #fff;
  --bw-ink: #fff;
  display: inline-flex;
  max-width: 100%;
  color: var(--bw-ink);
  background: none;
  border: 0;
  padding: 0;
  font-family: "AKIC Wordmark Space", sans-serif;
  font-size: var(--brand-wordmark-size, clamp(1rem, 3vw, 1.875rem));
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
  text-decoration: none;
  vertical-align: middle;
}
.brand-wordmark[data-brand="online-tech-tips"] { --bw-accent: #ff8a3d; }
.brand-wordmark[data-brand="help-desk-geek"] { --bw-accent: #2ecc40; }
.brand-wordmark[data-brand="switching-to-mac"] { --bw-accent: #d2d2d7; font-family: "AKIC Wordmark DM", sans-serif; }
.brand-wordmark[data-brand="the-back-room-tech"] { --bw-accent: #58a6ff; }
.brand-wordmark[data-brand="xbox-advisor"] { --bw-accent: #9bf00b; font-family: "AKIC Wordmark DM", sans-serif; }
.brand-wordmark[data-brand="tastytech"] { --bw-accent: #e3c86a; --bw-ink: #fdf9f0; }
.brand-wordmark[data-brand="position-tracker"] { letter-spacing: 0; }
.brand-wordmark[data-variant="light"] { --bw-ink: #2d3a41; }
.brand-wordmark[data-brand="online-tech-tips"][data-variant="light"] { --bw-accent: #f36e21; }
.brand-wordmark[data-brand="help-desk-geek"][data-variant="light"] { --bw-accent: #13a638; }
.brand-wordmark[data-brand="switching-to-mac"][data-variant="light"] { --bw-accent: #86868b; }
.brand-wordmark[data-brand="the-back-room-tech"][data-variant="light"] { --bw-accent: #0969da; }
.brand-wordmark[data-brand="xbox-advisor"][data-variant="light"] { --bw-accent: #107c10; }
.brand-wordmark[data-brand="tastytech"][data-variant="light"] { --bw-ink: #211d1a; --bw-accent: #bc3f1f; }
.brand-wordmark[data-variant="white"] { --bw-accent: #fff; --bw-ink: #fff; }
.brand-wordmark .bw__content { display: inline-flex; flex-direction: column; align-items: center; gap: .14em; max-width: 100%; }
.brand-wordmark .bw__line { display: inline-flex; align-items: center; white-space: nowrap; line-height: 1; }
.brand-wordmark .bw__accent { color: var(--bw-accent); padding-inline: .10em; }
.brand-wordmark .bw__backroom { padding-inline: .10em; }
.brand-wordmark .bw__binary {
  color: var(--bw-accent);
  font-family: "AKIC Wordmark Mono", monospace;
  font-size: .5em;
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: 1;
  opacity: .7;
}
.brand-wordmark .bw__binary--left {
  background: linear-gradient(90deg, transparent, var(--bw-accent));
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.brand-wordmark .bw__binary--right {
  background: linear-gradient(90deg, var(--bw-accent), transparent);
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.brand-wordmark .bw__icons { display: inline-flex; align-items: center; justify-content: center; gap: .34em; color: var(--bw-accent); opacity: .8; }
.brand-wordmark .bw__icons svg { display: block; width: .68em; height: .68em; flex: none; }
.brand-wordmark .bw__icons::before,
.brand-wordmark .bw__icons::after { content: "• • •"; font-size: .34em; letter-spacing: .12em; opacity: .6; }
.brand-wordmark .bw__two {
  color: #fff;
  padding-inline: .17em;
  background: linear-gradient(135deg, #f5f5f7, #a1a1a6);
  background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
}
.brand-wordmark[data-variant="white"] .bw__two { background: none; color: #fff; -webkit-text-fill-color: currentColor; }
.brand-wordmark .bw__xbox { display: inline-flex; align-items: center; gap: .7em; }
.brand-wordmark .bw__xbox .bw__line { gap: .4em; letter-spacing: .08em; }
.brand-wordmark .bw__xbox .bw__accent { padding: 0; }
.brand-wordmark .bw__advisor { position: relative; }
.brand-wordmark .bw__advisor::after { content: ""; display: block; height: .11em; margin-top: .17em; background: #107c10; }
.brand-wordmark[data-variant="white"] .bw__advisor::after { background: currentColor; }
.brand-wordmark .bw__xbox-sphere { display: block; flex: none; width: 1.82em; height: 1.82em; object-fit: contain; background: none; }
.brand-wordmark .bw__tasty { display: inline-flex; align-items: center; gap: .42em; }
.brand-wordmark .bw__tasty-mark { display: block; flex: none; width: 1.55em; height: 1.55em; }
.brand-wordmark .bw__tasty-text { font-family: "AKIC Wordmark Fraunces", Georgia, serif; font-weight: 900; font-optical-sizing: auto; font-size: 1.36em; letter-spacing: -.025em; white-space: nowrap; }
.brand-wordmark .bw__tasty-tech { color: var(--bw-accent); }
.brand-wordmark .bw__position { display: block; width: 15em; max-width: 100%; height: auto; object-fit: contain; background: none; }
@media (max-width: 380px) {
  .brand-wordmark { font-size: var(--brand-wordmark-size, 1rem); }
  .brand-wordmark .bw__icons::before,
  .brand-wordmark .bw__icons::after { display: none; }
}
@media (forced-colors: active) {
  .brand-wordmark .bw__binary, .brand-wordmark .bw__two { background: none; -webkit-text-fill-color: currentColor; }
}