.hv2 .lg-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"spick""said""link""wpick""note";align-items:stretch;margin-top:clamp(40px,5vw,64px);display:grid}@media (min-width:900px){.hv2 .lg-demo{grid-template-columns:minmax(0,1fr) clamp(100px,10vw,150px) minmax(0,1fr);grid-template-areas:"spick.wpick""said link note"}}.hv2 .lg-pick{flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;display:flex}.hv2 .lg-pick-spoken{grid-area:spick}.hv2 .lg-pick-written{grid-area:wpick}.hv2 .lg-pick-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:12.5px;font-weight:650}.hv2 .lg-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hv2 .lg-tab{cursor:pointer;font:inherit;white-space:nowrap;background:var(--field);color:var(--ink-muted);border:0;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;transition:background-color .2s ease-out,color .2s ease-out,transform .16s ease-out}.hv2 .lg-tab:active{transform:scale(.97)}.hv2 .lg-tab[aria-checked=true]{background:var(--accent);color:#f7f0f0}@media (max-width:1100px){.hv2 .lg-tab{padding:6px 10px;font-size:13px}}@media (max-width:559px){.hv2 .lg-tabs{max-width:250px}}.hv2 .lg-t:before{content:attr(data-t)}.hv2 .lg-said{box-sizing:border-box;background:var(--desk-chrome);border-radius:22px;grid-area:said;min-width:0;padding:26px 28px 28px}.hv2 .lg-stack{display:grid}.hv2 .lg-said-text{color:var(--on-desk);opacity:0;grid-area:1/1;margin:0;font-size:17px;font-style:italic;line-height:1.65;transition:opacity .35s ease-out}.hv2 .lg-said-text.is-active{opacity:.86}.hv2 .lg-said-text:lang(hi),.hv2 .lg-said-text:lang(ja){font-style:normal}.hv2 .lg-link{flex-direction:column;grid-area:link;align-items:center;padding:10px 0;display:flex}.hv2 .lg-wire{background:repeating-linear-gradient(180deg,var(--accent)0 6px,transparent 6px 12px);opacity:.55;width:2px;height:26px;position:relative}.hv2 .lg-mic{width:54px;height:54px;box-shadow:var(--shadow-small);border-radius:50%;flex:none;margin:6px 0}.hv2 .lg-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s linear infinite lgFlowDown;position:absolute;top:0;left:-2px}.hv2 .lg-dot:nth-child(2){animation-delay:.6s}.hv2 .lg-dot:nth-child(3){animation-delay:1.2s}@keyframes lgFlowDown{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:calc(100% - 6px)}}@keyframes lgFlowAcross{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@media (min-width:900px){.hv2 .lg-link{flex-direction:row;padding:0}.hv2 .lg-wire{background:repeating-linear-gradient(90deg,var(--accent)0 6px,transparent 6px 12px);flex:1;width:auto;height:2px}.hv2 .lg-mic{width:62px;height:62px;margin:0 8px}.hv2 .lg-dot{animation-name:lgFlowAcross;top:-2px;left:0}}.hv2 .lg-note{box-sizing:border-box;background:var(--raised);min-width:0;box-shadow:var(--shadow-small);border-radius:22px;grid-area:note;padding:26px 30px 30px}.hv2 .lg-note-body{opacity:0;grid-area:1/1;transition:opacity .35s ease-out}.hv2 .lg-note-body.is-active{opacity:1}.hv2 .lg-note-title{font-family:var(--font-fraunces),Georgia,serif;font-variation-settings:"SOFT" 50,"WONK" 1;font-optical-sizing:auto;font-size:clamp(21px,1.9vw,25px);line-height:1.25;font-weight:var(--pw);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}.hv2 .lg-note-body:lang(hi) .lg-note-title,.hv2 .lg-note-body:lang(ja) .lg-note-title{letter-spacing:0;font-family:system-ui,sans-serif;font-weight:600}.hv2 .lg-note-text{color:var(--ink);margin:0;font-size:17px;line-height:1.6}@media (prefers-color-scheme:dark){.hv2 .lg-said{background:#1b1c25}}@media (prefers-reduced-motion:reduce){.hv2 .lg-dot{display:none}.hv2 .lg-said-text,.hv2 .lg-note-body,.hv2 .lg-tab{transition:none}}
