:root {
  --ink: #06100e;
  --ink-soft: #0a1815;
  --panel: rgba(18, 48, 39, 0.66);
  --panel-solid: #113329;
  --line: rgba(156, 242, 200, 0.16);
  --lime: #7bffb3;
  --cyan: #78e1ff;
  --cream: #eefbf4;
  --muted: #a7c0b5;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.page-glow { position: fixed; pointer-events: none; z-index: -1; filter: blur(70px); opacity: .28; border-radius: 999px; }
.glow-one { width: 36vw; height: 36vw; top: 20vh; right: -15vw; background: #0ba56d; }
.glow-two { width: 26vw; height: 26vw; top: 60vh; left: -13vw; background: #097da4; opacity: .16; }

.site-header { position: sticky; top: 0; z-index: 20; height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 max(5vw, 28px); background: rgba(6, 16, 14, .78); border-bottom: 1px solid rgba(186, 255, 218, .08); backdrop-filter: blur(18px); }
.wordmark { font-size: 1rem; letter-spacing: .055em; font-weight: 900; white-space: nowrap; }
.wordmark span { color: var(--lime); }
.site-header nav { display: flex; gap: clamp(12px, 2vw, 28px); color: var(--muted); font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.site-header nav a:hover { color: var(--lime); }
.site-header nav a.is-active { color: var(--lime); }
.header-cta { color: var(--lime); font-size: .8rem; font-weight: 800; }

.notification-region { position: fixed; top: 96px; right: max(28px, 5vw); z-index: 31; width: min(360px, calc(100vw - 56px)); pointer-events: none; }
.site-notification { position: relative; pointer-events: auto; padding: 21px 47px 20px 21px; background: linear-gradient(145deg, rgba(21, 63, 48, .97), rgba(8, 28, 22, .97)); border: 1px solid rgba(123, 255, 179, .5); box-shadow: 0 22px 55px rgba(0, 0, 0, .35), inset 3px 0 0 var(--lime); backdrop-filter: blur(18px); animation: notification-in .55s both; }
.notification-label { margin: 0 0 8px; color: var(--lime); font-size: .65rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.notification-title { margin: 0; color: var(--cream); font-size: 1.32rem; letter-spacing: -.045em; line-height: 1.05; }
.notification-message { margin: 10px 0 16px; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.notification-link { display: inline-flex; align-items: center; gap: 8px; color: var(--cyan); font-size: .77rem; font-weight: 900; letter-spacing: .03em; }
.notification-link:hover { color: var(--lime); }
.notification-close { position: absolute; top: 12px; right: 12px; display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid var(--line); color: var(--cream); background: rgba(6, 16, 14, .45); cursor: pointer; font-size: 1.25rem; line-height: 1; }
.notification-close:hover { border-color: var(--lime); color: var(--lime); }
.notification-reopen { pointer-events: auto; display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 10px 13px; border: 1px solid rgba(123, 255, 179, .38); color: var(--lime); background: rgba(8, 28, 22, .92); box-shadow: 0 14px 34px rgba(0, 0, 0, .28); cursor: pointer; font-size: .72rem; font-weight: 900; letter-spacing: .04em; }
.notification-reopen[hidden] { display: none; }

.section-shell { width: min(var(--max), calc(100% - 56px)); margin: 0 auto; }
.section-pad { padding: 120px 0; }
.eyebrow, .panel-label, .card-label, .bio-kicker, .period-caption { margin: 0 0 14px; color: var(--lime); font-size: .72rem; letter-spacing: .14em; font-weight: 800; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.058em; line-height: .97; }
h1 { max-width: 810px; margin-bottom: 26px; font-size: clamp(3.35rem, 8vw, 7.6rem); }
h2 { margin-bottom: 0; font-size: clamp(2.45rem, 5vw, 5rem); }
h1 em, h2 em { color: var(--lime); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.section-heading { max-width: 790px; }
.split-heading { display: flex; justify-content: space-between; gap: 28px; align-items: flex-end; max-width: none; }
.source-note { margin: 0 0 8px; color: var(--muted); font-size: .72rem; line-height: 1.55; letter-spacing: .05em; text-align: right; text-transform: uppercase; }

.hero { position: relative; min-height: min(790px, calc(100vh - 78px)); display: grid; grid-template-areas: "copy card" "stats stats"; grid-template-columns: 1.2fr .8fr; grid-template-rows: 1fr auto; align-items: center; column-gap: 42px; row-gap: 42px; padding: 90px 0 0; isolation: isolate; }
.hero-art { position: absolute; inset: 0 calc(50% - 50vw); z-index: -2; background: linear-gradient(90deg, rgba(6,16,14,.95) 0%, rgba(6,16,14,.78) 45%, rgba(6,16,14,.32) 100%), linear-gradient(0deg, var(--ink) 0%, transparent 38%), url('/assets/emerald-light-trails.jpeg') center / cover no-repeat; }
.hero-copy { grid-area: copy; padding-bottom: 0; }
.hero-summary { max-width: 575px; margin-bottom: 32px; color: #cde1d7; font-size: clamp(1rem, 1.55vw, 1.23rem); }
.hero-actions, .contact-links { display: flex; gap: 12px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; font-size: .84rem; font-weight: 800; letter-spacing: .02em; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #06100e; background: var(--lime); box-shadow: 0 12px 32px rgba(97, 255, 171, .16); }
.button-ghost { border-color: rgba(163, 238, 197, .3); color: var(--cream); background: rgba(9, 26, 20, .46); }
.button-ghost:hover { border-color: var(--cyan); }
.hero-source { margin-top: 28px; color: var(--muted); font-size: .65rem; letter-spacing: .09em; }
.creator-card { grid-area: card; align-self: center; justify-self: end; width: min(100%, 330px); padding: 22px; background: linear-gradient(145deg, rgba(21,55,44,.87), rgba(12,26,22,.81)); border: 1px solid rgba(140,255,188,.28); box-shadow: 0 28px 70px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.avatar-frame { width: 80px; height: 80px; display: grid; place-items: center; margin-bottom: 26px; border: 1px solid var(--lime); padding: 5px; transform: rotate(-5deg); }
.avatar-frame img { width: 100%; height: 100%; object-fit: cover; }
.creator-card h2 { margin-bottom: 5px; font-size: 1.85rem; letter-spacing: -.045em; }
.handle { margin: 0; color: var(--cyan); font-size: .86rem; }
.creator-card-line { height: 1px; margin: 21px 0 16px; background: var(--line); }
.creator-card-note { margin: 0; color: var(--muted); font-size: .8rem; }
.hero-stats { grid-area: stats; position: static; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.hero-stats div { display: flex; align-items: baseline; gap: 13px; padding: 18px 18px 18px 0; }
.hero-stats div + div { padding-left: 18px; border-left: 1px solid var(--line); }
.hero-stats strong { color: var(--lime); font-size: clamp(1.5rem, 2.4vw, 2.35rem); letter-spacing: -.06em; }
.hero-stats span { color: var(--muted); font-size: .69rem; line-height: 1.2; text-transform: uppercase; }

.about { border-top: 1px solid var(--line); }
.about-layout { display: grid; grid-template-columns: .9fr 1.4fr; gap: 18px; margin-top: 44px; }
.bio-card, .pillars article, .metric-spotlight, .actions-panel, .performance-footnotes p, .detail-card, .partner-panel, .events-panel { background: var(--panel); border: 1px solid var(--line); }
.bio-card { min-height: 100%; padding: 30px; background: linear-gradient(145deg, rgba(19,52,42,.9), rgba(12,27,22,.78)); }
.bio-card > p:not(.bio-kicker) { color: var(--cream); font-size: 1.04rem; }
.bio-small { color: var(--muted) !important; font-size: .85rem !important; }
.bio-rule { width: 36px; height: 3px; margin: 25px 0; background: var(--cyan); }
.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pillars article { min-height: 245px; padding: 24px 20px; transition: transform .25s ease, background .25s ease; }
.pillars article:hover { background: rgba(24,72,56,.8); transform: translateY(-4px); }
.pillars span { color: var(--lime); font-size: .78rem; font-weight: 800; }
.pillars h3 { margin: 54px 0 10px; font-size: 1.05rem; }
.pillars p { margin: 0; color: var(--muted); font-size: .82rem; }

.performance { border-top: 1px solid var(--line); }
.spotlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 43px; }
.metric-spotlight { min-height: 180px; padding: 23px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(18,47,38,.55), rgba(18,47,38,.94)); }
.metric-spotlight span { color: var(--lime); font-size: .69rem; font-weight: 800; letter-spacing: .1em; }
.metric-spotlight strong { margin: 12px 0 3px; font-size: clamp(3rem, 5vw, 5rem); letter-spacing: -.085em; line-height: .8; }
.metric-spotlight p { margin: 0; color: var(--muted); font-size: .78rem; }
.actions-panel { margin-top: 16px; padding: 25px; }
.actions-panel-title { display: flex; align-items: center; gap: 9px; }
.actions-panel-title p { margin: 0; color: var(--lime); font-size: .7rem; letter-spacing: .13em; font-weight: 800; }
.pulse-dot { width: 7px; height: 7px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 0 0 rgba(123,255,179,.6); animation: pulse 2s infinite; }
.action-metrics { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 20px; }
.action-metrics div { display: grid; gap: 4px; }
.action-metrics strong { font-size: clamp(1.5rem, 2.5vw, 2.4rem); letter-spacing: -.06em; }
.action-metrics span { color: var(--muted); font-size: .75rem; }
.performance-footnotes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.performance-footnotes p { min-height: 120px; margin: 0; padding: 21px; color: var(--muted); font-size: .84rem; }
.performance-footnotes b { display: block; margin-bottom: 5px; color: var(--cream); font-size: 1.08rem; }

.instagram-snapshot { border-top: 1px solid var(--line); }
.snapshot-grid, .snapshot-content-grid { display: grid; gap: 16px; }
.snapshot-grid { grid-template-columns: repeat(3, 1fr); }
.snapshot-content-grid { grid-template-columns: repeat(2, 1fr); }
.snapshot-content-grid-single { grid-template-columns: 1fr; }
.snapshot-grid { margin-top: 43px; }
.snapshot-content-grid { margin-top: 16px; }
.snapshot-profile-card, .snapshot-posts-card { padding: 26px; background: var(--panel); border: 1px solid var(--line); }
.platform-instagram { border-top: 2px solid #f19cff; }
.platform-facebook { border-top: 2px solid #7da8ff; }
.platform-youtube { border-top: 2px solid #ff7777; }
.snapshot-platform-heading { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; }
.snapshot-platform-heading .panel-label { margin: 0; }
.snapshot-platform-heading > span { color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.snapshot-handle { display: inline-block; margin: 22px 0 28px; color: var(--lime); font-size: 1.55rem; font-weight: 900; letter-spacing: -.04em; }
.snapshot-handle:hover { color: var(--cyan); }
.snapshot-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.snapshot-stats div { display: grid; gap: 4px; }
.snapshot-stats strong { color: var(--cream); font-size: clamp(1.3rem, 2.4vw, 2rem); letter-spacing: -.06em; }
.snapshot-stats span, .snapshot-posts-heading span { color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.snapshot-profile-note { margin: 17px 0 0; color: var(--muted); font-size: .8rem; }
.snapshot-posts-heading { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; margin-bottom: 12px; }
.snapshot-posts-heading .panel-label { margin: 0; }
.snapshot-post-list { display: grid; gap: 0; }
.snapshot-post-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); list-style: none; }
.snapshot-post-list a { overflow: hidden; color: var(--cream); font-size: .87rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.snapshot-post-list a:hover { color: var(--cyan); }
.snapshot-post-list span { color: var(--muted); font-size: .7rem; text-align: right; }
.snapshot-post-list .snapshot-empty { display: block; min-height: 105px; }
.snapshot-post-list .snapshot-empty span { display: block; text-align: left; }
.snapshot-post-list .snapshot-empty span:first-child { margin-bottom: 8px; color: var(--cream); font-weight: 800; }
.snapshot-note { max-width: 790px; margin: 14px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }

.audience { border-top: 1px solid var(--line); }
.period-tabs { display: flex; border: 1px solid var(--line); background: rgba(255,255,255,.025); }
.period-tab { padding: 11px 16px; border: 0; border-left: 1px solid var(--line); color: var(--muted); background: transparent; cursor: pointer; font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.period-tab:first-child { border-left: 0; }
.period-tab.active { color: var(--ink); background: var(--lime); }
.period-caption { margin-top: 35px; color: var(--cyan); }
.audience-topline { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.audience-topline article { min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 15px; border-left: 1px solid var(--line); }
.audience-topline article:first-child { border-left: 0; }
.audience-topline strong { color: var(--lime); font-size: clamp(1.9rem, 3.5vw, 3.4rem); letter-spacing: -.075em; }
.audience-topline span { color: var(--muted); font-size: .76rem; }
.audience-details { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 16px; margin-top: 16px; }
.detail-card { padding: 21px; }
.detail-card h3 { margin: 0 0 14px; color: var(--cyan); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
dl, ol { margin: 0; padding: 0; }
dl div, .detail-card li { display: flex; justify-content: space-between; gap: 14px; padding: 4px 0; color: var(--muted); font-size: .82rem; }
.detail-card li { list-style: none; }
dd { margin: 0; color: var(--cream); font-weight: 800; }
.detail-card b { color: var(--cream); }
.detail-card small { display: block; margin-top: 12px; color: var(--muted); font-size: .72rem; }
.audience-advisory { max-width: 760px; margin: 14px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }

.reels { border-top: 1px solid var(--line); }
.reel-table-wrap { margin-top: 40px; overflow-x: auto; border: 1px solid var(--line); background: var(--panel); }
table { width: 100%; border-collapse: collapse; min-width: 690px; }
th, td { padding: 18px; border-bottom: 1px solid var(--line); text-align: left; }
th { color: var(--lime); font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; }
td { color: var(--cream); font-size: .93rem; }
td b { display: block; }
td small { display: block; margin-top: 4px; color: var(--muted); font-size: .72rem; }
.reel-index { display: inline-block; width: 29px; color: var(--cyan); font-size: .7rem; font-weight: 800; }
.table-note { margin: 12px 0 0; color: var(--muted); font-size: .72rem; }

.partners { border-top: 1px solid var(--line); }
.partner-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; margin-top: 42px; }
.partner-panel, .events-panel { padding: 28px; }
.brand-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.brand-cloud span { padding: 9px 11px; border: 1px solid rgba(120,225,255,.3); color: var(--cream); font-size: .76rem; font-weight: 800; letter-spacing: .04em; }
.xbox-callout { margin-top: 30px; padding: 17px; border-left: 2px solid var(--lime); background: rgba(91,255,157,.06); }
.xbox-callout b { color: var(--lime); font-size: .75rem; letter-spacing: .07em; }
.xbox-callout p { margin: 6px 0 0; color: var(--muted); font-size: .83rem; }
.event-list { display: grid; gap: 17px; margin-top: 26px; }
.event-list li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; list-style: none; }
.event-list li > span { color: var(--cyan); font-size: .72rem; font-weight: 800; }
.event-list b { font-size: .93rem; }
.event-list p { margin: 3px 0 0; color: var(--muted); font-size: .76rem; }
.portfolio-note { max-width: 720px; margin: 16px 0 0; color: var(--muted); font-size: .72rem; }

.contact { position: relative; min-height: 650px; display: grid; align-items: center; padding: 100px 0 55px; border-top: 1px solid var(--line); overflow: hidden; }
.contact-backdrop { position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; background: radial-gradient(circle at 68% 20%, rgba(73,255,156,.2), transparent 28%), linear-gradient(120deg, #07110f 20%, #0d2a20 100%); }
.contact-content { max-width: 760px; }
.contact-content > p:not(.eyebrow) { max-width: 610px; margin: 24px 0 31px; color: #cde1d7; font-size: 1.05rem; }
.contact footer { position: absolute; right: 0; bottom: 28px; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(var(--max), calc(100% - 56px)); margin: 0 auto; padding-top: 18px; border-top: 1px solid var(--line); }
.contact footer p { margin: 0; color: var(--muted); font-size: .65rem; letter-spacing: .04em; text-align: right; }

.collaboration-page { background: #06100e; }
.collaboration-page .site-header nav { gap: clamp(12px, 1.7vw, 24px); }
.collab-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 54px; align-items: end; min-height: min(720px, calc(100vh - 78px)); padding: 132px 0 94px; border-bottom: 1px solid var(--line); overflow: hidden; isolation: isolate; }
.collab-hero::before { position: absolute; inset: 0 calc(50% - 50vw); z-index: -2; content: ""; background: radial-gradient(circle at 76% 25%, rgba(67, 255, 159, .2), transparent 25%), linear-gradient(115deg, rgba(6, 16, 14, .98) 5%, rgba(6, 16, 14, .84) 48%, rgba(10, 47, 35, .7) 100%); }
.collab-hero::after { position: absolute; top: 14%; right: 5%; z-index: -1; width: min(38vw, 530px); height: min(38vw, 530px); border: 1px solid rgba(123, 255, 179, .22); border-radius: 50%; box-shadow: 0 0 0 44px rgba(123, 255, 179, .025), 0 0 0 88px rgba(123, 255, 179, .018); content: ""; }
.collab-hero-copy { max-width: 780px; }
.collab-hero h1 { max-width: 880px; margin-bottom: 28px; font-size: clamp(3.6rem, 7vw, 7.8rem); }
.collab-lede { max-width: 590px; margin-bottom: 34px; color: #cde1d7; font-size: clamp(1.02rem, 1.45vw, 1.25rem); }
.collab-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.collab-brief { justify-self: end; width: min(100%, 330px); padding: 26px; background: linear-gradient(145deg, rgba(19, 62, 45, .93), rgba(8, 26, 20, .88)); border: 1px solid rgba(123, 255, 179, .36); box-shadow: 0 28px 70px rgba(0, 0, 0, .28); backdrop-filter: blur(16px); }
.collab-brief .panel-label { margin-bottom: 18px; }
.collab-brief-number { color: var(--lime); font-size: clamp(5.6rem, 10vw, 8rem); font-weight: 900; letter-spacing: -.1em; line-height: .72; }
.collab-brief-title { margin: 24px 0 0; color: var(--cream); font-size: 1.12rem; font-weight: 800; line-height: 1.2; }
.collab-brief-rule { width: 100%; height: 1px; margin: 22px 0 15px; background: var(--line); }
.collab-brief > p:last-child { margin: 0; color: var(--muted); font-size: .76rem; text-transform: uppercase; letter-spacing: .055em; }

.collaboration-showcase { border-bottom: 1px solid var(--line); }
.collab-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; margin: 46px 0 0; padding: 0; }
.collab-card { position: relative; grid-column: span 4; display: flex; min-height: 360px; flex-direction: column; justify-content: space-between; padding: 24px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18, 52, 41, .94), rgba(7, 21, 17, .94)); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.collab-card::after { position: absolute; right: -46px; bottom: -67px; width: 175px; height: 175px; border: 1px solid rgba(123, 255, 179, .24); border-radius: 50%; content: ""; transition: transform .35s ease; }
.collab-card:hover { transform: translateY(-5px); border-color: rgba(123, 255, 179, .5); background: linear-gradient(145deg, rgba(25, 72, 54, .95), rgba(7, 24, 18, .95)); }
.collab-card:hover::after { transform: scale(1.22); }
.collab-card-wide { grid-column: span 8; min-height: 384px; }
.collab-card-top, .collab-link { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.collab-index { color: var(--lime); font-size: .75rem; font-weight: 900; letter-spacing: .1em; }
.collab-type { color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.collab-card-body { position: relative; z-index: 1; max-width: 560px; }
.collab-brand { margin-bottom: 12px; color: var(--cyan); font-size: .73rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.collab-card h3 { margin: 0 0 15px; color: var(--cream); font-size: clamp(1.85rem, 2.9vw, 3.5rem); letter-spacing: -.065em; line-height: .95; }
.collab-card h3 em { color: var(--lime); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.collab-card-body > p:last-child { max-width: 360px; margin: 0; color: var(--muted); font-size: .88rem; }
.collab-results { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px; margin: 22px 0 18px; }
.collab-results span { padding: 6px 8px; border: 1px solid rgba(123, 255, 179, .27); color: var(--lime); background: rgba(123, 255, 179, .055); font-size: .66rem; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.collab-results-public span { border-color: rgba(120, 225, 255, .25); color: var(--cyan); background: rgba(120, 225, 255, .045); }
.collab-link { width: fit-content; color: var(--cream); font-size: .8rem; font-weight: 900; letter-spacing: .025em; }
.collab-link span { color: var(--lime); font-size: 1rem; }
.collab-link:hover { color: var(--cyan); }
.tone-cyan::after { border-color: rgba(120, 225, 255, .34); }
.tone-rose::after { border-color: rgba(255, 132, 166, .34); }
.tone-gold::after { border-color: rgba(255, 213, 112, .34); }
.tone-blue::after { border-color: rgba(116, 173, 255, .34); }
.tone-yellow::after { border-color: rgba(255, 235, 98, .34); }
.tone-violet::after { border-color: rgba(197, 145, 255, .34); }
.tone-cyan .collab-brand { color: var(--cyan); }
.tone-rose .collab-brand { color: #ffb0c9; }
.tone-gold .collab-brand { color: #ffdb7e; }
.tone-blue .collab-brand { color: #9fc5ff; }
.tone-yellow .collab-brand { color: #ffe56f; }
.tone-violet .collab-brand { color: #d7b0ff; }
.collab-disclosure { max-width: 770px; margin: 18px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.6; }

.collab-contact { position: relative; min-height: 620px; display: grid; align-items: center; padding: 100px 0 82px; overflow: hidden; isolation: isolate; }
.collab-contact-backdrop { position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; background: radial-gradient(circle at 72% 24%, rgba(94, 255, 174, .2), transparent 27%), linear-gradient(120deg, #07110f 20%, #0d3426 100%); }
.collab-contact-content { max-width: 760px; }
.collab-contact-content > p:not(.eyebrow) { max-width: 610px; margin: 24px 0 31px; color: #cde1d7; font-size: 1.05rem; }
.collab-footer { position: absolute; right: 0; bottom: 28px; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(var(--max), calc(100% - 56px)); margin: 0 auto; padding-top: 18px; border-top: 1px solid var(--line); }
.collab-footer p { margin: 0; color: var(--muted); font-size: .65rem; letter-spacing: .04em; text-align: right; }

.reveal { animation: rise .7s both; }
.hero .reveal:nth-child(2) { animation-delay: .06s; }
.hero .reveal:nth-child(3) { animation-delay: .15s; }
@keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes notification-in { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px rgba(123,255,179,0); } 100% { box-shadow: 0 0 0 0 rgba(123,255,179,0); } }

@media (max-width: 860px) {
  .site-header nav { display: none; }
  .notification-region { position: relative; top: auto; right: auto; z-index: 21; width: min(360px, calc(100% - 56px)); margin: 16px max(28px, 5vw) 0 auto; }
  .hero { grid-template-areas: "copy" "card" "stats"; grid-template-columns: 1fr; grid-template-rows: auto; min-height: auto; row-gap: 32px; padding: 80px 0 0; }
  .hero-copy { padding-bottom: 0; }
  .creator-card { justify-self: start; width: min(100%, 460px); }
  .about-layout, .partner-layout, .performance-footnotes, .snapshot-grid, .snapshot-content-grid, .audience-details { grid-template-columns: 1fr; }
  .pillars { grid-template-columns: 1fr; }
  .pillars article { min-height: auto; }
  .pillars h3 { margin-top: 22px; }
  .split-heading { display: block; }
  .source-note { margin-top: 18px; text-align: left; }
  .period-tabs { display: inline-flex; margin-top: 20px; }
  .hero-stats { grid-template-columns: repeat(3, 1fr); gap: 0; }
  .hero-stats div, .hero-stats div + div { padding: 12px 0; border-left: 0; border-top: 1px solid var(--line); }
  .hero-stats div:first-child { border-top: 0; }
  .hero-stats strong { min-width: 88px; }
}

@media (max-width: 640px) {
  .site-header { height: 65px; padding: 0 20px; }
  .site-header .header-cta { font-size: .7rem; }
  .notification-region { width: calc(100% - 36px); margin: 12px 18px 0 auto; }
  .site-notification { padding: 18px 43px 17px 18px; }
  .section-shell { width: min(100% - 36px, var(--max)); }
  .section-pad { padding: 82px 0; }
  .hero { row-gap: 24px; padding-top: 66px; }
  h1 { font-size: clamp(3.05rem, 16vw, 5rem); }
  h2 { font-size: clamp(2.35rem, 11vw, 3.9rem); }
  .hero-art { background: linear-gradient(180deg, rgba(6,16,14,.78) 0%, var(--ink) 78%), url('/assets/emerald-light-trails.jpeg') center / cover no-repeat; }
  .creator-card { width: 100%; }
  .hero-stats { grid-template-columns: 1fr; }
  .spotlight-grid { grid-template-columns: 1fr; }
  .snapshot-profile-card, .snapshot-posts-card { padding: 21px; }
  .snapshot-post-list li { grid-template-columns: 1fr; gap: 4px; }
  .snapshot-post-list span { text-align: left; }
  .metric-spotlight { min-height: 136px; }
  .action-metrics { grid-template-columns: repeat(2, 1fr); }
  .action-metrics div:last-child { grid-column: span 2; }
  .audience-topline { grid-template-columns: 1fr 1fr; }
  .audience-topline article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .audience-topline article:nth-child(4) { border-top: 1px solid var(--line); }
  .partner-panel, .events-panel, .bio-card { padding: 22px; }
  .contact { min-height: 710px; padding-top: 80px; }
  .contact footer { display: grid; grid-template-columns: 1fr; align-items: start; bottom: 18px; }
  .contact footer p { text-align: left; }
}

@media (max-width: 860px) {
  .collab-hero { grid-template-columns: 1fr; min-height: auto; gap: 36px; padding: 100px 0 82px; }
  .collab-hero-copy { max-width: 690px; }
  .collab-brief { justify-self: start; width: min(100%, 440px); }
  .collab-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collab-card, .collab-card-wide { grid-column: span 1; min-height: 335px; }
  .collab-contact { min-height: 650px; }
}

@media (max-width: 640px) {
  .collab-hero { gap: 28px; padding: 76px 0 68px; }
  .collab-hero h1 { font-size: clamp(3.15rem, 15vw, 4.85rem); }
  .collab-lede { margin-bottom: 28px; }
  .collab-brief { width: 100%; padding: 22px; }
  .collab-brief-number { font-size: 5.7rem; }
  .collab-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 34px; }
  .collab-card, .collab-card-wide { min-height: 310px; padding: 21px; }
  .collab-card h3 { font-size: clamp(2.15rem, 10vw, 3.1rem); }
  .collab-contact { min-height: 710px; padding: 82px 0 76px; }
  .collab-footer { display: grid; grid-template-columns: 1fr; align-items: start; bottom: 18px; }
  .collab-footer p { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}