/* Living Labels portfolio case only. Shared site rules remain unchanged. */
.living-labels.ll-final { background: var(--cream); overflow-x: clip; }
.ll-final main { overflow-wrap: break-word; }
.living-labels.ll-final h2, .living-labels.ll-final h3, .living-labels.ll-final h4 { font-family: var(--sans); font-weight: 650; letter-spacing: -.025em; line-height: 1.3; text-wrap: balance; }
.ll-final h3, .ll-final h4 { margin-bottom: .8rem; }
.ll-final h3 { font-size: clamp(1.3rem, 2vw, 1.625rem); }
.ll-final h4 { font-size: 1.2rem; }
.ll-final p { line-height: 1.7; margin-bottom: 1rem; }
.ll-final figure { margin: 0; min-width: 0; }
.ll-final figure img { width: 100%; height: auto; }
.ll-final figcaption { margin-top: .75rem; font-size: .875rem; line-height: 1.6; color: #65564f; }
.ll-final video { display: block; width: 100%; height: auto; object-fit: contain; }
.ll-final :is(section,article,figure)[id] { scroll-margin-top: 6rem; }
.ll-final a:focus-visible, .ll-final button:focus-visible, .ll-final summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.llf-hero { padding-block: 1.5rem 0; }
.llf-status { font-size: .8125rem; color: #76554d; margin-bottom: .6rem !important; }
.llf-hero-copy { display: block; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: clamp(2rem,5vw,5rem); align-items: end; }
.living-labels.ll-final .llf-hero h1 { margin: 0 0 1.1rem; font: 500 clamp(5rem,6.6vw,6.25rem)/1.02 var(--display); letter-spacing: -.055em; color: var(--accent-dark); }
.llf-subtitle { font-size: clamp(1.25rem,2vw,1.625rem); font-weight: 550; line-height: 1.5 !important; text-wrap: balance; }
.llf-lead { max-width: 43rem; font-size: 1.0625rem; }
.llf-my-work { padding-block: 1.5rem .5rem; max-width: 60rem; }
.llf-my-work h2 { font-size: 1rem; margin: 0 0 .75rem; color: var(--accent-dark); }
.llf-my-work p { font-size: .9375rem; }
.llf-my-work .llf-tools { font-size: .8125rem; color: #65564f; margin-bottom: 0; }
.llf-overview { margin-block: 0 2rem !important; }
.llf-device-group { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,2.4fr) minmax(0,.65fr); align-items: center; gap: 1.75rem; padding: 1.5rem 2rem 1.25rem; background: #efe5de; border: 1px solid #ddcec5; }
.llf-device { min-width: 0; text-align: center; }
.llf-device img { width: 100%; height: auto; }
.llf-device-emotion img { transform: none; }
.llf-device-public img { max-width: 36rem; margin-inline: auto; }
.llf-device-phone { padding-inline: .35rem; }
.llf-device span { display: block; margin-top: .75rem; font-size: .8125rem; color: #704338; }
.llf-chapter-nav { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; padding-block: 1rem; border-block: 1px solid var(--rule); font-size: .875rem; }
.llf-chapter-nav a { display: flex; gap: .5rem; padding-block: .2rem; }
.llf-chapter-nav a > span:first-child { color: var(--accent); }
.llf-chapter-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.llf-section { padding-block: clamp(3.5rem,6vw,5rem); border-bottom: 1px solid var(--rule); }
.llf-heading { display: grid; grid-template-columns: 2.25rem minmax(0,1fr); gap: .9rem; margin-bottom: 2rem; }
.llf-number { color: var(--accent); padding-top: .5rem; font-size: .875rem; }
.llf-heading h2 { font-size: clamp(2rem,3vw,2.75rem); margin: 0 0 1rem; max-width: 56rem; }
.llf-heading .llf-intro { margin-bottom: 0; }
.llf-intro { max-width: 51rem; font-size: 1.0625rem; }
.llf-label { color: var(--accent-dark); font-size: .8125rem; font-weight: 600; letter-spacing: .035em; margin-bottom: .6rem !important; }
.llf-note { font-size: .875rem; color: #65564f; max-width: 58rem; }
.llf-detail { font-size: .9375rem; color: #58413b; }
.llf-question { max-width: 54rem; padding: 1.5rem 1.8rem; background: #ecdfe0; border-left: 3px solid var(--accent); margin-bottom: 2rem; }
.llf-question p { margin: 0; }
.llf-research-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; }
.llf-research-grid article { border-top: 1px solid var(--rule); padding-top: 1.25rem; }
.llf-response { color: var(--accent-dark); font-weight: 550; }
.llf-relationship { padding: 1.75rem; background: #f0e8e2; border: 1px solid #d8c6bd; }
.llf-relationship h3 { margin-bottom: 1.5rem; }
.llf-main-path { display: grid; grid-template-columns: .75fr 1.4fr 1fr 1fr; gap: 1.5rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.llf-main-path li { position: relative; padding: .9rem .85rem; border: 1px solid #d4b5b3; background: var(--cream); font-size: .9375rem; display: grid; align-items: center; }
.llf-main-path li:not(:last-child)::after { content: '→'; position: absolute; right: -1.2rem; color: var(--accent); }
.llf-main-path strong { font-weight: 550; line-height: 1.6; }
.llf-branches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.llf-branch { padding: 1rem 1.2rem; background: #f8f3ed; border-top: 2px solid #987b6e; }
.llf-branch-public { background: #eedde0; border-color: var(--accent); }
.llf-branch h4 { font-size: 1rem; color: var(--accent-dark); margin-bottom: .6rem; }
.llf-branch ol { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem .6rem; font-size: .875rem; line-height: 1.6; }
.llf-branch li { display: inline-flex; gap: .6rem; align-items: baseline; }
.llf-branch li:not(:last-child)::after { content: '→'; color: var(--accent); }
.llf-branch-note { font-size: .875rem; margin-block: 1rem !important; }
.llf-tech-layer { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; border-top: 1px dashed #bca39b; padding-top: 1rem; font-size: .8125rem; color: #65564f; line-height: 1.6; }
.llf-touchpoint { margin-top: 3rem; }
.llf-module-heading { margin-bottom: 1.25rem; }
.llf-module-heading h3 { margin-bottom: 0; }
.llf-operation { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 2rem; align-items: start; }
.llf-operation-copy { padding-top: .25rem; }
.llf-state-label { display: inline-block; padding: .35rem .75rem; border: 1px solid #c7a5a5; border-radius: .2rem; color: var(--accent-dark); font-size: .875rem; font-weight: 650; }
.llf-expression-iteration { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 2rem; align-items: center; margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.llf-expression-iteration h4 { max-width: 30rem; }
.llf-expression-iteration p { font-size: .9375rem; }
.llf-expression-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; max-width: 24rem; margin-left: auto; }
.llf-expression-pair figcaption { font-size: .8125rem; }
.llf-zoom { display: block; cursor: zoom-in; }
.llf-zoom:hover { outline: 1px solid #b78786; outline-offset: 3px; }
.llf-public-state { margin-top: 1.5rem !important; }
.llf-public-state img { max-width: 65rem; margin-inline: auto; border: 1px solid #d1c1b5; }
.llf-public-state figcaption { text-align: center; }
.llf-public-operation { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 2rem; margin-top: 2rem; align-items: start; }
.llf-gesture-actions { margin: 0 0 1.25rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.llf-gesture-actions dt { font-size: 1.2rem; color: var(--accent-dark); font-weight: 600; white-space: nowrap; margin-bottom: .35rem; }
.llf-gesture-actions dd { margin: 0; font-size: .9375rem; }
.llf-mobile-teaser { margin-block: 2rem 1.5rem; padding: 1.25rem 0; display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; border-block: 1px solid var(--rule); }
.llf-mobile-teaser p { margin: 0; max-width: 49rem; }
.llf-text-link { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 5px; }
.llf-details { border-block: 1px solid var(--rule); padding: .9rem 0; font-size: .9375rem; }
.llf-details summary { cursor: pointer; font-weight: 550; color: var(--accent-dark); }
.llf-detail-body { padding-top: 1.25rem; max-width: 65rem; }
.llf-detail-body > p { max-width: 52rem; margin-bottom: .25rem; }
.llf-full-film { border-top: 0; }
.llf-artwork-note { margin-top: 1.25rem; }
.llf-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; }
.llf-choice-grid article { border-top: 2px solid #bc9c95; padding-top: 1rem; }
.llf-choice-grid article:last-child { border-color: var(--accent); }
.llf-image-hint { margin-top: 1.5rem; }
.llf-mobile-screens { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; align-items: start; }
.llf-mobile-screens figure { width: 100%; max-width: 21.5rem; margin-inline: auto; }
.llf-mobile-screens .llf-zoom { border: 1px solid #d8c6bd; background: var(--cream); }
.llf-mobile-screens h3 { margin-top: 1rem; font-size: 1.2rem; }
.llf-mobile-screens figcaption { margin-top: .5rem; }
.llf-mobile-demo { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--rule); display: grid; grid-template-columns: minmax(0,19rem) minmax(0,1fr); gap: 3rem; align-items: start; }
.llf-mobile-demo > figure { width: 100%; max-width: 18rem; margin-inline: auto; }
.llf-mobile-demo video { background: transparent; }
.llf-mobile-demo > div { max-width: 43rem; padding-top: .75rem; }
.llf-connected-evidence { padding: 1.3rem 1.5rem; border-left: 3px solid var(--accent); background: #eaded8; margin-top: 1.75rem; }
.llf-connected-evidence h4 { font-size: 1.1rem; }
.llf-connected-evidence p:last-child { margin-bottom: 0; }
.llf-decision { padding-block: 1.75rem 2rem; border-top: 1px solid var(--rule); }
.llf-decision-title { display: flex; align-items: baseline; gap: .9rem; margin-bottom: 1rem; }
.llf-decision-title > span { font-size: .875rem; color: var(--accent); }
.llf-decision-title h3 { margin-bottom: 0; }
.llf-decision-role { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.9fr); gap: 3rem; align-items: start; }
.llf-decision-role > figure { max-width: 25rem; margin-left: auto; }
.llf-performance-readings { display: flex; flex-wrap: wrap; gap: .75rem 2rem; margin-bottom: .5rem; color: var(--accent-dark); }
.llf-performance-readings p { margin: 0; font-size: 1.125rem; font-weight: 550; }
.llf-device-decision { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 2.5rem; margin-top: 1.5rem; align-items: start; }
.llf-development-steps { padding: 0 0 0 1.5rem; margin: 0; }
.llf-development-steps li { padding-left: .5rem; margin-bottom: 1rem; }
.llf-development-steps li::marker { color: var(--accent); font-size: .875rem; }
.llf-development-steps strong { font-size: 1rem; font-weight: 600; }
.llf-development-steps p { font-size: .9375rem; margin-block: .35rem 0; }
.llf-device-decision + .llf-details { margin-top: 1.25rem; }
.llf-final-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-block: 1px solid #cfb7af; padding-block: 1rem; margin-block: 1.25rem; gap: 1.5rem; }
.llf-final-actions dt { color: var(--accent-dark); font-size: 1.2rem; font-weight: 600; margin-bottom: .5rem; white-space: nowrap; }
.llf-final-actions dd { margin: 0; font-size: .9375rem; }
.llf-trial { display: grid; grid-template-columns: minmax(0,15rem) minmax(0,1fr); gap: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--rule); }
.llf-trial-table { width: 100%; text-align: left; border-collapse: collapse; font-size: .9375rem; margin-block: 1rem; }
.llf-trial-table :is(th,td) { padding: .75rem .75rem .75rem 0; border-bottom: 1px solid var(--rule); vertical-align: top; }
.llf-trial-table th { color: var(--accent-dark); font-weight: 600; }
.llf-trial-table td:first-child { width: 36%; }
.llf-adaptations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; margin-block: 1rem; }
.llf-adaptations h3 { font-size: 1.2rem; margin-block: 1rem .3rem; }
.llf-adaptations figcaption { margin-top: 0; }
.llf-adaptation-scope { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2.5rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.llf-adaptation-scope h3 { font-size: 1.2rem; }
.llf-next-title { margin-top: 1.75rem; }
.llf-next-steps { padding-left: 1.5rem; margin-bottom: 0; }
.llf-next-steps li { padding: .75rem 0 .75rem .5rem; border-top: 1px solid var(--rule); }
.llf-next-steps li::marker { color: var(--accent); }
.llf-next-steps h4 { font-size: 1.0625rem; margin-bottom: .4rem; }
.llf-next-steps p { margin-bottom: 0; max-width: 51rem; }
.llf-ending { background: var(--accent-dark); color: #fff8ef; padding-block: 2rem; }
.llf-ending p { max-width: 54rem; font-size: 1.0625rem; }
.llf-back { display: inline-block; margin-top: .5rem; text-decoration: underline; text-underline-offset: 5px; font-size: .9375rem; }
.llf-lightbox { width: min(94vw,92rem); max-width: 94vw; max-height: 94dvh; padding: 0; border: 1px solid #cbb7a9; background: var(--cream); color: var(--ink); }
.llf-lightbox::backdrop { background: rgba(32,22,19,.8); }
.llf-lightbox-toolbar { display: flex; align-items: flex-start; gap: 1.5rem; padding: 1rem; border-bottom: 1px solid var(--rule); }
.llf-lightbox-close { flex-shrink: 0; border: 1px solid #b4968c; background: var(--cream); padding: .55rem .8rem; cursor: pointer; }
.llf-lightbox-toolbar p { margin: 0; font-size: .875rem; max-width: 55rem; }
.llf-lightbox-scroll { max-height: 78dvh; overflow: auto; padding: 1rem; }
.llf-lightbox img { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; }
.llf-lightbox img.llf-portrait { width: min(100%,40rem); }
.ll-final.llf-modal-open { overflow: hidden; }
@media (max-width: 1100px) {
 .llf-hero-copy { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 2rem; }
 .living-labels.ll-final .llf-hero h1 { font-size: 5rem; }
 .llf-device-group { padding: 1.25rem; gap: 1rem; }
 .llf-mobile-screens { gap: 1.5rem; }
 .llf-operation { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 1.5rem; }
}
@media (max-width: 850px) {
 .llf-hero-copy { grid-template-columns: 1fr; gap: 1rem; }
 .llf-my-work { padding-bottom: 0; max-width: 46rem; }
 .llf-my-work p { margin-bottom: .5rem; }
 .living-labels.ll-final .llf-hero h1 { font-size: 5rem; }
 .llf-main-path { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .llf-main-path li:nth-child(2)::after { content: ''; }
 .llf-operation { grid-template-columns: 1fr; }
 .llf-operation-copy { max-width: 45rem; }
 .llf-expression-iteration { grid-template-columns: 1fr 1fr; }
 .llf-expression-pair { max-width: 19rem; }
 .llf-public-operation { grid-template-columns: 1fr; }
 .llf-public-operation > figure { max-width: 35rem; }
 .llf-gesture-actions { max-width: 36rem; }
 .llf-tech-layer { grid-template-columns: 1fr; gap: .5rem; }
 .llf-mobile-demo { grid-template-columns: minmax(0,15rem) minmax(0,1fr); gap: 1.5rem; }
 .llf-decision-role { gap: 1.5rem; }
 .llf-device-decision { grid-template-columns: 1fr; gap: 1.5rem; }
 .llf-device-decision > figure { max-width: 35rem; }
 .llf-trial { grid-template-columns: minmax(0,12rem) minmax(0,1fr); gap: 1.5rem; }
}
@media (max-width: 600px) {
 .llf-hero { padding-top: 2rem; }
 .llf-status { font-size: .8125rem; max-width: 20rem; }
 .living-labels.ll-final .llf-hero h1 { font-size: clamp(3rem,14vw,3.75rem); line-height: 1.1; margin-bottom: .9rem; }
 .llf-subtitle { font-size: 1.3rem; }
 .llf-lead { font-size: 1rem; }
 .llf-my-work p { font-size: .875rem; }
 .llf-device-group { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; padding: 1rem; }
 .llf-device-public { grid-column: 1/-1; grid-row: 1; }
 .llf-device-emotion, .llf-device-phone { max-width: 9rem; margin-inline: auto; }
 .llf-device span { font-size: .8125rem; }
 .llf-chapter-nav { gap: .6rem 1rem; margin-top: 1.5rem; }
 .llf-section { padding-block: 3rem; }
 .llf-heading { grid-template-columns: 1.7rem minmax(0,1fr); gap: .6rem; margin-bottom: 1.5rem; }
 .llf-heading h2 { font-size: clamp(1.625rem,7.3vw,2rem); }
 .llf-heading .llf-intro, .llf-intro { font-size: 1rem; }
 .llf-heading .llf-intro { margin-left: -2.3rem; }
 .llf-question { padding: 1.2rem; }
 .llf-question h3 { font-size: 1.25rem; }
 .llf-research-grid, .llf-choice-grid, .llf-adaptation-scope { grid-template-columns: 1fr; gap: 1rem; }
 .llf-relationship { padding: 1.1rem; }
 .llf-relationship h3 { font-size: 1.2rem; }
 .llf-main-path { grid-template-columns: 1fr; gap: 1.3rem; }
 .llf-main-path li { padding: .65rem .75rem; }
 .llf-main-path li:not(:last-child)::after { content: '↓'; right: auto; left: calc(50% - .35rem); bottom: -1.3rem; }
 .llf-branches { grid-template-columns: 1fr; gap: 1.1rem; }
 .llf-branch { padding: .85rem; }
 .llf-branch ol { flex-direction: column; align-items: stretch; gap: .45rem; }
 .llf-branch li { display: block; }
 .llf-branch li:not(:last-child)::after { content: '↓'; display: block; text-align: left; margin-top: .4rem; }
 .llf-branch-note { font-size: .875rem; }
 .llf-touchpoint { margin-top: 2.5rem; }
 .llf-expression-iteration { grid-template-columns: 1fr; gap: 1rem; }
 .llf-expression-pair { max-width: none; margin: 0; }
 .llf-public-operation { gap: 1.25rem; }
 .llf-gesture-actions { gap: 1rem; }
 .llf-gesture-actions dt { font-size: 1.0625rem; }
 .llf-public-state figcaption { text-align: left; }
 .llf-mobile-screens { grid-template-columns: 1fr; gap: 2rem; }
 .llf-mobile-screens figure { max-width: 23rem; }
 .llf-mobile-demo { grid-template-columns: 1fr; gap: 1.5rem; }
 .llf-mobile-demo > figure { max-width: 18rem; }
 .llf-mobile-demo > div { padding-top: 0; }
 .llf-connected-evidence { padding: 1.1rem; }
 .llf-decision-role { grid-template-columns: 1fr; gap: 1rem; }
 .llf-decision-role > figure { max-width: 25rem; margin-inline: auto; }
 .llf-performance-readings { flex-direction: column; gap: .35rem; }
 .llf-final-actions { grid-template-columns: 1fr; gap: .9rem; }
 .llf-final-actions > div { display: grid; grid-template-columns: 7rem minmax(0,1fr); gap: .8rem; }
 .llf-final-actions dt { font-size: 1.0625rem; margin-bottom: 0; }
 .llf-trial { grid-template-columns: 1fr; gap: 1.25rem; }
 .llf-trial > figure { max-width: 12rem; }
 .llf-adaptations { grid-template-columns: 1fr; gap: 1.5rem; }
 .llf-adaptations figure { max-width: 26rem; }
 .llf-ending { padding-block: 1.75rem; }
 .llf-lightbox-toolbar { flex-direction: column; gap: .75rem; padding: .75rem; }
 .llf-lightbox-scroll { padding: .5rem; max-height: 72dvh; }
 .llf-lightbox-scroll img:not(.llf-portrait) { max-width: none; }
}
@media (prefers-reduced-motion: reduce) { .ll-final { scroll-behavior: auto; } }

/* Directed final cleanup: film first, compact existing overview. */
.llf-hero-film { margin-top: 1rem; }
.llf-hero-film h2 { font-size: 1.25rem; margin: 0 0 .35rem; }
.llf-hero-film .llf-film-hint { font-size: .9375rem; margin-bottom: .6rem; }
.llf-hero-film video { aspect-ratio: 16 / 9; background: #1d1715; }
.llf-film-duration { font-size: .8125rem; color: #65564f; margin-top: .35rem; margin-bottom: 0 !important; }
.llf-overview-compact .llf-device-group { max-width: 48rem; margin-inline: auto; padding: .875rem 1.125rem; gap: 1rem; }
.llf-overview-compact .llf-device-public img { max-width: 20rem; }
.llf-overview-compact .llf-device-phone img { max-width: 6rem; margin-inline: auto; }
.llf-overview-compact .llf-device-emotion img { max-width: 9rem; margin-inline: auto; }
.llf-overview-compact figcaption { text-align: center; }
.llf-expression-pair { align-items: start; }
.llf-device-summary { margin-bottom: 0 !important; }
@media (max-width: 600px) { .llf-overview-compact .llf-device-group { padding: .875rem; gap: 1rem; } .llf-overview-compact .llf-device-public img { max-width: 18rem; } .llf-overview-compact .llf-device-phone img { max-width: 5rem; } .llf-overview-compact .llf-device-emotion img { max-width: 7.5rem; } }

/* Final polish: preserve original media; clarify reading order and focus. */
.llf-hero-summary { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 2.5rem; align-items: start; }
.llf-hero-summary .llf-lead { margin-bottom: 0; }
.llf-hero-summary .llf-my-work { padding: 0; }
.llf-hero-summary .llf-my-work h2 { margin-bottom: .5rem; }
.llf-hero-summary .llf-my-work p { margin: 0; }
.llf-hero > .llf-tools { font-size: .8125rem; color: #65564f; margin-block: 1rem 0; }
.llf-interpretation-reading { margin-top: 1.5rem; }
.llf-interpretation-reading > p { max-width: 64rem; }
.llf-interpretation-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; align-items: start; }
.llf-interpretation-details figcaption { margin-top: .5rem; }
.llf-mobile-screens .llf-screen-caption { min-height: 4.5rem; margin: 0 0 .75rem; }
.llf-mobile-screens .llf-screen-caption h3 { margin: 0 0 .5rem; color: var(--accent-dark); }
.llf-mobile-screens .llf-screen-focus { font-size: .875rem; line-height: 1.6; padding-left: .65rem; border-left: 2px solid #b78786; margin: 0; }
.llf-mobile-demo { max-width: 52rem; margin-inline: auto; grid-template-columns: minmax(0,17rem) minmax(0,1fr); gap: 2.5rem; align-items: center; }
.llf-mobile-demo > figure { max-width: 17rem; }
.llf-mobile-demo > div { padding-top: 0; }
.llf-mobile-demo .llf-connected-evidence { padding: 0; border: 0; background: transparent; margin-top: 1.5rem; }
.llf-mobile-demo .llf-connected-evidence p { font-size: .9375rem; }
.llf-mobile-demo .llf-connected-evidence .llf-note { font-size: .875rem; }
@media (max-width: 850px) { .llf-hero-summary { grid-template-columns: 1fr; gap: .75rem; } .llf-mobile-demo { grid-template-columns: minmax(0,15rem) minmax(0,1fr); gap: 1.5rem; } .llf-mobile-screens .llf-screen-caption { min-height: 7rem; } }
@media (max-width: 600px) { .llf-hero { padding-top: 1.25rem; } .llf-interpretation-details { grid-template-columns: 1fr; gap: 1.5rem; } .llf-mobile-screens .llf-screen-caption { min-height: 0; } .llf-mobile-demo { grid-template-columns: 1fr; gap: 1.5rem; } }

.llf-work-unit { display: inline-block; white-space: nowrap; }