.bg-hero{border-radius:var(--r-xxxl);background:var(--canvas);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:stretch;display:grid;overflow:hidden}.bg-hero-copy{padding:var(--block);gap:var(--s-3xl);justify-items:start;max-width:640px;display:grid}.bg-hero-copy p{max-width:44ch;margin:0}.bg-hero-art{background:var(--g-brand);place-items:center;min-height:360px;display:grid}.bg-hero-art .brand{border-radius:var(--r-xl);background:var(--canvas);padding:22px 30px}.bg-hero .pill{background:var(--canvas-soft)}.bg-head{align-items:end}.bg-n{color:var(--primary-deep)}.bg-group{margin-top:var(--band)}.bg-token{color:var(--primary-deep);font-size:13px}.bg-mark-l{color:var(--ink);font-size:15px;display:block}.bg-mark-d{color:var(--ink-muted);font-size:13px;display:block}.bg-stage{margin-top:var(--band);padding:var(--section) var(--gutter);border-radius:var(--r-xl);background:var(--canvas-soft);place-items:center;display:grid}.bg-stage img{border-radius:40px}.bg-marks{gap:var(--s-3xl);margin-top:var(--gutter);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bg-mark{gap:12px;margin:0;display:grid}.bg-mark-tile{aspect-ratio:1;border-radius:var(--r-lg);place-items:center;display:grid}.bg-mark figcaption{gap:2px;display:grid}.bg-lockups{margin-top:var(--gutter)}.bg-lockup{border-radius:var(--r-lg);place-items:center;height:168px;display:grid}.bg-rules{gap:var(--s-3xl);padding:var(--gutter);align-content:start;display:grid}.bg-rules ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bg-rules li{color:var(--ink-muted);padding-left:18px;font-size:15px;position:relative}.bg-rules li:before{content:"";background:var(--ink-faint);border-radius:2px;width:6px;height:6px;position:absolute;top:.62em;left:0}.bg-pill-err{color:#8a5210;background:#fbeedd;justify-self:start}.bg-rules .pill{justify-self:start}.bg-struck li{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint)}.bg-strip{height:96px;margin-top:var(--band);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hairline-soft);display:flex;overflow:hidden}.bg-swatches{gap:var(--s-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.bg-swatch{border-radius:var(--r-lg);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline-soft);overflow:hidden}.bg-swatch-fill{border-radius:var(--r-lg) var(--r-lg) 0 0;align-items:flex-end;height:104px;padding:14px 16px;font-size:15px;display:flex;box-shadow:inset 0 0 0 1px #0000000f}.bg-swatch-meta{gap:6px;margin:0;padding:14px 16px 16px;display:grid}.bg-swatch-meta div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.bg-swatch-meta dt{color:var(--ink-muted)}.bg-swatch-meta dd{margin:0}.bg-swatch-meta p{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.bg-gradients{gap:var(--s-lg);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bg-gradient{align-content:start;gap:4px;display:grid}.bg-gradient-fill{border-radius:var(--r-lg);height:120px;margin-bottom:10px}.bg-faces{margin-top:var(--band)}.bg-faces .card{padding:var(--gutter)}.bg-faces .pill{background:var(--canvas)}.bg-faces p{overflow-wrap:anywhere}.bg-face{letter-spacing:-.02em;margin:var(--s-3xl) 0;font-size:clamp(44px,5vw,72px);line-height:1}.bg-face.mono{font-size:clamp(32px,3.4vw,48px)}.bg-weights{gap:var(--s-3xl);margin-top:var(--s-3xl);font-size:var(--s-xxl);flex-wrap:wrap;display:flex}.bg-scale{margin-top:var(--band);border-top:1px solid var(--hairline-soft)}.bg-scale-row{gap:var(--gutter);padding:var(--s-3xl) 0;border-bottom:1px solid var(--hairline-soft);grid-template-columns:180px minmax(0,1fr);align-items:baseline;display:grid}.bg-scale-row>span:last-child{overflow-wrap:anywhere;min-width:0}.bg-scale-l{gap:2px;display:grid}.bg-radii{gap:var(--s-3xl) var(--s-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bg-radius{gap:4px;display:grid}.bg-radius-box{background:var(--primary-soft);border-top:2px solid var(--primary-deep);border-left:2px solid var(--primary-deep);height:88px;margin-bottom:8px}.bg-rhythm{gap:var(--s-lg);display:grid}.bg-rhythm-row{gap:var(--s-lg);grid-template-columns:112px auto minmax(0,1fr);align-items:center;display:grid}.bg-rhythm-bar{background:var(--primary);border-radius:4px;height:14px}.bg-demo{align-items:center;gap:var(--s-lg);padding:var(--gutter);border-radius:var(--r-lg);background:var(--canvas-soft);flex-wrap:wrap;display:flex}.bg-demo+.bg-demo{margin-top:var(--s-lg)}.bg-demo .pill{background:var(--canvas)}.bg-demo .pill.pill-live{background:var(--mint-soft)}.bg-demo .pill.pill-accent{background:var(--primary-soft)}.bg-demo .pill.pill-soon{background:#f4f1e6}.bg-demo .mchip{background:var(--canvas)}.bg-demo .mchip .tag{background:var(--canvas-soft)}.bg-demo .mchip .tag.on{background:var(--primary-soft)}.bg-demo-dark{background:var(--deep)}.bg-demo-dark .btn-dark{color:var(--ink)}.bg-demo-dark .btn-outline-dark{color:var(--on-dark)}.bg-quote{border-radius:var(--r-md);background:var(--canvas);padding:14px 16px;font-size:15px;margin-top:var(--s-3xl)!important;color:var(--ink)!important}.bg-downloads{gap:var(--s-lg);grid-template-columns:repeat(auto-fit,minmax(440px,1fr));display:grid}.bg-asset{border-radius:var(--r-lg);background:var(--canvas-soft)}.bg-asset-row{align-items:center;gap:14px;padding:14px 14px 14px 16px;display:flex}.bg-asset-row>img{border-radius:10px;flex:none;width:44px;height:44px}.bg-dl-t{flex:1;min-width:0}.bg-asset-wide{overflow:hidden}.bg-asset-art{padding:var(--block) var(--gutter);box-shadow:inset 0 0 0 1px var(--hairline-soft);border-radius:var(--r-lg) var(--r-lg) 0 0;place-items:center;display:grid}.bg-asset-art img{width:min(100%,320px);height:auto}.bg-asset-foot{justify-content:space-between;align-items:center;gap:var(--s-lg);padding:14px 16px;display:flex}.bg-formats{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.bg-fmt{border-radius:var(--r-sm);background:var(--canvas);letter-spacing:.04em;height:28px;transition:background .16s var(--ease), color .16s var(--ease);align-items:center;padding-inline:10px;font-size:12px;display:inline-flex}.bg-fmt:hover{background:var(--primary-soft);color:var(--primary-deep)}.bg-fmt.is-hq{background:var(--ink);color:var(--on-dark)}.bg-fmt.is-hq:hover{background:var(--primary);color:var(--on-primary)}.bg-print{gap:var(--s-lg);margin-top:var(--band);padding:var(--gutter);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hairline-soft);display:grid}.bg-print .pill{justify-self:start}.bg-print ul{color:var(--ink-muted);gap:10px;max-width:80ch;margin:0;padding-left:18px;font-size:15px;display:grid}.bg-print strong{color:var(--ink);font-weight:500}.bg-quick{gap:var(--gutter);margin-top:var(--gutter);padding:var(--gutter);border-radius:var(--r-lg);background:var(--primary);color:var(--on-primary);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bg-quick .sblock .l{color:#1414149e}.bg-quick-v{font-size:var(--s-xl);letter-spacing:.01em}.bg-link{color:var(--primary-deep);text-underline-offset:3px;text-decoration:underline}@media (max-width:1080px){.bg-marks,.bg-gradients{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-quick{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.bg-hero{border-radius:var(--r-xl);grid-template-columns:minmax(0,1fr)}.bg-hero-art{order:-1;min-height:220px}.bg-hero-art .brand{transform:scale(.72)}.bg-hero-copy{padding:var(--gutter) var(--s-3xl) var(--band)}.bg-scale-row{grid-template-columns:minmax(0,1fr);gap:10px}.bg-stage{padding:var(--band) var(--s-lg)}.bg-stage img{border-radius:28px;width:120px;height:120px}}@media (max-width:600px){.bg-marks,.bg-gradients,.bg-radii{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-quick{grid-template-columns:minmax(0,1fr)}.bg-rhythm-row{grid-template-columns:96px auto}.bg-rhythm-row .bg-mark-d{grid-column:1/-1}.bg-demo,.bg-rules{padding:var(--s-3xl)}.bg-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bg-downloads{grid-template-columns:minmax(0,1fr)}.bg-asset-row{flex-wrap:wrap}.bg-asset-row .bg-formats,.bg-asset-foot .bg-formats{justify-content:flex-start}.bg-asset-row .bg-formats{flex-basis:100%;padding-left:58px}.bg-asset-foot{flex-direction:column;align-items:flex-start}.bg-print{padding:var(--s-3xl)}.bg-swatch-fill{height:72px;padding:10px 12px;font-size:14px}.bg-swatch-meta{padding:10px 12px 12px}.bg-swatch-meta div{gap:0;display:grid}.bg-swatch-meta dd{overflow-wrap:anywhere}}