/* Fixed Switzer 250 outlines for Latin letters at every requested UI weight.
   Other glyphs retain the existing font stack and their original CSS weights.
   A full descriptor range prevents synthetic bold on the fixed thin outlines. */
@font-face {
  font-family: YuEnglish250;
  src: url("fonts/Switzer-Latin-250.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0041-005A, U+0061-007A, U+00C0-00D6, U+00D8-00F6, U+00F8-024F, U+1E00-1EFF;
}
/* Portfolio UI brand. Project imagery and supplied directory artwork retain their colors. */
.yu-site {
  --font-ui: YuEnglish250, YuSans, "PingFang TC", "Microsoft JhengHei", sans-serif;
  --brand: #e5533b;
  --brand-ink: #171717;
  --brand-on-light: #b93725;
  --pink: var(--brand);
  font-family: var(--font-ui);
  accent-color: var(--brand);
}
.yu-site :is(button, input, select, textarea, summary) { font-family: var(--font-ui); }
.yu-site :is(a, button, input, select, textarea, summary):focus-visible {
  outline-color: var(--brand);
}
.yu-site .site-navigation .nav-resume {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--brand-ink);
}
.yu-site .filter-list button[aria-pressed=true] {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--brand-ink);
}
.yu-site .brand-note { color: var(--brand); }
.yu-site .case-navigation a:hover,
.yu-site .decision-number { color: var(--brand-on-light); }
.yu-site .case-section .evidence-note { border-left-color: var(--brand); }
.yu-site .evidence-label { background: #fae8e2; color: #8e2d1e; }
.yu-site .content-flow li { background: #f7f2ef; border-top-color: var(--brand); }
.yu-site .contact-block .small-note { color: #40211a; }
.yu-site .scrub-controller input { accent-color: var(--brand); }
.yu-site .scrub-stops button[aria-pressed=true] { background: #fae8e2; }
.yu-site .story-satellite > span { background: var(--brand); color: var(--brand-ink); }

.yu-site.chulu-home { --ch-accent: var(--brand); }
.yu-site.chulu-home[data-tone=light] { --ch-accent: var(--brand-on-light); }
.yu-site.chulu-home .brand > span:first-child {
  background: var(--brand);
  color: var(--brand-ink);
}
.yu-site.chulu-home .hero-tone button[aria-pressed=true],
.yu-site.chulu-home[data-tone=light] .hero-tone button[aria-pressed=true] {
  border-color: var(--ch-accent);
  background: #e5533b0d;
  color: var(--ch-accent);
}
.yu-site.chulu-home .hero-scroll-cue span { color: var(--ch-accent); }
.yu-site.chulu-home :is(a, button, summary):focus-visible,
.yu-site.chulu-home[data-tone=light] :is(a, button, summary):focus-visible {
  outline-color: var(--ch-accent);
}
.yu-site.chulu-home .project-film-links a {
  border-color: var(--brand);
  box-shadow: 0 0 32px #e5533b1a;
}
.yu-site.chulu-home .project-film-links a > span { color: var(--brand); }
.yu-site.chulu-home .capability-row[open] {
  background: radial-gradient(ellipse at 0% 40%, #e5533b17, transparent 70%),
    linear-gradient(180deg, #ffffff12, transparent),
    color-mix(in srgb, var(--ch-bg) 92%, var(--ch-text));
}
.yu-site.chulu-home .capability-row[open] .fold-icon { background: #e5533b22; }
.yu-site.chulu-home .particle-fallback {
  background: radial-gradient(circle, #f3c8be .95px, transparent 1.5px) 0 0 / 13px 13px;
}
.yu-site.chulu-home[data-tone=light] .particle-fallback {
  background: radial-gradient(circle, #8e3829 .95px, transparent 1.5px) 0 0 / 13px 13px;
}
.yu-site.chulu-home .portfolio-directory::before {
  background: radial-gradient(ellipse at 20% 40%, #e5533b0b, transparent 55%),
    radial-gradient(ellipse at 82% 20%, #e5533b08, transparent 50%);
}
.yu-site.chulu-home .toc-ticket-link:focus-visible { outline-color: var(--brand); }
.yu-site.chulu-home .toc-pagination button[aria-pressed=true],
.yu-site.chulu-home #more-work .more-work-filters button[aria-pressed=true] {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--brand-ink);
}
.yu-site.chulu-home .profile-badge-visual { color: var(--brand); }
.yu-site.chulu-home .profile-records .experience-record:is(:hover, [open]) {
  border-color: #e5533b80;
}
.yu-site.chulu-home .career-wall-card { border-radius: 8px; }
.yu-site.chulu-home .contact-content .small-note { color: var(--ch-copy); }
.yu-site #selected-heading.selected-archive {
  --billboard-lime: var(--brand);
  --billboard-cyan: var(--brand);
}
/* The selected layout defines its own YuSans type size and weight. */
.yu-site #selected-heading .archive-word { font-family: var(--font-ui); }
@media (max-width: 800px) {
  .yu-site.chulu-home .career-wall-card { border-radius: 6px; }
}

.yu-site.chulu-home #more-work .more-work-filters[data-more-motion=ready] button[aria-pressed=true]{background:transparent;border-color:transparent;color:var(--ch-text)}
.yu-site.chulu-home #more-work .more-work-filters[data-more-motion=ready] button[data-more-highlight=true]{color:#111}
.yu-site.chulu-home .site-navigation .nav-resume{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.yu-site .scrub-controller input:focus-visible{outline-color:var(--brand)}