.ds-button{appearance:none;border-radius:var(--ds-radius-pill);color:var(--ds-color-ink);cursor:pointer;font-family:var(--ds-font-ui);font-size:var(--ds-type-label-size);font-weight:var(--ds-type-label-weight);align-items:center;gap:var(--ds-space-xs);line-height:var(--ds-type-label-line);min-height:2.5rem;padding:0 var(--ds-space-md);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;text-decoration:none;display:inline-flex}.ds-button--sm{min-height:2.25rem;padding:0 var(--ds-space-sm)}.ds-button--md{min-height:2.5rem}.ds-button--primary{background:var(--ds-color-ink);border-color:var(--ds-color-ink);color:var(--ds-color-surface)}.ds-button--secondary{background:var(--ds-color-surface);border-color:var(--ds-color-border);color:var(--ds-color-ink)}.ds-button--soft{background:var(--ds-color-surface-muted);color:var(--ds-color-ink);border-color:#0000}.ds-button--chip{background:var(--ds-color-surface-soft);border-color:var(--ds-color-border-muted);color:var(--ds-color-text-support);border-radius:1rem;gap:.375rem;padding:.5625rem .8125rem}.ds-button--ghost{color:var(--ds-color-text);background:0 0;border-color:#0000}.ds-button--link{color:var(--ds-color-text-support);background:0 0;border-color:#0000;border-radius:0;min-height:auto;padding:0}.ds-button--icon,.ds-button--icon-filled{border-radius:.75rem;width:2rem;min-height:2rem;padding:0}.ds-button--icon{color:var(--ds-color-text-subtle);background:0 0;border-color:#0000}.ds-button--icon-filled{background:var(--ds-color-surface-muted);color:var(--ds-color-ink);border-color:#0000}.ds-button--full{width:100%}.ds-button:disabled,.ds-button[aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}.ds-button__icon{justify-content:center;align-items:center;display:inline-flex}.ds-button--icon-only .ds-button__icon{margin:0}.ds-button__label{text-wrap:nowrap;display:inline-flex}.ds-input{background:radial-gradient(circle at top right, #fdeceae0, transparent 32%), var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-soft);gap:var(--ds-space-md);padding:var(--ds-space-md);display:grid}.ds-input__field{color:var(--ds-color-text);font-family:var(--ds-font-body);font-size:var(--ds-type-body-lg-size);font-weight:var(--ds-type-body-lg-weight);line-height:var(--ds-type-body-lg-line);resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:5.5rem}.ds-input__field::placeholder{color:var(--ds-color-text-subtle)}.ds-input__footer{align-items:center;gap:var(--ds-space-sm);justify-content:space-between;display:flex}.ds-input__helper{color:var(--ds-color-text-subtle);font-family:var(--ds-font-ui);font-size:var(--ds-type-body-sm-size);line-height:var(--ds-type-body-sm-line);margin:0}.ds-input__actions{gap:var(--ds-space-xs);display:inline-flex}.ds-input__action{flex:none}.ds-card{color:inherit;text-decoration:none}.ds-card--feature{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;overflow:hidden}.ds-card--feature.ds-card--dark{background:var(--ds-color-ink);color:var(--ds-color-surface);border-color:#ffffff14}.ds-card--feature-reverse{background:var(--ds-color-surface-soft)}.ds-card--feature-reverse .ds-card__body{order:1}.ds-card--feature-reverse .ds-card__media{order:2}.ds-card--feature .ds-card__media{min-height:15rem}.ds-card__media{position:relative}.ds-card--feature .ds-card__body{gap:var(--ds-space-sm);padding:var(--ds-space-xl);display:grid}.ds-card--article{gap:var(--ds-space-md);display:grid}.ds-card--article .ds-card__media{aspect-ratio:16/10;border-radius:var(--ds-radius-md);overflow:hidden}.ds-card__image{object-fit:cover;width:100%;height:100%;display:block}.ds-card__eyebrow{color:var(--ds-color-text-subtle);font-family:var(--ds-font-ui);font-size:var(--ds-type-overline-size);font-weight:var(--ds-type-overline-weight);letter-spacing:.08em;line-height:var(--ds-type-overline-line);text-transform:uppercase;margin:0}.ds-card__title{font-family:var(--ds-font-ui);font-size:var(--ds-type-heading-md-size);font-weight:var(--ds-type-heading-md-weight);line-height:var(--ds-type-heading-md-line);text-wrap:balance;margin:0}.ds-card--article .ds-card__title{font-size:var(--ds-type-heading-sm-size);line-height:var(--ds-type-heading-sm-line)}.ds-card__description{color:inherit;font-family:var(--ds-font-body);font-size:var(--ds-type-body-lg-size);line-height:var(--ds-type-body-lg-line);opacity:.84;text-wrap:pretty;max-width:34ch;margin:0}.ds-card--article .ds-card__description{font-size:var(--ds-type-body-sm-size);line-height:var(--ds-type-body-sm-line)}.ds-card__meta{color:var(--ds-color-text-subtle);font-family:var(--ds-font-ui);font-size:var(--ds-type-body-sm-size);line-height:var(--ds-type-body-sm-line);margin:0}.ds-card--dark .ds-card__meta{color:var(--ds-color-text-subtle)}@media (max-width:880px){.ds-card--feature{grid-template-columns:1fr}.ds-card--feature .ds-card__body{padding:var(--ds-space-lg)}.ds-input__footer{flex-direction:column;align-items:flex-start}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ds-color-canvas);color:var(--ds-color-text);font-family:var(--ds-font-body)}a{color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}.app-body{min-height:100dvh}.brand-diffuse-surface{--brand-diffuse-width:23.5rem;--brand-diffuse-height:19rem;--brand-diffuse-left:-3.15rem;--brand-diffuse-top:-3rem;--brand-diffuse-blur:36px;--brand-diffuse-opacity:.96;--brand-diffuse-glow:radial-gradient(ellipse 90% 78% at 29% 18%, color-mix(in srgb, var(--portfolio-color-accent-brand) 18%, transparent) 0%, color-mix(in srgb, var(--portfolio-color-accent-brand) 14%, transparent) 26%, color-mix(in srgb, var(--portfolio-color-surface-warm) 42%, transparent) 52%, transparent 82%), radial-gradient(ellipse 72% 66% at 48% 26%, color-mix(in srgb, var(--portfolio-color-bg-pure) 82%, transparent) 0%, transparent 84%);--brand-diffuse-wash:radial-gradient(ellipse 92% 72% at 22% 8%, color-mix(in srgb, var(--portfolio-color-bg-pure) 34%, transparent) 0%, color-mix(in srgb, var(--portfolio-color-bg-pure) 18%, transparent) 34%, transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--portfolio-color-bg-pure) 22%, transparent) 0%, color-mix(in srgb, var(--portfolio-color-bg-pure) 8%, transparent) 48%, transparent 100%);isolation:isolate;position:relative}[data-color-theme=dark] .brand-diffuse-surface{--brand-diffuse-blur:48px;--brand-diffuse-opacity:.58;--brand-diffuse-glow:radial-gradient(ellipse 88% 74% at 28% 18%, color-mix(in srgb, var(--portfolio-color-accent-brand) 24%, transparent) 0%, color-mix(in srgb, var(--portfolio-color-accent-brand) 12%, transparent) 24%, color-mix(in srgb, var(--portfolio-color-surface-raised) 14%, transparent) 48%, transparent 78%), radial-gradient(ellipse 68% 60% at 44% 24%, color-mix(in srgb, var(--portfolio-color-surface-raised) 18%, transparent) 0%, transparent 76%);--brand-diffuse-wash:radial-gradient(ellipse 96% 76% at 20% 10%, color-mix(in srgb, var(--portfolio-color-surface) 10%, transparent) 0%, color-mix(in srgb, var(--portfolio-color-bg-soft) 4%, transparent) 28%, transparent 72%)}.brand-diffuse-surface:before{background:var(--brand-diffuse-glow);content:"";filter:blur(var(--brand-diffuse-blur));height:var(--brand-diffuse-height);left:var(--brand-diffuse-left);opacity:var(--brand-diffuse-opacity);pointer-events:none;top:var(--brand-diffuse-top);width:var(--brand-diffuse-width);z-index:0;position:absolute}.brand-diffuse-surface:after{background:var(--brand-diffuse-wash);filter:blur(20px);content:"";pointer-events:none;z-index:0;width:calc(100% + 3.5rem);height:13.5rem;position:absolute;top:-2.2rem;left:-2rem}.brand-diffuse-surface>*{z-index:1;position:relative}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-page{background:radial-gradient(circle at 12% 8%,#dff1f3e6,#0000 28%),radial-gradient(circle at 88% 6%,#fdeceae6,#0000 22%),linear-gradient(#fff 0%,#fcfcfb 30%,#f8f8f6 100%)}.preview-shell{width:min(1200px,100% - 2rem);margin:0 auto}.preview-hero{padding:1rem 0 var(--ds-space-section)}.preview-topbar{border-radius:var(--ds-radius-md);align-items:center;gap:var(--ds-space-md);padding:var(--ds-space-sm);background:#fffffff0;border:1px solid #e3e5e8e6;justify-content:space-between;display:flex;box-shadow:0 10px 30px #14181b0a}.preview-brand{font-family:var(--ds-font-ui);font-size:var(--ds-type-label-size);font-weight:var(--ds-type-label-weight);align-items:center;gap:var(--ds-space-sm);display:inline-flex}.preview-brand__mark{background:var(--ds-color-ink);border-radius:var(--ds-radius-pill);color:var(--ds-color-surface);justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.preview-nav,.preview-actions,.preview-chip-row,.preview-footer__actions{gap:var(--ds-space-xs);flex-wrap:wrap;display:flex}.preview-hero__content{gap:var(--ds-space-lg);max-width:46rem;padding:clamp(3rem,8vw,7rem) 0 clamp(2rem,4vw,4rem);display:grid}.preview-eyebrow{color:var(--ds-color-text-subtle);font-family:var(--ds-font-ui);font-size:var(--ds-type-overline-size);font-weight:var(--ds-type-overline-weight);line-height:var(--ds-type-overline-line);text-transform:uppercase;margin:0}.preview-display,.preview-section__title{color:var(--ds-color-ink);text-wrap:balance;margin:0}.preview-display{font-family:var(--ds-font-display);font-size:var(--ds-type-display-size);font-weight:var(--ds-type-display-weight);line-height:var(--ds-type-display-line);max-width:11ch}.preview-copy,.preview-section__copy,.preview-footer__copy{color:var(--ds-color-text-muted);font-size:var(--ds-type-body-lg-size);line-height:var(--ds-type-body-lg-line);text-wrap:pretty;max-width:60ch;margin:0}.preview-status{color:var(--ds-color-text-subtle);font-family:var(--ds-font-ui);font-size:var(--ds-type-body-sm-size);align-items:center;gap:var(--ds-space-xs);display:inline-flex}.preview-status__dot{background:linear-gradient(135deg, var(--ds-color-accent-sky), var(--ds-color-accent-blush));border-radius:var(--ds-radius-pill);width:.75rem;height:.75rem;display:inline-block}.preview-chip{background:#ffffffb8}.preview-section{padding:0 0 var(--ds-space-section)}.preview-section--cards{padding-top:var(--ds-space-xl)}.preview-section__heading{gap:var(--ds-space-sm);margin-bottom:var(--ds-space-xl);display:grid}.preview-section__title{font-family:var(--ds-font-display);font-size:var(--ds-type-heading-lg-size);font-weight:var(--ds-type-heading-lg-weight);line-height:var(--ds-type-heading-lg-line);max-width:16ch}.preview-showcase,.preview-token-grid{gap:var(--ds-space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-panel{border-radius:var(--ds-radius-lg);gap:var(--ds-space-md);padding:var(--ds-space-lg);background:#ffffffbd;border:1px solid #e3e5e8e6;display:grid}.preview-panel--wide{grid-column:span 2}.preview-panel__label,.preview-type__label,.preview-footer__brand{color:var(--ds-color-ink);font-family:var(--ds-font-ui);font-size:var(--ds-type-label-size);font-weight:var(--ds-type-label-weight);line-height:var(--ds-type-label-line);margin:0}.preview-button-stack,.preview-button-grid,.preview-type-list{gap:var(--ds-space-sm);display:grid}.preview-inline-actions{align-items:center;gap:var(--ds-space-sm);flex-wrap:wrap;display:flex}.preview-feature-grid{gap:var(--ds-space-lg);margin-bottom:var(--ds-space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-article-grid{gap:var(--ds-space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.preview-swatch-list,.preview-spacing-list{gap:var(--ds-space-sm);display:grid}.preview-swatch{align-items:center;gap:var(--ds-space-sm);grid-template-columns:auto 1fr;display:grid}.preview-swatch__chip{border:1px solid #14181b14;border-radius:.875rem;width:2.25rem;height:2.25rem;display:block}.preview-swatch__name,.preview-spacing__meta,.preview-swatch__value{margin:0}.preview-swatch__name{color:var(--ds-color-ink);font-family:var(--ds-font-ui);font-size:var(--ds-type-body-sm-size);font-weight:600;line-height:var(--ds-type-body-sm-line)}.preview-swatch__value,.preview-spacing__meta,.preview-type__sample{color:var(--ds-color-text-muted)}.preview-swatch__value{font-size:var(--ds-type-body-sm-size);line-height:var(--ds-type-body-sm-line)}.preview-spacing{gap:var(--ds-space-xs);display:grid}.preview-spacing__bar{background:linear-gradient(90deg, var(--ds-color-accent-sky), var(--ds-color-accent-blush));border-radius:var(--ds-radius-pill);min-width:.75rem;height:.75rem}.preview-spacing__meta{font-size:var(--ds-type-body-sm-size);line-height:var(--ds-type-body-sm-line);justify-content:space-between;display:flex}.preview-type{gap:var(--ds-space-xs);display:grid}.preview-type__sample{text-wrap:pretty;margin:0}.preview-footer{background:var(--ds-color-inkSoft);color:var(--ds-color-surface);padding:var(--ds-space-2xl) 0}.preview-footer__inner{align-items:center;gap:var(--ds-space-lg);justify-content:space-between;display:flex}.preview-footer__copy{color:#ffffffa3;margin-top:var(--ds-space-xs)}@media (max-width:960px){.preview-topbar,.preview-footer__inner{flex-direction:column;align-items:flex-start}.preview-feature-grid,.preview-showcase,.preview-token-grid{grid-template-columns:1fr}.preview-panel--wide{grid-column:auto}}