.design-demo-page:where(.astro-uxzfjbfq){width:min(92vw,70rem);margin:0 auto;padding:0 1rem 4rem}.page-header:where(.astro-uxzfjbfq){padding:1.5rem 0 2rem}.page-header:where(.astro-uxzfjbfq) h1:where(.astro-uxzfjbfq){font-family:var(--font-display);font-size:clamp(2.6rem,7vw,4.2rem);letter-spacing:-.04em;line-height:.96}.page-header:where(.astro-uxzfjbfq) p:where(.astro-uxzfjbfq){margin-top:.7rem;font-size:1rem;color:rgba(var(--color-text-base),.62);max-width:45rem;line-height:1.7}.comparison-list:where(.astro-uxzfjbfq){display:grid;gap:2.5rem;margin-top:2.5rem}.nav-pair-list:where(.astro-uxzfjbfq){display:grid;gap:1rem}.nav-pair-card:where(.astro-uxzfjbfq){display:grid;gap:.55rem}.nav-pair-stack:where(.astro-uxzfjbfq){display:grid;gap:.8rem;border:1px solid rgba(var(--color-border),.56);border-radius:1.5rem;padding:1.2rem;background:rgba(var(--color-bg-base),.76);box-shadow:0 14px 38px #2319120d}:root[data-theme=dark] .nav-pair-stack:where(.astro-uxzfjbfq){background:#1a1816eb;box-shadow:0 14px 38px #0000002e}.nav-demo-row:where(.astro-uxzfjbfq){display:grid;gap:.45rem}.nav-demo-label:where(.astro-uxzfjbfq){font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-text-base),.45)}.nav-demo-surface:where(.astro-uxzfjbfq){display:flex;align-items:center;justify-content:space-between;gap:.9rem;min-width:0;border:1px solid rgba(var(--color-border),.68);border-radius:999px;padding:.5rem .7rem;background:rgba(var(--color-bg-base),.9)}.nav-demo-surface-expanded:where(.astro-uxzfjbfq){width:min(100%,42rem)}.nav-demo-surface-compact:where(.astro-uxzfjbfq){width:min(100%,22rem)}.nav-demo-left:where(.astro-uxzfjbfq){display:flex;align-items:center;gap:.7rem;min-width:0}.nav-demo-menu-group:where(.astro-uxzfjbfq),.nav-demo-icon-group:where(.astro-uxzfjbfq){display:flex;align-items:center;gap:.4rem;min-width:0}.nav-demo-icon-group-compact:where(.astro-uxzfjbfq){width:100%;justify-content:space-between}.nav-demo-menu-item:where(.astro-uxzfjbfq){display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .72rem;border-radius:999px;font-size:.95rem;line-height:1;color:rgba(var(--color-text-base),.84)}.nav-demo-menu-icon:where(.astro-uxzfjbfq){display:inline-flex;align-items:center;justify-content:center;color:rgba(var(--color-text-base),.72)}.nav-demo-icon-button:where(.astro-uxzfjbfq){display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;color:rgba(var(--color-text-base),.72)}.variant-block:where(.astro-uxzfjbfq){display:grid;gap:1rem}.variant-header:where(.astro-uxzfjbfq){display:grid;gap:.35rem}.variant-label:where(.astro-uxzfjbfq){display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid rgba(var(--color-border),.65);padding:.24rem .62rem;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-text-base),.6)}.variant-header:where(.astro-uxzfjbfq) h2:where(.astro-uxzfjbfq){font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.03em}.variant-header:where(.astro-uxzfjbfq) p:where(.astro-uxzfjbfq){color:rgba(var(--color-text-base),.64);line-height:1.7;max-width:50rem}.card-stack:where(.astro-uxzfjbfq){display:grid;gap:1rem}.card-stack-primary:where(.astro-uxzfjbfq){grid-template-columns:repeat(2,minmax(0,1fr))}.bn-header-row:where(.astro-uxzfjbfq){display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}.bn-title-block:where(.astro-uxzfjbfq){display:grid;gap:.9rem;min-width:0}.bn-series:where(.astro-uxzfjbfq){flex-shrink:0;text-align:right;justify-content:flex-end;font-size:.88rem;line-height:1.45;color:rgba(var(--color-text-base),.48)}.card-preview:where(.astro-uxzfjbfq){display:grid;gap:.45rem;min-width:0}.card-preview-meta:where(.astro-uxzfjbfq){display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:0 .2rem;color:rgba(var(--color-text-base),.45);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.demo-card:where(.astro-uxzfjbfq){display:grid;gap:.9rem;min-width:0;border:1px solid rgba(var(--color-border),.56);border-radius:1.5rem;padding:1.35rem 1.35rem 1.2rem;background:rgba(var(--color-bg-base),.76);box-shadow:0 14px 38px #2319120d}:root[data-theme=dark] .demo-card:where(.astro-uxzfjbfq){background:#1a1816eb;box-shadow:0 14px 38px #0000002e}.card-date:where(.astro-uxzfjbfq),.more-link:where(.astro-uxzfjbfq),.quote-label:where(.astro-uxzfjbfq){font-size:.88rem;color:rgba(var(--color-text-base),.48)}.card-from-text:where(.astro-uxzfjbfq){justify-self:end;text-align:right;font-size:.92rem;line-height:1.55;color:rgba(var(--color-text-base),.58)}.card-topline:where(.astro-uxzfjbfq){font-size:.95rem;color:rgba(var(--color-text-base),.6);line-height:1.5;letter-spacing:-.01em}.card-topline-row:where(.astro-uxzfjbfq){display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;min-width:0}.card-topline-right:where(.astro-uxzfjbfq){flex-shrink:0;font-size:.85rem;line-height:1.45;color:rgba(var(--color-text-base),.46);text-align:right}.card-combined-meta:where(.astro-uxzfjbfq){display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}.card-combined-main:where(.astro-uxzfjbfq){display:grid;gap:0;min-width:0}.card-combined-side:where(.astro-uxzfjbfq){display:flex;align-items:flex-start;justify-content:flex-end;gap:.7rem;min-width:0;color:rgba(var(--color-text-base),.48)}.card-combined-item:where(.astro-uxzfjbfq){font-size:.92rem;line-height:1.45;white-space:nowrap}.card-combined-date:where(.astro-uxzfjbfq){display:block;margin-top:0}.card-combined-main:where(.astro-uxzfjbfq) .card-date:where(.astro-uxzfjbfq){margin-top:.32rem;margin-bottom:0}.card-title:where(.astro-uxzfjbfq){font-size:clamp(1.06rem,1.9vw,1.28rem);line-height:1.45;letter-spacing:-.02em}.card-title-b1:where(.astro-uxzfjbfq){font-family:var(--font-display);font-size:clamp(1.16rem,2vw,1.42rem);line-height:1.35;letter-spacing:-.03em}.card-body:where(.astro-uxzfjbfq){display:grid;gap:.7rem;font-size:1rem;line-height:1.82}.quote-card:where(.astro-uxzfjbfq){display:grid;gap:.35rem;min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere;padding:.95rem 1rem;border-radius:1.15rem;border:1px solid rgba(var(--color-border),.52);background:rgba(var(--color-fill),.36)}.quote-image:where(.astro-uxzfjbfq){width:6.8rem;min-width:6.8rem;overflow:hidden;border-radius:.9rem;border:1px solid rgba(var(--color-border),.42);background:rgba(var(--color-fill),.28);aspect-ratio:4 / 3}.quote-image:where(.astro-uxzfjbfq) img:where(.astro-uxzfjbfq){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.quote-content-row:where(.astro-uxzfjbfq){display:flex;align-items:flex-start;gap:.85rem;min-width:0}.quote-copy:where(.astro-uxzfjbfq){display:grid;gap:.35rem;min-width:0}.quote-card-strong:where(.astro-uxzfjbfq){background:linear-gradient(180deg,rgba(var(--color-fill),.52),rgba(var(--color-fill),.3));border-color:rgba(var(--color-text-base),.12)}.quote-card:where(.astro-uxzfjbfq) h4:where(.astro-uxzfjbfq){min-width:0;font-size:1rem;line-height:1.55;letter-spacing:-.02em;overflow-wrap:anywhere}.quote-card:where(.astro-uxzfjbfq) p:where(.astro-uxzfjbfq):last-child{min-width:0;color:rgba(var(--color-text-base),.58);line-height:1.65;overflow-wrap:anywhere}.more-link:where(.astro-uxzfjbfq){width:-moz-fit-content;width:fit-content;text-decoration:none}.tag-list:where(.astro-uxzfjbfq){display:flex;flex-wrap:wrap;gap:.5rem .7rem;list-style:none;padding:0;margin:0;color:rgba(var(--color-text-base),.62);font-size:.9rem}@media (min-width: 960px){.card-stack:where(.astro-uxzfjbfq):not(.card-stack-primary){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 840px){.card-stack-primary:where(.astro-uxzfjbfq){grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.design-demo-page:where(.astro-uxzfjbfq){width:min(100vw,46rem);padding:0 .9rem 3.5rem}.nav-demo-surface-expanded:where(.astro-uxzfjbfq),.nav-demo-surface-compact:where(.astro-uxzfjbfq){width:100%}.nav-demo-surface:where(.astro-uxzfjbfq){overflow-x:auto}.demo-card:where(.astro-uxzfjbfq){padding:1.15rem 1.05rem 1rem;border-radius:1.2rem}.card-body:where(.astro-uxzfjbfq){font-size:.97rem;line-height:1.74}.card-preview-meta:where(.astro-uxzfjbfq){flex-direction:column;align-items:flex-start}.card-topline-row:where(.astro-uxzfjbfq){flex-direction:column;gap:.25rem}.card-topline-right:where(.astro-uxzfjbfq){text-align:left}.card-combined-meta:where(.astro-uxzfjbfq){flex-direction:column;gap:.35rem}.card-combined-side:where(.astro-uxzfjbfq){justify-content:flex-start}.quote-content-row:where(.astro-uxzfjbfq){flex-direction:column}.quote-image:where(.astro-uxzfjbfq){width:100%;min-width:0;aspect-ratio:1.91 / 1}}