/* Hallmark · genre: editorial · macrostructure: Split Studio · theme: design.md · enrichment: authored SVG icon system · nav: preserved · footer: preserved
 * Impeccable · mode: persuade · direction: clear text-and-proof pairings · responsive: 320–1440
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 */

.ll-home h1,
.ll-home h2,
.ll-home h3,
.ll-home blockquote { font-family: var(--font-display); font-weight: 700; letter-spacing: -.035em; }
.ll-home h1 { line-height: .98; }
.ll-home h2 { line-height: 1.03; }
.ll-home h3 { line-height: 1.12; }
.ll-home .arrow { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.brand-wordmark { display: inline-flex; align-items: baseline; color: var(--color-on-forest); font-family: var(--font-display); font-size: 1.55rem; font-weight: 700; letter-spacing: -.065em; line-height: 1; text-decoration: none; }
.brand-wordmark strong { color: var(--color-accent); font: inherit; }
.brand-wordmark:hover { text-decoration: none; }
.ll-home [data-motion-item] { opacity: 1 !important; transform: none !important; transition: none !important; }

.panel-heading { display: grid; gap: var(--space-sm); padding-bottom: var(--space-lg); border-bottom: var(--rule-width) solid currentColor; }
.panel-heading span,
.case-label span:first-child { font-size: var(--text-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.panel-heading strong { font-family: var(--font-display); font-size: var(--text-lead); line-height: 1.2; }

.ll-hero { padding-block: clamp(var(--space-3xl), 8vw, var(--space-5xl)); }
.ll-hero-grid { display: grid; gap: var(--space-3xl); align-items: center; }
.ll-hero-copy h1 { max-width: 11ch; font-size: clamp(3.2rem, 6.25vw, 5.5rem); }
.ll-hero-lead { max-width: 52ch; margin-top: var(--space-xl); color: var(--color-muted); font-size: var(--text-lead); line-height: 1.5; }
.ll-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-lg) var(--space-xl); margin-top: var(--space-xl); }

.system-board { min-width: 0; padding: clamp(var(--space-xl), 4vw, var(--space-2xl)); background: var(--color-forest); color: var(--color-on-forest); }
.system-board .panel-heading { border-color: var(--color-forest-rule); }
.system-board .panel-heading span { color: var(--color-accent); }
.system-board ol,
.process-panel ol { margin: 0; padding: 0; list-style: none; }
.system-board li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-lg); align-items: start; padding-block: var(--space-lg); border-bottom: var(--rule-width) solid var(--color-forest-rule); }
.system-board li:last-child { border-bottom: 0; padding-bottom: 0; }
.system-board li svg { width: 30px; height: 30px; fill: none; stroke: var(--color-accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.system-board li div { display: grid; gap: var(--space-xs); }
.system-board li strong { font-size: 1.05rem; }
.system-board li span { color: var(--color-forest-muted); font-size: var(--text-small); line-height: 1.45; }

.ll-services { padding-block: var(--space-4xl); }
.ll-section-head { display: grid; gap: var(--space-xl); align-items: end; padding-bottom: var(--space-3xl); border-bottom: var(--rule-width) solid var(--color-rule); }
.ll-section-head h2 { max-width: 17ch; font-size: clamp(2.6rem, 4.8vw, 4.5rem); }
.ll-section-head p { max-width: 43ch; color: var(--color-muted); font-size: var(--text-lead); line-height: 1.5; }
.service-chapter { display: grid; gap: var(--space-2xl); align-items: center; padding-block: var(--space-4xl); border-bottom: var(--rule-width) solid var(--color-rule); }
.chapter-copy { align-self: center; }
.chapter-copy h3 { max-width: 17ch; font-size: clamp(2.15rem, 3.5vw, 3.4rem); }
.chapter-copy > p { max-width: 49ch; margin-top: var(--space-lg); color: var(--color-muted); font-size: 1.05rem; }
.chapter-copy ul { display: grid; gap: 0; margin: var(--space-xl) 0 0; padding: 0; list-style: none; }
.chapter-copy li { display: flex; gap: var(--space-md); padding-block: var(--space-md); border-top: var(--rule-width) solid var(--color-rule); }
.chapter-copy li::before { content: ""; width: .55rem; height: .55rem; flex: none; margin-top: .52rem; background: var(--color-accent); border: var(--rule-width) solid var(--color-focus); }
.chapter-copy .text-link { margin-top: var(--space-lg); }

.process-panel { min-width: 0; padding: clamp(var(--space-xl), 4vw, var(--space-2xl)); border: var(--rule-width) solid var(--color-rule); background: var(--color-paper-2); }
.process-panel .panel-heading span { color: var(--color-focus); }
.process-panel ol { display: grid; }
.process-panel li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-md); align-items: start; padding-block: var(--space-lg); border-bottom: var(--rule-width) solid currentColor; }
.process-panel li:last-child { border-bottom: 0; padding-bottom: 0; }
.process-panel li > span { color: var(--color-focus); font-size: var(--text-small); font-weight: 600; }
.process-panel svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.process-panel li div { display: grid; gap: var(--space-xs); }
.process-panel li strong { font-size: 1.05rem; }
.process-panel li small { color: var(--color-muted); font-size: var(--text-small); line-height: 1.45; }
.creative-process,
.visibility-process { border-color: var(--color-forest); background: var(--color-forest); color: var(--color-on-forest); }
.creative-process .panel-heading,
.visibility-process .panel-heading,
.creative-process li,
.visibility-process li { border-color: var(--color-forest-rule); }
.creative-process .panel-heading span,
.visibility-process .panel-heading span,
.creative-process li > span { color: var(--color-accent); }
.creative-process li small,
.visibility-process li small { color: var(--color-forest-muted); }

.sdr-section { padding-block: var(--space-4xl); background: var(--color-ink); color: var(--color-paper); }
.sdr-grid { display: grid; gap: var(--space-3xl); align-items: center; }
.sdr-optional { color: var(--color-accent); font-size: var(--text-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.sdr-copy h2 { max-width: 13ch; margin-top: var(--space-md); font-size: clamp(2.8rem, 5vw, 4.75rem); }
.sdr-copy > p:not(.sdr-optional):not(.sdr-boundary) { max-width: 52ch; margin-top: var(--space-xl); color: var(--color-paper-2); font-size: var(--text-lead); line-height: 1.55; }
.sdr-copy ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: var(--space-xl) 0; padding: 0; list-style: none; }
.sdr-copy li { padding-block: var(--space-md); border-top: var(--rule-width) solid var(--color-muted); }
.sdr-boundary { max-width: 66ch; color: var(--color-paper-2); font-size: var(--text-small); }
.response-route { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-md); min-width: 0; padding: var(--space-lg); border: var(--rule-width) solid var(--color-muted); }
.response-event,
.response-clock,
.response-touch,
.response-booked { display: grid; gap: var(--space-sm); min-width: 0; padding: var(--space-lg); background: var(--color-paper); color: var(--color-ink); }
.response-event { grid-template-columns: minmax(0, 1fr) auto; }
.response-event strong { grid-column: 1 / -1; }
.response-event span,
.response-touch > span,
.response-booked > span { color: var(--color-focus); font-size: var(--text-small); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.response-event small { color: var(--color-muted); }
.response-clock { justify-items: center; text-align: center; background: var(--color-accent); }
.response-route svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.response-clock svg { width: 72px; height: 72px; }
.response-clock span { font-size: var(--text-small); }
.response-touch div { display: flex; gap: var(--space-sm); }
.response-booked svg { width: 34px; height: 34px; }
.case-field { padding-block: var(--space-4xl); background: var(--color-forest); color: var(--color-on-forest); }
.case-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-md); padding-bottom: var(--space-lg); border-bottom: var(--rule-width) solid var(--color-forest-rule); color: var(--color-forest-muted); }
.case-label span:first-child { color: var(--color-accent); }
.case-label span:last-child { text-transform: none; letter-spacing: .02em; }
.case-field-head { display: grid; gap: var(--space-xl); padding-block: var(--space-3xl); }
.case-field-head h2 { max-width: 12ch; font-size: clamp(2.8rem, 5vw, 4.6rem); }
.case-field-head > strong { max-width: 19ch; font-family: var(--font-display); font-size: clamp(2.1rem, 3.6vw, 3.5rem); line-height: 1.08; letter-spacing: -.035em; }
.case-dashboard { display: grid; gap: var(--space-2xl); padding-block: var(--space-3xl); border-block: var(--rule-width) solid var(--color-forest-rule); }
.conversion-path { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-md); align-items: stretch; }
.conversion-path > div { display: grid; gap: var(--space-sm); align-content: space-between; min-height: 9.5rem; padding: var(--space-lg); border: var(--rule-width) solid currentColor; }
.conversion-path > div span { max-width: 16ch; font-size: var(--text-small); }
.conversion-path > div strong { font-family: var(--font-display); font-size: clamp(3rem, 5vw, 4.5rem); line-height: 1; }
.conversion-path svg { display: none; width: 52px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.case-field .conversion-path > div { border-color: var(--color-forest-rule); }
.case-field .conversion-path > div span { color: var(--color-forest-muted); }
.case-field .conversion-path .path-outcome { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-ink); }
.case-field .conversion-path .path-outcome span { color: var(--color-ink); }
.economics-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); margin: 0; }
.economics-panel > div { display: flex; flex-direction: column; gap: var(--space-sm); min-width: 0; padding-top: var(--space-md); border-top: var(--rule-width) solid var(--color-forest-rule); }
.economics-panel dt { order: 2; color: var(--color-forest-muted); font-size: var(--text-small); line-height: 1.4; }
.economics-panel dd { margin: 0; font-family: var(--font-display); font-size: clamp(1.65rem, 2.7vw, 2.5rem); font-weight: 700; line-height: 1.1; }
.case-summary { display: grid; gap: var(--space-2xl); padding-top: var(--space-3xl); }
.case-summary h3,
.venice-copy h3 { margin-bottom: var(--space-md); font-family: var(--font-body); font-size: var(--text-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.case-summary p { max-width: 57ch; color: var(--color-forest-muted); }
.case-summary > div:last-child { display: grid; gap: var(--space-lg); align-content: start; }
.case-summary > div:last-child p { font-size: var(--text-small); }

.venice-field { padding-block: var(--space-4xl); background: var(--color-paper-2); }
.venice-field .case-label { border-color: var(--color-rule); color: var(--color-muted); }
.venice-field .case-label span:first-child { color: var(--color-focus); }
.venice-grid { display: grid; gap: var(--space-3xl); padding-top: var(--space-3xl); }
.venice-copy h2 { max-width: 12ch; font-size: clamp(2.8rem, 5vw, 4.6rem); }
.venice-copy > strong { display: block; max-width: 18ch; margin-top: var(--space-lg); font-family: var(--font-display); font-size: clamp(2rem, 3.3vw, 3.25rem); line-height: 1.1; letter-spacing: -.035em; }
.venice-copy > div { margin-top: var(--space-2xl); }
.venice-copy > div p { max-width: 54ch; color: var(--color-muted); }
.venice-copy .text-link { margin-top: var(--space-lg); }
.venice-result { display: grid; gap: var(--space-xl); min-width: 0; padding: clamp(var(--space-xl), 4vw, var(--space-2xl)); border: var(--rule-width) solid var(--color-rule); background: var(--color-paper); }
.venice-result .conversion-path > div { border-color: var(--color-rule); }
.venice-result .conversion-path > div span { color: var(--color-muted); }
.venice-result .conversion-path .path-outcome { border-color: var(--color-forest); background: var(--color-forest); color: var(--color-on-forest); }
.venice-result .conversion-path .path-outcome span { color: var(--color-forest-muted); }
.revenue-panel { display: grid; gap: var(--space-xl); padding: var(--space-xl); background: var(--color-accent); color: var(--color-ink); }
.revenue-panel > div { display: grid; align-content: start; gap: var(--space-xs); min-width: 0; }
.revenue-panel > div + div { padding-top: var(--space-xl); border-top: var(--rule-width) solid var(--color-muted); }
.revenue-panel span { font-size: var(--text-small); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.revenue-panel strong { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.08; }
.revenue-panel small { color: var(--color-muted); }
.venice-result > p { color: var(--color-muted); font-size: var(--text-small); }

.difference-v2 { display: grid; gap: var(--space-3xl); }
.difference-v2 > div p { margin-top: var(--space-lg); color: var(--color-muted); font-size: var(--text-lead); }
.difference-v2 ol { margin: 0; padding: 0; list-style: none; counter-reset: system; }
.difference-v2 li { counter-increment: system; display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: var(--space-lg); padding-block: var(--space-lg); border-top: var(--rule-width) solid var(--color-rule); }
.difference-v2 li::before { content: "0" counter(system); color: var(--color-focus); font-variant-numeric: tabular-nums; }
.difference-v2 li span { display: none; }
.difference-v2 li strong { font-size: var(--text-lead); font-weight: 500; }
.calculator-invitation-grid > div p { margin-top: var(--space-lg); color: var(--color-forest-muted); font-size: var(--text-lead); }
.terms-faq { display: grid; gap: var(--space-4xl); padding-block: var(--space-4xl); }
.terms-panel { align-self: start; padding: var(--space-2xl); background: var(--color-accent); }
.terms-panel h2 { max-width: 12ch; font-size: var(--text-article-heading); }
.terms-panel blockquote { margin-top: var(--space-2xl); font-size: var(--text-lead); line-height: 1.3; }
.terms-panel p { margin-top: var(--space-xl); font-size: var(--text-small); }
.closing-v2 { display: grid; gap: var(--space-2xl); align-items: end; padding-top: var(--space-3xl); border-top: var(--rule-width) solid var(--color-ink); }
.closing-v2 h2 { max-width: 18ch; }
.closing-v2 p { margin-top: var(--space-lg); color: var(--color-muted); }

@media (min-width: 40rem) {
  .process-panel ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process-panel li { grid-template-columns: minmax(0, 1fr); align-content: start; min-height: 13rem; padding: var(--space-lg); border-right: var(--rule-width) solid currentColor; border-bottom: 0; }
  .process-panel li:first-child { padding-left: 0; }
  .process-panel li:last-child { padding-right: 0; border-right: 0; }
  .process-panel li > span { order: -1; }
  .sdr-copy ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-xl); }
  .response-route { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .economics-panel { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .revenue-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .revenue-panel > div + div { padding-top: 0; padding-left: var(--space-xl); border-top: 0; border-left: var(--rule-width) solid var(--color-muted); }
}
@media (min-width: 64rem) {
  .ll-hero-grid { grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr); gap: var(--space-4xl); }
  .ll-section-head { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: var(--space-4xl); }
  .service-chapter { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-5xl); }
  .chapter-media { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
  .sdr-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4xl); }
  .case-field-head { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-4xl); align-items: start; }
  .case-dashboard { gap: var(--space-3xl); }
  .conversion-path { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; }
  .conversion-path svg { display: block; }
  .case-summary { grid-template-columns: minmax(0, 1fr) minmax(0, .75fr); gap: var(--space-4xl); }
  .venice-grid { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: var(--space-4xl); }
  .venice-result .conversion-path > div { min-height: 8.5rem; }
  .difference-v2 { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-5xl); }
  .difference-v2 li { grid-template-columns: 6rem minmax(0, 1fr); }
  .terms-faq { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .closing-v2 { grid-template-columns: minmax(0, 1fr) auto; }
}

@media (max-width: 39.99rem) {
  .ll-hero-copy h1 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .ll-section-head h2,
  .case-field-head h2,
  .venice-copy h2 { font-size: clamp(2.4rem, 11vw, 3.25rem); }
  .service-chapter { padding-block: var(--space-3xl); }
  .system-board,
  .process-panel,
  .venice-result { padding: var(--space-lg); }
  .creative-process li { grid-template-columns: 2rem 2.25rem minmax(0, 1fr); gap: var(--space-control); align-items: start; }
  .creative-process li > span { padding-top: .3rem; }
  .creative-process li svg { justify-self: start; }
  .case-label { display: grid; }
  .economics-panel dd { overflow-wrap: anywhere; }
  .revenue-panel { padding: var(--space-lg); }
  .revenue-panel strong { font-size: clamp(1.9rem, 11vw, 3rem); }
}