/* Three distinct art directions; one shared content sample. */
.type-demo{display:block;min-height:440px;padding:28px;color:#d6ff56;background:#151715;border-radius:4px;transition:background .4s,color .4s}.type-demo span{font-size:inherit;font-weight:inherit;letter-spacing:normal;display:inline;line-height:inherit}.lab-demo-nav,.lab-demo-foot{display:flex;justify-content:space-between;gap:20px;font-size:12px}.lab-demo-nav{padding-bottom:20px;border-bottom:1px solid currentColor}.lab-demo-body{padding:32px 0}.lab-demo-kicker{font-size:12px!important;text-transform:uppercase}.type-demo #type-word{display:block;font-size:clamp(42px,7vw,112px);font-weight:800;letter-spacing:-4px;white-space:nowrap;line-height:1.2;margin:12px 0}.lab-demo-body p{font-size:22px;line-height:1.35;margin:18px 0 26px}.lab-demo-cta{display:inline-flex!important;gap:24px;padding:13px 20px;background:#d6ff56;color:#151715;border-radius:30px;font-size:14px!important}.lab-demo-foot{align-items:end;border-top:1px solid currentColor;padding-top:18px;line-height:1.5}.lab-demo-foot>span:last-child{max-width:260px}.type-demo[data-lab-style=serif]{background:#f0e9db;color:#483c35;padding:32px 40px}.type-demo[data-lab-style=serif] .lab-demo-body{text-align:center}.type-demo[data-lab-style=serif] #type-word{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-2px}.type-demo[data-lab-style=serif] .lab-demo-body p{font-family:Georgia,serif}.type-demo[data-lab-style=serif] .lab-demo-cta{background:transparent;border:1px solid #483c35;border-radius:0;color:inherit}.type-demo[data-lab-style=mono]{background:#e4e5e0;color:#181a18;border:2px solid #181a18;border-radius:0;font-family:'Courier New',monospace}.type-demo[data-lab-style=mono] #type-word{font-family:'Courier New',monospace;font-weight:400;letter-spacing:0;font-size:clamp(38px,6vw,95px)}.type-demo[data-lab-style=mono] .lab-demo-nav{border-bottom:2px solid}.type-demo[data-lab-style=mono] .lab-demo-body{border-left:2px solid;padding-left:24px}.type-demo[data-lab-style=mono] .lab-demo-cta{border:2px solid;background:transparent;color:inherit;border-radius:0;box-shadow:4px 4px 0 #181a18}.type-demo[data-lab-style=mono] .lab-demo-foot{border-top:2px solid}.lab-controls{align-self:start}.preset-group{flex-wrap:wrap}.lab-description{font-size:16px}@media(max-width:800px){.type-demo,.type-demo[data-lab-style=serif]{padding:20px;min-height:420px}.type-demo #type-word{font-size:clamp(36px,12vw,78px)}.type-demo[data-lab-style=mono] #type-word{font-size:clamp(30px,10.5vw,65px)}.lab-demo-foot{flex-direction:column;align-items:start;gap:10px}.lab-demo-nav{font-size:11px}.lab-demo-body p{font-size:20px}}@media(prefers-reduced-motion:reduce){.type-demo{transition:none}}