/* > Made by Codex · 2026-09-27 · from: "aim for a more clean minimal premium" · session 01a0de73-8781-76e2-9e1a-17ace1b2bbce */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
.kit-main { padding-top: 42px; }
.kit-page-heading { display: none; }
.kit-section-nav { margin-bottom: 32px; }
.kit-instagram .kit-analytics { padding: 24px 0 18px; background: transparent; border-top: 1px solid var(--line); }
.kit-instagram .kit-analytics::before { display: none; }
.kit-platform-label { margin: 0; font-size: .7rem; letter-spacing: .03em; }
.kit-platform-icon { width: 25px; height: 25px; }
.kit-platform-icon svg { width: 18px; height: 18px; }
.kit-instagram .kit-platform-icon { border-radius: 7px; }
.kit-analytics .kit-panel-heading { margin-top: 15px; align-items: center; }
.kit-analytics .kit-panel-heading h2 { font: 400 1.7rem/1.2 var(--serif); letter-spacing: -.02em; }
.kit-analytics .kit-panel-heading p { font-size: .72rem; margin-top: 5px; }
.kit-analytics .kit-period { padding: 0; border: 0; font-size: .66rem; }
.kit-instagram .kit-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; padding-block: 22px 18px; border-bottom: 0; }
.kit-instagram .kit-stats dt { min-height: 0; font-size: .7rem; }
.kit-instagram .kit-stats dd { font: 400 clamp(1.7rem,2.7vw,2.25rem)/1.3 var(--sans); letter-spacing: -.04em; color: var(--ink); margin-top: 6px; }
.kit-stats dd > span:not(.count-up) { font-size: .64rem; margin-top: 4px; }
.kit-stats dd > .count-up { display: inline; color: inherit; font: inherit; margin: 0; }
.count-up { font-variant-numeric: tabular-nums; }
.kit-analytics .kit-footnote { margin: 0; font-size: .65rem; max-width: none; }
.insight-details { border-block: 1px solid var(--line); }
.insight-details > summary { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: .75rem; }
.insight-details > summary::-webkit-details-marker { display: none; }
.insight-details > summary > span:last-child { color: #922582; white-space: nowrap; }
.insight-details .kit-audience-grid { gap: 25px 40px; margin-top: 20px; }
.insight-details .kit-panel { padding: 20px 0; }
.insight-details h2 { font-size: 1.5rem; }
.insight-details .kit-panel-heading p { font-size: .7rem; }
.insight-details .kit-gender-stats dd { font: 400 2rem var(--sans); }
.insight-details .kit-donut { width: 115px; height: 115px; }
.insight-details .kit-donut > div { width: 85px; height: 85px; }
.insight-details .kit-donut strong { font-size: 1.4rem; }
.insight-details .kit-format-stats dd { font: 400 1.8rem var(--sans); }
.insight-details .kit-format-stats > div { border: 0; padding: 0; }
.insight-details .kit-format-panel { margin-top: 0; }
.kit-content { margin-block: 52px; }
.kit-content .kit-block-heading { margin-bottom: 20px; }
.kit-content .kit-block-heading h2 { font-size: 2rem; }
.kit-content .kit-block-heading p { font-size: .74rem; max-width: 65ch; line-height: 1.7; }
.kit-content-grid { gap: 22px; }
.kit-content-post { background: transparent; border: 0; }
.kit-content-post img { aspect-ratio: 4/4.5; height: auto; object-fit: cover; object-position: 50% 33%; }
.kit-content-post > span { padding: 14px 0 0; }
.kit-content-post strong { font: 400 1.15rem/1.4 var(--serif); }
.kit-content-post > span > span { font-size: .7rem; margin-top: 4px; }
.kit-work { padding-top: 36px; }
.kit-work .kit-block-heading h2 { font-size: 2.2rem; }
.kit-work .archive-kicker { display: none; }
.kit-work .kit-block-heading p { font-size: .78rem; }
.archive-layout { display: block; }
.archive-overview { border: 0; padding: 0; margin: 18px 0 20px; gap: 10px 22px; font-size: .7rem; }
.archive-tools { grid-template-columns: 1.4fr 1fr 1fr; gap: 18px; }
.archive-tools input, .archive-tools select { border: 0; border-bottom: 1px solid var(--line); padding: 10px 0; border-radius: 0; background: transparent; font-size: .8rem; }
.archive-guide { margin-bottom: 10px; }
#partnership-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 24px; border-top: 1px solid var(--line); }
.kit-work .kit-niche, .kit-work .kit-partner-list { display: contents; }
.kit-work .kit-niche > h3 { display: none; }
.kit-work .kit-partner { min-width: 0; border: 0; border-bottom: 1px solid var(--line); margin: 0; }
.kit-work .kit-partner > summary { display: flex; justify-content: space-between; gap: 12px; height: 112px; padding: 20px 12px; position: relative; }
.brand-mark { display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; }
.brand-mark img { max-width: 130px; width: 100%; height: 43px; object-fit: contain; filter: brightness(0); opacity: .85; }
.brand-mark .brand-name { font: 500 1rem/1.3 var(--sans); text-align: center; letter-spacing: -.02em; text-wrap: balance; }
.kit-work .kit-partner > summary:hover { background: #eeece680; }
.brand-chevron { width: 10px; height: 10px; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(45deg); flex-shrink: 0; transition: transform 180ms ease-out; }
.kit-work .kit-partner[open] { grid-column: 1 / -1; background: transparent; }
.kit-work .kit-partner[open] > summary { height: 86px; justify-content: flex-start; }
.kit-work .kit-partner[open] .brand-mark { flex: initial; width: 160px; }
.kit-work .kit-partner[open] .brand-chevron { transform: rotate(225deg); }
.kit-work .kit-partner-detail { max-width: none; padding: 20px 12px 30px; }
.kit-partner .campaign-overview { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 12px; font-size: .75rem; color: var(--muted); }
.kit-partner .campaign-overview .kit-deliverable, .kit-partner .campaign-overview .kit-post-count { margin: 0; font: inherit; }
.kit-partner .archive-pending { display: none; }
.kit-partner .campaign-example { grid-template-columns: minmax(160px,220px) minmax(0,1fr); gap: 32px; padding-block: 22px; }
.kit-partner .campaign-example video { max-height: 390px; }
.kit-partner .campaign-copy h4 { font-size: 1.8rem; }
.kit-partner .campaign-copy p { font-size: .8rem; line-height: 1.7; }
.kit-partner .campaign-copy .campaign-evidence { font-size: .68rem; }
.kit-partner .campaign-metrics dd { font-size: 1.35rem; }
.portfolio-intro { padding-block: 50px 35px; }
.portfolio-intro .eyebrow { display: none; }
.portfolio-intro h1 { font-size: clamp(2.8rem,5vw,4rem); margin: 0; max-width: none; letter-spacing: -.035em; }
.portfolio-intro p { max-width: 65ch; font-size: .85rem; line-height: 1.7; }
.portfolio-section { display: block; padding-block: 36px; }
.portfolio-section-copy { display: flex; align-items: baseline; gap: 24px; justify-content: space-between; margin-bottom: 22px; }
.portfolio-section-copy h2 { font-size: 2rem; letter-spacing: -.025em; }
.portfolio-section-copy p { max-width: 50ch; font-size: .75rem; margin: 0; }
.portfolio-posts, .portfolio-single { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px 22px; }
.portfolio-post { min-width: 0; border: 0; background: transparent; }
.portfolio-post img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: 50% 35%; }
.kit-content-post img[src*="Dcdx_FzBuiP"], .portfolio-post img[src*="Dcdx_FzBuiP"] { object-position: 50% 100%; }
.portfolio-post h3 { font: 400 1.2rem/1.35 var(--serif); margin-top: 13px; letter-spacing: -.01em; }
.portfolio-post p { font-size: .7rem; line-height: 1.5; margin-top: 6px; }
.portfolio-post-action { display: flex; justify-content: space-between; font-size: .68rem; min-height: 36px; margin-top: 4px; color: var(--muted); }
.portfolio-more { margin-top: 22px; border-bottom: 1px solid var(--line); }
.portfolio-more > summary { display: flex; justify-content: space-between; padding-block: 14px; min-height: 48px; font-size: .78rem; cursor: pointer; list-style: none; }
.portfolio-more > summary::-webkit-details-marker { display: none; }
.portfolio-more > summary::after { content: '+'; }
.portfolio-more[open] > summary::after { content: '−'; }
.portfolio-more .portfolio-posts { padding-block: 20px 28px; }
.portfolio-source { margin-top: 18px; font-size: .64rem; color: var(--muted); line-height: 1.7; }
.content-player { width: min(640px,calc(100% - 24px)); max-height: calc(100dvh - 32px); margin: auto; padding: 20px; border: 0; background: var(--white); color: var(--ink); overscroll-behavior: contain; }
.content-player::backdrop { background: #141414d9; }
.content-player header { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 12px; }
.content-player h2 { font: 400 1.4rem var(--serif); }
.content-player button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); background: transparent; color: inherit; font-size: .8rem; cursor: pointer; }
.content-player video { display: block; width: 100%; height: min(66dvh,650px); object-fit: contain; background: #171717; }
.content-player a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; font-size: .78rem; text-decoration: underline; }
.player-notice { font-size: .8rem; margin-top: 12px; }
/* Compact spacing, not miniature text. */
.kit-platform-label, .kit-analytics .kit-panel-heading p, .kit-instagram .kit-stats dt,
.kit-content .kit-block-heading p, .kit-content-post > span > span,
.archive-overview, .portfolio-post p, .portfolio-post-action { font-size: .875rem; }
.kit-analytics .kit-period, .kit-analytics .kit-footnote, .kit-stats dd > span:not(.count-up),
.portfolio-source, .kit-partner .campaign-copy .campaign-evidence { font-size: .78rem; }
.insight-details > summary, .kit-work .kit-block-heading p, .portfolio-section-copy p,
.portfolio-more > summary { font-size: .9rem; }
.archive-tools input, .archive-tools select { font-size: .95rem; }
.kit-partner .campaign-copy p { font-size: .95rem; }
@media (max-width: 900px) {
  #partnership-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 18px; }
  .portfolio-posts, .portfolio-single { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .kit-main { padding-inline: 24px; }
  .kit-instagram .kit-stats { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
}
@media (max-width: 600px) {
  .kit-main { padding-inline: 12px; }
  .kit-instagram .kit-analytics { padding-top: 18px; }
  .kit-analytics .kit-panel-heading { display: block; }
  .kit-analytics .kit-period { display: inline-block; margin-top: 6px; }
  .kit-instagram .kit-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; }
  .kit-instagram .kit-stats dd { font-size: 1.9rem; }
  .insight-details > summary { display: block; padding-block: 16px; line-height: 1.8; }
  .insight-details > summary span { display: block; }
  .kit-content-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
  .kit-content-post { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 18px; align-items: center; }
  .kit-content-post img { aspect-ratio: 4/5; }
  .kit-content-post > span { padding: 0; }
  .kit-content-post strong { font-size: 1.15rem; }
  .archive-overview { display: flex; }
  .archive-tools { grid-template-columns: 1fr 1fr; gap: 12px; }
  .archive-tools input, .archive-tools select { font-size: 1rem; }
  .archive-search-label { grid-column: 1 / -1; }
  #partnership-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
  .kit-work .kit-partner > summary { height: 100px; padding-inline: 4px; }
  .brand-mark img { max-width: 112px; height: 36px; }
  .brand-mark .brand-name { font-size: .9rem; }
  .kit-partner .campaign-example { grid-template-columns: 1fr; gap: 18px; }
  .kit-partner .campaign-example video { width: min(100%,240px); margin-inline: auto; }
  .kit-work .kit-partner-detail { padding-inline: 0; }
  .portfolio-intro { padding-top: 36px; }
  .portfolio-section-copy { display: block; }
  .portfolio-section-copy h2 { font-size: 1.8rem; }
  .portfolio-section-copy p { margin-top: 9px; }
  .portfolio-posts, .portfolio-single { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  .portfolio-post h3 { font-size: 1.07rem; }
  .portfolio-post-action { align-items: flex-start; gap: 6px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .brand-chevron { transition: none; } }