/* Phone-only overrides. The six-reference desktop artwork remains untouched. */
html[data-mobile-motion="true"] #root .journey-stage {
 height:var(--lf-mobile-stage-height,100svh);
}
html[data-mobile-motion="true"] #root .finale-ui {
 transform:none;
}
/* Portrait phones place the copy above a separate, centered media area. */
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy {
 top:104px!important;left:20px!important;
 width:calc(100% - 40px)!important;max-width:none!important;min-height:0!important;height:auto!important;
 padding:0!important;z-index:2;text-align:center;
}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy>.eyebrow {position:static!important;font-size:9px!important;margin-bottom:12px!important;letter-spacing:.13em!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1,
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1>span {font-size:clamp(38px,11.3vw,48px)!important;line-height:1.03!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1 {position:static!important;width:auto!important;margin:0!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1>span:empty {display:none!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-description {position:static!important;width:auto!important;max-width:100%!important;margin:14px 0 0!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-description strong {font-size:12px!important;line-height:1.6!important;white-space:normal!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-bottom {position:static!important;margin-top:14px!important;padding:0!important;min-height:0!important;align-items:center!important;justify-content:center!important}
html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .lf-ref-hero-slogan {position:static!important;margin-top:14px!important;font-size:12px!important;line-height:1.35!important;display:flex!important;justify-content:center;gap:5px}
html[data-mobile-motion="true"] #root .finale-ui :is(.finale-copy,.finale-name,.finale-info,.finale-kicker) {z-index:2}
html[data-mobile-motion="true"] #root .mascot-reaction {z-index:1}
html[data-mobile-motion="true"] #root .finale-ui :is(.finale-copy,.finale-name,.finale-info,.finale-kicker) {
 box-sizing:border-box;right:auto!important;bottom:auto!important;max-width:none!important;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-kicker {
 left:var(--lf-scene-kicker-x)!important;top:var(--lf-scene-kicker-y)!important;
 width:calc(100% - 40px)!important;font-size:10px!important;line-height:16px!important;gap:12px!important;justify-content:center!important;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-kicker span {font-size:8px!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-copy {
 left:var(--lf-scene-copy-x)!important;top:var(--lf-scene-copy-y)!important;width:var(--lf-scene-copy-w)!important;text-align:center;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2 {margin:6px 0 0!important;font-size:26px!important;line-height:1.05!important;white-space:normal!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2>span:nth-child(n) {display:inline!important;font-size:26px!important;line-height:1.05!important;white-space:nowrap!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2>span:nth-child(2)::before {content:' '}
html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2>span:nth-child(3) {display:block!important}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-eyebrow {font-size:9px!important;line-height:1.4!important}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-description {
 position:static!important;inset:auto!important;width:auto!important;max-width:none!important;
 margin:9px 0 0!important;font-size:12px!important;line-height:1.5!important;white-space:normal!important;text-wrap:balance;
}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-description::before {display:none!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-name {
 left:var(--lf-scene-name-x)!important;top:var(--lf-scene-name-y)!important;width:var(--lf-scene-name-w)!important;
 display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:center;gap:8px!important;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-name span:first-child {font-size:22px!important;line-height:1.3!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-name span:last-child {font-size:12px!important;line-height:1.5!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-info {
 left:var(--lf-scene-info-x)!important;top:var(--lf-scene-info-y)!important;width:var(--lf-scene-info-w)!important;
 display:grid!important;grid-template-columns:1fr auto;align-items:center;justify-items:start;gap:6px 12px;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-info .section-index {
 position:static!important;grid-column:1/-1;font-size:8px!important;line-height:1.2!important;margin:0!important;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-info>p {
 margin:0!important;display:block!important;font-size:11px!important;line-height:1.6!important;white-space:normal!important;
}
html[data-mobile-motion="true"] #root .finale-ui .finale-info>p::before {display:none!important}
html[data-mobile-motion="true"] #root .finale-ui .finale-info>.outline-button {
 position:static!important;width:auto!important;min-width:116px!important;height:44px!important;min-height:44px!important;
 margin:0!important;padding:0 12px!important;font-size:11px!important;
}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-footer {bottom:8px!important;left:20px!important;font-size:6px!important;line-height:1.2!important}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-future {bottom:9px!important;right:20px!important;font-size:6px!important}
html[data-mobile-motion="true"] #root .finale-ui .lf-ref-hello {
 top:var(--lf-scene-hello-y)!important;left:auto!important;right:12px!important;font-size:15px!important;opacity:.65;
}
html[data-mobile-motion="true"] #root .mascot-reaction {pointer-events:auto;touch-action:manipulation}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-copy h2,
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-copy h2>span:nth-child(n) {font-size:22px!important;line-height:1.05!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .lf-ref-value-eyebrow {font-size:7px!important;line-height:1.1!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .lf-ref-value-description {font-size:10px!important;line-height:1.2!important;margin-top:4px!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-kicker {font-size:8px!important;line-height:12px!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-name span:first-child {font-size:18px!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-name span:last-child {font-size:10px!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-info>p {font-size:10px!important;line-height:1.4!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-info {gap:4px 6px!important}
html[data-mobile-motion="true"] #root .finale-ui[data-scene-compact="true"] .finale-info>.outline-button {min-width:104px!important;font-size:10px!important;padding:0 8px!important}
@media (orientation:landscape) {
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy {top:86px!important;width:42%!important;text-align:left}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-bottom {align-items:flex-start!important;justify-content:flex-start!important}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .lf-ref-hero-slogan {justify-content:flex-start}
 html[data-mobile-motion="true"] #root .finale-ui .finale-copy {text-align:left}
 html[data-mobile-motion="true"] #root .finale-ui .finale-kicker {width:auto!important;justify-content:flex-start!important}
 html[data-mobile-motion="true"] #root .finale-ui .finale-name {justify-content:flex-start}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy>.eyebrow {margin-bottom:8px!important}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1,
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy h1>span {font-size:28px!important}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-description {width:250px!important;margin-top:10px!important}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .hero-bottom {margin-top:12px!important}
 html[data-mobile-motion="true"] #root .welcome-ui .hero-copy .lf-ref-hero-slogan {margin-top:12px!important;font-size:11px!important}
 html[data-mobile-motion="true"] #root .finale-ui .finale-name {flex-direction:row!important}
 html[data-mobile-motion="true"] #root .finale-ui .finale-info {grid-template-columns:1fr auto;justify-items:stretch}
 html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2,
 html[data-mobile-motion="true"] #root .finale-ui .finale-copy h2>span:nth-child(n) {font-size:23px!important}
 html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-eyebrow {font-size:8px!important;line-height:1.2!important}
 html[data-mobile-motion="true"] #root .finale-ui .lf-ref-value-description {font-size:11px!important;margin-top:5px!important}
 html[data-mobile-motion="true"] #root .finale-ui .finale-name span:first-child {font-size:18px!important}
 html[data-mobile-motion="true"] #root .finale-ui .finale-name span:last-child {font-size:10px!important}
 html[data-mobile-motion="true"] #root .finale-ui .lf-ref-hello {right:20px!important;font-size:16px!important}
}