.lo-hero{padding-block:var(--lo-sp-5) var(--lo-sp-4)}.lo-hero-frame{aspect-ratio:4/5}.lo-hero .lo-lit-body{gap:var(--lo-sp-3);padding:var(--lo-sp-5);max-width:62ch}.lo-hero-title{font-family:var(--lo-font-display);font-weight:900;font-size:var(--lo-fs-7);line-height:1.02;letter-spacing:var(--lo-track-display);text-wrap:balance}.lo-hero-desc{font-size:var(--lo-fs-3);line-height:1.6;color:var(--lo-on-stage-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}@media (min-width:720px){.lo-hero-frame{aspect-ratio:3/2}.lo-hero-title{font-size:var(--lo-fs-8)}.lo-hero .lo-lit-body{padding:var(--lo-sp-6)}}@media (min-width:1024px){.lo-hero-frame{aspect-ratio:16/9}}.lo-starter-band{margin-block:var(--lo-sp-5);padding:var(--lo-sp-5);border:1px solid var(--lo-line);border-radius:var(--lo-radius-l);background:linear-gradient(140deg,color-mix(in srgb,var(--lo-primary-soft) 70%,var(--lo-card)) 0,var(--lo-card) 62%)}.lo-starter-h{font-size:var(--lo-fs-6);font-weight:900;letter-spacing:var(--lo-track-display)}.lo-starter-sub{margin-top:var(--lo-sp-1);font-size:var(--lo-fs-3);color:var(--lo-ink-dim)}.lo-starter{margin-top:var(--lo-sp-4)}.lo-starter-label{display:block;margin-bottom:var(--lo-sp-2);font-size:var(--lo-fs-2);font-weight:800;letter-spacing:var(--lo-track-label);color:var(--lo-ink-dim)}.lo-starter-row{display:flex;gap:var(--lo-sp-2);flex-wrap:wrap}.lo-starter-input{flex:1 1 22ch;min-width:0;min-height:44px;padding:0 var(--lo-sp-4);border:1px solid var(--lo-line-strong);border-radius:var(--lo-radius-m);background:var(--lo-bg);color:var(--lo-ink);font-size:var(--lo-fs-4)}.lo-starter-input::placeholder{color:var(--lo-ink-faint)}.lo-counts{flex-wrap:wrap;gap:var(--lo-sp-2);margin:0 0 var(--lo-sp-4);padding:0}.lo-counts,.lo-rail{display:flex;list-style:none}.lo-rail{gap:var(--lo-sp-3);margin:0;padding:0 0 var(--lo-sp-2);overflow-x:auto;scroll-snap-type:x proximity}.lo-rail>li{flex:0 0 auto;scroll-snap-align:start}.lo-rail-face{width:132px}.lo-rail-stage{width:248px}.lo-face-link{display:block;text-decoration:none;color:inherit}.lo-face-shot{aspect-ratio:3/4;border:1px solid var(--lo-line);border-radius:var(--lo-radius-m);background:var(--lo-surface-2)}.lo-face-name,.lo-face-shot{display:block;overflow:hidden}.lo-face-name{margin-top:var(--lo-sp-2);font-size:var(--lo-fs-2);font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lo-face-link:hover .lo-face-name{color:var(--lo-primary-solid)}