/* Original project assets; shared editorial system from the portfolio. */
.lil-card{padding:0;background:#8c3b2c;isolation:isolate}
.lil-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .4s}
.lil-card:hover>img{transform:scale(1.025)}
.lil-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#211b16cc);z-index:0}
.lil-card-label{position:absolute;left:28px;bottom:29px;color:#fff7e8;font:32px/1.1 var(--serif);z-index:1;max-width:80%}
.lil-card-label>span{display:block;font:9px/1.6 var(--sans);text-transform:uppercase;letter-spacing:1.2px;margin-top:10px}
.lil-card .art-arrow{color:#fff7e8;border-color:#fff7e899;z-index:1}
.lil-intro{grid-template-columns:1fr 1.05fr;gap:55px}
.lil-intro .case-heading h1{font-size:clamp(42px,4.3vw,62px);line-height:1.1;letter-spacing:-1.6px}
.lil-hero-art{margin:0}
.lil-hero-art img{aspect-ratio:5/4;object-fit:cover;object-position:center;border-radius:180px 180px 2px 2px}
.lil-hero-art figcaption,.lil-concept-world figcaption,.lil-evolution figcaption{font-size:9px;line-height:1.7;color:var(--muted);margin-top:12px;letter-spacing:.6px;text-transform:uppercase}
.lil-story{padding-top:35px}
.lil-concept .section-top{margin-bottom:34px}
.lil-concept-world{margin:0;padding:45px 40px 20px;background:#e9e0ce}
.lil-concept-world img{width:100%;height:auto}
.lil-concept-world figcaption{text-align:center;margin-top:30px}
.lil-characters{padding-block:80px;background:#e9e8de}
.lil-evolution{max-width:850px;margin:50px auto 0}
.lil-evolution figure{margin:0}
.lil-step{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;color:#596451}
.lil-avatar-art{padding:35px 25px;background:#f5f1e9}
.lil-avatar-art img{width:100%;height:auto}
.lil-evolution figure>img{width:100%;height:auto}
.lil-evolution figcaption{text-align:right}
.lil-evolution-arrow{display:block;font-size:32px;color:var(--rust);text-align:center;margin:20px auto}
.lil-demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:40px 0 25px}
.lil-demo-tabs button{display:flex;align-items:center;gap:13px;text-align:left;background:transparent;padding:15px 0;border-top:1px solid var(--line);color:var(--muted);font:19px var(--serif)}
.lil-demo-tabs button span{font:12px var(--sans)}
.lil-demo-tabs button[aria-selected=true]{border-top:2px solid var(--rust);color:var(--rust)}
.lil-demo-panel[hidden]{display:none}
.lil-demo-panel video{display:block;width:100%;height:auto;aspect-ratio:1100/540;object-fit:contain;background:#fff}
.lil-demo-caption{display:grid;grid-template-columns:1fr 1.25fr auto;gap:35px;align-items:start;padding-top:25px}
.lil-demo-caption h3{font:26px/1.25 var(--serif)}
.lil-demo-caption p{font-size:13px;line-height:1.85;color:var(--muted)}
.lil-demo-caption>span{font-size:9px;line-height:1.8;color:var(--muted);text-align:right}
.lil-demo-note{font-size:10px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.lil-takeaway{background:#eae1d2;padding-block:80px;text-align:center}
.lil-takeaway h2{margin-top:20px}
.lil-takeaway>.wrap>p:not(.eyebrow){max-width:700px;margin:25px auto 0;font-size:16px;line-height:1.9;color:var(--muted)}
.lil-takeaway>.wrap>p.lil-campaign-note{font-size:11px;max-width:640px;margin-top:30px}
.lil-campaign-note a{display:block;margin-top:9px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.lil-takeaway .case-credits{flex-wrap:wrap;gap:10px 25px;font-size:9px;line-height:1.7;border-color:#cbc0ad}
@media(max-width:1000px){.lil-intro{gap:35px}.lil-intro .case-heading h1{font-size:45px}.lil-demo-caption{grid-template-columns:1fr 1.3fr;gap:20px}.lil-demo-caption>span{grid-column:2;text-align:left;margin-top:-5px}.lil-card-label{font-size:29px}}
@media(max-width:620px){.lil-intro{grid-template-columns:1fr;gap:28px}.lil-intro .case-heading h1{font-size:46px;letter-spacing:-1.5px}.lil-hero-art img{aspect-ratio:5/4;border-radius:150px 150px 2px 2px}.lil-hero-art figcaption{font-size:8px}.lil-story{padding-top:28px}.lil-card-label{left:24px;bottom:29px;font-size:30px;max-width:76%}.lil-card-label>span{font-size:8px}.lil-concept-world{padding:35px 12px 18px;margin-inline:-10px}.lil-concept-world figcaption{font-size:8px;margin-top:20px}.lil-characters{padding-block:55px}.lil-characters .case-story{gap:23px}.lil-characters .eyebrow{margin-bottom:15px}.lil-evolution{margin-top:30px}.lil-step{font-size:8px;letter-spacing:.8px;margin-bottom:13px}.lil-avatar-art{padding:25px 10px}.lil-evolution figcaption{font-size:8px;text-align:left}.lil-evolution-arrow{margin:15px auto}.lil-demo-tabs{gap:10px;margin:30px 0 15px}.lil-demo-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;font-size:17px;padding:12px 0}.lil-demo-tabs button span{display:block;font-size:10px;line-height:1.5;margin-top:6px;max-width:90px}.lil-demo-panel video{width:calc(100% + 24px);max-width:none;margin-inline:-12px}.lil-demo-caption{display:block;padding-top:20px}.lil-demo-caption h3{font-size:25px}.lil-demo-caption p{font-size:12px;margin-top:12px}.lil-demo-caption>span{display:block;margin-top:12px;font-size:8px}.lil-demo-note{font-size:9px;line-height:1.8;margin-top:22px}.lil-takeaway{padding-block:55px}.lil-takeaway h2{font-size:36px}.lil-takeaway>.wrap>p:not(.eyebrow){font-size:14px;margin-top:22px}.lil-takeaway>.wrap>p.lil-campaign-note{font-size:10px}.lil-takeaway .case-credits{font-size:9px}}