:root {
  --lc-label:  #364540;
  --lc-artist: #DFF6E9;
  --lc-sage:   #99BEAF;
  --lc-forest: #2C5546;
  --lc-board:  #273231;
  --lc-flag:   #FFD84D;
  --lc-body: 1rem;
  --lc-lede: clamp(1.0625rem, 0.97rem + 0.4vw, 1.25rem);
  --lc-on-label: rgba(244, 239, 227, 0.76);
}

.lc { background: var(--paper); font-size: var(--lc-body); }
.lc-sec { padding-block: var(--band); }
.lc-sec--mint { background: var(--lc-artist); }
.lc-sec--label { background: var(--lc-label); color: var(--ivory); }

.lc-tag { display: flex; align-items: center; gap: var(--s-3); margin-bottom: var(--s-5); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-forest); }
.lc-tag::before { content: ""; width: 14px; height: 14px; background: linear-gradient(90deg, var(--lc-label) 50%, var(--lc-sage) 50%); outline: 1px solid var(--lc-label); }
.lc-sec--label .lc-tag { color: var(--lc-artist); }
.lc-sec--label .lc-tag::before { outline-color: var(--lc-artist); }
.lc-h2 { max-width: 24ch; }
.lc-lede { max-width: 62ch; margin-top: var(--s-5); color: var(--ink-60); font-size: var(--lc-lede); line-height: 1.55; }
.lc-sec--label .lc-lede { color: var(--lc-on-label); }
.lc-sub { font-family: var(--display); font-weight: 400; font-size: var(--t-mid); line-height: 1.1; letter-spacing: -0.02em; }

.lc-shot { display: grid; gap: var(--s-3); align-content: start; margin: 0; min-width: 0; }
.lc-shot__frame { position: relative; display: block; overflow: hidden; border-radius: 14px; background: var(--lc-board); box-shadow: 0 0 0 1px rgba(244, 239, 227, 0.16); }

.lc-shot--phone .lc-shot__frame { border-radius: 7.5% / 3.6%; box-shadow: none; }

.lc-shot--clip .lc-shot__frame { aspect-ratio: 375 / 812; }
.lc-shot--clip .lc-shot__frame img { height: 100%; object-fit: cover; object-position: top; }
.lc-shot--clip .lc-shot__frame::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12%; background: linear-gradient(to bottom, rgba(39, 50, 49, 0), rgba(39, 50, 49, 0.92)); }
.lc-shot__frame img { display: block; width: 100%; height: auto; }
.lc-shot figcaption { font-size: 0.9375rem; line-height: 1.5; color: var(--ink-60); }
.lc-shot figcaption b { display: block; font-weight: 500; color: var(--ink); }
.lc-board .lc-shot figcaption, .lc-sec--label .lc-shot figcaption { color: var(--iv-55); }
.lc-board .lc-shot figcaption b, .lc-sec--label .lc-shot figcaption b { color: var(--ivory); }
.lc-kind { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-sage); }

.needs-change { position: absolute; z-index: 2; left: 8px; top: 8px; max-width: calc(100% - 16px); padding: 2px 8px; border-radius: 4px; background: var(--lc-flag); color: #1A1600; font-family: var(--mono); font-size: var(--t-mono); line-height: 1.35; }

.lc-board { padding: var(--s-6); background: var(--lc-board); color: var(--ivory); }
.lc-row { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: var(--s-5); align-items: start; }
.lc-row--pairs { gap: var(--s-5) var(--s-7); }
.lc-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); align-items: start; min-width: 0; }
.lc-pair > p { grid-column: 1 / -1; font-family: var(--display); font-size: var(--t-sub); line-height: 1.3; color: var(--ivory); }
.lc-pair > p span { display: block; margin-bottom: 2px; font-family: var(--mono); font-size: var(--t-mono); color: var(--lc-sage); }

.lc-hero { padding-block: var(--s-7) var(--s-8); background: var(--deep); color: var(--ivory); }
.lc-hero__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--s-8); align-items: center; }
.lc-hero__top { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-5); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--iv-55); }
.lc-hero__top a { color: var(--ivory); }
.lc-hero__top a:hover { color: var(--lc-sage); }
.lc-hero :focus-visible { outline-color: var(--lc-sage); }
.lc-hero h1 { margin-top: var(--s-5); }
.lc-hero__say { margin-top: var(--s-5); max-width: 16ch; font-family: var(--display); font-size: var(--t-mid); line-height: 1.08; letter-spacing: -0.02em; }
.lc-hero__say em { font-style: italic; color: var(--lc-sage); }
.lc-hero__lede { margin-top: var(--s-4); max-width: 52ch; color: var(--iv-55); font-size: var(--lc-lede); line-height: 1.55; }
.lc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4) var(--s-6); margin-top: var(--s-6); padding-top: var(--s-4); border-top: 1px solid var(--line-d2); }
.lc-facts > div { display: grid; gap: 4px; align-content: start; }
.lc-facts .is-wide { grid-column: 1 / -1; }
.lc-facts dt { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--iv-40); }
.lc-facts dd { font-size: 0.9375rem; line-height: 1.5; }

.lc-nav { position: sticky; top: var(--nav-h, 4.6rem); z-index: 50; background: var(--paper); border-bottom: 1px solid var(--line); }
.lc-nav .cs-nav__list { display: flex; gap: var(--s-1); overflow-x: auto; scrollbar-width: none; }
.lc-nav .cs-nav__list::-webkit-scrollbar { display: none; }
.lc-nav a { flex: none; display: inline-flex; align-items: center; gap: 0.45em; min-height: 52px; padding: 0 var(--s-3); font-family: var(--mono); font-size: var(--t-mono); color: var(--ink-45); white-space: nowrap; transition: color var(--fast) var(--ease), background-color var(--fast) var(--ease); }
.lc-nav a:hover { color: var(--ink); }
.lc-nav a[aria-current="true"] { color: var(--ink); background: var(--paper-2); box-shadow: inset 0 -2px 0 var(--lc-forest); }

.lc-deal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 1fr); margin-top: var(--s-8); }
.lc-deal > div { display: grid; gap: var(--s-3); align-content: start; padding: var(--s-6); }
.lc-deal__artist { background: var(--lc-artist); }
.lc-deal__label { background: var(--lc-label); color: var(--ivory); }
.lc-deal__contract { background: var(--paper-2); border-block: 1px solid var(--line-2); text-align: center; justify-items: center; }
.lc-deal b { font-family: var(--display); font-weight: 400; font-size: var(--t-mid); line-height: 1.05; letter-spacing: -0.02em; }
.lc-deal p { line-height: 1.6; }
.lc-deal__artist p, .lc-deal__contract p { color: var(--ink-60); }
.lc-deal__label p { color: var(--lc-on-label); }
.lc-deal span { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); }
.lc-deal__artist span, .lc-deal__contract span { color: var(--lc-forest); }
.lc-deal__label span { color: var(--lc-sage); }

.lc-old { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s-8); align-items: start; margin-top: var(--s-8); }
.lc-breaks { display: grid; counter-reset: b; border-top: 1px solid var(--ink); }
.lc-breaks li { counter-increment: b; display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--s-3); padding-block: var(--s-4); border-bottom: 1px solid var(--line-2); line-height: 1.55; }
.lc-breaks li::before { content: counter(b); font-family: var(--display); font-size: var(--t-sub); color: var(--lc-forest); }
.lc-breaks b { display: block; font-family: var(--display); font-weight: 400; font-size: var(--t-sub); line-height: 1.3; }
.lc-breaks span { color: var(--ink-60); }

.lc-survey { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-8); align-items: start; margin-top: var(--s-8); }
.lc-chart { margin: 0; padding: var(--s-6); background: var(--paper); border: 1px solid var(--line-2); }
.lc-chart figcaption { font-family: var(--display); font-size: var(--t-sub); line-height: 1.3; }
.lc-chart figcaption small { display: block; margin-top: 4px; font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-bars { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); align-items: end; height: 260px; margin-top: var(--s-6); border-bottom: 1px solid var(--ink); }
.lc-bars li { display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; height: 100%; text-align: center; }
.lc-bars b { font-family: var(--mono); font-weight: 400; font-size: var(--t-mono); color: var(--ink); }
.lc-bars i { display: block; flex: none; height: calc(var(--v) / 44 * (100% - 2rem)); min-height: 2px; background: var(--lc-forest); }
.lc-bars li.is-none i { background: var(--line-2); }
.lc-scale { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-4); margin-top: var(--s-2); text-align: center; font-family: var(--mono); font-size: var(--t-mono); color: var(--ink-60); }
.lc-chart__note { margin-top: var(--s-5); color: var(--ink-60); font-size: 0.9375rem; line-height: 1.55; }
.lc-numbers { display: grid; border-top: 1px solid var(--ink); }
.lc-numbers > div { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--s-4); align-items: baseline; padding-block: var(--s-4); border-bottom: 1px solid var(--line-2); }
.lc-numbers dt { font-family: var(--display); font-size: var(--t-mid); line-height: 1; letter-spacing: -0.02em; color: var(--lc-forest); }
.lc-numbers dd { line-height: 1.5; color: var(--ink-60); }

.lc-themes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: var(--s-8); border: 1px solid var(--line-2); background: var(--line-2); }
.lc-themes li { display: grid; gap: var(--s-3); align-content: start; padding: var(--s-5) var(--s-5) var(--s-6); background: var(--paper); }
.lc-themes b { font-family: var(--display); font-weight: 400; font-size: var(--t-sub); line-height: 1.3; }
.lc-themes p { color: var(--ink-60); line-height: 1.55; }
.lc-themes blockquote { margin: 0; padding-left: var(--s-4); border-left: 2px solid var(--lc-forest); line-height: 1.55; }
.lc-themes blockquote::before { content: "\201C"; }
.lc-themes blockquote::after { content: "\201D"; }
.lc-themes cite { font-family: var(--mono); font-style: normal; font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-evidence { margin: var(--s-8) 0 0; }
.lc-evidence img { display: block; width: 100%; height: auto; }
.lc-evidence figcaption { margin-top: var(--s-3); color: var(--ink-60); font-size: 0.9375rem; }

.lc-board__note { margin-top: var(--s-5); color: var(--iv-55); font-size: 0.9375rem; line-height: 1.55; max-width: 70ch; }

.cs-next__say { margin-top: var(--s-3); color: var(--ink-60); max-width: 40ch; }

@media (max-width: 1080px) {
  .lc-hero__grid, .lc-old, .lc-survey, .lc-look { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
  .lc-themes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-row { grid-template-columns: repeat(min(var(--n, 4), 3), minmax(0, 1fr)); }
  .lc-row--pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .lc-facts, .lc-themes { grid-template-columns: minmax(0, 1fr); }
  .lc-deal { grid-template-columns: minmax(0, 1fr); }
  .lc-deal__contract { border-block: 0; border-inline: 1px solid var(--line-2); }
  .lc-board { padding: var(--s-5) var(--s-4); }
  .lc-numbers > div { grid-template-columns: 5rem minmax(0, 1fr); }
  .lc-bars, .lc-scale { gap: var(--s-2); }
  .lc-bars { height: 200px; }
  .lc-chart { padding: var(--s-5) var(--s-4); }

  .lc-row { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 62%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-right: calc(-1 * var(--s-4)); padding-right: var(--s-4); }
  .lc-row::-webkit-scrollbar { display: none; }
  .lc-row > * { scroll-snap-align: start; }
  .lc-row--pairs { grid-auto-columns: 92%; }
}
.lc-sec--label .lc-shot figcaption { color: var(--lc-on-label); }

:root { --lc-yellow: #FFD600; }
.lc-sec--short { padding-block: var(--s-9); }
.lc-aside { margin-top: var(--s-6); max-width: 70ch; color: var(--ink-60); line-height: 1.6; }

.lc-hero__art { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); align-items: start; padding: var(--s-6); background: var(--lc-board); }
.lc-hero__art .lc-shot:last-child { margin-top: var(--s-8); }
.lc-hero__say { max-width: 14ch; }

.lc-idea { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-5); margin-top: var(--s-8); }
.lc-idea li { grid-column: span 2; display: grid; gap: var(--s-3); align-content: start; }
.lc-idea li:nth-child(n+4) { grid-column: span 3; }
.lc-idea__img { position: relative; display: block; overflow: hidden; border-radius: 14px; box-shadow: 0 0 0 1px rgba(244, 239, 227, 0.2); }
.lc-idea__img img { display: block; width: 100%; height: auto; }
.lc-idea__img .needs-change { top: auto; bottom: 8px; }
.lc-idea blockquote, .lc-idea__say { margin: 0; font-family: var(--display); font-size: var(--t-sub); line-height: 1.3; color: var(--ivory); }
.lc-idea blockquote::before { content: "\201C"; }
.lc-idea blockquote::after { content: "\201D"; }
.lc-idea__where { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-sage); }
.lc-sec--label .lc-board__note { color: var(--lc-on-label); }

.lc-journey { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: var(--s-8); counter-reset: j; }
.lc-journey li { position: relative; }
.lc-journey a { display: grid; gap: var(--s-4); height: 100%; padding: var(--s-5); background: var(--lc-label); color: var(--ivory); border-right: 1px solid rgba(244, 239, 227, 0.18); transition: background-color var(--fast) var(--ease); }
.lc-journey li:last-child a { border-right: 0; }
.lc-journey a:hover { background: var(--lc-forest); }
.lc-journey a:focus-visible { outline: 2px solid var(--lc-forest); outline-offset: 3px; }
.lc-journey span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--lc-yellow); color: #1A1600; font-family: var(--mono); font-size: var(--t-mono); }
.lc-journey b { font-family: var(--display); font-weight: 400; font-size: var(--t-sub); line-height: 1.2; }
.lc-journey li:not(:last-child)::after { content: "\2192"; position: absolute; right: -0.6em; top: var(--s-5); z-index: 1; display: grid; place-items: center; width: 1.2em; height: 40px; color: var(--lc-yellow); font-family: var(--mono); }

.lc-chs { display: grid; gap: var(--s-10); margin-top: var(--s-8); }
.lc-ch { scroll-margin-top: 9rem; }
.lc-ch__head { display: flex; align-items: center; gap: var(--s-4); padding-top: var(--s-4); border-top: 2px solid var(--ink); }
.lc-ch__no { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--lc-label); color: var(--lc-yellow); font-family: var(--mono); font-size: 1rem; }
.lc-ch__rows { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 1px; margin-top: var(--s-5); border: 1px solid var(--line-2); background: var(--line-2); }
.lc-ch__rows--one { grid-template-columns: minmax(0, 1fr); }
.lc-ch__rows > div { display: grid; gap: var(--s-3); align-content: start; padding: var(--s-5); background: var(--paper); }
.lc-ch__rows dt { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-ch__rows dd { line-height: 1.6; }
.lc-ch__rows > div:not(.is-design) dd { font-family: var(--display); font-size: var(--t-sub); line-height: 1.35; }
.lc-ch__rows .is-design dt { color: var(--lc-forest); }
.lc-ch__rows .is-why { grid-column: 1 / -1; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 1px var(--s-5); background: var(--lc-artist); }
.lc-ch__rows .is-why dt { color: var(--lc-forest); }
.lc-ch__rows ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-6); }
.lc-ch__rows li { position: relative; padding-left: 1.1em; }
.lc-ch__rows li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 6px; height: 6px; background: var(--lc-forest); }
.lc-ch .lc-board { margin-top: var(--s-5); }
.lc-row { row-gap: var(--s-7); }
.lc-row--after { margin-top: var(--s-7); padding-top: var(--s-6); border-top: 1px solid rgba(244, 239, 227, 0.16); }

.lc-gallery { display: grid; grid-auto-flow: column; grid-auto-columns: 250px; gap: var(--s-5); margin-top: var(--s-7); padding: var(--s-6) max(var(--pad), calc((100vw - 1320px) / 2 + var(--pad))); overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: max(var(--pad), calc((100vw - 1320px) / 2 + var(--pad))); background: var(--lc-board); scrollbar-color: var(--lc-sage) transparent; }
.lc-gallery > * { scroll-snap-align: start; }
.lc-gallery .lc-shot figcaption { color: var(--lc-on-label); }
.lc-gallery:focus-visible { outline: 2px solid var(--lc-forest); outline-offset: -4px; }

.lc-look { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--s-8); align-items: start; }
.lc-look .lc-row { max-width: 560px; }
.lc-measure { display: grid; margin-top: var(--s-6); border-top: 1px solid rgba(244, 239, 227, 0.3); }
.lc-measure > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding-block: var(--s-3); border-bottom: 1px solid rgba(244, 239, 227, 0.16); }
.lc-measure dt { display: flex; align-items: center; gap: var(--s-3); line-height: 1.4; }
.lc-measure dd { font-family: var(--display); font-size: var(--t-sub); }
.lc-measure i, .lc-mark { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--lc-yellow); color: #1A1600; font-family: var(--mono); font-style: normal; font-size: var(--t-mono); }
.lc-mark { position: absolute; z-index: 1; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px var(--lc-board); }
.lc-look__end { margin-top: var(--s-6); font-family: var(--display); font-size: var(--t-mid); line-height: 1.1; letter-spacing: -0.02em; }

.lc-open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-8); margin-top: var(--s-8); counter-reset: q; border-top: 1px solid var(--ink); }
.lc-open li { counter-increment: q; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--s-3); padding-block: var(--s-5); border-bottom: 1px solid var(--line-2); font-family: var(--display); font-size: var(--t-sub); line-height: 1.35; }
.lc-open li::before { content: counter(q, decimal-leading-zero); font-family: var(--mono); font-size: var(--t-mono); color: var(--lc-forest); padding-top: 0.35em; }

@media (max-width: 1080px) {
  .lc-idea li, .lc-idea li:nth-child(n+4) { grid-column: span 3; }
  .lc-journey { grid-template-columns: minmax(0, 1fr); }
  .lc-journey a { grid-template-columns: auto minmax(0, 1fr); align-items: center; border-right: 0; border-bottom: 1px solid rgba(244, 239, 227, 0.18); }
  .lc-journey li:not(:last-child)::after { display: none; }
  .lc-ch__rows { grid-template-columns: minmax(0, 1fr); }
  .lc-ch__rows .is-why { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
  .lc-look { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
}
@media (max-width: 760px) {
  .lc-idea li, .lc-idea li:nth-child(n+4) { grid-column: 1 / -1; }
  .lc-ch__rows ul, .lc-open { grid-template-columns: minmax(0, 1fr); }
  .lc-hero__art { padding: var(--s-4); gap: var(--s-4); }
  .lc-hero__art .lc-shot:last-child { margin-top: var(--s-6); }
  .lc-gallery { grid-auto-columns: 62%; padding-inline: var(--pad); }
  .lc-row--after { margin-top: var(--s-6); }
  .lc-look .lc-row { max-width: none; }
}

.lc-themes__link { justify-self: start; margin-top: var(--s-2); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-forest); text-decoration: underline; text-underline-offset: 3px; }
.lc-themes__link:hover { color: var(--ink); }
.lc-look-rows { margin-top: var(--s-7); grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.lc-look-rows dd p + p { margin-top: var(--s-3); }
.lc-look-quote { margin: var(--s-3) 0 0; padding-left: var(--s-4); border-left: 2px solid var(--lc-forest); font-family: var(--sans); font-size: 1rem; line-height: 1.55; }
.lc-look-quote::before { content: "\201C"; }
.lc-look-quote::after { content: "\201D"; }
.lc-look-cite { display: block; margin-top: var(--s-2); font-family: var(--mono); font-style: normal; font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-look-board { margin-top: var(--s-6); max-width: 640px; }
.lc-palette { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6); margin-top: var(--s-7); }
.lc-palette__name { padding-bottom: var(--s-3); border-bottom: 1px solid var(--ink); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-forest); }
.lc-palette ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); margin-top: var(--s-4); }
.lc-palette li { display: grid; gap: 4px; align-content: start; }
.lc-swatch__chip { display: block; aspect-ratio: 4 / 3; margin-bottom: var(--s-2); box-shadow: inset 0 0 0 1px rgba(16, 14, 10, 0.18); }
.lc-palette b { font-weight: 500; line-height: 1.3; }
.lc-swatch__hex { font-family: var(--mono); font-size: var(--t-mono); color: var(--ink-60); }
.lc-palette__note { margin-top: var(--s-5); max-width: 70ch; color: var(--ink-60); font-size: 0.9375rem; line-height: 1.55; }
@media (max-width: 1080px) { .lc-look-rows { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .lc-palette { grid-template-columns: minmax(0, 1fr); } .lc-look-board { max-width: none; } }

.lc-ds-h { margin-top: var(--s-9); }
.lc-ds-note { margin-top: var(--s-3); max-width: 70ch; color: var(--ink-60); font-size: 0.9375rem; line-height: 1.55; }
.lc-ds-mono { display: block; font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-ds-colors { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--s-6) var(--s-5); margin-top: var(--s-6); }
.lc-ds-colors li { display: grid; gap: 4px; align-content: start; }
.lc-ds-color__chip { display: block; aspect-ratio: 4 / 3; margin-bottom: var(--s-2); box-shadow: inset 0 0 0 1px rgba(16, 14, 10, 0.18); }
.lc-ds-colors b { font-weight: 500; line-height: 1.3; }
.lc-ds-color__use { margin-top: 2px; font-size: 0.9375rem; line-height: 1.45; color: var(--ink-60); }
.lc-ds-type { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-8); margin-top: var(--s-6); border-top: 1px solid var(--ink); }
.lc-ds-type li { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--s-4); align-items: center; padding-block: var(--s-4); border-bottom: 1px solid var(--line-2); }
.lc-ds-type__ag { font-family: var(--sans); line-height: 1; color: var(--ink); }
.lc-ds-type b { font-weight: 500; }
.lc-ds-type__use { display: block; margin-top: 2px; font-size: 0.9375rem; line-height: 1.45; color: var(--ink-60); }

.lc-ds-group { min-width: 0; }
.lc-ds-canvas { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-7); margin-top: var(--s-6); padding: var(--s-7) max(var(--pad), calc((100vw - 1320px) / 2 + var(--pad))); background: #2D3C37; }
.lc-ds-group__name { padding-bottom: var(--s-3); border-bottom: 1px solid rgba(255, 255, 255, 0.14); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: rgba(255, 255, 255, 0.72); }
.lc-ds-group__items { display: flex; flex-wrap: wrap; gap: var(--s-6) var(--s-7); align-items: flex-start; margin-top: var(--s-5); }
.lc-ds-cmp { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-2); margin: 0; min-width: 0; width: calc(var(--w) + 2 * var(--s-5) + 3px); max-width: 100%; }
.lc-ds-cmp__frame, .lc-ds-cmp__frame img { min-width: 0; max-width: 100%; }
.lc-ds-cmp--set { width: var(--w); }
.lc-ds-cmp__name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-family: var(--sans); font-size: 0.8125rem; color: #B794F6; }
.lc-ds-cmp__name::before { content: "\2756"; font-size: 0.75rem; }
.lc-ds-cmp__name .needs-change { position: static; padding: 1px 8px; }
.lc-ds-cmp__frame { display: block; padding: var(--s-5); border: 1.5px dashed #9747FF; border-radius: 6px; }
.lc-ds-cmp--set .lc-ds-cmp__frame { padding: 0; border: 0; }
.lc-ds-cmp__frame img { display: block; width: 100%; height: auto; }
@media (max-width: 1080px) { .lc-ds-colors { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lc-ds-type { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .lc-ds-colors { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lc-ds-canvas { padding-inline: var(--pad); } .lc-ds-cmp__frame { padding: var(--s-4); } }

.lc-ds-earlier { max-width: 46ch; line-height: 1.45; padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; font-family: var(--mono); font-size: var(--t-mono); color: #FFFFFF; }

.lc-ds-cmp { width: max(var(--w), 8rem); }
.lc-ds-cmp img { display: block; width: var(--w); max-width: 100%; height: auto; }
.lc-ds-iter { margin-top: var(--s-5); }
.lc-ds-cmp__name { color: rgba(255, 255, 255, 0.85); }
.lc-ds-cmp__name::before { content: none; }
.lc-ds-iter { padding: var(--s-5); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; min-width: 0; }
.lc-ds-iter__h { font-weight: 500; font-size: 1.125rem; line-height: 1.3; color: #FFFFFF; }
.lc-ds-iter__text { margin-top: var(--s-2); max-width: 62ch; font-size: 0.9375rem; line-height: 1.55; color: rgba(255, 255, 255, 0.8); }
.lc-ds-iter__shipped { display: flex; flex-wrap: wrap; gap: var(--s-6); align-items: flex-start; min-width: 0; }

.lc-nav a { flex: 1 0 auto; justify-content: center; padding: 0 10px; }
@media (max-width: 1366px) { .lc-nav .cs-nav__list { gap: 2px; } .lc-nav a { padding: 0 6px; } }

@media (max-width: 1190px) { .lc-nav .cs-nav__list { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); padding-right: 40px; } .lc-nav a { flex: none; } }

.lc-problem-h { margin-top: 0; }
.lc-old .lc-breaks { margin-top: var(--s-6); }
.lc-numbers--three { grid-template-columns: minmax(0, 1fr); }
.lc-pat-h { margin-top: var(--s-9); }
.lc-pats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: var(--s-6); border: 1px solid var(--line-2); background: var(--line-2); }
.lc-pats li { display: grid; gap: var(--s-3); align-content: start; padding: var(--s-5) var(--s-5) var(--s-6); background: var(--paper); }
.lc-pats__no { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-forest); }
.lc-pats b { font-family: var(--display); font-weight: 400; font-size: var(--t-sub); line-height: 1.3; }
.lc-pats p { color: var(--ink-60); line-height: 1.55; }
.lc-pats blockquote { margin: 0; padding-left: var(--s-4); border-left: 2px solid var(--lc-forest); line-height: 1.55; }
.lc-pats blockquote::before { content: "\201C"; }
.lc-pats blockquote::after { content: "\201D"; }
.lc-pats .lc-themes__link { margin-top: var(--s-3); }
.lc-pats + .lc-board__note { margin-top: var(--s-4); color: var(--ink-60); }

.lc-own { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-6); margin-top: var(--s-7); }
.lc-own li { display: grid; gap: var(--s-3); align-content: start; padding-top: var(--s-4); border-top: 1px solid rgba(244, 239, 227, 0.3); }
.lc-own b { font-family: var(--display); font-weight: 400; font-size: var(--t-sub); line-height: 1.3; }
.lc-own span { color: var(--lc-on-label); line-height: 1.55; }
.lc-credit { margin-top: var(--s-7); max-width: 78ch; color: var(--lc-on-label); line-height: 1.6; }

.lc-journey--desc p { color: var(--lc-on-label); font-size: 0.9375rem; line-height: 1.5; }
.lc-journey--desc a { align-content: start; }

.lc-decs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: var(--s-7); border: 1px solid var(--line-2); background: var(--line-2); }
.lc-dec { display: grid; gap: var(--s-4); align-content: start; padding: var(--s-6); background: var(--paper); scroll-margin-top: 9rem; }
.lc-dec__no { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-forest); }
.lc-dec__h { font-family: var(--display); font-weight: 400; font-size: var(--t-mid); line-height: 1.1; letter-spacing: -0.02em; }
.lc-dec dl { display: grid; border-top: 1px solid var(--line-2); }
.lc-dec dl > div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: var(--s-4); padding-block: var(--s-3); border-bottom: 1px solid var(--line-2); }
.lc-dec dt { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); line-height: 1.6; }
.lc-dec dd { line-height: 1.55; }
.lc-dec .is-why dt { color: var(--lc-forest); }
.lc-dec .is-trade dt { color: var(--ink-60); }
.lc-dec .is-why dd { font-family: var(--display); font-size: var(--t-sub); line-height: 1.35; }
.lc-dec .lc-themes__link { margin-top: 0; }
.lc-dec-board { margin-top: var(--s-7); }
.lc-dec--wide { grid-column: 1 / -1; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--s-7); align-items: start; }
.lc-dec__text { display: grid; gap: var(--s-4); align-content: start; }
.lc-dec .is-why cite { display: block; margin-top: var(--s-2); font-family: var(--mono); font-style: normal; font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--ink-60); }
.lc-dec__shots { padding: var(--s-5); }
.lc-decs--after { grid-template-columns: minmax(0, 1fr); }
.lc-credit--team { margin-top: var(--s-3); }
.lc-token-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-5); align-items: center; margin-top: var(--s-6); padding: var(--s-5); background: #2D3C37; border: 1px solid rgba(244, 239, 227, 0.2); }
.lc-token-pair__chips { display: flex; gap: 6px; }
.lc-token-pair__chips i { width: 40px; height: 28px; box-shadow: inset 0 0 0 1px rgba(244, 239, 227, 0.3); }
.lc-token-pair__meta { grid-column: 1; font-family: var(--mono); font-size: var(--t-mono); color: var(--lc-on-label); }
.lc-token-pair__meta b { font-weight: 400; color: var(--ivory); }
.lc-token-pair__ratio { grid-column: 2; grid-row: 1 / span 2; font-family: var(--display); font-size: var(--t-mid); line-height: 1; color: var(--ivory); }
.lc-look .lc-row--solo { max-width: 320px; justify-self: center; }
.lc-look .lc-row--contrast { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); max-width: none; }
.lc-look .lc-row--contrast .lc-shot:last-child { margin-top: 30%; }
@media (max-width: 760px) { .lc-look .lc-row--contrast { grid-template-columns: none; grid-auto-columns: 78%; } .lc-look .lc-row--contrast .lc-shot:last-child { margin-top: 0; } }
@media (max-width: 760px) { .lc-look .lc-row.lc-row--solo { grid-auto-columns: 100%; margin-right: 0; padding-right: 0; } }
@media (max-width: 1080px) { .lc-dec--wide { grid-template-columns: minmax(0, 1fr); } }
.lc-dec-board__h { font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-sage); }
.lc-dec-board .lc-idea { margin-top: var(--s-5); }
.lc-dec-board .lc-board__note { color: var(--iv-55); }

.lc-step__say { margin-top: var(--s-5); max-width: 40ch; font-family: var(--display); font-size: var(--t-sub); line-height: 1.3; }
.lc-step__more { margin-top: var(--s-2); max-width: 62ch; color: var(--ink-60); line-height: 1.55; }
.lc-ch .lc-step__more + .lc-board { margin-top: var(--s-5); }

.lc-sys { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-8); align-items: start; margin-top: var(--s-7); }
.lc-sys .lc-look-board { margin-top: 0; max-width: none; }
.lc-palette--sys { grid-template-columns: minmax(0, 1fr); margin-top: 0; }
.lc-palette--sys .lc-swatch__chip { aspect-ratio: 5 / 2; }
#system { padding-bottom: 0; }
.lc-swatch__use { color: var(--ink-60); font-size: 0.875rem; line-height: 1.4; }
.lc-sys .lc-ds-note { margin-top: var(--s-3); }
.lc-sys__type-h { margin-top: var(--s-7); }
.lc-ds-type--sys { margin-top: 0; border-top: 0; }
.lc-sec--mint .lc-ds-type li { border-bottom-color: rgba(16, 14, 10, 0.14); }
.lc-ds-cmp--half { width: 240px; }
.lc-ds-cmp--half img { width: 240px; }
.lc-ds-canvas > .lc-ds-iter { margin-top: 0; }
.lc-ds-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-7); align-items: start; }
.lc-ds-split > .lc-ds-iter { margin-top: 0; }
.lc-ds-inputs .lc-ds-group__items { flex-direction: column; gap: var(--s-6); }
@media (max-width: 1080px) { .lc-ds-split { grid-template-columns: minmax(0, 1fr); } }

.lc-aside--flow + .lc-aside { margin-top: var(--s-2); }
.lc-outc__lead { margin-top: var(--s-6); max-width: 62ch; font-family: var(--display); font-size: var(--t-sub); line-height: 1.4; color: var(--ivory); }
.lc-outc { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s-8); margin-top: var(--s-7); }
.lc-outc > div:only-child { grid-column: 1 / -1; }
.lc-outc__h { padding-bottom: var(--s-3); border-bottom: 1px solid rgba(244, 239, 227, 0.3); font-family: var(--mono); font-size: var(--t-mono); letter-spacing: var(--ls-mono); color: var(--lc-artist); }
.lc-outc ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-6); margin-top: var(--s-4); }
.lc-outc li { position: relative; padding-left: 1.1em; line-height: 1.5; }
.lc-outc li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 6px; background: var(--lc-yellow); }
.lc-outc div > p:not(.lc-outc__h) { margin-top: var(--s-4); color: var(--lc-on-label); line-height: 1.55; }

@media (max-width: 1080px) {
  .lc-sys, .lc-outc { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
  .lc-journey--desc { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lc-journey--desc p { grid-column: 2; }
}
@media (max-width: 900px) {
  .lc-pats, .lc-decs, .lc-own { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .lc-journey--desc { grid-template-columns: minmax(0, 1fr); }
  .lc-journey--desc li::after { display: none; }
  .lc-journey--desc a { border-right: 0; border-bottom: 1px solid rgba(244, 239, 227, 0.18); }
  .lc-outc ul { grid-template-columns: minmax(0, 1fr); }
  .lc-dec dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .lc-dec { padding: var(--s-5); }
}