/* =====================================================================
   AboutUs26.ascx.css - the Swami Team (KG/Claude 10/17/2026), on AboutUs.aspx in the HomeMaster26 night shell.
   Colors only from cssPalette26.css (--sw-*); translucent black/white for glass, lines and shadows, as cssHome26 and Roadmap26 do.
   A profile opens with plain :target (#bev): hidden until its name is in the address; the feud board hides while one is open.
   ===================================================================== */

.au26 { --au-row-h: 168px; }
.au26 .sr26 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- hero ---------- */
.hm26c .au26-hero h1 { margin: 0 0 14px; font: 700 clamp(44px, 7vw, 76px)/.95 var(--sw-font-cond); text-transform: uppercase; color: var(--sw-surface); }
.hm26c .au26-hero h1 em { font-style: normal; color: var(--sw-gold); }

/* ---------- the mood jewel: Swami's turban jewel, colored by mood ---------- */
.au26-jewel { display: block; }
.au26-jewel-set   { fill: var(--sw-gold); stroke: var(--sw-gold-dark); stroke-width: .8; }
.au26-jewel-stone { fill: var(--au-mood); }
.au26-jewel-facet { fill: color-mix(in srgb, var(--au-mood) 70%, white); opacity: .55; }
.au26-jewel-table { fill: color-mix(in srgb, var(--au-mood) 45%, white); }
.au26-jewel-shine { fill: var(--sw-surface); opacity: .7; }
.is-high { --au-mood: var(--sw-success); }
.is-mid  { --au-mood: var(--sw-gold-dark); }
.is-low  { --au-mood: var(--sw-danger); }

/* ---------- a portrait: the initial in the member's game color, the jewel on the turban line ---------- */
.au26-face {
  position: relative; display: grid; place-items: center; flex: 0 0 auto;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--sw-theme) 70%, white), var(--sw-theme) 60%, color-mix(in srgb, var(--sw-theme) 60%, var(--sw-night-deep)));
  border: 3px solid color-mix(in srgb, var(--sw-gold) 80%, transparent);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .45);
}
.au26-face .au26-initial { font: 700 1em/1 var(--sw-font-cond); color: var(--sw-surface); text-shadow: 0 2px 6px rgba(0, 0, 0, .4); }
.au26-face .au26-jewel { position: absolute; left: 50%; top: 0; width: 38%; height: 38%; transform: translate(-50%, -48%); filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5)); }
.au26-face .au26-jewel { z-index: 2; }

/* ---------- the portraits (AboutUsFaces26.ascx; Kirk 10/17/2026): drawn shapes, colored here ---------- */
.au26-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.au26-pic { position: absolute; inset: 0; width: 100%; height: 100%; clip-path: circle(50%); z-index: 1; }
.au26p-shirt  { fill: var(--sw-theme-dark); }
.au26p-skin1  { fill: var(--sw-pt-skin-1); }
.au26p-skin2  { fill: var(--sw-pt-skin-2); }
.au26p-skin3  { fill: var(--sw-pt-skin-3); }
.au26p-skin4  { fill: var(--sw-pt-skin-4); }
.au26p-hg     { fill: var(--sw-pt-hair-grey); }
.au26p-hd     { fill: var(--sw-pt-hair-dark); }
.au26p-hb     { fill: var(--sw-pt-hair-brown); }
.au26p-ha     { fill: var(--sw-pt-hair-auburn); }
.au26p-brown  { fill: var(--sw-pt-hair-brown); }
.au26p-ink    { fill: var(--sw-pt-ink); }
.au26p-ink-s  { fill: none; stroke: var(--sw-pt-ink); }
.au26p-glass  { fill: rgba(255, 255, 255, .22); }
.au26p-white  { fill: var(--sw-surface); }
.au26p-gold   { fill: var(--sw-gold); }
.au26p-gold-dark { fill: var(--sw-gold-dark); }
.au26p-gold-s { stroke: var(--sw-gold-dark); }
.au26p-red    { fill: var(--sw-red); }
.au26p-red-deep { fill: var(--sw-red-deep); }
.au26p-navy   { fill: var(--sw-navy); }
.au26p-night  { fill: var(--sw-night-deep); }
.au26p-shade  { fill: var(--sw-pt-shade); }
.au26p-gum    { fill: var(--sw-pt-gum); }
.au26p-blush  { fill: color-mix(in srgb, var(--sw-red) 28%, transparent); }
.au26p-stubble { fill: color-mix(in srgb, var(--sw-pt-hair-dark) 22%, transparent); }

.au26-face--sm { width: 44px; height: 44px; font-size: 22px; }
.au26-face--md { width: 64px; height: 64px; font-size: 32px; }
.au26-face--lg { width: 120px; height: 120px; font-size: 64px; border-width: 4px; }

/* ---------- the household row: stays in view while a profile is read ---------- */
.au26-stage { margin: 48px 0 0; }
.au26-row {
  position: sticky; top: 0; z-index: var(--sw-z-sticky);
  margin: 0 -12px; padding: 10px 12px 12px;
  background: color-mix(in srgb, var(--sw-night-deep) 88%, transparent);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0 0 14px 14px;
}
.au26-row-label { margin: 0 0 8px; font: 700 15px/1 var(--sw-font-cond); letter-spacing: .08em; text-transform: uppercase; color: var(--sw-gold); }
.au26-row-label span { color: var(--sw-on-night-faint); letter-spacing: .04em; }
.au26-row ul { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.au26-row li { margin: 0; }
.hm26c a.au26-pick {
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 4px 8px;
  border-radius: 12px; border: 1px solid transparent; text-decoration: none; text-align: center;
  transition: background var(--sw-dur-hover), border-color var(--sw-dur-hover);
}
.hm26c a.au26-pick:hover, .hm26c a.au26-pick:focus-visible { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .18); outline: none; }
.hm26c a.au26-pick[aria-current] { background: color-mix(in srgb, var(--sw-gold) 16%, transparent); border-color: var(--sw-gold); }
.au26-pick b { font: 700 19px/1 var(--sw-font-cond); letter-spacing: .02em; color: var(--sw-surface); }
.au26-pick-mood { font-size: 12.5px; line-height: 1.2; color: color-mix(in srgb, var(--au-mood) 55%, white); }

/* ---------- a profile: hidden until its name is in the address ---------- */
.au26-profile { display: none; position: relative; margin: 18px 0 0; padding: 26px 24px 22px; scroll-margin-top: calc(var(--au-row-h) + 8px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--sw-theme) 22%, var(--sw-night)), color-mix(in srgb, var(--sw-night) 92%, white));
  border: 1px solid rgba(255, 255, 255, .14); border-radius: 18px; box-shadow: 0 18px 40px rgba(0, 0, 0, .4); }
.au26-profile:target { display: block; }
.au26-stage:has(.au26-profile:target) .au26-feuds { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .au26-profile:target { animation: au26-arrive var(--sw-dur-arrive) var(--sw-ease-arrive); }
  @keyframes au26-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  .au26-pick:hover .au26-jewel { animation: au26-glint 1.2s ease-in-out; }
  @keyframes au26-glint { 50% { transform: translate(-50%, -60%) rotate(8deg); } }
}
.hm26c a.au26-close { position: absolute; top: 14px; right: 16px; padding: 6px 12px; border-radius: var(--sw-radius-pill); border: 1px solid rgba(255, 255, 255, .25);
  font-size: 14px; font-weight: 700; text-decoration: none; color: var(--sw-on-night-soft); }
.hm26c a.au26-close:hover, .hm26c a.au26-close:focus-visible { color: var(--sw-surface); border-color: var(--sw-gold); }

.au26-phead { display: grid; grid-template-columns: auto 1fr; gap: 10px 22px; align-items: center; padding-right: 80px; }
.au26-phead .au26-face--lg { margin-top: 22px; }
.au26-pname .hm26-kicker { margin-bottom: 6px; }
.hm26c .au26-pname h3.hm26-h2 { margin: 0; font: 700 clamp(40px, 5vw, 58px)/1 var(--sw-font-cond); text-transform: uppercase; letter-spacing: .01em; color: var(--sw-surface); }
.au26-pname h3 small { font: 400 15px/1 var(--sw-font-sans); text-transform: none; letter-spacing: 0; color: var(--sw-on-night-faint); }
.au26-nick { margin: 4px 0 0; font: 600 18px/1.2 var(--sw-font-cond); letter-spacing: .03em; color: var(--sw-gold); }
.au26-role { margin: 8px 0 0; max-width: 44em; font-size: 16px; line-height: 1.5; color: var(--sw-on-night-soft); }
.au26-quote { grid-column: 1 / -1; margin: 14px 0 0; padding: 14px 18px; border-left: 4px solid var(--sw-gold); background: rgba(255, 255, 255, .05); border-radius: 0 12px 12px 0; }
.hm26c .au26-quote p { margin: 0; font: 600 clamp(20px, 2.4vw, 26px)/1.25 var(--sw-font-cond); letter-spacing: .01em; color: var(--sw-surface); }
.au26-quote footer { margin-top: 6px; font-size: 13px; color: var(--sw-on-night-faint); }

/* the needs strip */
.au26-needs { display: grid; grid-template-columns: auto auto 1fr; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.au26-needs li { margin: 0; padding: 12px 16px; border-radius: 12px; background: rgba(0, 0, 0, .22); border: 1px solid rgba(255, 255, 255, .1); color: var(--sw-on-night-soft); font-size: 15px; line-height: 1.45; }
.au26-needs li > span:first-child { display: block; margin-bottom: 4px; font: 700 12px/1 var(--sw-font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--sw-on-night-faint); }
.au26-needs b { font: 700 24px/1 var(--sw-font-cond); color: var(--sw-surface); }
.au26-needs b.is-high, .au26-needs b.is-mid, .au26-needs b.is-low { color: color-mix(in srgb, var(--au-mood) 55%, white); text-transform: capitalize; }
.au26-pips { display: flex; gap: 3px; margin-top: 8px; }
.au26-pips i { width: 12px; height: 8px; border-radius: 2px; background: rgba(255, 255, 255, .14); }
.au26-pips i.is-on { background: var(--au-mood); box-shadow: 0 0 6px color-mix(in srgb, var(--au-mood) 60%, transparent); }

/* the boxes */
.au26-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 14px 0 0; }
.au26-box { padding: 16px 18px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); }
.hm26c .au26-box h4 { margin: 0 0 8px; font: 700 20px/1.1 var(--sw-font-cond); letter-spacing: .02em; text-transform: uppercase; color: var(--sw-surface); }
.au26-box.is-gripes { border-color: color-mix(in srgb, var(--sw-red) 55%, transparent); background: color-mix(in srgb, var(--sw-red) 12%, transparent); }
.au26-box.is-gripes h4 { color: color-mix(in srgb, var(--sw-red) 40%, white); }
.au26-box.is-friends { border-color: color-mix(in srgb, var(--sw-success) 50%, transparent); }
.au26-box.is-friends h4 { color: color-mix(in srgb, var(--sw-success) 45%, white); }
.au26-box.is-wants h4 { color: var(--sw-gold); }
.au26-list { margin: 0; padding: 0 0 0 18px; color: var(--sw-on-night-soft); font-size: 15px; line-height: 1.5; }
.au26-list li + li { margin-top: 6px; }
.au26-list b { color: var(--sw-surface); }
.au26-list a, .au26-mentor a, .au26-feud-lines a { color: var(--sw-gold); font-weight: 700; }
.au26-jokes li::marker { content: "\201C  "; color: var(--sw-gold); }
.au26-quotes { list-style: none; padding-left: 0; }
.au26-quotes li { padding-left: 12px; border-left: 2px solid rgba(255, 255, 255, .2); font-style: italic; }
.au26-wl { list-style: none; padding-left: 0; }
.au26-wl li { position: relative; padding-left: 24px; }
.au26-wl li::before { position: absolute; left: 0; top: 0; font-weight: 700; }
.au26-wl li.is-win::before { content: "\2713"; color: color-mix(in srgb, var(--sw-success) 50%, white); }
.au26-wl li.is-loss::before { content: "\2717"; color: color-mix(in srgb, var(--sw-red) 45%, white); }
.au26-none { margin: 0; font-size: 15px; font-style: italic; color: var(--sw-on-night-faint); }
.au26-sub { margin: 12px 0 4px; font: 700 12px/1 var(--sw-font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--sw-on-night-faint); }
.au26-mentor { margin: 4px 0 0; font-size: 15px; line-height: 1.5; color: var(--sw-on-night-soft); }

/* the folded half: the story, the career and the rules */
.au26-more { margin: 14px 0 0; }
.au26-more > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: var(--sw-radius-pill); cursor: pointer;
  border: 1px solid rgba(255, 255, 255, .3); font-size: 15px; font-weight: 700; color: var(--sw-on-night); list-style: none; }
.au26-more > summary::-webkit-details-marker { display: none; }
.au26-more > summary::before { content: "+"; font-size: 20px; line-height: 1; color: var(--sw-gold); }
.au26-more[open] > summary::before { content: "\2212"; }
.au26-more > summary:hover, .au26-more > summary:focus-visible { border-color: var(--sw-gold); outline: none; }

/* ---------- the feud board ---------- */
.au26-feuds { margin-top: 36px; }
.au26-h3 { margin: 34px 0 14px; font: 700 26px/1 var(--sw-font-cond); text-transform: uppercase; letter-spacing: .02em; color: var(--sw-surface); }
.au26-feudlist { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.au26-feud { --au-rel: var(--sw-red); margin: 0; padding: 18px 18px 16px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid color-mix(in srgb, var(--au-rel) 45%, transparent); }
.au26-feud.is-friendly { --au-rel: var(--sw-gold-dark); }
.au26-feud.is-grudge   { --au-rel: var(--sw-red-deep); }
.au26-feud.is-friends  { --au-rel: var(--sw-success); }
.au26-feud-faces { display: flex; align-items: center; gap: 12px; }
.hm26c a.au26-feud-face { display: flex; align-items: center; gap: 8px; padding-top: 8px; text-decoration: none; transition: transform var(--sw-dur-slide) var(--sw-ease-arrive); }
.au26-feud-face b { font: 700 20px/1 var(--sw-font-cond); color: var(--sw-surface); }
.au26-vs { font: 700 15px/1 var(--sw-font-cond); text-transform: uppercase; color: color-mix(in srgb, var(--au-rel) 50%, white); }
.au26-feud-kind { margin: 10px 0 6px; font: 700 12px/1 var(--sw-font-sans); letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--au-rel) 45%, white); }
/* the relationship meter: red down at the bottom for rivals, amber half way, green full for friends */
.au26-meter { display: block; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.au26-meter i { display: block; height: 100%; width: 18%; border-radius: 4px; background: var(--au-rel); }
.is-friendly .au26-meter i { width: 50%; }
.is-grudge .au26-meter i   { width: 8%; }
.is-friends .au26-meter i  { width: 92%; }
.au26-feud-lines { margin: 10px 0 0; padding: 0; list-style: none; font-size: 15px; line-height: 1.5; color: var(--sw-on-night-soft); }
.au26-feud-lines li + li { margin-top: 6px; }
.au26-feud-lines b { color: var(--sw-surface); }
/* Hugh's flair: rivals lean away from each other, friends lean in */
@media (prefers-reduced-motion: no-preference) {
  .is-rival:hover .au26-feud-face:first-child, .is-friendly:hover .au26-feud-face:first-child { transform: translateX(-4px) rotate(-4deg); }
  .is-rival:hover .au26-feud-face:last-child,  .is-friendly:hover .au26-feud-face:last-child  { transform: translateX(4px) rotate(4deg); }
  .is-friends:hover .au26-feud-face:first-child { transform: translateX(4px) rotate(4deg); }
  .is-friends:hover .au26-feud-face:last-child  { transform: translateX(-4px) rotate(-4deg); }
}

/* ---------- phones: the row scrolls sideways inside itself, never the page ---------- */
@media (max-width: 760px) {
  .au26 { --au-row-h: 180px; }
  .au26-row ul { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 4px; padding-bottom: 4px; }
  .au26-row li { flex: 0 0 78px; scroll-snap-align: start; }
  .au26-face--md { width: 52px; height: 52px; font-size: 26px; }
  .au26-profile { padding: 22px 16px 18px; }
  .au26-phead { grid-template-columns: 1fr; padding-right: 0; }
  .au26-phead .au26-face--lg { width: 88px; height: 88px; font-size: 46px; margin-top: 14px; }
  .au26-needs { grid-template-columns: 1fr 1fr; }
  .au26-needs li.is-wide { grid-column: 1 / -1; }
}

/* ---------- The Swami's card (Kirk 10/17/2026: "large, gaudy ... grandiose"): gold foil, turning rays, twinkling stars, eleven pips out of ten ---------- */
.au26-swami {
  position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 10px 28px; align-items: center;
  margin: 56px 0 0; padding: 34px 34px 30px; overflow: hidden; isolation: isolate;
  border-radius: 26px;
  border: 6px double var(--sw-gold);
  background: radial-gradient(circle at 25% 40%, color-mix(in srgb, var(--sw-red) 55%, var(--sw-night)), var(--sw-red-deep) 45%, var(--sw-night-deep) 100%);
  box-shadow: 0 0 0 3px var(--sw-gold-dark), 0 0 0 7px color-mix(in srgb, var(--sw-gold) 35%, transparent), 0 0 60px color-mix(in srgb, var(--sw-gold) 45%, transparent), 0 26px 50px rgba(0, 0, 0, .55);
}
.au26-swami-rays {
  position: absolute; z-index: -1; left: 25%; top: 45%; width: 1400px; height: 1400px; margin: -700px 0 0 -700px; border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--sw-gold) 26%, transparent) 0deg 7deg, transparent 7deg 18deg);
  -webkit-mask: radial-gradient(circle, var(--sw-night) 0, var(--sw-night) 18%, transparent 55%); mask: radial-gradient(circle, var(--sw-night) 0, var(--sw-night) 18%, transparent 55%);
}
.au26-swami-spark { position: absolute; z-index: 1; color: var(--sw-lemon); text-shadow: 0 0 10px var(--sw-gold); font-size: 26px; line-height: 1; }
.au26-swami-spark.is-a { top: 18px; left: 36%; } .au26-swami-spark.is-b { top: 56%; left: 6%; font-size: 18px; }
.au26-swami-spark.is-c { top: 22px; right: 26px; font-size: 20px; } .au26-swami-spark.is-d { bottom: 24px; left: 40%; font-size: 16px; }
.au26-swami-art { position: relative; text-align: center; }
.au26-swami-art img { display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; filter: drop-shadow(0 0 24px color-mix(in srgb, var(--sw-gold) 60%, transparent)) drop-shadow(0 18px 24px rgba(0, 0, 0, .6)); }
.au26-swami-kicker { margin: 0 0 6px; font: 700 15px/1 var(--sw-font-cond); letter-spacing: .22em; text-transform: uppercase; color: var(--sw-lemon); }
.hm26c .au26-swami h2 {
  margin: 0; font: 700 clamp(56px, 8vw, 104px)/.9 var(--sw-font-cond); text-transform: uppercase; letter-spacing: .02em;
  color: var(--sw-gold);
  background: linear-gradient(180deg, var(--sw-lemon) 0%, var(--sw-gold) 45%, var(--sw-gold-dark) 55%, var(--sw-gold) 80%, var(--sw-lemon) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 3px 0 var(--sw-red-deep)) drop-shadow(0 0 18px color-mix(in srgb, var(--sw-gold) 50%, transparent));
}
.au26-swami-titles { margin: 10px 0 0; font: 600 italic 16px/1.45 var(--sw-font-sans); color: color-mix(in srgb, var(--sw-gold) 60%, white); }
.au26-swami-quote { margin: 16px 0 0; padding: 14px 18px; border: 2px solid var(--sw-gold); border-radius: 14px; background: color-mix(in srgb, var(--sw-night-deep) 55%, transparent); }
.hm26c .au26-swami-quote p { margin: 0; font: 700 clamp(22px, 2.6vw, 30px)/1.2 var(--sw-font-cond); color: var(--sw-surface); }
.au26-swami-stats { display: grid; grid-template-columns: auto auto 1fr; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.au26-swami-stats li { margin: 0; padding: 10px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--sw-gold) 55%, transparent); background: color-mix(in srgb, var(--sw-night-deep) 50%, transparent);
  color: var(--sw-on-night-soft); font-size: 15px; line-height: 1.4; }
.au26-swami-stats li > span:first-child { display: block; margin-bottom: 4px; font: 700 12px/1 var(--sw-font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--sw-gold); }
.au26-swami-stats b { font: 700 24px/1 var(--sw-font-cond); color: var(--sw-lemon); }
.au26-pips.is-swami { --au-mood: var(--sw-gold); }
.au26-pips i.is-extra { background: var(--sw-lemon); box-shadow: 0 0 10px var(--sw-lemon); transform: translateY(-4px) rotate(-12deg); }
.au26-swami-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 12px 0 0; }
.au26-swami-grid > div { padding: 12px 14px; border-radius: 12px; background: rgba(255, 255, 255, .06); border: 1px solid color-mix(in srgb, var(--sw-gold) 35%, transparent); }
.hm26c .au26-swami-grid h3 { margin: 0 0 4px; font: 700 18px/1.1 var(--sw-font-cond); letter-spacing: .04em; text-transform: uppercase; color: var(--sw-gold); }
.hm26c .au26-swami-grid p { margin: 0; font-size: 14.5px; line-height: 1.45; color: var(--sw-on-night-soft); }
.au26-swami-sign { grid-column: 1 / -1; margin: 16px 0 0; text-align: right; font: 700 italic 22px/1 var(--sw-font-cond); letter-spacing: .04em; color: var(--sw-gold); }
@media (prefers-reduced-motion: no-preference) {
  .au26-swami-rays { animation: au26-rays 60s linear infinite; }
  @keyframes au26-rays { to { transform: rotate(360deg); } }
  .au26-swami-spark { animation: au26-twinkle 2.6s ease-in-out infinite; }
  .au26-swami-spark.is-b { animation-delay: .7s; } .au26-swami-spark.is-c { animation-delay: 1.3s; } .au26-swami-spark.is-d { animation-delay: 1.9s; }
  @keyframes au26-twinkle { 0%, 100% { opacity: .25; transform: scale(.7) rotate(0deg); } 50% { opacity: 1; transform: scale(1.15) rotate(30deg); } }
  .au26-swami-art img { animation: au26-float 5s ease-in-out infinite; }
  @keyframes au26-float { 50% { transform: translateY(-8px); } }
}
@media (max-width: 760px) {
  .au26-swami { grid-template-columns: 1fr; padding: 22px 16px 20px; }
  .au26-swami-art img { max-width: 280px; }
  .au26-swami-stats { grid-template-columns: 1fr 1fr; }
  .au26-swami-stats li:last-child { grid-column: 1 / -1; }
}
.au26-swami-note { display: block; margin-top: 6px; font-size: 12px; font-style: italic; color: color-mix(in srgb, var(--sw-gold) 55%, white); }
/* KG/Claude 10/17/2026 Hugh's final pass: the jump to the faces, pay on one line, one mascot on a phone, a bow on hover */
.hm26c a.au26-jump { color: var(--sw-gold); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.au26-needs li b + *, .au26-needs li:nth-child(2) { white-space: nowrap; }
.au26-stage { scroll-margin-top: 8px; }
@media (max-width: 760px) { .au26-hero .hm26-hero-art { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  .au26-pick .au26-face { transition: transform var(--sw-dur-hover); }
  .hm26c a.au26-pick:hover .au26-face { transform: translateY(-3px) scale(1.04); }
  .hm26c a.au26-pick:hover .au26-pick-mood { text-shadow: 0 0 8px var(--au-mood); }
}

/* KG/Claude 10/17/2026 Kirk: realistic portraits (Images/Site/team-<name>.jpg) fill the round face; the jewel stays on top */
.au26-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; z-index: 1; }