/* Lumee extends the shared case-study layout and existing screen animations. */
.lumee-case{--blue:#32604c}
.lumee-case .case-title{gap:35px}
.lumee-case .case-title h1{font-size:clamp(100px,13vw,180px)}
.lumee-case .case-title>p{font-size:clamp(23px,2.7vw,38px);line-height:1.25}
.lumee-case .section-marker{font-weight:500;line-height:1.6}
.lumee-case .case-intro p+p{margin-top:12px}
.lumee-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#c3c8bc}
.lumee-hero-grid .hero-screen{width:100%;max-width:none;min-width:0;display:grid;justify-items:center;align-content:center;gap:25px;padding:38px 28px}
.lumee-hero-grid .lamp-stage{background:#b2b2b2}
.lumee-hero-grid .ui-stage{background:#dfe6d2}
.lumee-hero-grid .hero-screen img{height:400px;width:auto;max-width:100%;object-fit:contain;border-radius:0;box-shadow:none}
.lumee-hero-grid .ui-stage img{border-radius:12px;box-shadow:0 20px 35px #172d2826}
.lumee-hero-grid figcaption{font-size:9px;letter-spacing:1px;text-align:center;line-height:1.5}
.lumee-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:28px 0}
.lumee-pair .screen-figure{min-width:0;margin:0;padding:24px;background:#e9e9e1;align-content:start;gap:20px}
.lumee-pair .screen-figure:last-child{background:#dfe6d2}
.lumee-pair .screen-figure figcaption{width:100%;max-width:none;margin:0;gap:10px;font-size:8px;letter-spacing:.6px;line-height:1.6;flex-wrap:wrap}
.lumee-pair .screen-figure figcaption>span:first-child{font-weight:600}
.lumee-pair .screen-figure figcaption>span:last-child{color:#62695d;white-space:nowrap}
.lumee-pair .screen-figure a{width:100%;min-width:0;max-width:320px}
.lumee-pair img{width:100%;height:auto;max-width:none;border-radius:0}
.physical-pair .screen-figure,.physical-pair .screen-figure:last-child{background:#b2b2b2}
.physical-pair .screen-figure a{max-width:none}
.physical-pair img{height:340px;object-fit:contain}
.lumee-case .comparison-note{font-size:11px;color:var(--muted);line-height:1.7}
.lumee-note{padding:20px 22px;border-left:2px solid var(--blue);background:#e7ebdf}
.lumee-table{margin:28px 0}
.lumee-table table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.6}
.lumee-table caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:15px}
.lumee-table th,.lumee-table td{padding:16px 12px;border-bottom:1px solid var(--border);font-weight:400;vertical-align:top}
.lumee-table thead th{font-weight:600;background:#e5e9dd}
.lumee-table tbody th{font-weight:500}
.lumee-case .case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:32px}
.lumee-case .case-actions .back-link,.lumee-case .case-actions .prototype-link{margin:0}
.featured-lumee{background:#e2e7d8}
.featured-lumee .featured-loop-copy h3 span{color:#32604c}
.featured-lumee .featured-loop-copy>p{max-width:340px;line-height:1.4}
.featured-lumee .featured-loop-visual img:first-child{max-width:230px;width:48%;border-radius:10px}
.featured-lumee .featured-loop-visual img:last-child{max-width:185px;width:40%}
@media(max-width:1000px){.lumee-case .case-title{display:block}.lumee-case .case-title>p{margin-top:18px}.lumee-pair .screen-figure{padding:18px}.physical-pair img{height:260px}}
@media(max-width:760px){.lumee-case .case-title h1{font-size:clamp(72px,20vw,120px)}.lumee-case .case-title>p{font-size:24px;padding:0;letter-spacing:-.8px}.lumee-hero-grid .hero-screen{padding:26px 14px;gap:18px}.lumee-hero-grid .hero-screen img{height:230px}.lumee-hero-grid figcaption{font-size:7px;letter-spacing:.3px}.lumee-pair{gap:12px}.lumee-table table{font-size:11px}.lumee-table th,.lumee-table td{padding:12px 7px}.featured-lumee .featured-loop-visual img:first-child{max-width:175px}.featured-lumee .featured-loop-visual img:last-child{max-width:135px}}
@media(max-width:540px){.lumee-pair{grid-template-columns:1fr;gap:14px}.lumee-pair .screen-figure{padding:24px}.lumee-pair .screen-figure a{max-width:280px}.lumee-pair .screen-figure figcaption{max-width:280px}.physical-pair img{height:320px}.lumee-hero-grid .hero-screen img{height:190px}.lumee-hero-grid .hero-screen{padding-inline:10px}}