@font-face {
  font-family: "ViAM Sans";
  src: url("/assets/fonts/viam-sans-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ViAM Sans";
  src: url("/assets/fonts/viam-sans-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}
@font-face {
  font-family: "ViAM Serif";
  src: url("/assets/fonts/viam-serif-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --ink: #110f0d;
  --paper: #f3eee5;
  --muted: #a99f93;
  --line: rgba(243,238,229,.16);
  --lime: #c89452;
  --blue: #86533d;
  --font-sans: "ViAM Sans", Arial, "Helvetica Neue", sans-serif;
  --font-display: "ViAM Sans", "Arial Black", Arial, sans-serif;
  --font-serif: "ViAM Serif", Georgia, serif;
  --pad: clamp(1.25rem, 4vw, 4.5rem);
  --max: 1500px;
}
* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 84px; }
body {
  margin: 0;
  max-width: 100%;
  overflow-x: clip;
  background: var(--ink);
  color: var(--paper);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}
a { color: inherit; text-decoration: none; }
a, button { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
.skip-link { position: fixed; left: 1rem; top: -4rem; background: var(--lime); color: #000; padding: .7rem 1rem; z-index: 100; }
.skip-link:focus { top: 1rem; }
.language-switch { display: flex; align-items: center; gap: .25rem; font-size: .875rem; }
.language-switch a, .language-switch span { min-width: 2.35rem; min-height: 32px; padding: .28rem .45rem; border-radius: 999px; display: inline-grid; place-items: center; text-align: center; transition: color .2s, background .2s; }
.language-switch a:hover, .language-switch a:focus-visible { color: var(--paper); }
.language-switch [aria-current="page"] { background: var(--lime); color: var(--ink); font-weight: 700; }
.site-header {
  position: sticky; top: 0; z-index: 90;
  min-height: 72px; padding: .9rem var(--pad);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  background: rgba(17,15,13,.86); backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.wordmark { min-height: 44px; display: inline-flex; align-items: center; font-size: 1.35rem; font-weight: 700; letter-spacing: -.045em; }
.wordmark span { color: var(--lime); }
.nav-links { display: flex; gap: clamp(.9rem, 1.35vw, 1.35rem); font-size: .875rem; text-transform: uppercase; letter-spacing: .1em; }
.nav-links a, .header-cta { transition: color .2s ease; }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--lime); }
.nav-links a[aria-current="location"] { color: var(--lime); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: clamp(.8rem, 1.6vw, 1.5rem); }
.theme-toggle { position: relative; width: 44px; height: 44px; flex: 0 0 44px; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; background: rgba(243,238,229,.025); color: var(--paper); font: inherit; cursor: pointer; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease; }
.theme-toggle:hover, .theme-toggle:focus-visible { border-color: rgba(200,148,82,.72); background: rgba(200,148,82,.09); transform: rotate(-7deg); outline: none; }
.theme-toggle span { position: absolute; display: grid; place-items: center; font-size: 1.1rem; line-height: 1; transition: opacity .25s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
.theme-toggle__sun { opacity: 1; transform: rotate(0) scale(1); color: var(--lime); }
.theme-toggle__moon { opacity: 0; transform: rotate(-55deg) scale(.55); }
html[data-theme="light"] .theme-toggle__sun { opacity: 0; transform: rotate(55deg) scale(.55); }
html[data-theme="light"] .theme-toggle__moon { opacity: 1; transform: rotate(0) scale(1); color: #684126; }
.header-cta { min-height: 44px; display: inline-flex; align-items: center; font-size: .875rem; border-bottom: 1px solid var(--paper); white-space: nowrap; }
.header-cta span { color: var(--lime); }
.mobile-nav { display: none; }
.section, .hero { max-width: var(--max); margin: 0 auto; padding-left: var(--pad); padding-right: var(--pad); }
.hero { min-height: calc(100svh - 72px); display: flex; flex-direction: column; justify-content: space-between; padding-top: clamp(3rem, 8vh, 7rem); padding-bottom: 1.5rem; overflow: hidden; }
.hero-kicker, .eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; color: var(--muted); }
.live-dot { width: .55rem; height: .55rem; border-radius: 50%; display: inline-block; margin-right: .6rem; background: var(--lime); box-shadow: 0 0 0 5px rgba(200,148,82,.1); }
.hero h1 { width: min(100%, 1180px); margin: 1.5rem auto 2rem; font-family: var(--font-display); font-size: clamp(4.35rem, 8.4vw, 8.35rem); line-height: .84; letter-spacing: -.058em; text-transform: uppercase; }
.hero h1 span, .hero h1 strong { display: block; font-weight: 900; }
.hero h1 em { position: relative; width: max-content; max-width: 100%; display: block; margin: .1em auto .06em; text-align: center; font-family: var(--font-serif); font-style: italic; font-synthesis: style; font-weight: 400; font-size: .31em; line-height: 1.08; letter-spacing: -.04em; text-transform: none; color: #d7a45f; text-shadow: 0 0 24px rgba(200,148,82,.16); transform: rotate(-2deg) skewX(-8deg); transform-origin: center; }
.hero h1 em::after { content: ""; position: absolute; left: 7%; right: 4%; bottom: -.13em; height: 1px; background: linear-gradient(90deg, transparent, rgba(215,164,95,.82) 12% 84%, transparent); transform: rotate(-1deg); }
.hero h1 strong { margin: 0; padding-right: .035em; text-align: right; }
.hero-bottom { width: min(100%, 1180px); margin: 0 auto; display: grid; grid-template-columns: minmax(260px, 760px) auto; gap: 3rem; justify-content: space-between; align-items: end; }
.hero-bottom p { margin: 0; font-size: clamp(1.05rem, 2vw, 1.5rem); line-height: 1.45; }
.circle-link { width: 6.8rem; height: 6.8rem; border: 1px solid var(--line); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: .75rem; text-transform: uppercase; transition: background .25s, color .25s, transform .25s; }
.circle-link b { font-size: 1.3rem; color: var(--lime); margin-top: .25rem; }
.circle-link:hover, .circle-link:focus-visible { background: var(--lime); color: #000; transform: rotate(-7deg); }
.circle-link:hover b, .circle-link:focus-visible b { color: #000; }
.hero-line { display: flex; align-items: center; gap: 1rem; padding-top: 2rem; }
.hero-line span { height: 1px; background: var(--line); flex: 1; }
.hero-line i { font-style: normal; font-size: .65rem; letter-spacing: .12em; color: var(--muted); }
.section { padding-top: clamp(4.5rem, 8vw, 7.25rem); padding-bottom: clamp(4.5rem, 8vw, 7.25rem); overflow: clip; }
.signature { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.75rem, 5vw, 5rem); align-items: center; }
.signature-intro { max-width: 650px; }
.signature-intro h2, .press-kit h2 { margin: 1.5rem 0 0; font-family: var(--font-display); font-size: clamp(2.65rem, 4.8vw, 5.15rem); letter-spacing: -.055em; line-height: .98; font-weight: 900; text-wrap: balance; }
.signature-intro h2 span, .press-kit h2 span { color: var(--lime); font-weight: 900; }
.locked-title { font-size: clamp(2.35rem, 3.3vw, 3.15rem) !important; line-height: .98 !important; }
.locked-line { display: block; white-space: nowrap; }
.signature-intro h2 .locked-line--light,
.signal-head h2 .locked-line--light,
.development-intro h2 .locked-line--light { color: var(--paper); }
.signature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.signature-grid article { position: relative; min-width: 0; min-height: clamp(240px, 18vw, 290px); padding: clamp(1.25rem, 2vw, 2rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; isolation: isolate; transition: transform .35s cubic-bezier(.2,.8,.2,1), background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.signature-grid article > span { color: var(--lime); font-size: .75rem; letter-spacing: .11em; }
.signature-icon { width: 38px; height: 38px; margin-top: clamp(1.4rem, 2.2vw, 2rem); overflow: visible; fill: none; stroke: var(--lime); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; opacity: .86; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s ease; }
.signature-grid h3 { margin: auto 0 .65rem; font-size: clamp(1.15rem, 1.45vw, 1.48rem); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.signature-grid p { margin: 0; color: var(--muted); font-size: .87rem; line-height: 1.5; }
.section-head { display: grid; grid-template-columns: minmax(170px, .62fr) minmax(0, 1.38fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; margin-bottom: clamp(2.5rem, 5vw, 4.75rem); }
.section-head h2, .story h2, .network h2, .collab h2, .contact h2 { margin: 0; max-width: 100%; font-family: var(--font-display); font-size: clamp(2.65rem, 4.8vw, 5.15rem); letter-spacing: -.055em; line-height: .98; font-weight: 900; text-wrap: balance; word-break: normal; overflow-wrap: normal; }
.section-head h2 span, .story h2 span, .network h2 span, .collab h2 span, .contact h2 span, .development h2 span { color: var(--lime); font-family: inherit; font-weight: 900; font-style: normal; }
.proof-wall { border-top: 1px solid var(--line); }
.proof-wall-head { grid-template-columns: minmax(145px, .4fr) minmax(0, 1.4fr) minmax(180px, .4fr); }
.proof-wall-head > p:last-child { color: var(--muted); margin-top: 0; }
.archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 1.6vw, 1.5rem); }
.archive-card, .archive-card--hero, .archive-card--wide { min-width: 0; border: 1px solid var(--line); background: #17130f; }
.archive-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #f5f4f0; padding: clamp(.6rem, 1.2vw, 1rem); }
.archive-media img { width: 100%; height: 100%; object-fit: contain; transition: transform .45s ease, filter .45s ease; }
.archive-card:hover .archive-media img { transform: scale(1.012); filter: saturate(1.04); }
.archive-caption { min-height: 138px; padding: 1.25rem 1.35rem; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: .65rem; align-items: flex-start; }
.archive-caption span { color: var(--lime); font-size: .78rem; letter-spacing: .12em; }
.archive-caption h3 { margin: .35rem 0 .2rem; font-size: clamp(1.25rem, 1.8vw, 1.8rem); line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; word-break: normal; overflow-wrap: normal; }
.archive-caption p { margin: 0; color: var(--muted); font-size: .9rem; }
.archive-caption small { display: block; margin-top: .45rem; color: #7f786f; font-size: .72rem; line-height: 1.45; }
.archive-stat { color: var(--lime); font-size: clamp(2.4rem, 3.5vw, 4rem); font-weight: 700; line-height: .9; letter-spacing: -.06em; white-space: nowrap; }
.legacy-signal { margin-top: clamp(1rem, 2vw, 1.75rem); min-height: 186px; border: 1px solid var(--line); background: var(--lime); color: var(--ink); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.legacy-stat { min-width: 0; overflow: hidden; padding: clamp(1.5rem, 3vw, 2.75rem); display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); gap: clamp(1.25rem, 2.5vw, 2.5rem); align-items: center; }
.legacy-stat + .legacy-stat { border-left: 1px solid rgba(17, 15, 13, .22); }
.legacy-signal strong { min-width: 0; max-width: 100%; font-family: var(--font-display); font-size: clamp(4rem, 7vw, 7rem); line-height: .78; letter-spacing: -.08em; white-space: nowrap; }
.legacy-signal p { margin: 0; display: flex; flex-direction: column; gap: .55rem; }
.legacy-signal b { font-size: clamp(1.15rem, 1.75vw, 1.8rem); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.legacy-signal small { font-size: .76rem; text-transform: uppercase; letter-spacing: .11em; }
.works { border-top: 1px solid var(--line); }
.works-head { grid-template-columns: minmax(150px, .5fr) minmax(0, 1.05fr) minmax(220px, .55fr); }
.works-head > p:last-child { margin: 0; color: var(--muted); max-width: 360px; }
.works-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); perspective: 1600px; }
.work-card { position: relative; min-width: 0; display: flex; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #17130f; isolation: isolate; transition: box-shadow .35s ease, border-color .35s ease; }
.work-art { aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid var(--line); transform-origin: center bottom; transition: transform .42s cubic-bezier(.2,.75,.2,1), filter .35s ease; }
.work-art--proof { position: relative; padding: clamp(1rem, 1.5vw, 1.35rem); display: flex; flex-direction: column; justify-content: space-between; isolation: isolate; }
.work-art--proof::before, .work-art--proof::after { content: ""; position: absolute; z-index: -1; pointer-events: none; opacity: .22; }
.work-art--proof::before { width: 66%; aspect-ratio: 1; border: 1px solid currentColor; border-radius: 50%; top: -34%; right: -18%; }
.work-art--proof::after { width: 74%; height: 1px; background: currentColor; left: -12%; bottom: 27%; transform: rotate(-13deg); }
.work-art--gold { background: var(--lime); color: var(--ink); }
.work-art--paper { background: var(--paper); color: var(--ink); }
.work-art--ink { background: #0d0c0b; color: var(--paper); box-shadow: inset 0 0 0 1px rgba(200,148,82,.45); }
.work-proof-top, .work-proof-bottom { display: flex; justify-content: space-between; gap: 1rem; font-size: .66rem; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }
.work-proof-top span:last-child, .work-proof-bottom span:last-child { text-align: right; }
.work-signal { display: block; margin: auto 0; font-family: var(--font-display); font-size: clamp(4.2rem, 6.2vw, 7.2rem); line-height: .78; letter-spacing: -.085em; font-weight: 900; }
.work-signal--small { font-size: clamp(2.8rem, 4.5vw, 5rem); letter-spacing: -.07em; }
.work-signal--compact { font-size: clamp(3.7rem, 5.5vw, 6.2rem); }
.work-info { position: relative; z-index: 1; min-height: 194px; padding: clamp(1.45rem, 1.8vw, 1.7rem) clamp(1.15rem, 1.65vw, 1.5rem) clamp(1rem, 1.45vw, 1.35rem); display: flex; flex-direction: column; background: #17130f; transform-origin: center top; transition: transform .42s cubic-bezier(.2,.75,.2,1), background .3s ease, box-shadow .35s ease; }
.work-info::before { content: ""; position: absolute; top: .65rem; left: 50%; width: 46px; height: 4px; border: 1px solid rgba(200,148,82,.55); border-radius: 999px; background: #0f0d0b; transform: translateX(-50%); box-shadow: inset 0 1px rgba(255,255,255,.06); transition: width .3s ease, background .3s ease, box-shadow .3s ease; }
.work-index { display: none; }
.work-index span:first-child { color: var(--lime); }
.work-index span:last-child { display: none; }
.work-info h3 { margin: 0 0 .5rem; font-size: clamp(1.3rem, 1.65vw, 1.8rem); line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
.work-info p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.42; }
.work-info .work-artist { min-height: 2.4em; margin-bottom: .45rem; color: var(--paper); font-weight: 550; }
.work-links { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: auto; padding-top: 1.35rem; }
.work-links a, .work-play { min-height: 40px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: .45rem 0 .18rem; display: inline-flex; align-items: center; background: none; color: inherit; font: inherit; font-size: .875rem; letter-spacing: .065em; text-transform: uppercase; cursor: pointer; transition: color .2s, border-color .2s; }
.work-play { color: var(--lime); border-color: var(--lime); }
.work-play span { margin-right: .3rem; font-size: .7em; }
.work-links a:hover, .work-links a:focus-visible, .work-play:hover, .work-play:focus-visible { color: #e5bd82; border-color: #e5bd82; }
.numbers-update { margin: 1.5rem 0 0; color: #666760; font-size: .86rem; letter-spacing: .08em; text-transform: uppercase; }
.numbers { background: var(--paper); color: var(--ink); max-width: none; }
.numbers > * { max-width: calc(var(--max) - 2 * var(--pad)); margin-left: auto; margin-right: auto; }
.numbers .eyebrow { color: #666760; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(6px, .65vw, 10px); padding: clamp(6px, .65vw, 10px); background: #c8c5bd; }
.metric { --pad-color: #f2c16b; position: relative; min-height: 230px; padding: clamp(1.4rem, 3vw, 2.5rem); border: 0; border-radius: 7px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; background: #efede7; box-shadow: inset 0 1px rgba(255,255,255,.85), inset 0 -1px rgba(0,0,0,.07), 0 4px 0 #aaa79f, 0 7px 15px rgba(45,42,37,.13); cursor: pointer; outline: none; transform: translateY(0); touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: transform .16s ease, background .22s ease, color .22s ease, box-shadow .22s ease; }
.metric:nth-child(2) { --pad-color: #8bd8e7; }
.metric:nth-child(3) { --pad-color: #eaa0bc; }
.metric:nth-child(4) { --pad-color: #a8d68b; }
.metric:nth-child(5) { --pad-color: #efaa75; }
.metric:nth-child(6) { --pad-color: #b7a3e5; }
.metric::before { content: ""; position: absolute; top: .8rem; right: .8rem; width: 6px; height: 6px; border-radius: 50%; background: #aaa69e; box-shadow: 0 0 0 3px rgba(0,0,0,.045); transition: background .2s ease, box-shadow .2s ease; }
.metric > * { position: relative; z-index: 1; }
.metric strong { font-family: var(--font-display); font-size: clamp(3.6rem, 6.2vw, 6.8rem); letter-spacing: -.07em; line-height: 1; white-space: nowrap; }
.metric strong span { font-size: .34em; color: #6a6a65; transition: color .2s ease; }
.metric p { margin: 1rem 0 0; font-size: .85rem; text-transform: uppercase; letter-spacing: .11em; }
.metric-context { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; color: #77746d; font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.metric-context b { color: var(--blue); font-size: 1.12rem; letter-spacing: -.02em; white-space: nowrap; }
.metric-context span { text-align: right; }
.metric-profile strong { margin: auto 0; }
.metrics-footnote { margin: 1.15rem 0 0; color: #666760; font-size: .75rem; line-height: 1.5; }
.metric-featured { background: #d6b078; }
.metric-featured strong span { color: #000; }
.metric.is-hit, .metric:focus-visible { color: #111; background: var(--pad-color); transform: translateY(3px) scale(.992); box-shadow: inset 0 1px rgba(255,255,255,.7), inset 0 0 34px rgba(255,255,255,.24), 0 1px 0 #8f8b83, 0 0 32px color-mix(in srgb, var(--pad-color) 68%, transparent); }
.metric.is-hit::before, .metric:focus-visible::before { background: #fff; box-shadow: 0 0 10px 3px var(--pad-color); }
.metric.is-hit strong span, .metric:focus-visible strong span, .metric.is-hit .metric-context, .metric:focus-visible .metric-context, .metric.is-hit .metric-context b, .metric:focus-visible .metric-context b { color: #111; }
.story { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 6vw, 6rem); padding-bottom: clamp(4rem, 6vw, 5.75rem); }
.story h2 { max-width: none; font-size: clamp(2.8rem, 4vw, 4.2rem); }
.story-sticky { align-self: start; position: static; }
.story-sticky .eyebrow { margin-bottom: 2rem; }
.story-sticky blockquote { max-width: 520px; margin: clamp(2.5rem, 5vw, 5rem) 0 0; }
.story-copy .lead { font-size: clamp(1.5rem, 2.4vw, 2.25rem); letter-spacing: -.025em; line-height: 1.25; margin-top: 0; }
.story-copy .lead--balanced { margin: 0 0 1.4rem; font-size: clamp(1.25rem, 2vw, 1.9rem); line-height: 1.22; }
.lead-line { display: block; white-space: nowrap; }
.story-copy > p:not(.lead) { color: #bbbcb5; max-width: 630px; }
blockquote { margin: 3rem 0; padding: 1.35rem 0 1.35rem 1.5rem; border-left: 2px solid var(--lime); font: 400 clamp(1.4rem, 2vw, 1.95rem)/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #dfb879; }
.role-list { display: flex; flex-wrap: wrap; gap: .65rem; }
.role-list span, .platform-row span { border: 1px solid var(--line); border-radius: 999px; padding: .55rem .9rem; font-size: .75rem; letter-spacing: .07em; text-transform: uppercase; }
.artist-visual { min-height: clamp(310px, 27vw, 410px); margin-top: clamp(1.4rem, 2.4vw, 2rem); display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(118px, .52fr); gap: .75rem; }
.artist-visual figure { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #1b1510; isolation: isolate; }
.artist-visual figure::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(17,15,13,.02) 46%, rgba(17,15,13,.84) 100%); }
.artist-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.04); transition: transform .75s cubic-bezier(.2,.75,.2,1), filter .55s ease; }
.artist-visual__main img { object-position: 52% 48%; transform: scale(1.1); }
.artist-visual__secondary img { object-position: 50% 54%; transform: scale(1.045); }
.artist-visual figcaption { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 1rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; color: var(--paper); font-size: .63rem; letter-spacing: .12em; text-transform: uppercase; }
.artist-visual figcaption span { color: #e1bb80; }
.artist-visual figcaption b { font-weight: 500; }
.artist-visual__secondary figcaption { justify-content: flex-end; color: #e1bb80; }
.artist-visual:hover img { filter: saturate(.98) contrast(1.04); }
.artist-visual:hover .artist-visual__main img { transform: scale(1.125); }
.artist-visual:hover .artist-visual__secondary img { transform: scale(1.07); }
.story-network { grid-column: 1 / -1; margin-top: clamp(.5rem, 1.2vw, 1rem); padding-top: clamp(1.4rem, 2.2vw, 2rem); border-top: 1px solid var(--line); }
.story-network__intro { display: grid; grid-template-columns: minmax(150px, .34fr) minmax(0, 1.15fr); gap: 1.25rem; align-items: center; margin-bottom: 1rem; }
.story-network__intro .eyebrow { margin: 0; }
.story-network__intro h3 { margin: 0; font-size: clamp(1.45rem, 1.85vw, 2rem); line-height: 1.08; letter-spacing: -.035em; font-weight: 500; }
.story-network__intro h3 span { color: var(--lime); font-weight: 400; }
.copy-line { display: block; white-space: nowrap; }
.story-network__intro h3 .copy-line--light { color: var(--paper); }
.social-channel-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.social-channel-list span { min-width: 0; min-height: 108px; padding: 1rem .65rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #d9d2c8; font-size: clamp(.68rem, .72vw, .75rem); letter-spacing: .01em; overflow-wrap: normal; transition: color .2s, background .2s; }
.social-channel-list svg { width: 28px; height: 28px; fill: none; stroke: var(--lime); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.social-channel-list b { max-width: 100%; font-size: .68rem; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
.social-channel-list span:hover { color: var(--ink); background: var(--lime); }
.social-channel-list span:hover svg { stroke: var(--ink); }
.signal { border-top: 1px solid var(--line); }
.signal-head { grid-template-columns: minmax(130px, .38fr) minmax(0, 1.3fr) minmax(220px, .48fr); align-items: center; }
.signal-head h2 { font-size: clamp(2.6rem, 4.3vw, 4.75rem); line-height: .96; }
.signal-head > p:last-child { color: #aaa; max-width: 330px; margin: 0; line-height: 1.55; }
.proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2vw, 2rem); align-items: stretch; }
.proof { margin: 0; position: relative; background: #111; overflow: hidden; }
.proof img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) contrast(1.05); transition: transform .6s ease, filter .6s ease; }
.proof:hover img { transform: scale(1.025); filter: saturate(1) contrast(1.05); }
.proof figcaption { position: absolute; inset: auto 0 0; padding: 1rem 1.25rem; display: flex; gap: 1rem; align-items: center; background: linear-gradient(transparent, rgba(0,0,0,.92)); padding-top: 5rem; }
.proof figcaption > span { color: var(--lime); font-size: .75rem; }
.proof figcaption b, .proof figcaption small { display: block; }
.proof figcaption b { font-size: .95rem; }
.proof figcaption small { color: #aaa; margin-top: .15rem; }
.proof-tall { aspect-ratio: 4/5; }
.proof-square { aspect-ratio: 1; }
.proof-wide { grid-column: 1 / -1; aspect-ratio: 2/1; }
.proof-copy { background: var(--blue); padding: clamp(2rem, 5vw, 5rem); display: flex; flex-direction: column; justify-content: center; }
.proof-copy .rank { font-size: clamp(6rem, 15vw, 13rem); line-height: .8; font-weight: 900; letter-spacing: -.1em; color: var(--lime); }
.proof-copy h3 { font-size: clamp(2rem, 4vw, 4rem); margin: 1rem 0; letter-spacing: -.05em; }
.proof-copy p { max-width: 490px; font-size: 1.05rem; }
.platform-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2rem; }
.platform-row span { border-color: rgba(255,255,255,.35); }
.stage-feature { display: grid; grid-template-columns: 1.7fr .8fr; gap: clamp(1rem, 2vw, 2rem); }
.stage-feature .proof-wide { grid-column: auto; aspect-ratio: 16/9; }
.stage-stats { display: grid; grid-template-rows: repeat(3, 1fr); }
.stage-stats article { padding: clamp(1.2rem, 2.5vw, 2.5rem); border: 1px solid var(--line); border-bottom: 0; display: flex; flex-direction: column; justify-content: center; }
.stage-stats article:last-child { border-bottom: 1px solid var(--line); }
.stage-stats b { color: var(--lime); font-size: clamp(2.2rem, 3.5vw, 4.2rem); line-height: .92; letter-spacing: -.055em; }
.stage-stats span { color: var(--muted); margin-top: .55rem; }
.trends { padding-top: 3rem; }
.section-head.compact { margin-bottom: 3rem; }
.trend-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.trend-list li { display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: clamp(1.5rem, 3vw, 3rem); align-items: center; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.trend-list time { color: var(--lime); font-size: 1.1rem; }
.trend-list h3 { margin: 0; font-size: clamp(1.35rem, 2.3vw, 2.2rem); letter-spacing: -.035em; line-height: 1.15; text-wrap: balance; overflow-wrap: anywhere; }
.trend-title--single { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trend-list p { margin: 0; color: #a7a7a1; max-width: 720px; }
.trend-list > li > span { font-size: .66rem; letter-spacing: .14em; color: #7e7e78; border: 1px solid var(--line); border-radius: 999px; padding: .45rem .7rem; }
.journey { background: #1a1612; max-width: none; }
.journey > * { max-width: calc(var(--max) - 2 * var(--pad)); margin-left: auto; margin-right: auto; }
.timeline { border-top: 1px solid var(--line); }
.timeline-item { border-bottom: 1px solid var(--line); }
.timeline-item summary { display: grid; grid-template-columns: minmax(160px, .5fr) minmax(0, 1.5fr) 36px; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: 1.7rem 0; list-style: none; cursor: pointer; }
.timeline-item summary::-webkit-details-marker { display: none; }
.timeline time { font-size: clamp(1.4rem, 2.3vw, 2.2rem); color: #74746f; letter-spacing: -.03em; }
.timeline h3 { margin: 0; font-size: clamp(1.8rem, 3.2vw, 3.6rem); letter-spacing: -.05em; }
.timeline-toggle { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; color: var(--lime); font-size: 1.25rem; transition: transform .25s ease; }
.timeline-item[open] .timeline-toggle { transform: rotate(45deg); }
.timeline-copy { padding: 0 72px 1.7rem calc(25% + 2.5rem); }
.timeline p { margin: 0; color: #aaa; font-size: 1rem; max-width: 850px; }
.timeline .current { background: var(--lime); color: #000; padding-left: 2rem; padding-right: 2rem; }
.timeline .current time, .timeline .current p { color: #303027; }
.timeline .current .timeline-toggle { color: #000; border-color: rgba(0,0,0,.25); }
.development { border-bottom: 1px solid var(--line); }
.development-intro { display: grid; grid-template-columns: minmax(150px, .5fr) minmax(0, 1fr) minmax(260px, .62fr); gap: clamp(2rem, 4vw, 4rem); align-items: start; margin-bottom: clamp(3rem, 7vw, 6rem); }
.development-intro h2 { margin: 0; font-family: var(--font-display); font-size: clamp(2.65rem, 4.8vw, 5.15rem); letter-spacing: -.055em; line-height: .98; font-weight: 900; }
.development-intro > p:last-child { margin-top: 0; color: #b1b1aa; font-size: 1.05rem; }
.case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 1.6vw, 1.5rem); align-items: stretch; }
.case-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); padding: clamp(1.5rem, 2.4vw, 2.5rem); min-height: 460px; display: flex; flex-direction: column; }
.case-card--primary { background: #d6b078; color: #130f0b; }
.case-card--talent { background: #1a1612; }
.case-top { display: flex; justify-content: space-between; gap: 1rem; font-size: .72rem; letter-spacing: .12em; color: var(--muted); }
.case-card--primary .case-top { color: #4a4a3f; }
.case-card h3 { max-width: 100%; margin: clamp(3rem, 5vw, 5rem) 0 1.5rem; font-size: clamp(2.2rem, 2.8vw, 3rem); line-height: .98; letter-spacing: -.05em; text-wrap: balance; word-break: normal; overflow-wrap: normal; }
.case-card:not(.case-card--talent) h3 { white-space: nowrap; }
.case-card--talent h3 { font-size: clamp(1.95rem, 2.2vw, 2.6rem); }
.case-lead { max-width: 100%; font-size: clamp(1.05rem, 1.45vw, 1.35rem); line-height: 1.45; }
.case-card > p:last-child { color: inherit; opacity: .72; }
.case-number { display: flex; align-items: end; gap: 1rem; padding: 2rem 0; border-top: 1px solid rgba(0,0,0,.25); border-bottom: 1px solid rgba(0,0,0,.25); margin: 1.5rem 0; }
.case-number strong { font-size: clamp(4rem, 6vw, 6.6rem); line-height: .85; letter-spacing: -.075em; white-space: nowrap; }
.case-number span { max-width: 170px; font-size: .85rem; }
.case-card ul { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.case-card li { padding: .8rem 0; border-top: 1px solid var(--line); color: #bbb; }
.case-card li:last-child { border-bottom: 1px solid var(--line); }
.talent-cloud { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }
.talent-cloud span { padding: .62rem .85rem; border: 1px solid var(--line); border-radius: 999px; font-size: .82rem; }
.management-note { max-width: none; margin: 2rem 0 0; padding-top: 1.4rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .92rem; text-align: center; }
.network { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(3rem, 4.5vw, 5rem); align-items: center; border-bottom: 1px solid var(--line); }
.network-title-wrap .eyebrow { margin-bottom: 2rem; }
.network-title-wrap h2 { max-width: none; }
.title-line { display: block; white-space: nowrap; }
.section-head h2 .title-line--light,
.story h2 .title-line--light,
.network h2 .title-line--light { color: var(--paper); }
.proof-wall-head h2.two-line-title { font-size: clamp(2.75rem, 4.35vw, 4.2rem); line-height: .96; }
.story h2.two-line-title { font-size: clamp(2.75rem, 3.85vw, 4rem); line-height: .96; }
.network-title-wrap h2.three-line-title { font-size: clamp(2.65rem, 4.15vw, 4.25rem); line-height: .96; letter-spacing: -.065em; }
.network-body { min-width: 0; align-self: center; }
.network-body > p { font-size: clamp(1.3rem, 2.3vw, 2rem); margin: 0; line-height: 1.4; }
.network-body > .value-chain { margin-top: 0; }
.value-chain { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 2rem; border: 1px solid var(--line); background: var(--line); isolation: isolate; }
.value-chain .value-step { position: relative; min-width: 0; min-height: clamp(126px, 9vw, 148px); padding: clamp(1rem, 1.35vw, 1.35rem); border: 0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; gap: 1rem; background: #11100e; transition: color .25s ease, background .25s ease, box-shadow .3s ease, transform .3s cubic-bezier(.2,.8,.2,1); }
.value-chain .value-step:nth-child(5) { grid-column: 4; grid-row: 2; }
.value-chain .value-step:nth-child(6) { grid-column: 3; grid-row: 2; }
.value-chain .value-step:nth-child(7) { grid-column: 2; grid-row: 2; }
.value-chain .value-step:nth-child(8) { grid-column: 1; grid-row: 2; }
.value-step b { color: #777169; font-size: .75rem; font-weight: 500; line-height: 1; letter-spacing: .12em; }
.value-step em { grid-column: 1 / -1; align-self: end; margin: 0; color: var(--paper); font-size: .875rem; font-style: normal; font-weight: 550; line-height: 1.25; letter-spacing: .055em; text-transform: uppercase; text-wrap: balance; }
.value-chain svg { width: 22px; height: 22px; fill: none; stroke: var(--lime); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s cubic-bezier(.2,.8,.2,1), filter .3s ease; }
.value-step::before { position: absolute; z-index: 3; width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #11100e; color: var(--lime); font-size: .72rem; line-height: 1; }
.value-step:nth-child(-n+3)::before { content: "→"; top: 50%; right: -13px; transform: translateY(-50%); }
.value-step:nth-child(4)::before { content: "↓"; right: 50%; bottom: -13px; transform: translateX(50%); }
.value-step:nth-child(n+5):nth-child(-n+7)::before { content: "←"; top: 50%; left: -13px; transform: translateY(-50%); }
.value-step::after { content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 0; height: 2px; background: var(--lime); transition: width .35s cubic-bezier(.2,.8,.2,1); }
.value-step:first-child { background: linear-gradient(145deg, rgba(200,148,82,.12), #11100e 62%); }
.value-step:last-child { background: linear-gradient(325deg, rgba(200,148,82,.14), #11100e 62%); }
.value-step:last-child em { color: var(--lime); }
.network-numbers { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(0rem, 1vw, 1rem); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.network-numbers div { min-height: 132px; display: grid; grid-template-columns: 86px 1fr; gap: 1rem; align-items: center; padding: 1.25rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.network-numbers b { color: var(--lime); font-size: 2rem; }
.network-numbers span { color: #aaa; }
.partner-panel { position: relative; isolation: isolate; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(240px, .62fr) minmax(0, 1.38fr); gap: clamp(2rem, 3vw, 3.5rem); margin-top: clamp(1rem, 3vw, 2.5rem); padding: clamp(2.5rem, 4vw, 4rem) 0 clamp(1.25rem, 2.5vw, 2.25rem); }
.partner-panel::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--ink) 0 5%, rgba(17,15,13,.9) 19%, rgba(17,15,13,.14) 43%, rgba(17,15,13,.08) 84%, var(--ink) 100%),
    radial-gradient(circle at 12% 22%, rgba(255,255,255,.42) 0 1px, transparent 1.5px),
    radial-gradient(circle at 82% 18%, rgba(214,176,120,.52) 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 78%, rgba(255,255,255,.3) 0 1px, transparent 1.5px),
    radial-gradient(circle at 28% 72%, rgba(214,176,120,.4) 0 1px, transparent 1.5px),
    radial-gradient(ellipse at 69% 50%, rgba(214,176,120,.09), transparent 46%),
    repeating-radial-gradient(ellipse at 69% 50%, transparent 0 78px, rgba(214,176,120,.085) 79px 80px, transparent 81px 156px);
  background-size: auto, 230px 170px, 290px 210px, 310px 190px, 260px 230px, auto, auto;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}
.partner-panel__copy .eyebrow { margin: 0 0 1.5rem; }
.partner-panel__copy h3 { margin: 0; font-size: clamp(2rem, 3.6vw, 4rem); line-height: 1.02; letter-spacing: -.045em; font-weight: 550; }
.partner-panel__copy h3 span { color: var(--lime); font-weight: 400; }
.partner-panel__copy > p:last-child { max-width: 430px; margin: 1.35rem 0 0; color: #aaa; font-size: .88rem; line-height: 1.5; letter-spacing: .04em; }
.network.section { overflow: visible; }
.partner-rail-shell {
  --partner-bleed: max(var(--pad), calc((100vw - var(--max)) / 2 + var(--pad)));
  min-width: 0;
  width: calc(100% + var(--partner-bleed));
  margin-right: calc(-1 * var(--partner-bleed));
  position: relative;
}
.partner-rail-shell::before,
.partner-rail-shell::after { display: none; }
.partner-rail {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  border: 0;
  -webkit-overflow-scrolling: touch;
}
.partner-rail::-webkit-scrollbar { display: none; }
.partner-rail:focus-visible { outline: 1px solid var(--lime); outline-offset: 3px; }
.partner-rail.is-dragging { cursor: grabbing; user-select: none; }
.partner-rail img { user-select: none; -webkit-user-drag: none; }
.partner-track { display: flex; width: max-content; will-change: scroll-position; }
.partner-list {
  position: relative;
  isolation: isolate;
  flex: 0 0 auto;
  width: max-content;
  display: grid;
  grid-template-columns: repeat(8, clamp(142px, 10.5vw, 170px));
  grid-template-rows: repeat(2, minmax(166px, 1fr));
  grid-auto-flow: column;
  gap: clamp(.8rem, 1.5vw, 1.35rem);
  padding: clamp(1.1rem, 2vw, 1.75rem) clamp(1.3rem, 2.3vw, 2rem);
  perspective: 1000px;
}
.partner-planet {
  --orb-size: clamp(69px, 5.1vw, 83px);
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  outline: none;
  opacity: 1;
  animation: partner-float 6s ease-in-out infinite;
  animation-delay: calc(var(--i) * -.42s);
  transition: opacity .28s ease, filter .28s ease, transform .28s ease;
}
.partner-planet.is-orb-medium { --orb-size: clamp(83px, 6.16vw, 100px); }
.partner-planet.is-orb-large { --orb-size: clamp(98px, 7.25vw, 118px); }
.partner-planet:nth-child(2) { animation-delay: -.42s; }
.partner-planet:nth-child(3) { animation-delay: -.84s; }
.partner-planet:nth-child(4) { animation-delay: -1.26s; }
.partner-planet:nth-child(5) { animation-delay: -1.68s; }
.partner-planet:nth-child(6) { animation-delay: -2.1s; }
.partner-planet:nth-child(7) { animation-delay: -2.52s; }
.partner-planet:nth-child(8) { animation-delay: -2.94s; }
.partner-planet:nth-child(9) { animation-delay: -3.36s; }
.partner-planet:nth-child(10) { animation-delay: -3.78s; }
.partner-orb {
  position: relative;
  z-index: 1;
  flex: 0 0 var(--orb-size);
  width: var(--orb-size);
  height: var(--orb-size);
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 18%;
  border: 1px solid rgba(200, 148, 82, .42);
  border-radius: 50%;
  clip-path: circle(50% at 50% 50%);
  background: radial-gradient(circle at 30% 24%, #fff 0 16%, #ded6ca 40%, #746759 70%, #1a1511 100%);
  box-shadow: inset -12px -14px 24px rgba(0, 0, 0, .42), inset 7px 8px 15px rgba(255, 255, 255, .28), 0 14px 30px rgba(0, 0, 0, .38);
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.partner-orb img { width: 100%; height: 100%; margin: 0; object-fit: contain; object-position: 50% 50%; }
.partner-orb--full { padding: 0; }
.partner-orb--full img { object-fit: cover; }
.partner-orb--screen { padding: 6%; }
.partner-orb--screen img { width: 155%; height: 155%; max-width: none; object-fit: cover; mix-blend-mode: screen; }
.partner-orb--mono strong { color: var(--ink); font-family: var(--font-display); font-size: clamp(1.05rem, 1.45vw, 1.45rem); letter-spacing: -.04em; }
.partner-planet > span { color: #d8d1c7; font-size: clamp(.72rem, .78vw, .78rem); line-height: 1.25; text-align: center; }
.partner-drag-hint { margin: .55rem var(--partner-bleed) 0 0; display: flex; justify-content: flex-end; gap: .55rem; color: #817970; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.partner-drag-hint span { color: var(--lime); font-size: .9rem; }
.partner-list:hover .partner-planet:not(:hover),
.partner-list:focus-within .partner-planet:not(:focus-within) { opacity: .28; filter: saturate(.35) blur(.35px); transform: scale(.92); }
.partner-planet:hover,
.partner-planet:focus { z-index: 2; animation-play-state: paused; transform: translateY(-9px) scale(1.08); }
.partner-planet:hover .partner-orb,
.partner-planet:focus .partner-orb { border-color: var(--lime); box-shadow: inset -12px -14px 24px rgba(0, 0, 0, .34), inset 7px 8px 15px rgba(255, 255, 255, .34), 0 0 26px rgba(214, 176, 120, .34), 0 24px 48px rgba(0, 0, 0, .48); transform: rotateY(-7deg) rotateX(4deg) scale(1.04); }
@keyframes partner-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }
.collab { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(3rem, 5vw, 5rem); align-items: center; }
.collab-intro { align-self: center; position: static; }
.collab-intro .eyebrow { margin-bottom: 2rem; }
.collab-intro > p:last-child { color: #aaa; max-width: 520px; margin-top: 2rem; }
.collab-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); isolation: isolate; }
.collab-card { position: relative; min-width: 0; min-height: clamp(250px, 18vw, 286px); overflow: hidden; background: #11100e; isolation: isolate; }
.collab-card::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(circle at 82% 14%, rgba(200,148,82,.12), transparent 34%); opacity: .35; transition: opacity .35s ease; }
.collab-card__content { position: relative; z-index: 1; width: 100%; min-height: inherit; padding: clamp(1.35rem, 2vw, 1.8rem); display: flex; flex-direction: column; align-items: stretch; text-align: left; }
.collab-card__trigger { position: absolute; z-index: 2; inset: 0; width: 100%; border: 0; background: transparent; cursor: pointer; }
.collab-card__trigger:focus-visible { outline: 1px solid var(--lime); outline-offset: -5px; }
.collab-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--lime); font-size: .75rem; letter-spacing: .12em; }
.collab-card__lamp { width: 10px; height: 10px; flex: 0 0 auto; border: 1px solid rgba(200,148,82,.5); border-radius: 50%; background: #3a2f23; box-shadow: 0 0 0 5px rgba(200,148,82,.035); transition: background .25s ease, border-color .25s ease, box-shadow .3s ease, transform .3s ease; }
.collab-grid h3 { margin: auto 0 .7rem; font-size: clamp(1.35rem, 1.75vw, 1.85rem); letter-spacing: -.035em; line-height: 1.08; text-wrap: balance; }
.collab-grid p { max-width: 34ch; margin: 0; color: #999; font-size: .9rem; line-height: 1.5; }
.collab-card__more { margin-top: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #867d72; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.collab-card__more b { color: var(--lime); font-size: 1.1rem; font-weight: 400; }
.collab-card__popover { position: absolute; z-index: 3; inset: 0; padding: clamp(1.35rem, 2vw, 1.8rem); display: flex; flex-direction: column; background: radial-gradient(circle at 84% 10%, rgba(230,184,119,.24), transparent 33%), linear-gradient(145deg, #21170e, #15110d 68%); border: 1px solid rgba(200,148,82,.72); box-shadow: 0 22px 50px rgba(0,0,0,.5), inset 0 0 42px rgba(200,148,82,.055); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px) scale(.982); transition: opacity .25s ease, visibility .25s ease, transform .32s cubic-bezier(.2,.75,.2,1); }
.collab-card__popover-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.collab-card__popover-head span { color: var(--lime); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.collab-card__close { width: 36px; height: 36px; flex: 0 0 auto; border: 1px solid rgba(243,238,229,.2); border-radius: 50%; display: grid; place-items: center; background: rgba(17,15,13,.5); color: var(--paper); font: inherit; font-size: 1.15rem; cursor: pointer; }
.collab-card__popover h4 { margin: auto 0 1rem; font-size: clamp(1.25rem, 1.55vw, 1.65rem); line-height: 1.08; letter-spacing: -.03em; }
.collab-card__popover ul { list-style: none; margin: 0; padding: 0; }
.collab-card__popover li { position: relative; padding: .6rem 0 .6rem 1.1rem; border-top: 1px solid rgba(243,238,229,.12); color: #d4ccc1; font-size: .875rem; line-height: 1.35; }
.collab-card__popover li::before { content: ""; position: absolute; left: 0; top: 1.02rem; width: 5px; height: 5px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px rgba(200,148,82,.62); }
.collab-card.is-open,
.collab-card:has(.collab-card__trigger:focus-visible) { z-index: 4; }
.collab-card.is-open::before,
.collab-card:has(.collab-card__trigger:focus-visible)::before { opacity: 1; }
.collab-card.is-open .collab-card__lamp,
.collab-card:has(.collab-card__trigger:focus-visible) .collab-card__lamp { background: #ffd083; border-color: #ffe0ae; box-shadow: 0 0 8px #ffd083, 0 0 24px rgba(255,190,94,.72), 0 0 52px rgba(200,148,82,.4); transform: scale(1.12); }
.collab-card.is-open .collab-card__popover { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.story.section { padding-top: clamp(4rem, 6vw, 5.5rem); padding-bottom: clamp(4rem, 6vw, 5.5rem); }
.collab.section { padding-top: clamp(3.75rem, 6vw, 5.5rem); padding-bottom: clamp(3.75rem, 6vw, 5.5rem); }
.contact.section { padding-top: clamp(3.5rem, 5vw, 4.75rem); padding-bottom: clamp(3.5rem, 5vw, 4.75rem); }
.press-kit { border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.press-kit.section { padding-top: clamp(3.25rem, 5vw, 4.75rem); padding-bottom: clamp(3.25rem, 5vw, 4.75rem); }
.press-kit h2.press-title--balanced { font-size: clamp(2.5rem, 3.8vw, 4.4rem); line-height: .96; }
.press-title-line { display: block; white-space: nowrap; }
.press-kit h2 .press-title-line--light { color: var(--paper); }
.press-kit__body > p { margin-top: 0; max-width: 660px; font-size: clamp(1.2rem, 2vw, 1.7rem); line-height: 1.42; }
.press-kit__body ul { list-style: none; margin: 2rem 0 3rem; padding: 0; border-top: 1px solid var(--line); }
.press-kit__body li { padding: .9rem 0; border-bottom: 1px solid var(--line); color: var(--muted); }
.press-kit__asset { display: grid; grid-template-columns: minmax(136px, .34fr) minmax(0, 1fr); gap: clamp(.8rem, 1.5vw, 1.25rem); align-items: stretch; }
.press-kit__cover { min-width: 0; margin: 0; aspect-ratio: 2 / 3; overflow: hidden; border: 1px solid rgba(200,148,82,.42); background: #17130f; box-shadow: 0 18px 42px rgba(0,0,0,.22); }
.press-kit__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.75,.2,1), filter .45s ease; }
.press-kit__cover:hover img { filter: saturate(1.04); transform: scale(1.02); }
.press-kit__downloads { min-width: 0; display: grid; grid-template-rows: 1fr auto; gap: .75rem; }
.epk-download { min-width: 0; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: .25rem 1.5rem; padding: 1.5rem; align-content: center; background: var(--lime); color: var(--ink); transition: transform .25s ease, background .25s ease; }
.epk-download span { font-size: clamp(1.5rem, 2.5vw, 2.5rem); font-weight: 700; letter-spacing: -.04em; }
.epk-download small { font-size: .74rem; letter-spacing: .09em; text-transform: uppercase; }
.epk-download b { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 1.8rem; }
.epk-download:hover, .epk-download:focus-visible { transform: translateY(-3px); background: #ddb979; }
.press-kit__media-link { min-height: 54px; padding: .85rem 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); color: #c8bfb3; font-size: .78rem; letter-spacing: .075em; text-transform: uppercase; transition: color .22s ease, border-color .22s ease, background .22s ease; }
.press-kit__media-link b { color: var(--lime); font-size: 1.05rem; font-weight: 400; }
.press-kit__media-link:hover, .press-kit__media-link:focus-visible { color: var(--paper); border-color: rgba(200,148,82,.7); background: rgba(200,148,82,.055); }
.video-modal[hidden] { display: none; }
.video-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: clamp(1rem, 3vw, 2.5rem); }
.video-modal__backdrop { position: absolute; inset: 0; background: rgba(8,7,6,.92); backdrop-filter: blur(12px); }
.video-modal__dialog { position: relative; width: min(1120px, 100%); max-height: calc(100svh - 2rem); overflow: auto; padding: clamp(1rem, 2vw, 1.75rem); background: #17130f; border: 1px solid var(--line); box-shadow: 0 24px 90px rgba(0,0,0,.55); }
.video-modal__top { display: flex; justify-content: space-between; gap: 2rem; align-items: start; margin-bottom: 1rem; }
.video-modal__top span { color: var(--lime); font-size: .72rem; letter-spacing: .12em; }
.video-modal__top h2 { margin: .4rem 0 0; font-size: clamp(1.5rem, 3vw, 2.8rem); line-height: 1.05; letter-spacing: -.04em; }
.video-close { width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--paper); font-size: 1.75rem; line-height: 1; cursor: pointer; }
.video-close:hover, .video-close:focus-visible { background: var(--lime); color: var(--ink); }
.video-frame { aspect-ratio: 16 / 9; background: #000; }
.video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-modal__dialog > p { margin: .9rem 0 0; color: var(--muted); font-size: .8rem; }
body.video-open { overflow: hidden; }
.contact { text-align: center; border-top: 1px solid var(--line); }
.contact h2 { margin: 2rem auto 3rem; }
.contact-actions { width: min(100%, 900px); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.contact-button { min-width: 0; min-height: 132px; padding: 1.4rem; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: .3rem 1rem; align-items: center; text-align: left; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .22s ease, color .22s ease, transform .22s ease; }
.contact-button b { font-size: clamp(1.4rem, 2.2vw, 2.1rem); letter-spacing: -.035em; }
.contact-button small { min-width: 0; color: var(--muted); font-size: .84rem; overflow-wrap: anywhere; }
.contact-button > span { grid-column: 2; grid-row: 1 / 3; color: var(--lime); font-size: 1.5rem; }
.contact-button--primary { background: var(--lime); color: var(--ink); }
.contact-button--primary small, .contact-button--primary > span { color: #32281d; }
.contact-button:hover, .contact-button:focus-visible { background: var(--paper); color: var(--ink); transform: translateY(-3px); }
.contact-button:hover small, .contact-button:focus-visible small { color: #5f5a52; }
.contact-note { color: #888; max-width: 560px; margin: 1.5rem auto 0; }
.mobile-contact-bar { display: none; }
footer { max-width: var(--max); margin: auto; padding: 2rem var(--pad); border-top: 1px solid var(--line); display: grid; grid-template-columns: auto minmax(220px, 1fr) minmax(220px, 1fr) auto; gap: clamp(1.25rem, 3vw, 3rem); align-items: center; font-size: .72rem; color: #777; text-transform: uppercase; letter-spacing: .08em; }
footer p:nth-child(2) { text-align: center; }
footer p:nth-child(3) { text-align: right; }
.back-to-top { min-width: 74px; min-height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; color: #8c867f; transition: color .2s; }
.back-to-top span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--paper); font-size: 1.1rem; transition: background .2s, color .2s, transform .2s; }
.back-to-top b { font-size: .62rem; font-weight: 500; letter-spacing: .06em; text-transform: none; }
.back-to-top:hover, .back-to-top:focus-visible { color: var(--lime); }
.back-to-top:hover span, .back-to-top:focus-visible span { color: var(--ink); background: var(--lime); transform: translateY(-3px); }
.reveal { opacity: 0; transform: translateY(28px) scale(.988); transition: opacity .8s cubic-bezier(.2,.75,.25,1), transform .8s cubic-bezier(.2,.75,.25,1); transition-delay: var(--delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 800px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .site-header { grid-template-columns: 1fr auto; min-height: 64px; padding-top: .625rem; padding-bottom: .625rem; }
  .nav-links { display: none; }
  .header-actions { gap: .7rem; }
  .mobile-nav { display: block; }
  .mobile-nav summary { width: 44px; height: 44px; padding: 12px 10px; display: flex; flex-direction: column; justify-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 50%; cursor: pointer; list-style: none; }
  .mobile-nav summary::-webkit-details-marker { display: none; }
  .mobile-nav summary span { width: 100%; height: 1px; display: block; background: var(--paper); transform-origin: center; transition: transform .24s ease, opacity .2s ease, background .2s ease; }
  .mobile-nav[open] summary { border-color: rgba(200,148,82,.72); }
  .mobile-nav[open] summary span { background: var(--lime); }
  .mobile-nav[open] summary span:first-child { transform: translateY(6px) rotate(45deg); }
  .mobile-nav[open] summary span:nth-child(2) { opacity: 0; }
  .mobile-nav[open] summary span:last-child { transform: translateY(-6px) rotate(-45deg); }
  .mobile-nav__panel { position: fixed; z-index: 94; top: 64px; left: 0; right: 0; padding: .75rem var(--pad) 1.2rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: rgba(17,15,13,.98); border-bottom: 1px solid var(--line); box-shadow: 0 20px 48px rgba(0,0,0,.36); backdrop-filter: blur(18px); }
  .mobile-nav__panel a { min-height: 52px; padding: .8rem .25rem; display: flex; align-items: center; gap: .7rem; border-bottom: 1px solid var(--line); color: var(--paper); font-size: .875rem; letter-spacing: .04em; }
  .mobile-nav__panel a:nth-child(odd) { border-right: 1px solid var(--line); }
  .mobile-nav__panel a:nth-child(even) { padding-left: 1rem; }
  .mobile-nav__panel a span { color: var(--lime); font-size: .68rem; letter-spacing: .1em; }
  .language-switch a, .language-switch span { min-height: 44px; }
  .hero { min-height: calc(100svh - 64px); padding-top: 4rem; }
  .hero h1 { width: 100%; font-size: clamp(3.8rem, 20vw, 6rem); line-height: .82; }
  .hero h1 em { margin: .17em auto .1em; font-size: .29em; }
  .hero h1 strong { margin: 0; }
  .hero-bottom { grid-template-columns: 1fr; gap: 2rem; }
  .circle-link { width: 5.8rem; height: 5.8rem; justify-self: end; }
  .section-head, .signal-head, .proof-wall-head, .works-head, .signature, .story, .network, .collab, .press-kit, .development-intro, .partner-panel { grid-template-columns: 1fr; }
  .section-head { gap: 1rem; }
  .story h2 { max-width: 12ch; }
  .signature { gap: 2.5rem; }
  .signature-grid { grid-template-columns: 1fr; }
  .signature-grid article { min-height: 164px; padding-right: 5rem; }
  .signature-icon { position: absolute; top: 1.15rem; right: 1.25rem; width: 34px; height: 34px; margin: 0; }
  .artist-visual { min-height: clamp(320px, 76vw, 500px); grid-template-columns: minmax(0, 1.4fr) minmax(92px, .6fr); }
  .artist-visual__main img { object-position: 52% 50%; }
  .story-network { grid-column: auto; margin-top: .5rem; }
  .story-network__intro { grid-template-columns: 1fr; gap: .8rem; }
  .social-channel-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-channel-list span:last-child { grid-column: 1 / -1; }
  .social-channel-list span { min-height: 104px; }
  .partner-panel { gap: 2rem; }
  .partner-rail-shell { --partner-bleed: var(--pad); width: 100vw; margin-left: calc(-1 * var(--pad)); margin-right: calc(-1 * var(--pad)); }
  .partner-list { grid-template-columns: repeat(8, 148px); grid-template-rows: repeat(2, minmax(158px, 1fr)); }
  .partner-panel::before { background-position: center; }
  .locked-title { font-size: clamp(1.5rem, 6.5vw, 2.5rem) !important; }
  .story.section, .collab.section, .contact.section { padding-top: 3.75rem; padding-bottom: 3.75rem; }
  .management-note { text-align: left; }
  .section { padding-top: 3.75rem; padding-bottom: 3.75rem; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric { min-height: 190px; }
  .metric-context { display: block; }
  .metric-context span { display: block; margin-top: .15rem; text-align: left; }
  .story-sticky, .collab-intro { position: static; }
  .collab { align-items: start; }
  .collab-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collab-card { min-height: 230px; }
  .proof-grid { grid-template-columns: 1fr; }
  .archive-grid { grid-template-columns: 1fr; }
  .archive-card, .archive-card--hero, .archive-card--wide { grid-column: auto; }
  .archive-media { aspect-ratio: 16 / 10; }
  .archive-caption { min-height: 138px; }
  .legacy-signal { grid-template-columns: 1fr; }
  .legacy-stat { grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); }
  .legacy-stat + .legacy-stat { border-left: 0; border-top: 1px solid rgba(17, 15, 13, .22); }
  .works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proof-wide { grid-column: auto; aspect-ratio: 16/9; }
  .stage-feature, .case-grid { grid-template-columns: 1fr; }
  .stage-stats { grid-template-rows: none; grid-template-columns: repeat(3, 1fr); }
  .stage-stats article { border-bottom: 1px solid var(--line); border-right: 0; }
  .stage-stats article:last-child { border-right: 1px solid var(--line); }
  .case-card--primary { grid-row: auto; }
  .case-card { min-height: 0; }
  .case-card h3 { margin-top: 3.25rem; font-size: clamp(2.2rem, 10vw, 3rem); }
  .trend-list li { grid-template-columns: 72px 1fr; gap: 1rem; }
  .trend-list > li > span { grid-column: 2; justify-self: start; }
  .timeline-item summary { grid-template-columns: 1fr auto; gap: .35rem 1rem; padding: 1.35rem 0; }
  .timeline-item summary time { grid-column: 1; grid-row: 1; font-size: 1rem; }
  .timeline-item summary h3 { grid-column: 1; grid-row: 2; font-size: clamp(1.8rem, 9vw, 2.7rem); }
  .timeline-toggle { grid-column: 2; grid-row: 1 / 3; }
  .timeline-copy { padding: 0 3rem 1.35rem 0; }
  .timeline .current { margin-left: calc(-1 * var(--pad)); margin-right: calc(-1 * var(--pad)); padding-left: var(--pad); padding-right: var(--pad); }
  .network-numbers { grid-template-columns: 1fr; }
  .network-numbers div { min-height: 96px; }
  .value-chain { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; }
  .value-chain .value-step:nth-child(5), .value-chain .value-step:nth-child(6), .value-chain .value-step:nth-child(7), .value-chain .value-step:nth-child(8) { grid-column: auto; grid-row: auto; }
  .value-chain .value-step { width: 100%; min-height: 112px; }
  .value-step::before { display: none; }
  .contact-actions { grid-template-columns: 1fr; }
  .contact-button { min-height: 96px; }
  .mobile-contact-bar { position: fixed; z-index: 89; left: max(.75rem, env(safe-area-inset-left)); right: max(.75rem, env(safe-area-inset-right)); bottom: max(.75rem, env(safe-area-inset-bottom)); min-height: 56px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgba(243,238,229,.22); border-radius: 999px; background: rgba(17,15,13,.97); box-shadow: 0 14px 44px rgba(0,0,0,.42); }
  .mobile-contact-bar a { min-height: 56px; padding: 0 1.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .875rem; }
  .mobile-contact-bar a + a { color: var(--ink); background: var(--lime); }
  .mobile-contact-bar b { color: var(--lime); font-size: 1rem; }
  .mobile-contact-bar a + a b { color: var(--ink); }
  .reveal { opacity: 1; transform: none; transition: none; }
  footer { grid-template-columns: 1fr auto; text-align: left; }
  footer p:nth-child(2), footer p:nth-child(3) { grid-column: 1; text-align: left; }
  .back-to-top { grid-column: 2; grid-row: 1 / 4; align-self: center; }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .signature { grid-template-columns: 1fr; }
  .signature-intro { max-width: 760px; }
  .signature-grid article { min-height: 220px; }
  .signal-head, .development-intro { grid-template-columns: 1fr; gap: 1.25rem; }
  .signal-head > p:last-child, .development-intro > p:last-child { max-width: 680px; }
  .development-intro { margin-bottom: 3.5rem; }
  .works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-card--talent { grid-column: 1 / -1; min-height: 360px; }
}
@media (max-width: 1250px) and (min-width: 801px) {
  .story { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .section { padding-top: 3.15rem; padding-bottom: 3.15rem; }
  .stage-stats { grid-template-columns: 1fr; }
  .stage-stats article { border-right: 1px solid var(--line); border-bottom: 0; }
  .stage-stats article:last-child { border-bottom: 1px solid var(--line); }
  .case-card { min-height: 0; }
  .section-head h2, .signature-intro h2, .story h2, .network h2, .collab h2, .press-kit h2, .contact h2, .development-intro h2 { font-size: clamp(2.25rem, 11vw, 3.25rem); line-height: 1.02; letter-spacing: -.045em; }
  .proof-wall-head h2.two-line-title,
  .story h2.two-line-title { font-size: clamp(1.5rem, 8vw, 3rem); line-height: .98; }
  .network-title-wrap h2.three-line-title { font-size: clamp(2.05rem, 9.6vw, 3.25rem); line-height: .96; }
  .story-copy .lead--balanced { font-size: clamp(1rem, 4.2vw, 1.45rem); }
  .story-network__intro .network-copy-title { font-size: clamp(1.25rem, 5.4vw, 1.65rem); }
  .archive-grid { gap: 1rem; }
  .archive-caption { padding: 1.15rem; min-height: 142px; }
  .archive-stat { font-size: 2.65rem; }
  .legacy-signal { min-height: 0; }
  .legacy-stat { grid-template-columns: 1fr; gap: 1rem; padding: 1.5rem; }
  .legacy-signal strong { font-size: clamp(4.5rem, 24vw, 6.5rem); }
  .works-grid { grid-template-columns: 1fr; }
  .work-info { min-height: 188px; }
  .work-signal { font-size: clamp(5rem, 24vw, 7rem); }
  .work-signal--small { font-size: clamp(3.7rem, 18vw, 5.2rem); }
  .work-signal--compact { font-size: clamp(4.8rem, 22vw, 6.2rem); }
  .video-modal { padding: .65rem; }
  .video-modal__dialog { padding: .8rem; }
  .video-modal__top { gap: 1rem; }
  .video-close { width: 40px; height: 40px; }
  .metric { min-height: 158px; padding: .8rem; }
  .metric strong { font-size: clamp(2.2rem, 10vw, 3.5rem); }
  .metric p { font-size: .75rem; letter-spacing: .08em; }
  .case-card h3 { margin-top: 2.75rem; font-size: clamp(2.1rem, 9.5vw, 2.8rem); }
  .partner-list { grid-template-columns: repeat(8, 136px); grid-template-rows: repeat(2, minmax(150px, 1fr)); padding: 1rem; }
  .partner-planet { --orb-size: clamp(63px, 17.5vw, 73px); }
  .partner-planet.is-orb-medium { --orb-size: clamp(77px, 21.25vw, 88px); }
  .partner-planet.is-orb-large { --orb-size: clamp(90px, 25vw, 104px); }
  .press-kit h2.press-title--balanced { font-size: clamp(1.9rem, 9vw, 2.6rem); }
  .story.section, .collab.section, .contact.section { padding-top: 3.15rem; padding-bottom: 3.15rem; }
}
@media (max-width: 680px) {
  .works-grid { grid-template-columns: 1fr; }
  .work-art { aspect-ratio: 16 / 10; }
  .work-info { min-height: 188px; }
  .work-links a, .work-play { min-height: 44px; font-size: .875rem; }
  .collab-grid { grid-template-columns: 1fr; }
  .collab-card { min-height: 220px; }
}
@media (max-width: 380px) {
  .hero h1 { font-size: clamp(3.55rem, 20vw, 4.75rem); }
  .section-head h2, .signature-intro h2, .story h2, .network h2, .collab h2, .press-kit h2, .contact h2, .development-intro h2 { font-size: 2.25rem; }
  .trend-list li { grid-template-columns: 56px minmax(0, 1fr); }
  .header-cta { display: none; }
}
@media (max-width: 470px) {
  .header-cta { display: none; }
  .hero-line i { display: none; }
  .artist-visual { min-height: 360px; gap: .5rem; }
  .artist-visual figcaption { padding: .75rem; font-size: .58rem; }
  .artist-visual__main figcaption span { display: none; }
  .press-kit__asset { grid-template-columns: 108px minmax(0, 1fr); gap: .7rem; }
  .epk-download { padding: 1rem; gap: .25rem .65rem; }
  .epk-download span { font-size: clamp(1.18rem, 6vw, 1.5rem); }
  .epk-download b { font-size: 1.4rem; }
}
@media (hover: hover) and (pointer: fine) {
  .signature-grid article:hover { z-index: 2; background: rgba(200,148,82,.055); border-color: rgba(200,148,82,.55); box-shadow: 0 18px 38px rgba(0,0,0,.22); transform: translateY(-6px); }
  .signature-grid article:hover .signature-icon { opacity: 1; transform: translateY(-3px) rotate(-4deg) scale(1.08); }
  .work-card:hover, .work-card:has(:focus-visible) { z-index: 4; border-color: rgba(200,148,82,.62); box-shadow: 0 25px 55px rgba(0,0,0,.44); }
  .work-card:hover .work-art, .work-card:has(:focus-visible) .work-art { filter: brightness(1.045); transform: translateY(-7px) rotateX(2.5deg) scaleX(.992); }
  .work-card:hover .work-info, .work-card:has(:focus-visible) .work-info { background: #1b1611; box-shadow: 0 -12px 28px rgba(0,0,0,.34); transform: translateY(-10px) rotateX(-1.5deg) scaleX(.985); }
  .work-card:hover .work-info::before, .work-card:has(:focus-visible) .work-info::before { width: 64px; background: var(--lime); box-shadow: 0 0 16px rgba(200,148,82,.42); }
  .work-card:hover .work-play, .work-card:has(:focus-visible) .work-play { color: #efc181; }
  .metric:hover { color: #111; background: var(--pad-color); transform: translateY(3px) scale(.992); box-shadow: inset 0 1px rgba(255,255,255,.7), inset 0 0 34px rgba(255,255,255,.24), 0 1px 0 #8f8b83, 0 0 32px color-mix(in srgb, var(--pad-color) 68%, transparent); }
  .metric:hover::before { background: #fff; box-shadow: 0 0 10px 3px var(--pad-color); }
  .metric:hover strong span, .metric:hover .metric-context, .metric:hover .metric-context b { color: #111; }
  .value-chain .value-step:hover { z-index: 2; color: var(--paper); background: #1a1510; box-shadow: 0 14px 28px rgba(0,0,0,.32); transform: translateY(-4px); }
  .value-chain .value-step:hover svg { filter: drop-shadow(0 0 7px rgba(200,148,82,.52)); transform: scale(1.1) rotate(-3deg); }
  .value-chain .value-step:hover::after { width: 100%; }
  .collab-card:hover { z-index: 4; }
  .collab-card:hover::before { opacity: 1; }
  .collab-card:hover .collab-card__lamp { background: #ffd083; border-color: #ffe0ae; box-shadow: 0 0 8px #ffd083, 0 0 24px rgba(255,190,94,.72), 0 0 52px rgba(200,148,82,.4); transform: scale(1.12); }
  .collab-card:hover .collab-card__popover { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
}
@media (hover: none) {
  .partner-planet { animation: none; }
  .partner-list:hover .partner-planet:not(:hover) { opacity: 1; filter: none; transform: none; }
  .archive-card:hover .archive-media img, .proof:hover img { transform: none; }
  .work-card:active .work-art { filter: brightness(1.04); transform: translateY(-3px); }
  .work-card:active .work-info { transform: translateY(-5px); }
  .value-chain .value-step:active { background: #1a1510; transform: scale(.985); }
  .value-chain .value-step:active svg { transform: scale(1.08); }
  .value-chain .value-step:active::after { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Light mode — ViAMCorp Earth palette: mineral cream, grounded brown and warm bronze. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] {
  color-scheme: light;
  --ink: #f2e7d5;
  --paper: #2a1d16;
  --muted: #756454;
  --line: rgba(77, 48, 29, .19);
  --lime: #985824;
  --blue: #714432;
}
html[data-theme="light"] body { background: var(--ink); color: var(--paper); }
body, .site-header, .archive-card, .work-card, .work-info, .journey, .case-card, .value-step, .collab-card, .collab-card__popover, .video-modal__dialog { transition-property: background-color, color, border-color, box-shadow; transition-duration: .32s; transition-timing-function: ease; }

html[data-theme="light"] .site-header { background: rgba(242,231,213,.9); box-shadow: 0 8px 30px rgba(72,43,25,.065); }
html[data-theme="light"] .theme-toggle { background: rgba(91,54,31,.035); color: var(--paper); }
html[data-theme="light"] .hero h1 em { color: #9b5e2c; text-shadow: 0 0 24px rgba(166,103,45,.12); }
html[data-theme="light"] .hero h1 em::after { background: linear-gradient(90deg, transparent, rgba(155,94,44,.68) 12% 84%, transparent); }
html[data-theme="light"] .circle-link:hover,
html[data-theme="light"] .circle-link:focus-visible { color: #fff8eb; }
html[data-theme="light"] .circle-link:hover b,
html[data-theme="light"] .circle-link:focus-visible b { color: #fff8eb; }
html[data-theme="light"] .archive-card,
html[data-theme="light"] .archive-card--hero,
html[data-theme="light"] .archive-card--wide,
html[data-theme="light"] .work-card,
html[data-theme="light"] .work-info { background: #eadbc5; }
html[data-theme="light"] .archive-card,
html[data-theme="light"] .work-card,
html[data-theme="light"] .signature-grid article,
html[data-theme="light"] .social-channel-list span,
html[data-theme="light"] .stage-stats article,
html[data-theme="light"] .case-card,
html[data-theme="light"] .network-numbers div { box-shadow: inset 0 1px rgba(255,255,255,.4); }
html[data-theme="light"] .archive-caption small,
html[data-theme="light"] .numbers-update,
html[data-theme="light"] .metrics-footnote { color: #756454; }
html[data-theme="light"] .work-art--paper { background: #f8eedf; color: #2a1d16; }
html[data-theme="light"] .work-art--ink { background: #34231a; color: #f5ead9; }
html[data-theme="light"] .work-info::before { background: #5a3a27; border-color: rgba(90,58,39,.28); box-shadow: inset 0 1px rgba(255,255,255,.24); }
html[data-theme="light"] .work-info .work-artist { color: #2a1d16; }
html[data-theme="light"] .work-links a:hover,
html[data-theme="light"] .work-links a:focus-visible,
html[data-theme="light"] .work-play:hover,
html[data-theme="light"] .work-play:focus-visible { color: #7e4b26; border-color: #7e4b26; }
html[data-theme="light"] .numbers { background: #e3d1b7; color: #2a1d16; }
html[data-theme="light"] .numbers .eyebrow { color: #725f4e; }
html[data-theme="light"] .metric-grid { background: #bca17d; }
html[data-theme="light"] .metric { background: #f8eddb; box-shadow: inset 0 1px rgba(255,255,255,.9), inset 0 -1px rgba(73,44,27,.09), 0 4px 0 #9f8767, 0 7px 15px rgba(73,44,27,.14); }
html[data-theme="light"] .metric-featured { background: #c58b4b; }
html[data-theme="light"] .story-copy > p:not(.lead),
html[data-theme="light"] .signal-head > p:last-child,
html[data-theme="light"] .timeline p,
html[data-theme="light"] .development-intro > p:last-child,
html[data-theme="light"] .network-numbers span,
html[data-theme="light"] .partner-panel__copy > p:last-child,
html[data-theme="light"] .collab-intro > p:last-child { color: #6f5c4c; }
html[data-theme="light"] blockquote { color: #8c5429; }
html[data-theme="light"] .artist-visual figcaption,
html[data-theme="light"] .proof figcaption { color: #f3eee5; }
html[data-theme="light"] .artist-visual figcaption span,
html[data-theme="light"] .artist-visual__secondary figcaption { color: #edc78f; }
html[data-theme="light"] .social-channel-list span { color: #443126; }
html[data-theme="light"] .social-channel-list span:hover { color: #fff8eb; }
html[data-theme="light"] .proof-copy { background: #714432; color: #fff5e7; }
html[data-theme="light"] .proof-copy .rank { color: #e4b979; }
html[data-theme="light"] .journey { background: #e4d1b6; }
html[data-theme="light"] .timeline time { color: #796653; }
html[data-theme="light"] .timeline .current { background: #985824; color: #fff8ec; }
html[data-theme="light"] .timeline .current time,
html[data-theme="light"] .timeline .current p { color: #fff8ec; }
html[data-theme="light"] .timeline .current .timeline-toggle { color: #fff8ec; border-color: rgba(255,248,236,.42); }
html[data-theme="light"] .case-card--primary { background: #c58b4b; color: #26180f; }
html[data-theme="light"] .case-card--talent { background: #e5d3ba; }
html[data-theme="light"] .case-card li { color: #5f4b3d; }
html[data-theme="light"] .value-chain .value-step { background: #e8d6bb; }
html[data-theme="light"] .value-step:first-child { background: linear-gradient(145deg, rgba(166,103,45,.2), #e8d6bb 62%); }
html[data-theme="light"] .value-step:last-child { background: linear-gradient(325deg, rgba(166,103,45,.2), #e8d6bb 62%); }
html[data-theme="light"] .value-step::before { background: #e8d6bb; }
html[data-theme="light"] .value-step b { color: #7b6655; }
html[data-theme="light"] .value-step em { color: #2a1d16; }
html[data-theme="light"] .value-step:last-child em { color: #8b5126; }
html[data-theme="light"] .partner-panel::before {
  background:
    linear-gradient(90deg, #f2e7d5 0 5%, rgba(223,202,171,.92) 19%, rgba(242,231,213,.12) 43%, rgba(242,231,213,.08) 84%, #f2e7d5 100%),
    radial-gradient(circle at 12% 22%, rgba(86,51,29,.32) 0 1px, transparent 1.5px),
    radial-gradient(circle at 82% 18%, rgba(144,85,37,.5) 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 78%, rgba(86,51,29,.25) 0 1px, transparent 1.5px),
    radial-gradient(circle at 28% 72%, rgba(144,85,37,.4) 0 1px, transparent 1.5px),
    radial-gradient(ellipse at 69% 50%, rgba(144,85,37,.11), transparent 46%),
    repeating-radial-gradient(ellipse at 69% 50%, transparent 0 78px, rgba(116,68,32,.13) 79px 80px, transparent 81px 156px);
  background-size: auto, 230px 170px, 290px 210px, 310px 190px, 260px 230px, auto, auto;
}
html[data-theme="light"] .partner-planet > span { color: #514034; }
html[data-theme="light"] .partner-drag-hint { color: #796654; }
html[data-theme="light"] .collab-card { background: #e7d5ba; }
html[data-theme="light"] .collab-card::before { background: radial-gradient(circle at 82% 14%, rgba(166,103,45,.16), transparent 34%); }
html[data-theme="light"] .collab-grid p { color: #6c5848; }
html[data-theme="light"] .collab-card__more { color: #7a6452; }
html[data-theme="light"] .collab-card__popover { background: radial-gradient(circle at 84% 10%, rgba(166,103,45,.19), transparent 33%), linear-gradient(145deg, #f5e8d3, #ddc4a1 68%); border-color: rgba(139,81,38,.62); box-shadow: 0 22px 50px rgba(78,45,25,.24), inset 0 0 42px rgba(166,103,45,.08); }
html[data-theme="light"] .collab-card__close { border-color: rgba(74,44,26,.22); background: rgba(255,250,241,.48); color: #342219; }
html[data-theme="light"] .collab-card__popover li { border-color: rgba(74,44,26,.14); color: #49372b; }
html[data-theme="light"] .press-kit__cover { background: #e0cbae; box-shadow: 0 18px 42px rgba(78,45,25,.18); }
html[data-theme="light"] .press-kit__media-link { color: #5b4738; }
html[data-theme="light"] .press-kit__media-link:hover,
html[data-theme="light"] .press-kit__media-link:focus-visible { color: #fff8eb; background: #714432; }
html[data-theme="light"] .video-modal__dialog { background: #efe0c9; }
html[data-theme="light"] .video-close { color: #2a1d16; }
html[data-theme="light"] .contact-button--primary { color: #fff8eb; }
html[data-theme="light"] .contact-button--primary small,
html[data-theme="light"] .contact-button--primary > span { color: #fff3df; }
html[data-theme="light"] .contact-button:hover,
html[data-theme="light"] .contact-button:focus-visible { background: #493025; color: #fff8eb; }
html[data-theme="light"] .contact-button:hover small,
html[data-theme="light"] .contact-button:focus-visible small { color: #dac9b4; }
html[data-theme="light"] .contact-note,
html[data-theme="light"] footer { color: #6f5c4d; }
html[data-theme="light"] .back-to-top { color: #715e4d; }
html[data-theme="light"] .back-to-top span { color: #2a1d16; }
html[data-theme="light"] .mobile-nav__panel { background: rgba(242,231,213,.985); box-shadow: 0 20px 48px rgba(72,43,25,.16); }
html[data-theme="light"] .mobile-nav__panel a { color: #2a1d16; }
html[data-theme="light"] .mobile-nav summary span { background: #2a1d16; }
html[data-theme="light"] .mobile-nav[open] summary span { background: #985824; }
html[data-theme="light"] .mobile-contact-bar { border-color: rgba(77,48,29,.22); background: rgba(247,236,218,.97); box-shadow: 0 14px 44px rgba(72,43,25,.24); }
html[data-theme="light"] .mobile-contact-bar b { color: #8c5227; }
html[data-theme="light"] .mobile-contact-bar a + a { color: #fff8eb; background: #8f5428; }
html[data-theme="light"] .mobile-contact-bar a + a b { color: #fff8eb; }

@media (hover: hover) and (pointer: fine) {
  html[data-theme="light"] .signature-grid article:hover { background: rgba(166,103,45,.1); box-shadow: 0 18px 38px rgba(78,45,25,.14); }
  html[data-theme="light"] .work-card:hover,
  html[data-theme="light"] .work-card:has(:focus-visible) { box-shadow: 0 25px 55px rgba(78,45,25,.24); }
  html[data-theme="light"] .work-card:hover .work-info,
  html[data-theme="light"] .work-card:has(:focus-visible) .work-info { background: #e1ccb0; box-shadow: 0 -12px 28px rgba(78,45,25,.16); }
  html[data-theme="light"] .value-chain .value-step:hover { color: #2a1d16; background: #dfc59f; box-shadow: 0 14px 28px rgba(78,45,25,.18); }
}

@media (hover: none) {
  html[data-theme="light"] .value-chain .value-step:active { background: #dfc59f; }
}