/* Shared mannuu design-system override — V0 source shared with the main artist page. */
:root{
  --dahlia-hero-tracking:0.024em;
  --mannuu-dahlia-word:0.012em;
  --mannuu-dahlia-display:0.024em;
  --mannuu-dahlia-hero:0.018em;
  --mannuu-title-weight:500;
  --mannuu-subtitle-weight:400;
  --bg:#0b0618!important;
  --ink:#f7f0ff!important;
  --muted:#b8add0!important;
  --line:rgba(215,196,255,.20)!important;
  --card:#160d28!important;
  --card2:#25113f!important;
  --red:#d74fff!important;
  --cyan:#8d62ff!important;
  --acid:#f08cff!important;
  --paper:#0b0618!important;
  --veil:rgba(11,6,24,.84)!important;
  --shadow:rgba(215,79,255,.22)!important;
  --map:#130820!important;
  --brand-violet:#8d62ff;
  --brand-orchid:#d74fff;
  --brand-pink:#f08cff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:82px}
body{
  margin:0;
  max-width:100%;
  color:var(--ink)!important;
  font-family:Archivo,system-ui,sans-serif!important;
  overflow-x:clip;
  background:
    radial-gradient(circle at 12% -12%,rgba(74,36,128,.16),transparent 32%),
    radial-gradient(circle at 88% 14%,rgba(96,46,148,.10),transparent 36%),
    radial-gradient(circle at 52% 112%,rgba(141,98,255,.18),transparent 44%),
    var(--bg)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  background:url('../higgsfield/texture_2.webp') center/cover;
  opacity:.10!important;
  filter:hue-rotate(42deg) saturate(1.14)!important;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:-2;
}
a{color:inherit;text-decoration:none}.mono,.kicker{font-family:'IBM Plex Mono',monospace!important;text-transform:uppercase;letter-spacing:.13em}.mono{font-size:11px;color:var(--muted)!important}.kicker{font-size:12px;color:var(--muted)!important}
h1,h2,h3,.word,.headline,.logo,.wordmark,.typeLogo,.typeHeadline,.siteMenuPanel a,.menuPanel a{font-family:Dahlia,DahliaCondensed,serif!important;font-weight:400!important;letter-spacing:var(--mannuu-dahlia-display,var(--dahlia-hero-tracking,0.024em))!important;color:var(--ink)}
h1{line-height:.82!important}h2{line-height:.9!important}.hero h1{font-size:clamp(58px,8.2vw,122px)!important;line-height:.86!important;max-width:10.8ch!important}.lead{color:var(--ink)!important}.copy,.intro{color:var(--muted)!important;line-height:1.55!important}
/* Main-page glass navigation applied to all subpages */
.siteNav,.nav{
  position:sticky!important;top:0!important;z-index:80!important;height:64px!important;
  display:grid!important;grid-template-columns:minmax(120px,260px) minmax(0,1fr) minmax(120px,260px)!important;
  align-items:center!important;gap:12px!important;padding:10px clamp(14px,3vw,32px)!important;
  border-bottom:1px solid rgba(215,196,255,.18)!important;
  background:rgba(10,7,23,.62)!important;
  box-shadow:0 16px 48px rgba(10,7,23,.26)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;-webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
  color:var(--ink)!important;
}
.siteNav:before,.nav:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0));pointer-events:none}.siteNav:after,.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acid) 42%,transparent),transparent);opacity:.55;pointer-events:none}
.siteNav .wordmark,.nav .wordmark,.wordmark{font-size:31px!important;line-height:1!important;letter-spacing:var(--mannuu-dahlia-word,0.012em)!important}
.siteNavCenter,.navCenter{justify-self:center!important;display:flex!important;gap:clamp(10px,2vw,24px)!important;font:700 11px 'IBM Plex Mono',monospace!important;letter-spacing:.13em!important;text-transform:uppercase!important}.siteNavCenter a,.navCenter a{opacity:.78!important}.siteNavCenter a:hover,.siteNavCenter a.active,.navCenter a:hover,.navCenter a.active{opacity:1!important;color:var(--acid)!important}.siteNavRight,.navRight{justify-self:end!important;display:flex!important;align-items:center!important;gap:10px!important}
.siteHamb,.hamb{width:48px!important;height:40px!important;border-radius:999px!important;border:1px solid rgba(215,196,255,.22)!important;background:color-mix(in srgb,var(--card) 72%,transparent)!important;display:grid!important;place-content:center!important;gap:4px!important;color:var(--ink)!important;box-shadow:0 8px 24px rgba(10,7,23,.14)!important;backdrop-filter:blur(12px) saturate(1.12)!important;-webkit-backdrop-filter:blur(12px) saturate(1.12)!important}.siteHamb span,.hamb span{display:block;width:17px;height:2px;background:var(--ink)!important;border-radius:999px;opacity:.82!important}
.siteMenuOverlay,.menuOverlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.44)!important;backdrop-filter:blur(10px)!important;z-index:90!important;opacity:0;pointer-events:none;transition:.22s}.siteMenuOverlay.open,.menuOverlay.open{opacity:1!important;pointer-events:auto!important;display:grid!important;place-items:center!important}.siteMenuPanel,.menuPanel{position:relative!important;right:auto!important;top:auto!important;width:min(760px,calc(100vw - 34px))!important;max-height:calc(100svh - 96px)!important;overflow:auto!important;border:1px solid var(--line)!important;background:linear-gradient(180deg,var(--card),var(--card2))!important;padding:clamp(20px,4vw,34px)!important;box-shadow:0 24px 80px var(--shadow)!important;color:var(--ink)!important}.siteMenuPanel a,.menuPanel a{display:block!important;font-family:Dahlia,DahliaCondensed,serif!important;font-size:clamp(34px,6vw,70px)!important;line-height:1.08!important;letter-spacing:var(--mannuu-dahlia-display,0.024em)!important;border-top:1px solid var(--line)!important;padding:13px 0!important}.siteMenuPanel a:hover,.siteMenuPanel a.active,.menuPanel a:hover,.menuPanel a.active{color:var(--acid)!important}.siteMenuClose,.menuClose{position:absolute!important;right:14px!important;top:12px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;border-radius:999px!important;width:34px!important;height:34px!important;font-size:24px!important;cursor:pointer!important}
main{position:relative;z-index:1}.section,main.section{padding:clamp(64px,9vw,120px) clamp(18px,4vw,56px)!important;border-top:1px solid var(--line)!important}.hero{border-color:var(--line)!important}.card,.item,.event,.panel,.signal,.component,.profileWindow,.globeStage,.projectCard,.object,.chapter,.pressPanel,.archivePanel,.swatch,.rule,.typeDemo{
  border:1px solid var(--line)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--card2) 92%,transparent))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.12)!important;
}
.card:hover,.item:hover,.event:hover,.projectCard:hover{border-color:color-mix(in srgb,var(--acid) 55%,var(--line))!important;box-shadow:0 18px 60px color-mix(in srgb,var(--acid) 10%,transparent),0 0 0 1px color-mix(in srgb,var(--acid) 18%,transparent)!important;transform:translateY(-3px)}
.btn,.chip,.tab,.pill,.tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:999px!important;background:color-mix(in srgb,var(--card) 74%,transparent)!important;color:var(--ink)!important;font-family:'IBM Plex Mono',monospace!important;text-transform:uppercase!important;letter-spacing:.11em!important;padding:9px 11px!important;line-height:1!important}.btn:hover,.chip:hover,.chip.active,.tab:hover,.tab.active,.pill.active{border-color:var(--acid)!important;color:var(--acid)!important}.btn.hot,.igFollow,.videoLink span,.fallback span{background:linear-gradient(135deg,#c03cff,#f05cff)!important;border-color:#d84dff!important;color:#fff!important;text-shadow:0 1px 10px rgba(10,7,23,.28)!important;box-shadow:0 12px 42px rgba(216,77,255,.24)!important}
.red,.cyan,.acid{color:#fff!important}.red{background:linear-gradient(135deg,#c03cff,#f05cff)!important}.cyan{background:linear-gradient(135deg,#8058ff,#b86cff)!important}.acid{background:linear-gradient(135deg,#f08cff,#d84dff)!important}.ink{background:#0b0618!important}.sand{background:#fbf2ff!important;color:#120a22!important}
.globeStage{background:radial-gradient(circle at 50% 50%,rgba(216,77,255,.14),transparent 45%),#030407!important}.mapMarker:before,.mapMarker{background:var(--red)!important}.year{color:var(--acid)!important}.loc{color:var(--muted)!important}.yt,.fallback,.videoFallback{border-color:var(--line)!important;border-radius:16px!important;overflow:hidden!important;background:#050507!important}.tools,.tabs,.pillRow,.tags{gap:8px!important}.footer{border-top:1px solid var(--line)!important;color:var(--muted)!important}
@media(max-width:980px){html{scroll-padding-top:76px}.siteNav,.nav{grid-template-columns:auto 1fr!important;height:72px!important;padding:12px 20px!important}.siteNavCenter,.navCenter{display:none!important}.siteNav .wordmark,.nav .wordmark{font-size:34px!important;max-width:150px;overflow:hidden}.siteNavRight,.navRight{justify-self:end!important}.section,main.section{padding:54px 18px!important}.grid,.grid2,.grid3,.layout{grid-template-columns:1fr!important}.item{grid-template-columns:1fr!important}.hero{grid-template-columns:1fr!important;min-height:auto!important}.siteMenuPanel,.menuPanel{width:min(760px,calc(100vw - 34px))!important}.lead,.intro{font-size:clamp(18px,5vw,24px)!important}}

/* Theme parity with the main mannuu page: subpages must carry the same dark/light switch. */
[data-theme=day]{
  --bg:#fbf2ff!important;
  --ink:#120a22!important;
  --muted:#6f6384!important;
  --line:rgba(47,22,82,.20)!important;
  --card:#fff7ff!important;
  --card2:#ead8ff!important;
  --red:#c03cff!important;
  --cyan:#8058ff!important;
  --acid:#d84dff!important;
  --paper:#120a22!important;
  --veil:rgba(251,242,255,.74)!important;
  --shadow:rgba(192,60,255,.16)!important;
  --map:#fff7ff!important;
}
[data-theme=day] body{
  background:
    radial-gradient(circle at 12% -12%,rgba(216,77,255,.20),transparent 30%),
    radial-gradient(circle at 88% 14%,rgba(255,95,215,.16),transparent 34%),
    radial-gradient(circle at 52% 112%,rgba(141,98,255,.12),transparent 44%),
    var(--bg)!important;
}
[data-theme=day] body:before{mix-blend-mode:multiply!important;opacity:.06!important;filter:hue-rotate(36deg) saturate(1.08)!important}
[data-theme=day] .siteNav,[data-theme=day] .nav{background:rgba(247,240,255,.30)!important;border-bottom-color:rgba(47,22,82,.16)!important;box-shadow:0 12px 38px rgba(76,37,130,.12)!important}
.themeSwitch,.switch{width:58px!important;min-width:58px!important;height:40px!important;padding:0!important;position:relative!important;border-radius:999px!important;border:1px solid rgba(215,196,255,.26)!important;background:linear-gradient(135deg,rgba(21,16,38,.82),rgba(33,20,58,.68))!important;cursor:pointer!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 28px rgba(124,92,255,.16)!important;backdrop-filter:blur(12px) saturate(1.12)!important;-webkit-backdrop-filter:blur(12px) saturate(1.12)!important}
.themeKnob{position:absolute!important;left:4px!important;top:7px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#7d50ff!important;border:1px solid rgba(247,240,255,.34)!important;color:#f7f0ff!important;box-shadow:0 0 0 1px rgba(47,22,82,.16),0 8px 20px rgba(125,80,255,.28)!important;display:grid!important;place-items:center!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;transform:translateX(26px)!important}
.themeGlyph{display:none!important}.themeKnob .moon{display:block!important;position:relative!important;width:14px!important;height:14px!important;border-radius:50%!important;background:transparent!important;box-shadow:inset 4px -3px 0 0 currentColor!important}.themeKnob:before{content:"";display:none!important;width:10px!important;height:10px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 -6px 0 -4px currentColor,0 6px 0 -4px currentColor,6px 0 0 -4px currentColor,-6px 0 0 -4px currentColor,4px 4px 0 -4px currentColor,-4px -4px 0 -4px currentColor,4px -4px 0 -4px currentColor,-4px 4px 0 -4px currentColor!important}
[data-theme=day] .themeSwitch,[data-theme=day] .switch{background:linear-gradient(135deg,rgba(234,220,255,.72),rgba(247,240,255,.62))!important;border-color:rgba(47,22,82,.20)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 8px 24px rgba(76,37,130,.12)!important}
[data-theme=day] .themeKnob{transform:translateX(0)!important}[data-theme=day] .themeKnob:before{display:block!important}[data-theme=day] .themeKnob .moon{display:none!important}
.designSystemNote{border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--card2) 88%,transparent));padding:16px 18px;margin:24px 0;color:var(--muted);line-height:1.45}.designSystemNote strong{color:var(--ink)}
.dsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dsToken{border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--card2));padding:16px;min-height:130px}.dsSwatch{height:92px;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.dsCode{font:800 12px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--ink)}.motionSample{display:inline-block;animation:mannuuPulse 4.8s ease-in-out infinite alternate}@keyframes mannuuPulse{0%{opacity:.82;filter:blur(0);transform:translateY(0)}100%{opacity:1;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--acid) 28%,transparent));transform:translateY(-2px)}}
@media(max-width:980px){.themeSwitch,.switch{height:40px!important}.dsGrid{grid-template-columns:1fr!important}.siteNavRight,.navRight{gap:10px!important}}

/* Dahlia readability contract — espaciado entre letras.
   Brand rule: Dahlia/DahliaCondensed must breathe globally. Avoid negative tracking. */
:root{--dahlia-display-tracking:0.024em;--dahlia-readable-tracking:0.018em;--dahlia-open-tracking:0.026em}
/* Short mobile page titles should stay readable without cramped letters. */
@media(max-width:520px){
  main>h1,.wrap h1{font-size:clamp(54px,15vw,64px)!important;line-height:1.04!important;letter-spacing:var(--dahlia-readable-tracking)!important;max-width:100%!important}
  .sectionHead h2{letter-spacing:var(--dahlia-readable-tracking)!important;max-width:100%!important}
  .item h2{font-family:Archivo,system-ui,sans-serif!important;font-size:20px!important;line-height:1.12!important;letter-spacing:-.015em!important;font-weight:800!important}
  .card h2{letter-spacing:var(--dahlia-readable-tracking)!important}
  .card h3,.event h2{letter-spacing:var(--dahlia-readable-tracking)!important}
}

/* Mobile wrap QA pass: short display phrases should stay one line when they can. */
@media(max-width:520px){
  .sectionHead h2{font-size:clamp(34px,9.2vw,40px)!important;line-height:1.05!important;letter-spacing:var(--dahlia-readable-tracking)!important;max-width:100%!important}
  main>h1,.wrap h1{font-size:clamp(48px,12.5vw,56px)!important;line-height:1.04!important;letter-spacing:var(--dahlia-readable-tracking)!important;max-width:100%!important}
  .card h2{font-size:clamp(34px,9.2vw,40px)!important;line-height:1.04!important;letter-spacing:var(--dahlia-readable-tracking)!important}
}

/* Archive QA: long dynamic titles are content labels, not giant display headlines. */
@media(max-width:520px){
  #grid .card h2{font-family:Archivo,system-ui,sans-serif!important;font-size:20px!important;line-height:1.12!important;letter-spacing:-.015em!important;font-weight:800!important}
}


/* Mannuu design-system contract — source of truth for future page/features.
   1) Dahlia always breathes: positive tracking, never cramped/negative.
   2) Section descriptions are support/body copy: regular weight, normal style.
   3) New components must inherit these tokens or extend the brand kit first. */
:root{
  --mannuu-dahlia-word:0.012em;
  --mannuu-dahlia-display:0.024em;
  --mannuu-dahlia-hero:0.018em;
  --mannuu-title-weight:500;
  --mannuu-subtitle-weight:400;
}
html body :where(.wordmark,.siteNav .wordmark,.nav .wordmark){letter-spacing:var(--mannuu-dahlia-word)!important;line-height:1.08!important;overflow:visible!important;font-kerning:normal!important;text-rendering:geometricPrecision!important}
html body :where(h1,h2,.hero h1,.sectionHead h2,.mapPanel h3,.logo,.word,.brandWord,.displayTitle,.typeLogo,.typeHeadline,[style*="font-family:Dahlia"],[style*="font-family: Dahlia"]){letter-spacing:var(--mannuu-dahlia-display)!important;line-height:1.08!important;overflow:visible!important;padding-bottom:.06em!important;font-kerning:normal!important;text-rendering:geometricPrecision!important}
html body :where(.siteMenuPanel a,.menuPanel a){letter-spacing:var(--mannuu-dahlia-display)!important;line-height:1.12!important;overflow:visible!important;padding-top:.18em!important;padding-bottom:.22em!important}
html body :where(.hero h1,.hero h1.heroWords,.heroName,.heroName.heroSignature.motionLetters){letter-spacing:var(--mannuu-dahlia-hero)!important}
html body :where(.sectionHead p:not(.kicker),.lead,.intro,.copy){font-style:normal!important;font-weight:400!important}
html body :where(.sectionHead p:not(.kicker)){font-weight:var(--mannuu-subtitle-weight)!important}
@media(max-width:980px){:root{--mannuu-dahlia-word:0.01em;--mannuu-dahlia-display:0.022em;--mannuu-dahlia-hero:0.012em}}