.about-design-system{display:grid;gap:var(--space-8)}.about-design-system-intro{display:grid;gap:var(--space-4);max-width:72ch}.about-design-system-heading{display:grid;gap:var(--space-3)}.about-design-system-meta,.about-design-system-changelog-entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.about-design-system-changelog{display:grid;gap:var(--space-4)}.about-design-system-changelog-list{display:grid;gap:var(--space-3)}.about-design-system-changelog-entry{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--spacing-surface-top) var(--spacing-surface-right) var(--spacing-surface-bottom) var(--spacing-surface-left)}.about-design-system-changelog-entry time{color:var(--color-secondary-text);font-family:var(--font-sans);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.about-design-system-changelog-entry ul{color:var(--color-secondary-text);display:grid;font-family:var(--font-sans);font-size:var(--font-size-body);gap:var(--space-2);line-height:var(--line-height-body);margin:0;padding-left:var(--space-4)}.about-design-system-changelog-entry li::marker{color:var(--color-text)}.about-design-system-git-evidence{border-top:1px solid var(--color-line);display:grid;gap:var(--space-2);padding-top:var(--space-3)}.about-design-system-git-evidence p{color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption);margin:0}.about-design-system-git-evidence ol{color:var(--color-secondary-text);display:grid;font-family:var(--font-sans);font-size:var(--font-size-caption);gap:var(--space-1);line-height:var(--line-height-caption);margin:0;padding-left:var(--space-4)}.about-design-system-git-evidence li{align-items:baseline;column-gap:var(--space-2);display:flex;flex-wrap:wrap}.about-design-system-git-evidence code{color:var(--color-text);font-family:var(--font-mono);font-size:inherit}.about-design-system-git-evidence time{color:var(--color-secondary-text)}.token-preview{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.swatch-card{display:grid;gap:var(--space-2)}.shadow-token-sample{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);box-shadow:var(--shadow-preview-token);display:block;min-height:96px}.rules-preview{display:grid;gap:var(--space-3)}.rules-preview article{display:grid;gap:var(--space-2)}.rules-preview p{color:var(--color-secondary-text);margin:0}.prop-naming-rule-preview{display:grid;gap:var(--space-6)}.prop-naming-rule-preview article{display:grid;gap:var(--space-3)}.prop-naming-rule-preview h2{font-size:var(--font-size-h5);line-height:var(--line-height-tight);margin:0}.prop-naming-rule-preview p{color:var(--color-secondary-text);margin:0}.prop-naming-rule-preview dl{display:grid;gap:var(--space-2);margin:0}.prop-naming-rule-preview dt{color:var(--color-text);font-weight:var(--font-weight-medium)}.prop-naming-rule-preview dd{color:var(--color-secondary-text);margin:0 0 var(--space-2)}.preview-subcomponent-demo{align-content:start;display:grid;gap:var(--space-2)}.preview-subcomponent-demo p{color:var(--color-secondary-text);margin:0}.preview-component-demo{background:var(--color-bg);border:1px solid var(--color-line);display:grid;padding:var(--space-2);width:100%}.generic-page-template-content-option{display:none;width:100%}[data-preview-id][data-content=debug] .generic-page-template-content-option[data-generic-template-content=debug],[data-preview-id][data-content="Component Page"] .generic-page-template-content-option[data-generic-template-content=component-page],[data-preview-id][data-content="Home Page"] .generic-page-template-content-option[data-generic-template-content=home-page],[data-preview-id][data-content="Articles Index Page"] .generic-page-template-content-option[data-generic-template-content=articles-index-page],[data-preview-id][data-content="Article Page"] .generic-page-template-content-option[data-generic-template-content=article-page],[data-preview-id][data-content="Projects Index Page"] .generic-page-template-content-option[data-generic-template-content=projects-index-page],[data-preview-id][data-content="Project Landing Page"] .generic-page-template-content-option[data-generic-template-content=project-landing-page],[data-preview-id][data-content="Project Story Page"] .generic-page-template-content-option[data-generic-template-content=project-story-page]{display:block}.prop-switcher-demo{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.prop-switcher-demo>span{color:var(--color-secondary-text);font-size:.85rem}.prop-button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.prop-button-preview{display:grid;justify-items:start}.prop-button{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-secondary-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);padding:var(--spacing-interactive-top) var(--spacing-interactive-right) var(--spacing-interactive-bottom) var(--spacing-interactive-left);width:fit-content}.component-preview[data-state=hover] .prop-button-preview .prop-button,.prop-button:hover,.prop-button.is-active{background:var(--interaction-hover-bg);border-color:var(--color-accent);color:var(--color-accent)}.component-preview[data-state=focus] .prop-button-preview .prop-button{box-shadow:var(--interaction-focus-ring);outline:none}.prop-button:focus{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .prop-button-preview .prop-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.prop-button:focus-visible{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .prop-button-preview .prop-button,.prop-button:active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}.component-preview[data-state=disabled] .prop-button-preview .prop-button,.prop-button:disabled{color:var(--color-accent);cursor:not-allowed;opacity:var(--interaction-disabled-opacity)}.component-preview[data-state=active] .prop-button-preview .prop-button{background:var(--interaction-hover-bg);border-color:var(--color-accent);color:var(--color-accent)}.swatch-card code,.spacing-preview code,.radius-preview code,.focus-preview code,.rules-preview code,.type-scale-preview code,.breakpoint-grid code{color:var(--color-secondary-text);font-size:.82rem}.color-values{color:var(--color-secondary-text);font-size:.8rem}.swatch{background:var(--swatch-normal);border:1px solid var(--color-line);border-radius:var(--radius-md);display:block;min-height:72px}.component-preview[data-inverse=true] .swatch-card .swatch{background:var(--swatch-inverse)}.color-token-inverse,.component-preview[data-inverse=true] .color-token-normal{display:none}.component-preview[data-inverse=true] .color-token-inverse{display:inline}.icons-summary{align-items:baseline;border-bottom:1px solid var(--color-line);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.icons-summary span{color:var(--color-secondary-text)}.icons-empty{border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-secondary-text);margin:0 0 var(--space-4);padding:var(--space-4);text-align:center}.icons-groups{display:grid;gap:var(--space-8)}.icons-group{display:grid;gap:var(--space-3)}.icons-group[hidden],.icons-grid article[hidden],.icons-empty[hidden]{display:none}.icons-group h2{border-bottom:1px solid var(--color-line);font-size:var(--font-size-h4);margin:0;padding-bottom:var(--space-2)}.icons-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.icons-grid article{align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);justify-items:center;min-height:104px;padding:var(--space-3);text-align:center}.icons-grid svg{color:var(--color-debug)}.icons-grid span{color:var(--color-secondary-text);font-size:var(--font-size-caption);line-height:var(--line-height-tight);overflow-wrap:anywhere}.spacing-preview{display:grid;gap:var(--space-4)}.spacing-token-group{display:grid;gap:var(--space-3)}.spacing-token-group-header{display:grid;gap:var(--space-1)}.spacing-token-group-header p{color:var(--color-secondary-text);margin:0}.spacing-preview article{align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);grid-template-columns:minmax(84px,120px) minmax(180px,1fr) minmax(48px,120px);padding:var(--space-3)}.spacing-preview span{background:var(--color-accent);border-radius:var(--radius-sm);display:block;height:var(--space-4);width:var(--space-preview-width)}.spacing-preview code .spacing-value-default,.spacing-preview code .spacing-value-tablet,.spacing-preview code .spacing-value-mobile{background:transparent;border-radius:0;color:inherit;display:inline;height:auto;width:auto}.spacing-preview code .spacing-value-tablet,.spacing-preview code .spacing-value-mobile,.component-preview[data-breakpoint=tablet] .spacing-preview code .spacing-value-default.has-tablet-value{display:none}.component-preview[data-breakpoint=tablet] .spacing-preview code .spacing-value-tablet{display:inline}.component-preview[data-breakpoint=mobile] .spacing-preview code .spacing-value-default.has-mobile-value{display:none}.component-preview[data-breakpoint=mobile] .spacing-preview code .spacing-value-mobile{display:inline}.radius-preview{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.radius-preview article{display:grid;gap:var(--space-2)}.radius-preview span{background:var(--interaction-main-hover-bg);border:1px solid var(--color-accent);border-radius:var(--radius-preview);display:block;min-height:120px}.focus-preview{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.focus-preview article{background:var(--interaction-normal-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--interaction-normal-color);display:grid;gap:var(--space-2);padding:var(--space-3)}.component-preview[data-accent=alt] .focus-preview{--interaction-normal-bg: var(--interaction-alt-normal-bg);--interaction-normal-color: var(--interaction-alt-color);--interaction-hover-bg: var(--interaction-alt-hover-bg);--interaction-hover-color: var(--interaction-alt-hover-color);--interaction-pressed-bg: var(--interaction-alt-pressed-bg);--interaction-pressed-color: var(--interaction-alt-pressed-color);--interaction-selected-bg: var(--interaction-alt-selected-bg);--interaction-selected-color: var(--interaction-alt-selected-color)}.focus-preview .is-hover,.focus-preview .is-selected{background:var(--interaction-hover-bg);color:var(--interaction-hover-color)}.focus-preview .is-pressed{background:var(--interaction-pressed-bg);color:var(--interaction-pressed-color)}.focus-preview .is-focus{box-shadow:var(--interaction-focus-ring)}.focus-preview article.is-focus-visible{box-shadow:var(--interaction-focus-visible-ring)}.focus-preview .is-focus-extra-contrast{box-shadow:var(--interaction-focus-extra-contrast-ring)}.focus-preview .is-focus-visible-extra-contrast{box-shadow:var(--interaction-focus-visible-extra-contrast-ring)}.focus-preview .is-disabled{opacity:var(--interaction-disabled-opacity)}.focus-preview span{font-size:var(--font-size-caption)}.shell-preview{align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.shell-preview nav{display:flex;flex-wrap:wrap;gap:var(--space-3)}.shell-preview a{color:var(--color-secondary-text)}.type-scale-preview{display:grid;gap:var(--space-4)}.type-row,.breakpoint-grid article{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-3)}.type-row span{color:#f0f;font-size:.78rem;font-weight:800;text-transform:uppercase}.type-row strong{color:#f0f;font-family:var(--font-sans);line-height:var(--line-height-tight);overflow-wrap:anywhere}.type-row.caption strong{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular)}.type-row.body strong{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.type-row.article-body strong{font-size:var(--font-size-article-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-article-body)}.type-row.button strong{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button)}.type-row.subheading strong{font-size:var(--font-size-subheading);font-weight:var(--font-weight-medium)}.type-row.h5 strong{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}.type-row.h4 strong{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium)}.type-row.h3 strong{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}.type-row.h2 strong{font-size:var(--font-size-h2);font-weight:var(--font-weight-medium)}.type-row.h1 strong{font-size:var(--font-size-h1);font-weight:var(--font-weight-medium)}.breakpoint-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.breakpoint-grid article{display:grid;gap:var(--space-2)}.breakpoint-grid span{color:var(--color-secondary-text)}.music-constants-preview{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.music-constants-preview article{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-3)}.music-constants-preview code{color:var(--color-secondary-text);font-size:.82rem}.line-height-preview{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.line-height-preview article{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);display:grid;gap:var(--space-2);padding:var(--space-3)}.line-height-preview code{color:var(--color-secondary-text);font-size:.82rem}.heading-preview,.caption-preview,.paragraph-preview{display:grid;gap:var(--space-3)}.heading-preview article,.caption-preview article,.paragraph-preview article{display:grid;gap:var(--space-2)}.heading-preview article{display:none}.heading-preview article[data-heading-level="1"]{display:grid}.component-preview[data-level="1"] .heading-preview article,.component-preview[data-level="2"] .heading-preview article,.component-preview[data-level="3"] .heading-preview article,.component-preview[data-level="4"] .heading-preview article,.component-preview[data-level="5"] .heading-preview article{display:none}.component-preview[data-level="1"] .heading-preview article[data-heading-level="1"],.component-preview[data-level="2"] .heading-preview article[data-heading-level="2"],.component-preview[data-level="3"] .heading-preview article[data-heading-level="3"],.component-preview[data-level="4"] .heading-preview article[data-heading-level="4"],.component-preview[data-level="5"] .heading-preview article[data-heading-level="5"]{display:grid}.component-preview[data-alignment=left] .caption-preview .caption,.component-preview[data-alignment=left] .paragraph-preview .paragraph{text-align:left}.component-preview[data-alignment=center] .caption-preview .caption,.component-preview[data-alignment=center] .paragraph-preview .paragraph{text-align:center}.component-preview[data-alignment=right] .caption-preview .caption,.component-preview[data-alignment=right] .paragraph-preview .paragraph{text-align:right}.component-preview[data-color=primary] .caption-preview .caption,.component-preview[data-color=primary] .paragraph-preview .paragraph{color:var(--color-text)}.component-preview[data-color=secondary] .caption-preview .caption,.component-preview[data-color=secondary] .paragraph-preview .paragraph{color:var(--color-secondary-text)}.component-preview[data-weight=regular] .caption-preview .caption,.component-preview[data-weight=regular] .paragraph-preview .paragraph{font-weight:var(--font-weight-regular)}.component-preview[data-weight=medium] .caption-preview .caption,.component-preview[data-weight=medium] .paragraph-preview .paragraph{font-weight:var(--font-weight-medium)}.link-preview{display:grid;justify-items:start}.component-preview[data-state=hover] .link-preview .link{background:var(--interaction-hover-bg);color:var(--color-accent)}.component-preview[data-state=focus] .link-preview .link{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .link-preview .link{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .link-preview .link{background:var(--interaction-pressed-bg);color:var(--interaction-pressed-color)}.component-preview[data-state=visited] .link-preview .link{color:var(--color-accent)}.component-preview[data-state=disabled] .link-preview .link{color:var(--color-accent);cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.floating-button-preview{display:grid;justify-items:start}.card-grid-preview{display:grid;width:100%}.card-grid-preview [data-card-grid-density]{display:none;width:100%}.component-preview[data-density=comfortable] .card-grid-preview [data-card-grid-density=comfortable],.component-preview[data-density=compact] .card-grid-preview [data-card-grid-density=compact]{display:block}.component-preview[data-breakpoint=mobile] .card-grid-preview .card-grid{grid-template-columns:minmax(0,1fr)}.component-preview:not([data-breakpoint=mobile]) .card-grid-preview .card-grid,.component-preview:not([data-breakpoint=mobile]) .home-page-preview .card-grid,.component-preview:not([data-breakpoint=mobile]) .generic-page-template-content-option[data-generic-template-content=home-page] .card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.component-preview[data-breakpoint=tablet] .card-grid-preview .card-grid,.component-preview[data-breakpoint=tablet] .home-page-preview .card-grid,.component-preview[data-breakpoint=tablet] .generic-page-template-content-option[data-generic-template-content=home-page] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-preview[data-breakpoint=desktop][data-density=comfortable] .card-grid-preview .card-grid,.component-preview[data-breakpoint=ultra-wide][data-density=comfortable] .card-grid-preview .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.component-preview[data-breakpoint=desktop][data-density=compact] .card-grid-preview .card-grid,.component-preview[data-breakpoint=ultra-wide][data-density=compact] .card-grid-preview .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.homepage-hero-preview{width:100%}.project-item-preview{--project-item-preview-big-height: clamp(20rem, 38vw, 42rem);--project-item-preview-height: var(--project-item-preview-big-height);display:grid;min-height:var(--project-item-preview-height);width:100%}.component-preview[data-state=small] .project-item-preview{--project-item-preview-height: calc(var(--project-item-preview-big-height) / 2)}.project-item-preview [data-project-item-state]{display:none;height:var(--project-item-preview-height);min-height:var(--project-item-preview-height);width:100%}.component-preview[data-state=big] .project-item-preview [data-project-item-state=big],.component-preview[data-state=small] .project-item-preview [data-project-item-state=small]{display:grid}.project-animation-preview{aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;width:100%}.component-preview[data-breakpoint=mobile] .home-page-preview .card-grid,.component-preview[data-breakpoint=mobile] .generic-page-template-content-option[data-generic-template-content=home-page] .card-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.project-card-preview{display:grid;width:100%}.project-card-preview [data-project-card-variant=gallery]{min-height:336px}.component-preview[data-variant=card] .project-card-preview [data-project-card-variant],.component-preview[data-variant=gallery] .project-card-preview [data-project-card-variant]{display:none}.component-preview[data-variant=card] .project-card-preview [data-project-card-variant=card],.component-preview[data-variant=gallery] .project-card-preview [data-project-card-variant=gallery]{display:grid}.component-preview[data-state=hover] .floating-button-preview .floating-button:after{opacity:1}.component-preview[data-state=focus] .floating-button-preview .floating-button{box-shadow:var(--interaction-focus-extra-contrast-ring),0 .75rem 2rem #00000024;outline:none}.component-preview[data-state=focus-visible] .floating-button-preview .floating-button{box-shadow:var(--interaction-focus-visible-extra-contrast-ring),0 .75rem 2rem #00000024;outline:none}.project-about-preview [data-project-about-access]{display:none}.component-preview[data-access=demo] .project-about-preview [data-project-about-access=demo],.component-preview[data-access=prototype] .project-about-preview [data-project-about-access=prototype]{display:block}.header-menu-button-preview,.header-home-button-preview{display:grid;justify-items:start}.component-preview[data-state=hover] .header-home-button-preview .header-home-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.component-preview[data-state=focus] .header-home-button-preview .header-home-button{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .header-home-button-preview .header-home-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .header-home-button-preview .header-home-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.component-preview[data-state=visited] .header-home-button-preview .header-home-button{color:var(--interaction-alt-color)}.component-preview[data-state=disabled] .header-home-button-preview .header-home-button{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.component-preview[data-state=hover] .header-menu-button-preview .header-menu-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.component-preview[data-state=focus] .header-menu-button-preview .header-menu-button{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .header-menu-button-preview .header-menu-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .header-menu-button-preview .header-menu-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.component-preview[data-state=visited] .header-menu-button-preview .header-menu-button{color:var(--interaction-alt-color)}.component-preview[data-state=disabled] .header-menu-button-preview .header-menu-button{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.component-preview[data-selected=true] .header-menu-button-preview .header-menu-button{text-decoration-line:underline}.menu-item-preview{display:grid;gap:var(--space-2);max-width:220px}.component-preview[data-state=hover] .menu-item-preview .menu-item,.component-preview[data-state=selected] .menu-item-preview .menu-item{background:var(--interaction-alt-selected-bg);color:var(--interaction-alt-selected-color)}.component-preview[data-state=focus] .menu-item-preview .menu-item{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .menu-item-preview .menu-item{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .menu-item-preview .menu-item{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.component-preview[data-state=disabled] .menu-item-preview .menu-item{color:var(--color-secondary-text);cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.icon-and-label-button-preview{display:grid;justify-items:start}.icon-and-label-button-preview [data-icon-and-label-accent]{display:none}.component-preview[data-accent=main] .icon-and-label-button-preview [data-icon-and-label-accent=main],.component-preview[data-accent=alt] .icon-and-label-button-preview [data-icon-and-label-accent=alt],.component-preview[data-accent=animated] .icon-and-label-button-preview [data-icon-and-label-accent=animated]{display:block}.component-preview[data-state=hover] .icon-and-label-button-preview .icon-and-label-button{background:var(--interaction-hover-bg);color:var(--interaction-hover-color)}.component-preview[data-accent=animated][data-state=hover] .icon-and-label-button-preview .icon-and-label-button{background:#00000014}.component-preview[data-state=focus] .icon-and-label-button-preview .icon-and-label-button{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .icon-and-label-button-preview .icon-and-label-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .icon-and-label-button-preview .icon-and-label-button{background:var(--interaction-pressed-bg);color:var(--interaction-pressed-color)}.component-preview[data-accent=animated][data-state=pressed] .icon-and-label-button-preview .icon-and-label-button{background:#00000029}.component-preview[data-state=disabled] .icon-and-label-button-preview .icon-and-label-button{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.header-bottom-part-preview [data-header-bottom-part-visible]{display:none}.component-preview[data-menu-visible=false] .header-bottom-part-preview [data-header-bottom-part-visible=false],.component-preview[data-menu-visible=true] .header-bottom-part-preview [data-header-bottom-part-visible=true]{display:block}.collapsible-menu-item-preview{display:grid;gap:var(--space-2);width:100%}.collapsible-menu-item-preview [data-collapsible-disclosure=collapsed],.collapsible-menu-item-preview [data-collapsible-clickable=true],.component-preview[data-disclosure=expanded] .collapsible-menu-item-preview [data-collapsible-disclosure],.component-preview[data-disclosure=collapsed] .collapsible-menu-item-preview [data-collapsible-disclosure],.component-preview[data-clickable=false] .collapsible-menu-item-preview [data-collapsible-clickable],.component-preview[data-clickable=true] .collapsible-menu-item-preview [data-collapsible-clickable]{display:none}.component-preview[data-disclosure=expanded][data-clickable=false] .collapsible-menu-item-preview [data-collapsible-disclosure=expanded][data-collapsible-clickable=false],.component-preview[data-disclosure=collapsed][data-clickable=false] .collapsible-menu-item-preview [data-collapsible-disclosure=collapsed][data-collapsible-clickable=false],.component-preview[data-disclosure=expanded][data-clickable=true] .collapsible-menu-item-preview [data-collapsible-disclosure=expanded][data-collapsible-clickable=true],.component-preview[data-disclosure=collapsed][data-clickable=true] .collapsible-menu-item-preview [data-collapsible-disclosure=collapsed][data-collapsible-clickable=true]{display:block}.disclosure-icon-button-preview{align-items:start;display:grid;gap:var(--space-3)}.disclosure-icon-button-preview button{appearance:none;background:transparent;border:0;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:block;font:inherit;padding:0;width:max-content}.disclosure-icon-button-preview button:hover .disclosure-icon-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.disclosure-icon-button-preview button:focus{outline:none}.disclosure-icon-button-preview button:focus .disclosure-icon-button{box-shadow:var(--interaction-focus-ring)}.disclosure-icon-button-preview button:focus-visible{outline:none}.disclosure-icon-button-preview button:focus-visible .disclosure-icon-button{box-shadow:var(--interaction-focus-visible-ring)}.disclosure-icon-button-preview button:active .disclosure-icon-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.disclosure-icon-button-preview [data-disclosure-icon-state=expanded],.component-preview[data-disclosure=collapsed] .disclosure-icon-button-preview [data-disclosure-icon-state],.component-preview[data-disclosure=expanded] .disclosure-icon-button-preview [data-disclosure-icon-state]{display:none}.component-preview[data-disclosure=collapsed] .disclosure-icon-button-preview [data-disclosure-icon-state=collapsed],.component-preview[data-disclosure=expanded] .disclosure-icon-button-preview [data-disclosure-icon-state=expanded]{display:block}.component-preview[data-interaction=hover] .disclosure-icon-button-preview .disclosure-icon-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.component-preview[data-interaction=focus] .disclosure-icon-button-preview .disclosure-icon-button{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-interaction=focus-visible] .disclosure-icon-button-preview .disclosure-icon-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-interaction=pressed] .disclosure-icon-button-preview .disclosure-icon-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.component-preview[data-interaction=disabled] .disclosure-icon-button-preview .disclosure-icon-button{opacity:var(--interaction-disabled-opacity)}.component-preview[data-interaction=disabled] .disclosure-icon-button-preview button{cursor:not-allowed;pointer-events:none}.paragraph-preview span{color:var(--color-secondary-text);font-size:.82rem}.project-hero-item-preview{display:grid;justify-items:start;min-width:0;width:100%}.component-preview[data-state=hover]:not([data-breakpoint=mobile]) .project-hero-item-preview .project-hero-item-copy{transform:translateY(calc(var(--space-2) * -1))}.component-preview[data-state=focus] .project-hero-item-preview .project-hero-item{box-shadow:var(--interaction-focus-extra-contrast-ring);outline:none}.component-preview[data-state=focus-visible] .project-hero-item-preview .project-hero-item{box-shadow:var(--interaction-focus-visible-extra-contrast-ring);outline:none}.component-preview[data-state=pressed] .project-hero-item-preview .project-hero-item-media:after{background:var(--interaction-alt-pressed-bg)}.component-preview[data-state=selected] .project-hero-item-preview .project-hero-item-media:after{background:var(--interaction-alt-selected-bg)}.component-preview[data-state=disabled] .project-hero-item-preview .project-hero-item{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}@media(prefers-reduced-motion:reduce){.component-preview[data-state=hover] .project-hero-item-preview .project-hero-item-copy{transform:none}}.carousel-arrow-preview{align-items:center;background-image:url(/animations/sqvl-mesh-desktop.png);background-position:center;background-size:cover;display:flex;justify-content:center;min-height:18rem;padding:var(--space-6);position:relative;transition:background-color .16s ease;width:100%}.carousel-arrow-preview .carousel-arrow{cursor:grab;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%)}.carousel-arrow-preview .carousel-arrow.is-dragging{cursor:grabbing}.component-preview[data-direction=left] .carousel-arrow-preview .carousel-arrow-icon{transform:scaleX(-1)}.component-preview[data-direction=right] .carousel-arrow-preview .carousel-arrow-icon{transform:none}.component-preview[data-state=hover] .carousel-arrow-preview .carousel-arrow{background:color-mix(in srgb,var(--color-surface) 48%,transparent)}.component-preview[data-state=focus] .carousel-arrow-preview .carousel-arrow{box-shadow:var(--interaction-focus-extra-contrast-ring),var(--texture-glass-default-box-shadow);outline:none}.component-preview[data-state=focus-visible] .carousel-arrow-preview .carousel-arrow{box-shadow:var(--interaction-focus-visible-extra-contrast-ring),var(--texture-glass-default-box-shadow);outline:none}.component-preview[data-state=pressed] .carousel-arrow-preview .carousel-arrow{background:color-mix(in srgb,var(--color-surface) 28%,transparent)}.component-preview[data-state=selected] .carousel-arrow-preview .carousel-arrow{background:color-mix(in srgb,var(--color-surface) 48%,transparent)}.component-preview[data-state=disabled] .carousel-arrow-preview .carousel-arrow{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.texture-preview-stage{align-items:center;aspect-ratio:16 / 9;background-image:url(/animations/sqvl-mesh-desktop.png);background-position:center;background-size:cover;display:grid;justify-items:center;min-height:12rem;overflow:hidden;width:100%}.texture-default-glass-sample{align-items:center;-webkit-backdrop-filter:var(--texture-glass-default-backdrop-filter);backdrop-filter:var(--texture-glass-default-backdrop-filter);background:var(--texture-glass-default-background);border-radius:var(--radius-xs);box-shadow:var(--texture-glass-default-box-shadow);color:var(--color-text);display:flex;justify-content:center;min-height:6rem;padding:var(--space-4);width:min(12rem,60%)}.project-carousel-timer-button-preview{align-items:center;display:flex;justify-content:center;min-height:12rem;width:100%}.component-preview[data-state=hover] .project-carousel-timer-button-preview .project-carousel-timer-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.component-preview[data-state=focus] .project-carousel-timer-button-preview .project-carousel-timer-button{box-shadow:var(--interaction-focus-ring);outline:none}.component-preview[data-state=focus-visible] .project-carousel-timer-button-preview .project-carousel-timer-button{box-shadow:var(--interaction-focus-visible-ring);outline:none}.component-preview[data-state=pressed] .project-carousel-timer-button-preview .project-carousel-timer-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.component-preview .project-carousel-timer-button-preview :is(.project-carousel-timer-cursor,.project-carousel-timer-underline,.project-carousel-timer-underline-track){opacity:1}.component-preview[data-state=selected] .project-carousel-timer-button-preview .project-carousel-timer-button{color:var(--interaction-alt-selected-color)}.component-preview[data-state=disabled] .project-carousel-timer-button-preview .project-carousel-timer-button{cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.component-preview[data-indicator=cursor] .project-carousel-timer-button-preview .project-carousel-timer-cursor{display:block!important;bottom:0;height:auto;left:clamp(0px,var(--project-carousel-timer-progress),calc(100% - 2px));top:0;width:2px}.component-preview[data-indicator=cursor] .project-carousel-timer-button-preview :is(.project-carousel-timer-underline,.project-carousel-timer-underline-track),.component-preview[data-indicator=underline] .project-carousel-timer-button-preview .project-carousel-timer-cursor{display:none!important}.component-preview[data-indicator=underline] .project-carousel-timer-button-preview :is(.project-carousel-timer-underline,.project-carousel-timer-underline-track){bottom:0;display:block!important;height:.125em;left:0}.component-preview[data-indicator=underline] .project-carousel-timer-button-preview .project-carousel-timer-underline{width:clamp(0%,var(--project-carousel-timer-progress),100%)}.component-preview[data-indicator=underline] .project-carousel-timer-button-preview .project-carousel-timer-underline-track{width:100%}.component-preview[data-indicator=cursor] .project-carousel-timer-button-preview .project-carousel-timer-cursor{animation:project-carousel-timer-cursor-preview 8s linear infinite}.component-preview[data-indicator=underline] .project-carousel-timer-button-preview .project-carousel-timer-underline{animation:project-carousel-timer-underline-preview 8.5s linear infinite}@keyframes project-carousel-timer-cursor-preview{0%{left:0}to{left:calc(100% - 2px)}}@keyframes project-carousel-timer-underline-preview{0%{opacity:1;width:0}94.1176%,98.2353%{opacity:1;width:100%}98.2353%{animation-timing-function:cubic-bezier(.4,0,1,1)}to{opacity:0;width:100%}}@media(prefers-reduced-motion:reduce){.component-preview .project-carousel-timer-button-preview :is(.project-carousel-timer-cursor,.project-carousel-timer-underline){animation:none}}#rich-text-heading .component-preview>.frame-wrap,#rich-text-subheading .component-preview>.frame-wrap,#rich-text-paragraph .component-preview>.frame-wrap,#rich-text-list .component-preview>.frame-wrap,#rich-text-quote .component-preview>.frame-wrap,#rich-text-image .component-preview>.frame-wrap,#rich-text-code-block .component-preview>.frame-wrap{padding:0}.template-preview{display:grid;height:100%;min-height:100%;min-width:0}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.component-page[data-astro-cid-xti6ygmp]{align-items:stretch;--menu-container-width: 420px;display:grid;grid-template-areas:"menu detail";grid-template-columns:var(--menu-container-width) minmax(0,1fr);min-height:100%;width:100%}.component-page-menu-layer[data-astro-cid-xti6ygmp]{grid-area:menu;min-height:0;min-width:0}.component-page-detail[data-astro-cid-xti6ygmp]{grid-area:detail;isolation:isolate;min-height:0;min-width:0;position:relative;z-index:0}@media(min-width:641px){.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation{display:block}.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-menu-layer[data-astro-cid-xti6ygmp]{bottom:0;box-sizing:border-box;left:0;min-height:0;position:fixed;top:0;width:var(--menu-container-width);z-index:20}.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-menu-layer[data-astro-cid-xti6ygmp] .component-page-template-menu-container{--menu-max-height: 100%;height:100%;position:static;top:auto}.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-detail[data-astro-cid-xti6ygmp]{margin-left:var(--menu-container-width)}.component-preview .component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation{display:grid;grid-template-areas:"menu detail";grid-template-columns:var(--menu-container-width) minmax(0,1fr)}.component-preview .component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-menu-layer[data-astro-cid-xti6ygmp]{bottom:auto;left:auto;position:static;top:auto;width:auto;z-index:auto}.component-preview .component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-menu-layer[data-astro-cid-xti6ygmp] .component-page-template-menu-container{height:auto}.component-preview .component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-detail[data-astro-cid-xti6ygmp]{margin-left:0}}@media(max-width:640px){html.is-component-menu-open,html.is-component-menu-open body{overflow:hidden}.component-page[data-astro-cid-xti6ygmp]{grid-template-columns:1fr;grid-template-areas:"detail";position:relative}.component-page-menu-layer[data-astro-cid-xti6ygmp]{background:var(--color-bg);display:none;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:calc(var(--header-bottom-part-height, 2.5rem) + var(--space-3));z-index:20}.component-page[data-astro-cid-xti6ygmp].is-menu-open>.component-page-menu-layer[data-astro-cid-xti6ygmp]{display:block}.component-page[data-astro-cid-xti6ygmp]>.component-page-menu-layer[data-astro-cid-xti6ygmp] .component-page-template-menu-container{height:100%;position:static}}.component-page[data-astro-cid-xti6ygmp][data-preview-breakpoint=mobile]{grid-template-columns:1fr;grid-template-areas:"detail";position:relative}.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation[data-preview-breakpoint=mobile]{display:grid;grid-template-columns:1fr;grid-template-areas:"detail"}.component-page[data-astro-cid-xti6ygmp][data-preview-breakpoint=mobile]>.component-page-detail[data-astro-cid-xti6ygmp],.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation[data-preview-breakpoint=mobile]>.component-page-detail[data-astro-cid-xti6ygmp]{margin-left:0}.component-page[data-astro-cid-xti6ygmp][data-preview-breakpoint=mobile]>.component-page-menu-layer[data-astro-cid-xti6ygmp]{background:var(--color-bg);display:none;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:calc(var(--header-bottom-part-height, 2.5rem) + var(--space-3));z-index:20}.component-page[data-astro-cid-xti6ygmp][data-preview-breakpoint=mobile].is-menu-open>.component-page-menu-layer[data-astro-cid-xti6ygmp]{display:block}.component-page[data-astro-cid-xti6ygmp][data-preview-breakpoint=mobile]>.component-page-menu-layer[data-astro-cid-xti6ygmp] .component-page-template-menu-container{height:100%;position:static}.component-preview:not([data-breakpoint=mobile]) .component-page[data-astro-cid-xti6ygmp]{grid-template-areas:"menu detail";grid-template-columns:var(--menu-container-width) minmax(0,1fr);position:static}.component-preview:not([data-breakpoint=mobile]) .component-page[data-astro-cid-xti6ygmp]>.component-page-menu-layer[data-astro-cid-xti6ygmp]{background:transparent;display:block;inset:auto;overflow:visible;position:static;z-index:auto}.component-preview:not([data-breakpoint=mobile]) .component-page[data-astro-cid-xti6ygmp]>.component-page-menu-layer[data-astro-cid-xti6ygmp] .component-page-template-menu-container{height:auto;position:static}.component-preview:not([data-breakpoint=mobile]) .component-page[data-astro-cid-xti6ygmp]>.component-page-detail[data-astro-cid-xti6ygmp]{margin-left:0}@media(max-width:640px){.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation{grid-template-areas:"detail"}.component-page[data-astro-cid-xti6ygmp].has-external-mobile-navigation>.component-page-menu-layer[data-astro-cid-xti6ygmp]{top:calc(var(--header-bottom-part-height, 2.5rem) + var(--space-3))}}.disclosure-icon-button[data-astro-cid-k6buexu2]{align-items:center;aspect-ratio:1;border-radius:var(--radius-sm);color:var(--interaction-alt-color);display:inline-flex;flex:0 0 auto;height:calc((var(--font-size-button) * var(--line-height-button)) + var(--spacing-interactive-top) + var(--spacing-interactive-bottom));justify-content:center;width:calc((var(--font-size-button) * var(--line-height-button)) + var(--spacing-interactive-left) + var(--spacing-interactive-right))}.disclosure-icon[data-astro-cid-k6buexu2]{flex:0 0 auto}.disclosure-icon-expanded[data-astro-cid-k6buexu2]{display:none}.disclosure-icon-button[data-astro-cid-k6buexu2].is-expanded .disclosure-icon-collapsed[data-astro-cid-k6buexu2],details[data-astro-cid-k6buexu2][open] .disclosure-icon-button[data-astro-cid-k6buexu2] .disclosure-icon-collapsed[data-astro-cid-k6buexu2]{display:none}.disclosure-icon-button[data-astro-cid-k6buexu2].is-expanded .disclosure-icon-expanded[data-astro-cid-k6buexu2],details[data-astro-cid-k6buexu2][open] .disclosure-icon-button[data-astro-cid-k6buexu2] .disclosure-icon-expanded[data-astro-cid-k6buexu2]{display:block}.disclosure-icon-button[data-astro-cid-k6buexu2].is-disabled{opacity:var(--interaction-disabled-opacity)}.menu-item[data-astro-cid-s53chg2u]{border-radius:var(--radius-sm);box-sizing:border-box;color:var(--interaction-alt-color);display:block;font-family:var(--font-sans);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);margin-left:var(--spacing-navigation-indent);max-width:calc(100% - var(--spacing-navigation-indent));overflow-wrap:anywhere;padding:var(--spacing-interactive-top) var(--spacing-interactive-right) var(--spacing-interactive-bottom) var(--spacing-interactive-left);text-decoration:none}.menu-item[data-astro-cid-s53chg2u]:hover,.menu-item[data-astro-cid-s53chg2u].is-active{background:var(--interaction-alt-selected-bg);color:var(--interaction-alt-selected-color)}.menu-item[data-astro-cid-s53chg2u]:focus{box-shadow:var(--interaction-focus-ring);outline:none}.menu-item[data-astro-cid-s53chg2u]:focus-visible{box-shadow:var(--interaction-focus-visible-ring);outline:none}.menu-item[data-astro-cid-s53chg2u]:active{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.menu-item[data-astro-cid-s53chg2u].is-disabled{color:var(--interaction-alt-color);cursor:not-allowed;opacity:var(--interaction-disabled-opacity);pointer-events:none}.collapsible-menu-item[data-astro-cid-shykeckv]{align-items:start;--collapsible-icon-size: var(--spacing-navigation-indent);--collapsible-icon-gap: 0;height:auto;min-width:0;overflow:visible;padding-bottom:var(--spacing-navigation-gap);padding-top:0;width:100%}.collapsible-menu-item[data-astro-cid-shykeckv].is-clickable{column-gap:var(--collapsible-icon-gap);display:grid;grid-template-columns:var(--collapsible-icon-size) 1fr}.collapsible-menu-item[data-astro-cid-shykeckv].is-nested{padding-bottom:0}summary[data-astro-cid-shykeckv]{align-items:center;border-radius:var(--radius-sm);color:var(--interaction-alt-color);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);list-style:none;margin:0}summary[data-astro-cid-shykeckv]{display:grid;gap:var(--collapsible-icon-gap);grid-template-columns:var(--collapsible-icon-size) 1fr;min-height:var(--collapsible-icon-size);padding:0}summary[data-astro-cid-shykeckv] span[data-astro-cid-shykeckv]{align-items:center;box-sizing:border-box;display:flex;min-height:var(--collapsible-icon-size);overflow-wrap:anywhere;padding:var(--spacing-interactive-top) var(--spacing-interactive-right) var(--spacing-interactive-bottom) var(--spacing-interactive-left);white-space:normal}.collapsible-menu-item[data-astro-cid-shykeckv].is-clickable>.disclosure-toggle[data-astro-cid-shykeckv]{all:unset;border-radius:var(--radius-sm);box-sizing:border-box;color:var(--interaction-alt-color);cursor:pointer;display:flex;align-items:center;justify-content:center;height:var(--collapsible-icon-size);padding:0;width:var(--collapsible-icon-size)}.collapsible-menu-item[data-astro-cid-shykeckv].is-clickable>.menu-item{align-items:center;box-sizing:border-box;display:flex;margin-left:0;max-width:100%;min-height:var(--collapsible-icon-size);overflow-wrap:anywhere;padding:var(--spacing-interactive-top) var(--spacing-interactive-right) var(--spacing-interactive-bottom) var(--spacing-interactive-left);white-space:normal}.collapsible-menu-item[data-astro-cid-shykeckv][open] summary[data-astro-cid-shykeckv]{margin-bottom:var(--spacing-navigation-gap)}.collapsible-menu-item[data-astro-cid-shykeckv].is-clickable[data-open=true]>.disclosure-toggle[data-astro-cid-shykeckv]{margin-bottom:var(--spacing-navigation-gap)}summary[data-astro-cid-shykeckv]::-webkit-details-marker{display:none}summary[data-astro-cid-shykeckv]:hover{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}.disclosure-toggle[data-astro-cid-shykeckv]:hover .disclosure-icon-button{background:var(--interaction-alt-hover-bg);color:var(--interaction-alt-hover-color)}summary[data-astro-cid-shykeckv]:focus{box-shadow:var(--interaction-focus-ring);outline:none}.disclosure-toggle[data-astro-cid-shykeckv]:focus{outline:none}.disclosure-toggle[data-astro-cid-shykeckv]:focus .disclosure-icon-button{box-shadow:var(--interaction-focus-ring)}summary[data-astro-cid-shykeckv]:focus-visible{box-shadow:var(--interaction-focus-visible-ring);outline:none}.disclosure-toggle[data-astro-cid-shykeckv]:focus-visible{outline:none}.disclosure-toggle[data-astro-cid-shykeckv]:focus-visible .disclosure-icon-button{box-shadow:var(--interaction-focus-visible-ring)}summary[data-astro-cid-shykeckv]:active{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.disclosure-toggle[data-astro-cid-shykeckv]:active .disclosure-icon-button{background:var(--interaction-alt-pressed-bg);color:var(--interaction-alt-pressed-color)}.chevron[data-astro-cid-shykeckv]{flex:0 0 auto;box-sizing:border-box;height:var(--collapsible-icon-size);padding:calc((var(--collapsible-icon-size) - 16px) / 2);width:var(--collapsible-icon-size)}.chevron-up[data-astro-cid-shykeckv]{display:none}.collapsible-menu-item[data-astro-cid-shykeckv][open]>summary[data-astro-cid-shykeckv] .chevron-down[data-astro-cid-shykeckv]{display:none}.collapsible-menu-item[data-astro-cid-shykeckv][open]>summary[data-astro-cid-shykeckv] .chevron-up[data-astro-cid-shykeckv]{display:block}.collapsible-menu-item[data-astro-cid-shykeckv].is-disabled{opacity:var(--interaction-disabled-opacity);pointer-events:none}.collapsible-menu-content[data-astro-cid-shykeckv]{box-sizing:border-box;display:grid;gap:var(--spacing-navigation-gap);grid-column:1 / -1;min-width:0;padding-left:var(--spacing-navigation-indent)}.collapsible-menu-content[data-astro-cid-shykeckv][hidden]{display:none}.collapsible-menu-item[data-astro-cid-shykeckv].is-clickable>.collapsible-menu-content[data-astro-cid-shykeckv]{gap:var(--spacing-navigation-gap);grid-column:2;padding-left:0}.menu[data-astro-cid-yxncpuia]{align-content:start;box-sizing:border-box;display:grid;height:100%;max-height:var(--menu-max-height, 100%);min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--menu-padding-top, var(--spacing-menu-container-top)) var(--menu-padding-right, var(--spacing-menu-container-right)) var(--menu-padding-bottom, var(--spacing-menu-container-bottom)) var(--menu-padding-left, var(--spacing-menu-container-left));width:100%}.menu[data-astro-cid-yxncpuia] *{min-width:0}.menu-top-level-item[data-astro-cid-yxncpuia]{box-sizing:border-box;padding-bottom:var(--spacing-navigation-gap);width:100%}.component-page-template-menu-container[data-astro-cid-t3tghvy2]{--menu-top-offset: var(--header-sticky-offset, 0px);--menu-max-height: calc(100dvh - var(--menu-top-offset));--menu-padding-top: var(--spacing-menu-container-top);--menu-padding-right: var(--spacing-menu-container-right);--menu-padding-bottom: var(--spacing-menu-container-bottom);--menu-padding-left: var(--spacing-menu-container-left);box-sizing:border-box;display:flex;flex-direction:column;height:calc(100dvh - var(--menu-top-offset));overflow:hidden;position:sticky;top:var(--menu-top-offset)}.component-page-template-menu-container[data-astro-cid-t3tghvy2] .menu{flex:1 1 auto;min-height:0}.component-page-template-menu-container[data-astro-cid-t3tghvy2] [data-ds-shell-menu]{display:flex;flex:1 1 auto;min-height:0;min-width:0}.component-preview[data-breakpoint=mobile] .component-page-template-menu-container[data-astro-cid-t3tghvy2]{--menu-padding-top: var(--spacing-menu-container-top);--menu-padding-right: var(--spacing-menu-container-right);--menu-padding-bottom: var(--spacing-menu-container-bottom);--menu-padding-left: var(--spacing-menu-container-left);--menu-max-height: none;height:auto;overflow:visible;position:static}.component-preview .frame>.component-page-template-menu-container{--menu-max-height: 32rem;height:32rem;overflow:hidden;position:static;top:auto}.component-preview[data-breakpoint=mobile] .component-page-template-menu-container[data-astro-cid-t3tghvy2] .menu-resize-handle[data-astro-cid-t3tghvy2],.component-page[data-preview-breakpoint=mobile] .component-page-template-menu-container[data-astro-cid-t3tghvy2] .menu-resize-handle[data-astro-cid-t3tghvy2]{display:none}.menu-resize-handle[data-astro-cid-t3tghvy2]{background:transparent;border:0;bottom:0;cursor:col-resize;padding:0;position:absolute;right:-4px;top:0;width:8px}.menu-resize-handle[data-astro-cid-t3tghvy2]:hover,.menu-resize-handle[data-astro-cid-t3tghvy2]:focus-visible{background:var(--interaction-hover-bg);outline:none}@media(max-width:640px){.component-page-template-menu-container[data-astro-cid-t3tghvy2]{--menu-padding-top: var(--spacing-menu-container-top);--menu-padding-right: var(--spacing-menu-container-right);--menu-padding-bottom: var(--spacing-menu-container-bottom);--menu-padding-left: var(--spacing-menu-container-left);--menu-max-height: none;height:auto;overflow:visible;position:static}.menu-resize-handle[data-astro-cid-t3tghvy2]{display:none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.loading-spinner[data-astro-cid-fve7x477]{color:var(--color-text);display:inline-flex;height:var(--space-8);width:var(--space-8)}.loading-spinner-icon[data-astro-cid-fve7x477]{animation:loading-spinner-rotate .8s linear infinite;display:block;height:100%;width:100%}.loading-spinner-label[data-astro-cid-fve7x477]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner-icon[data-astro-cid-fve7x477]{animation:none}}.ds-layout[data-astro-cid-opv4dcgl]{min-height:100%;min-width:0;width:100%}.ds-content[data-astro-cid-opv4dcgl]{min-height:100%;min-width:0;padding-block:var(--space-8)}.ds-content[data-astro-cid-opv4dcgl] [data-ds-section][hidden]{display:none}.ds-route-loading[data-astro-cid-opv4dcgl]{align-content:start;box-sizing:border-box;display:grid;gap:var(--spacing-content-gap);min-height:100%;padding:var(--spacing-content-top) var(--spacing-content-right) var(--spacing-content-bottom) var(--spacing-content-left);width:100%}.ds-route-loading[data-astro-cid-opv4dcgl][hidden],[data-astro-cid-opv4dcgl][data-ds-route-content][hidden]{display:none}.ds-shell-menu[data-astro-cid-opv4dcgl]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0}.header-bottom-part[data-astro-cid-ysgdjlmb]{align-items:center;background:transparent;box-sizing:border-box;display:flex;min-height:var(--header-bottom-part-height, 2.5rem);padding:var(--spacing-header-layer-y) var(--spacing-header-right) var(--spacing-header-layer-y) var(--spacing-header-left);width:100%}.design-system-mobile-navigation[data-astro-cid-i27ufxou],.design-system-mobile-navigation-closed[data-astro-cid-i27ufxou],.design-system-mobile-navigation-open[data-astro-cid-i27ufxou]{display:none}html:not(.is-component-menu-open) .design-system-mobile-navigation-closed[data-astro-cid-i27ufxou]{display:block}html:not(.is-component-menu-open) .design-system-mobile-navigation-open[data-astro-cid-i27ufxou]{display:none}html.is-component-menu-open .design-system-mobile-navigation-closed[data-astro-cid-i27ufxou]{display:none}html.is-component-menu-open .design-system-mobile-navigation-open[data-astro-cid-i27ufxou]{display:block}@media(max-width:640px){.design-system-mobile-navigation[data-astro-cid-i27ufxou]{display:block}}.component-page-template[data-astro-cid-imswpcu5]{display:grid;min-height:var(--component-page-template-min-height, 100%);padding:0;scroll-margin-top:0}.preview-column[data-astro-cid-imswpcu5]{display:grid;min-height:0}.preview-column[data-astro-cid-imswpcu5]>*{min-height:0}.component-detail-body[data-astro-cid-nnzkuwsm]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--spacing-content-top) var(--spacing-content-right) var(--spacing-content-bottom) var(--spacing-content-left);width:100%}.toolbar[data-astro-cid-nnzkuwsm]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.property-row[data-astro-cid-nnzkuwsm]>span[data-astro-cid-nnzkuwsm]{color:var(--color-secondary-text);font-size:.85rem}.property-controls[data-astro-cid-nnzkuwsm]{display:grid;gap:var(--space-2)}.essence-link-slot[data-astro-cid-nnzkuwsm]{display:grid;justify-items:start;width:100%}.search-slot[data-astro-cid-nnzkuwsm]{padding-top:var(--space-3)}.property-row[data-astro-cid-nnzkuwsm]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.property-values[data-astro-cid-nnzkuwsm]{display:flex;flex-wrap:wrap;gap:var(--space-2)}button[data-astro-cid-nnzkuwsm]{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-secondary-text);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);padding:var(--spacing-interactive-top) var(--spacing-interactive-right) var(--spacing-interactive-bottom) var(--spacing-interactive-left);touch-action:manipulation}button[data-astro-cid-nnzkuwsm].active,button[data-astro-cid-nnzkuwsm]:hover{background:var(--interaction-selected-bg);border-color:var(--color-accent);color:var(--interaction-selected-color)}button[data-astro-cid-nnzkuwsm]:focus{box-shadow:var(--interaction-focus-ring);outline:none}button[data-astro-cid-nnzkuwsm]:focus-visible{box-shadow:var(--interaction-focus-visible-ring);outline:none}.frame-wrap[data-astro-cid-nnzkuwsm]{background:var(--color-bg);border:1px solid var(--color-line);display:grid;min-height:0;overflow-x:auto;padding:var(--spacing-surface-top) var(--spacing-surface-right) var(--spacing-surface-bottom) var(--spacing-surface-left);width:100%}.component-detail-body[data-astro-cid-nnzkuwsm][data-breakpoint=mobile]>.frame-wrap[data-astro-cid-nnzkuwsm]{--spacing-generic-left-golden-ratio: var(--space-4);--spacing-generic-right-golden-ratio: var(--space-4);--spacing-content-top: var(--space-6);--spacing-content-right: var(--space-4);--spacing-content-bottom: var(--space-8);--spacing-content-left: var(--space-4);--spacing-content-gap: var(--space-6);--spacing-block-top: calc(var(--space-6) * 2);--spacing-block-right: var(--spacing-generic-right-golden-ratio);--spacing-block-bottom: calc(var(--space-6) * 2);--spacing-block-left: var(--spacing-generic-left-golden-ratio);--spacing-block-gap: var(--space-6);--spacing-rich-text-top: 0;--spacing-rich-text-right: var(--spacing-block-right);--spacing-rich-text-bottom: calc(var(--spacing-block-bottom) / 2);--spacing-rich-text-left: var(--spacing-block-left);--spacing-block-compact-top: var(--space-6);--spacing-block-compact-right: var(--space-4);--spacing-block-compact-bottom: var(--space-6);--spacing-block-compact-left: var(--space-4);--spacing-block-compact-gap: var(--space-6);--spacing-header-left: var(--spacing-generic-left-golden-ratio);--spacing-header-right: var(--spacing-generic-right-golden-ratio);--spacing-menu-container-top: var(--space-4);--spacing-menu-container-right: 0;--spacing-menu-container-bottom: var(--space-4);--spacing-menu-container-left: var(--space-4);--spacing-surface-top: var(--space-4);--spacing-surface-right: var(--space-4);--spacing-surface-bottom: var(--space-4);--spacing-surface-left: var(--space-4);--spacing-surface-gap: var(--space-3)}.component-detail-body[data-astro-cid-nnzkuwsm][data-breakpoint=tablet]>.frame-wrap[data-astro-cid-nnzkuwsm]{--spacing-generic-left-golden-ratio: var(--space-8);--spacing-generic-right-golden-ratio: var(--space-8);--spacing-content-top: var(--space-8);--spacing-content-right: var(--space-8);--spacing-content-bottom: var(--space-12);--spacing-content-left: var(--space-8);--spacing-content-gap: var(--space-8);--spacing-block-top: calc(var(--space-8) * 2);--spacing-block-right: var(--spacing-generic-right-golden-ratio);--spacing-block-bottom: calc(var(--space-8) * 2);--spacing-block-left: var(--spacing-generic-left-golden-ratio);--spacing-block-gap: var(--space-8);--spacing-rich-text-top: 0;--spacing-rich-text-right: var(--spacing-block-right);--spacing-rich-text-bottom: calc(var(--spacing-block-bottom) / 2);--spacing-rich-text-left: var(--spacing-block-left);--spacing-block-compact-top: var(--space-8);--spacing-block-compact-right: var(--space-8);--spacing-block-compact-bottom: var(--space-8);--spacing-block-compact-left: var(--space-8);--spacing-block-compact-gap: var(--space-8);--spacing-header-left: var(--spacing-generic-left-golden-ratio);--spacing-header-right: var(--spacing-generic-right-golden-ratio);--spacing-menu-container-top: 124px;--spacing-menu-container-right: 0;--spacing-menu-container-bottom: 124px;--spacing-menu-container-left: var(--space-4);--spacing-surface-top: var(--space-6);--spacing-surface-right: var(--space-6);--spacing-surface-bottom: var(--space-6);--spacing-surface-left: var(--space-6);--spacing-surface-gap: var(--space-4)}.component-detail-body[data-astro-cid-nnzkuwsm][data-breakpoint=desktop]>.frame-wrap[data-astro-cid-nnzkuwsm],.component-detail-body[data-astro-cid-nnzkuwsm][data-breakpoint=ultra-wide]>.frame-wrap[data-astro-cid-nnzkuwsm]{--spacing-generic-left-golden-ratio: 14.6%;--spacing-generic-right-golden-ratio: 23.6%;--spacing-content-top: var(--space-8);--spacing-content-right: var(--space-8);--spacing-content-bottom: var(--space-12);--spacing-content-left: var(--space-8);--spacing-content-gap: var(--space-8);--spacing-block-top: calc(var(--space-8) * 2);--spacing-block-right: var(--spacing-generic-right-golden-ratio);--spacing-block-bottom: calc(var(--space-8) * 2);--spacing-block-left: var(--spacing-generic-left-golden-ratio);--spacing-block-gap: var(--space-8);--spacing-rich-text-top: 0;--spacing-rich-text-right: var(--spacing-block-right);--spacing-rich-text-bottom: calc(var(--spacing-block-bottom) / 2);--spacing-rich-text-left: var(--spacing-block-left);--spacing-block-compact-top: var(--space-8);--spacing-block-compact-right: var(--space-8);--spacing-block-compact-bottom: var(--space-8);--spacing-block-compact-left: var(--space-8);--spacing-block-compact-gap: var(--space-8);--spacing-header-left: var(--spacing-generic-left-golden-ratio);--spacing-header-right: var(--spacing-generic-right-golden-ratio);--spacing-menu-container-top: 124px;--spacing-menu-container-right: 0;--spacing-menu-container-bottom: 124px;--spacing-menu-container-left: var(--space-4);--spacing-surface-top: var(--space-6);--spacing-surface-right: var(--space-6);--spacing-surface-bottom: var(--space-6);--spacing-surface-left: var(--space-6);--spacing-surface-gap: var(--space-4)}.component-detail-body[data-astro-cid-nnzkuwsm][data-inverse=true]>.frame-wrap[data-astro-cid-nnzkuwsm]{background:var(--color-bg-inverse)}.frame[data-astro-cid-nnzkuwsm]{display:grid;width:100%}.frame[data-astro-cid-nnzkuwsm]>*{width:100%}