.sg{--sg-gutter:clamp(1.25rem, 3.5vw, 4rem);--sg-max:75rem;color:var(--foreground)}.sg-shell{width:100%;max-width:var(--sg-max);padding-inline:var(--sg-gutter);margin-inline:auto}.sg-section{border-top:1px solid var(--border);padding-block:clamp(3.5rem,7vw,6rem)}.sg-section:first-of-type{border-top:0}.sg-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.sg-eyebrow:before{content:"";background:currentColor;width:1.5rem;height:1px;display:inline-block}.sg-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.sg-swatch-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (width>=640px){.sg-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=992px){.sg-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sg-swatch{background:var(--background);padding:0}.sg-swatch-chip{border-bottom:1px solid var(--border);width:100%;height:6rem}.sg-swatch-meta{padding:.75rem .875rem 1rem}.sg-swatch-name{font-size:13px;font-weight:500;font-family:var(--font-mono,ui-monospace, monospace);color:var(--foreground)}.sg-swatch-role{color:var(--muted-foreground);margin-top:.25rem;font-size:12px;line-height:1.4}.sg-specimen{border-top:1px solid var(--border);grid-template-columns:1fr;gap:.5rem;padding-block:clamp(1.25rem,3vw,2rem);display:grid}@media (width>=768px){.sg-specimen{grid-template-columns:12rem 1fr;align-items:baseline;gap:1.5rem}}.sg-specimen-meta{color:var(--muted-foreground);font-size:12px;line-height:1.5}.sg-specimen-meta code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--foreground);font-size:11px}.sg-specimen-sample{word-break:break-word;min-width:0}.sg-fluid-giant{letter-spacing:-.02em;font-size:clamp(3rem,9vw,8rem);font-weight:700;line-height:1}.sg-fluid-hero{letter-spacing:-.02em;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:1.02}.sg-fluid-display{letter-spacing:-.015em;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:600;line-height:1.05}.sg-fixed-h-xl{font-size:28px;font-weight:600;line-height:1.1}.sg-fixed-h-lg{font-size:24px;font-weight:500;line-height:1.1}.sg-fixed-body-lg{font-size:17px;font-weight:400;line-height:1.58}.sg-fixed-body{font-size:16px;font-weight:400;line-height:1.58}.sg-fixed-caption{color:var(--muted-foreground);font-size:12px;font-weight:500;line-height:1.4}.sg-fixed-label{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.4}.sg-spacing-row{border-top:1px solid var(--border);align-items:center;gap:1rem;padding-block:.625rem;display:flex}.sg-spacing-row:first-child{border-top:0}.sg-spacing-token{width:6rem;font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted-foreground);flex:none;font-size:12px}.sg-spacing-bar{background:var(--foreground);border-radius:2px;height:1rem}.sg-spacing-px{color:var(--muted-foreground);flex:none;margin-left:auto;font-size:12px}.sg-demo{flex-wrap:wrap;align-items:center;gap:.75rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.sg-chip{border:1px solid var(--border);height:28px;color:var(--foreground);background:var(--background);border-radius:3px;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.sg-chip[data-active=true]{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.sg-work-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.sg-work-media{aspect-ratio:3/2;background:var(--muted);border-bottom:1px solid var(--border);border-radius:0}.sg-work-body{padding:.875rem 1rem 1.125rem}.sg-link{color:var(--foreground);font-weight:500;text-decoration:none;display:inline-block;position:relative}.sg-link:after{content:"";background:currentColor;width:0;height:1px;transition:width .3s cubic-bezier(.32,.72,0,1);position:absolute;bottom:-2px;left:0}.sg-link:hover:after{width:100%}.sg-table{border-collapse:collapse;width:100%;font-size:14px}.sg-table th,.sg-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.sg-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);font-size:12px;font-weight:500}.sg-table td code{font-family:var(--font-mono,ui-monospace, monospace);font-size:12px}.sg-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.sg-rules{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.sg-rules{grid-template-columns:1fr 1fr}}.sg-rule-list{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.sg-rule-list li{gap:.625rem;font-size:15px;line-height:1.5;display:flex}.sg-rule-mark{font-variant-numeric:tabular-nums;flex:none;width:1.25rem;font-weight:600}