@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__JNL8oa__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__JNL8oa__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
:root{--color-bg-primary:#fff;--color-bg-secondary:#fff;--color-surface:#fff;--color-text-primary:#252524;--color-text-secondary:#666762;--color-text-inverse:#fff;--color-border:#d8d8d2;--color-border-strong:#bdbeb7;--color-accent:#f36a2d;--color-accent-hover:#a83b16;--color-accent-soft:#f8c6b0;--color-category-product:#3156c8;--color-category-visual:#f36a2d;--color-category-marketing:#d65345;--color-highlight-yellow:#d5a51e;--color-focus:#a83b16;--color-status:#287354;--color-status-soft:#dfece5;--color-media-blue:#dfe4f8;--color-media-blue-soft:#e2e5f3;--color-media-green:#d9e6df;--color-media-green-text:#254e3d;--color-map-background:#e9e9e4;--color-map-road:#b9b9b3;--color-map-line:#c8c8c2;--color-inverse-muted:#ffffffa8;--color-inverse-border:#ffffff2e;--color-inverse-control:#ffffff47;--color-inverse-dot:#ffffff9e;--color-shadow:#2525240f;--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-display:2.5rem;--text-h1:2.5rem;--text-h2:1.75rem;--text-h3:1.25rem;--text-body-lg:1rem;--text-body:1rem;--text-caption:.8125rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-display:1.25;--leading-h1:1.25;--leading-h2:1.25;--leading-h3:1.35;--leading-body-lg:1.55;--leading-body:1.55;--tracking-display:-.025em;--tracking-heading:-.01em;--tracking-meta:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-30:7.5rem;--space-40:10rem;--container-max:80rem;--page-margin:4rem;--grid-gap:1.5rem;--copy-max:38rem;--text-narrow:36rem;--text-reading:38rem;--text-lead:50rem;--text-wide:72rem;--case-study-container-max:68rem;--case-study-title-width:56rem;--case-study-reading-width:42rem;--case-study-grid-gap:var(--grid-gap);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:999px;--border-thin:1px solid var(--color-border);--shadow-media:0 .75rem 2rem var(--color-shadow);--duration-fast:.18s;--duration-reveal:.42s;--ease-standard:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5.5rem}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizelegibility;font-optical-sizing:auto;font-variant-ligatures:common-ligatures contextual;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{text-wrap:balance}p{overflow-wrap:break-word;text-align:left;text-wrap:pretty;letter-spacing:normal;word-spacing:normal}main,main>section{background:var(--color-bg-primary)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}p,h1,h2,h3,h4,ol,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent);color:var(--color-text-inverse)}.container{width:min(calc(100% - (var(--page-margin) * 2)), var(--container-max));margin-inline:auto}@media (max-width:74.9375rem){:root{--page-margin:2.5rem}}@media (max-width:47.9375rem){:root{--page-margin:1.25rem;--grid-gap:1rem;--text-display:2.25rem;--text-h1:2.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.docs-header{z-index:10;border-bottom:var(--border-thin);background:var(--color-bg-primary);position:sticky;top:0}.docs-header__inner{align-items:center;gap:var(--space-6);grid-template-columns:1fr auto 1fr;min-height:4.5rem;display:grid}.wordmark{width:fit-content;font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:-.02em}.docs-header p,.docs-header nav{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta)}.docs-header nav{justify-self:end;gap:var(--space-6);display:flex}.docs-header nav a{transition:color var(--duration-fast) var(--ease-standard)}.docs-header nav a:hover{color:var(--color-accent)}.style-hero{column-gap:var(--grid-gap);min-height:calc(100svh - 4.5rem);padding-block:var(--space-8) var(--space-12);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.grid-marker{gap:var(--grid-gap);pointer-events:none;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:absolute;inset:0}.grid-marker span{border-inline:1px solid color-mix(in srgb, var(--color-accent) 8%, transparent)}.style-hero__meta{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta);grid-column:1/-1;justify-content:space-between;display:flex;position:relative}.style-hero__copy{padding-block:var(--space-24);grid-column:1/10;align-self:center;position:relative}.style-hero__copy h1{max-width:64rem;font-size:var(--text-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}.style-hero__copy>p{max-width:41rem;margin-top:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.style-hero__principles{border-top:var(--border-thin);padding-top:var(--space-4);grid-column:8/-1;position:relative}.style-hero__principles>p{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:.875rem}.style-hero__principles ol{padding:0;list-style:none}.style-hero__principles li{padding-block:var(--space-2);border-bottom:var(--border-thin);grid-template-columns:5.5rem 1fr;display:grid}.style-hero__principles li span{color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-caption)}.spec-section{padding-block:var(--space-30);border-top:var(--border-thin);scroll-margin-top:4.5rem}.color-section,.component-section{background:var(--color-surface)}.section-heading{gap:var(--grid-gap);margin-bottom:var(--space-24);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-index{color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta);grid-column:1/2}.section-heading>div{grid-column:4/10}.section-heading h2{font-size:var(--text-h2);font-weight:var(--weight-medium);line-height:var(--leading-h2);letter-spacing:var(--tracking-heading)}.section-heading>div>p{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.palette-list{gap:var(--space-24);display:grid}.palette-direction{padding-top:var(--space-6);border-top:1px solid var(--demo-border)}.palette-title{justify-content:space-between;align-items:start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.palette-title>div{align-items:baseline;gap:var(--space-4);display:flex}.palette-title h3{font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:-.025em}.token-label,.palette-title .token-label{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta);text-transform:uppercase}.palette-status{color:var(--demo-accent);font-family:var(--font-sans);font-size:var(--text-caption);border-bottom:1px solid}.palette-preview{gap:var(--space-4);min-height:38rem;padding:var(--space-8);border:1px solid var(--demo-border);border-radius:var(--radius-lg);background:var(--demo-bg);color:var(--demo-text);grid-template-rows:auto 1fr 1fr;grid-template-columns:1.4fr 1fr;display:grid}.palette-preview nav{padding-bottom:var(--space-4);border-bottom:1px solid var(--demo-border);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.palette-preview nav>div{gap:var(--space-4);display:flex}.palette-preview nav a{color:var(--demo-muted);position:relative}.palette-preview nav a.is-active{color:var(--demo-text)}.palette-preview nav a.is-active:after{content:"";background:var(--demo-accent);height:2px;position:absolute;bottom:-.45rem;left:0;right:0}.palette-preview a:focus-visible{outline-color:var(--demo-focus)}.palette-hero{padding:var(--space-8);flex-direction:column;justify-content:center;display:flex}.palette-hero>p{color:var(--demo-muted);font-family:var(--font-sans);letter-spacing:.04em;font-size:.6875rem}.palette-hero h4{max-width:33rem;margin-block:var(--space-4) var(--space-6);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--weight-medium);letter-spacing:-.045em;line-height:1}.palette-hero a{border-bottom:1px solid var(--demo-accent);width:fit-content;color:var(--demo-accent);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);font-size:.875rem}.palette-hero a:hover{border-color:var(--demo-hover);color:var(--demo-hover)}.palette-category{padding:var(--space-6);border:1px solid var(--demo-border);background:var(--demo-surface);transition:border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:space-between;display:flex}.palette-category:hover{border-color:var(--demo-accent);transform:translateY(-2px)}.palette-category>div>span,.palette-project>div>span{color:var(--demo-muted);font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.palette-category strong{margin-top:var(--space-4);font-size:1.5rem;font-weight:var(--weight-medium);letter-spacing:-.03em;display:block}.palette-category p{max-width:18rem;margin-top:var(--space-2);color:var(--demo-muted);font-size:.875rem;line-height:1.5}.palette-arrow{color:var(--demo-accent)}.palette-project{gap:var(--space-4);padding:var(--space-4);background:var(--demo-surface);grid-area:2/2/4/3;grid-template-rows:1fr auto;display:grid}.palette-project .mini-product-visual{background:var(--demo-accent);height:100%}.palette-project>div:last-child{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.palette-project>div>strong{font-size:1rem;font-weight:var(--weight-medium)}.swatch-row{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.swatch{min-width:0}.swatch>span{aspect-ratio:1.8;border:1px solid var(--demo-border);border-radius:var(--radius-sm);display:block}.swatch p,.swatch code{margin-top:var(--space-2);color:var(--color-text-secondary);font-family:var(--font-sans);text-overflow:ellipsis;font-size:.6875rem;display:block;overflow:hidden}.swatch code{color:var(--color-text-primary);margin-top:0}.palette-notes{gap:var(--grid-gap);margin-top:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.palette-notes>div{gap:var(--space-4);grid-template-columns:10rem 1fr;align-content:start;display:grid}.palette-notes>div>p{grid-column:2/3}.palette-notes>div>p:first-of-type{font-weight:var(--weight-medium)}.palette-notes>div>p:last-child{margin-top:var(--space-2);color:var(--color-text-secondary)}.foundation-block,.component-group{margin-top:var(--space-24);padding-top:var(--space-6);border-top:var(--border-thin)}.foundation-block:first-of-type{margin-top:0}.block-label{justify-content:space-between;align-items:baseline;gap:var(--space-6);margin-bottom:var(--space-12);display:flex}.block-label h3{font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:-.025em}.block-label p{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption)}.type-specimens{border-top:var(--border-thin)}.type-row{gap:var(--grid-gap);padding-block:var(--space-8);border-bottom:var(--border-thin);grid-template-columns:14rem 1fr;display:grid}.type-row>div{gap:var(--space-2);flex-direction:column;display:flex}.type-row code,.type-row span,.spacing-row code,.spacing-row>span{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption)}.type-row code{color:var(--color-accent)}.type-row p{max-width:64rem}.type-display{font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.type-h1{font-size:var(--text-h1);font-weight:var(--weight-medium);line-height:var(--leading-h1);letter-spacing:-.04em}.type-h2{font-size:var(--text-h2);font-weight:var(--weight-medium);line-height:var(--leading-h2);letter-spacing:var(--tracking-heading)}.type-h3{font-size:var(--text-h3);font-weight:var(--weight-medium);line-height:var(--leading-h3);letter-spacing:-.025em}.type-body-large{font-size:var(--text-body-lg);line-height:var(--leading-body-lg)}.type-body{max-width:var(--copy-max);font-size:var(--text-body);line-height:var(--leading-body)}.type-meta{font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta)}.inline-rule{grid-template-columns:14rem minmax(0, var(--copy-max));gap:var(--grid-gap);margin-top:var(--space-6);display:grid}.inline-rule span{color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-caption);text-transform:uppercase}.spacing-table{border-top:var(--border-thin)}.spacing-row{align-items:center;gap:var(--space-6);border-bottom:var(--border-thin);grid-template-columns:8rem 5rem minmax(8rem,1fr) minmax(10rem,1fr);min-height:3.5rem;display:grid}.spacing-bar-wrap{height:.5rem}.spacing-bar{background:var(--color-accent);height:100%;display:block}.spacing-row p{color:var(--color-text-secondary);font-size:.875rem}.grid-specimens{gap:var(--space-4);grid-template-columns:2fr 1.2fr .8fr;display:grid}.grid-demo{min-height:16rem;padding:var(--space-4);border:var(--border-thin);background:var(--color-surface);flex-direction:column;justify-content:space-between;display:flex}.grid-demo__label{flex-direction:column;display:flex}.grid-demo__label span{font-weight:var(--weight-medium)}.grid-demo__label code{margin-top:var(--space-1);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.6875rem}.grid-columns{gap:var(--space-1);grid-template-columns:repeat(12,minmax(0,1fr));height:7rem;display:grid}.grid-demo--tablet .grid-columns{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-demo--mobile .grid-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-columns span{padding-bottom:var(--space-1);background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);font-family:var(--font-sans);justify-content:center;align-items:end;font-size:.625rem;display:flex}.container-widths{gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6);border:var(--border-thin);display:grid}.container-widths>div{align-items:center;gap:var(--space-6);grid-template-columns:10rem 1fr 8rem;display:grid}.container-widths i{background:var(--color-text-primary);height:.5rem;display:block}.container-widths .width-feature{width:66.666%}.container-widths .width-copy{width:50%}.container-widths code{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);justify-self:end}.foundation-pair{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.foundation-block--compact{margin-top:var(--space-24)}.shape-samples,.depth-samples{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.shape-samples>div{gap:var(--space-4);flex-direction:column;display:flex}.shape{aspect-ratio:1.6;border:var(--border-thin);background:var(--color-bg-secondary);width:100%;display:block}.shape--sm{border-radius:var(--radius-sm)}.shape--md{border-radius:var(--radius-md)}.shape--lg{border-radius:var(--radius-lg)}.shape-samples code,.depth-sample code{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.6875rem}.depth-samples{grid-template-columns:1fr 1fr}.depth-sample{min-height:10rem;padding:var(--space-4);border:var(--border-thin);background:var(--color-surface);flex-direction:column;justify-content:space-between;display:flex}.depth-sample--shadow{box-shadow:var(--shadow-media);border-color:#0000}.component-grid{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.nav-sample{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:5.5rem;padding-inline:var(--space-8);border:var(--border-thin);background:var(--color-bg-primary);display:flex}.nav-wordmark{font-weight:var(--weight-medium);letter-spacing:-.02em}.nav-sample nav{align-items:center;gap:var(--space-8);display:flex}.nav-sample nav a{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-standard);font-size:.9375rem;position:relative}.nav-sample nav a:hover,.nav-sample nav a.is-current{color:var(--color-text-primary)}.nav-sample nav a.is-current:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-.5rem;left:0;right:0}.menu-sample{border:var(--border-thin);border-radius:var(--radius-sm);background:0 0;width:2.75rem;height:2.75rem;display:none}.menu-sample span{background:currentColor;width:1.125rem;height:1px;margin:.3rem auto;display:block}.action-samples{align-items:center;gap:var(--space-4);flex-wrap:wrap;min-height:12rem;display:flex}.button{min-height:3rem;padding-inline:var(--space-6);border-radius:var(--radius-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--primary{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--secondary{border:var(--border-thin);background:0 0}.button--secondary:hover{border-color:var(--color-text-primary)}.text-link{align-items:center;gap:var(--space-2);width:fit-content;color:var(--color-accent);font-weight:var(--weight-medium);display:inline-flex}.text-link span{position:relative}.text-link span:after{content:"";transform-origin:100%;height:1px;transition:transform var(--duration-fast) var(--ease-standard);background:currentColor;position:absolute;bottom:-.15rem;left:0;right:0;transform:scaleX(0)}.text-link svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-fast) var(--ease-standard)}.text-link:hover span:after{transform-origin:0;transform:scaleX(1)}.text-link:hover svg{transform:translate(3px)}.filter-sample{flex-direction:column;justify-content:center;min-height:12rem;display:flex}.filter-sample button{width:100%;padding-block:var(--space-3);border:0;border-bottom:var(--border-thin);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;display:flex}.filter-sample button:first-child{border-top:var(--border-thin)}.filter-sample button:hover,.filter-sample button.is-selected{color:var(--color-text-primary)}.filter-sample button.is-selected{box-shadow:inset 2px 0 0 var(--color-accent);padding-left:var(--space-3)}.filter-sample button span{font-family:var(--font-sans);font-size:var(--text-caption)}.category-grid{align-items:start;gap:var(--grid-gap);grid-template-columns:7fr 5fr;display:grid}.category-entrance{padding:var(--space-8);border-top:1px solid var(--color-text-primary);background:var(--color-bg-secondary);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.category-entrance:hover{background:var(--color-accent);color:var(--color-text-inverse)}.category-topline{justify-content:space-between;gap:var(--space-4);font-family:var(--font-sans);font-size:var(--text-caption);display:flex}.category-content{gap:var(--space-8);margin-block:var(--space-16);grid-template-columns:.8fr 1.2fr;align-items:center;display:grid}.category-entrance h4{font-size:var(--text-h2);font-weight:var(--weight-medium);line-height:var(--leading-h2);letter-spacing:var(--tracking-heading)}.category-entrance p{margin-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-body-lg);transition:color var(--duration-fast) var(--ease-standard)}.category-entrance:hover p{color:color-mix(in srgb, var(--color-text-inverse) 78%, transparent)}.category-cta{border-bottom:1px solid;width:fit-content;margin-top:auto;font-size:.875rem}.category-entrance--secondary{background:var(--color-text-primary);min-height:36rem;color:var(--color-text-inverse)}.category-entrance--secondary p{color:var(--color-inverse-muted)}.category-entrance--secondary:hover{background:var(--color-accent)}.identity-preview{min-height:15rem;margin-block:var(--space-12) var(--space-12);border:1px solid var(--color-inverse-border);place-items:center;display:grid;position:relative;overflow:hidden}.identity-preview>span{font-size:7rem;font-weight:var(--weight-medium);letter-spacing:-.08em;line-height:1}.identity-preview i{border:1px solid var(--color-accent);border-radius:50%;width:8rem;height:8rem;position:absolute;transform:translate(1.5rem,-.5rem)}.category-entrance--secondary:hover .identity-preview i{border-color:var(--color-text-inverse)}.identity-preview b{right:var(--space-3);bottom:var(--space-3);font-family:var(--font-sans);font-size:.625rem;font-weight:var(--weight-regular);letter-spacing:.05em;position:absolute}.project-layout{align-items:start;gap:var(--grid-gap);grid-template-columns:1.45fr .8fr;display:grid}.project-card{display:block}.project-image-frame{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--color-media-blue);place-items:center;padding:clamp(1rem,4vw,4rem);display:grid;overflow:hidden}.project-card--compact{margin-top:var(--space-24)}.project-card--compact .project-image-frame{aspect-ratio:4/3;border-radius:var(--radius-md)}.project-card .mini-product-visual{width:100%;box-shadow:var(--shadow-media);transition:transform var(--duration-fast) var(--ease-standard)}.project-card:hover .mini-product-visual,.project-card:hover .project-image-frame--identity>*{transform:scale(1.025)}.project-info{gap:var(--grid-gap);padding-top:var(--space-4);grid-template-columns:1fr 1fr auto;display:grid}.project-info h4{margin-top:var(--space-2);font-size:var(--text-h3);font-weight:var(--weight-medium);letter-spacing:-.025em}.project-info>p{color:var(--color-text-secondary);line-height:1.5}.project-info>span{color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-standard)}.project-card:hover .project-info>span{transform:translate(2px,-2px)}.project-meta{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);letter-spacing:var(--tracking-meta)}.project-card--compact .project-info{grid-template-columns:1fr auto}.project-card--compact .project-info>p{grid-column:1/-1}.project-image-frame--identity{background:var(--color-media-green);color:var(--color-media-green-text);flex-direction:column;justify-content:space-between;align-items:start;display:flex;position:relative}.project-image-frame--identity span,.project-image-frame--identity strong,.project-image-frame--identity i{transition:transform var(--duration-fast) var(--ease-standard)}.project-image-frame--identity span{font-family:var(--font-sans);font-size:var(--text-caption)}.project-image-frame--identity strong{max-width:10rem;font-size:2rem;font-weight:var(--weight-medium);letter-spacing:-.04em;line-height:1}.project-image-frame--identity i{aspect-ratio:1;border:1px solid;border-radius:50%;width:34%;position:absolute;bottom:18%;right:12%}.mini-product-visual{min-height:14rem;padding:var(--space-3);border:1px solid var(--color-inverse-control);border-radius:var(--radius-md);background:var(--color-accent);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.mini-browser{gap:var(--space-1);padding-bottom:var(--space-3);display:flex}.mini-browser span{background:var(--color-inverse-dot);border-radius:50%;width:.375rem;height:.375rem}.mini-visual-body{grid-template-columns:24% 1fr;min-height:0;display:grid;overflow:hidden}.mini-sidebar{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);flex-direction:column;display:flex}.mini-sidebar span{background:var(--color-map-line);height:.35rem}.mini-sidebar span:nth-child(2){width:70%}.mini-sidebar span:nth-child(3){width:48%}.mini-map{background:var(--color-map-background);position:relative;overflow:hidden}.map-road{background:var(--color-map-road);transform-origin:0;height:1px;display:block;position:absolute}.road-a{width:120%;top:22%;left:-8%;transform:rotate(16deg)}.road-b{width:120%;top:78%;left:-8%;transform:rotate(-20deg)}.road-c{width:86%;top:4%;left:62%;transform:rotate(72deg)}.map-route{border-right:3px solid var(--color-accent);border-bottom:3px solid var(--color-accent);border-radius:0 0 2rem;width:62%;height:52%;position:absolute;top:22%;left:18%;transform:rotate(-12deg)}.map-pin{border:2px solid var(--color-accent);background:var(--color-bg-primary);border-radius:50%;width:.75rem;height:.75rem;position:absolute}.pin-a{top:16%;left:18%}.pin-b{bottom:15%;right:15%}.media-system{align-items:start;gap:var(--grid-gap);grid-template-columns:1.6fr .8fr;display:grid}.media-placeholder{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-media-blue-soft);place-items:center;padding:clamp(1rem,4vw,4rem);display:grid}.media-placeholder .mini-product-visual{width:78%;box-shadow:var(--shadow-media)}.media-placeholder--detail{aspect-ratio:4/3;padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.detail-panel{width:100%;padding:var(--space-6);border:var(--border-thin);border-radius:var(--radius-md);background:var(--color-surface)}.detail-panel span,.detail-panel p{color:var(--color-text-secondary);font-size:var(--text-caption)}.detail-panel strong{margin-block:var(--space-2) var(--space-4);font-size:1.25rem;font-weight:var(--weight-medium);display:block}.detail-panel i{height:.35rem;margin-block:var(--space-2);background:var(--color-accent);display:block}.detail-panel p{margin-top:var(--space-4)}.media-figure figcaption{gap:var(--space-4);padding-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-caption);grid-template-columns:auto 1fr auto;display:grid}.media-figure figcaption span,.media-figure figcaption code{font-family:var(--font-sans)}.behavior-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.behavior-card{min-height:17rem;padding:var(--space-6);border:var(--border-thin);background:var(--color-surface);flex-direction:column;justify-content:space-between;display:flex}.behavior-card>p{color:var(--color-text-secondary);font-size:.875rem}.state-sample{min-height:6rem;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-secondary);transition:transform var(--duration-fast) var(--ease-standard);flex-direction:column;justify-content:center;display:flex}.state-sample:hover{transform:scale(1.025)}.state-sample span{color:var(--color-text-secondary);font-size:var(--text-caption)}.state-sample strong{font-weight:var(--weight-medium)}.focus-demo{width:fit-content;padding:var(--space-3) var(--space-4);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--color-bg-primary);box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-focus)}.active-demo{gap:var(--space-2);flex-direction:column;display:flex}.active-demo i{background:var(--color-accent);width:4.5rem;height:2px;display:block}.status-demo{align-items:center;gap:var(--space-2);color:var(--color-status);display:flex}.status-demo i{background:var(--color-status);width:.5rem;height:.5rem;box-shadow:0 0 0 5px var(--color-status-soft);border-radius:50%}.motion-table,.responsive-rules{margin-top:var(--space-24);border-top:var(--border-thin)}.motion-table .block-label,.responsive-rules .block-label{padding-top:var(--space-6)}.motion-table>div:not(.block-label){gap:var(--grid-gap);padding-block:var(--space-4);border-bottom:var(--border-thin);grid-template-columns:1fr 1.4fr 1fr;display:grid}.motion-table code{color:var(--color-accent);font-family:var(--font-sans);font-size:var(--text-caption)}.motion-table div>p,.device-rule p{color:var(--color-text-secondary)}.device-rule{gap:var(--grid-gap);padding-block:var(--space-6);border-bottom:var(--border-thin);grid-template-columns:1fr 2fr;display:grid}.device-rule span{font-family:var(--font-sans);font-size:var(--text-caption)}.device-rule p{max-width:var(--copy-max)}.style-footer{padding-block:var(--space-8);border-top:var(--border-thin);background:var(--color-bg-primary);color:var(--color-text-primary)}.style-footer .container{justify-content:space-between;gap:var(--space-6);display:flex}.style-footer p{font-family:var(--font-sans);font-size:var(--text-caption)}.style-footer span{color:var(--color-text-secondary)}@media (max-width:74.9375rem){:root{--page-margin:2rem}.style-hero,.grid-marker{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-marker span:nth-child(n+9){display:none}.style-hero__copy{grid-column:1/8}.style-hero__principles{grid-column:5/-1}.section-heading>div{grid-column:3/10}.palette-preview{min-height:34rem}.category-content{margin-block:var(--space-12);grid-template-columns:1fr}.category-content .mini-product-visual{min-height:12rem}.project-info{grid-template-columns:1fr auto}.project-info>p{max-width:var(--copy-max);grid-column:1/-1}.behavior-grid{grid-template-columns:1fr 1fr}}@media (max-width:47.9375rem){.docs-header__inner{grid-template-columns:1fr auto;min-height:4rem}.docs-header p{display:none}.docs-header nav{gap:var(--space-4)}.docs-header nav a:nth-child(2),.docs-header nav a:nth-child(3){display:none}.style-hero{min-height:calc(100svh - 4rem);padding-block:var(--space-6) var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr))}.grid-marker{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-marker span:nth-child(n+5){display:none}.style-hero__copy{padding-block:var(--space-16);grid-column:1/-1}.style-hero__copy>p{margin-top:var(--space-6)}.style-hero__principles{grid-column:1/-1}.spec-section{padding-block:var(--space-20);scroll-margin-top:4rem}.section-heading{margin-bottom:var(--space-16);display:block}.section-index{margin-bottom:var(--space-4)}.palette-list{gap:var(--space-20)}.palette-title{align-items:end}.palette-preview{min-height:0;padding:var(--space-4);border-radius:var(--radius-md);grid-template-rows:auto;grid-template-columns:1fr}.palette-hero{min-height:22rem;padding:var(--space-4) 0}.palette-hero h4{font-size:2.5rem}.palette-category,.palette-project{grid-area:auto}.palette-project .mini-product-visual{min-height:17rem}.swatch-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.palette-notes,.palette-notes>div{grid-template-columns:1fr}.palette-notes{gap:var(--space-8)}.palette-notes>div>p{grid-column:auto}.type-row{padding-block:var(--space-6);grid-template-columns:1fr}.inline-rule{grid-template-columns:1fr}.spacing-row{gap:var(--space-3);grid-template-columns:6rem 3.5rem 1fr}.spacing-row p{padding-bottom:var(--space-3);grid-column:1/-1}.grid-specimens{grid-template-columns:1fr}.grid-demo{min-height:12rem}.container-widths>div{gap:var(--space-2);grid-template-columns:1fr}.container-widths code{justify-self:start}.foundation-pair,.component-grid,.category-grid,.project-layout,.media-system,.behavior-grid{grid-template-columns:1fr}.foundation-block,.component-group,.foundation-block--compact{margin-top:var(--space-16)}.block-label{margin-bottom:var(--space-8);display:block}.block-label p{margin-top:var(--space-2)}.shape-samples{grid-template-columns:1fr}.nav-sample{min-height:4.5rem;padding-inline:var(--space-4)}.nav-sample nav{display:none}.menu-sample{display:block}.category-entrance{padding:var(--space-6)}.category-entrance--secondary{min-height:32rem}.category-content{grid-template-columns:1fr}.project-card--compact{margin-top:0}.project-info,.project-card--compact .project-info{grid-template-columns:1fr auto}.project-info>p{grid-column:1/-1}.project-image-frame{padding:var(--space-4);border-radius:var(--radius-md)}.project-image-frame .mini-product-visual{min-height:11rem}.media-placeholder .mini-product-visual{width:100%;min-height:10rem}.media-figure figcaption{grid-template-columns:auto 1fr}.media-figure figcaption code{grid-column:2/3}.motion-table>div:not(.block-label),.device-rule{gap:var(--space-2);grid-template-columns:1fr}.style-footer .container{gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover,.palette-category:hover,.project-card:hover .mini-product-visual,.project-card:hover .project-image-frame--identity>*,.text-link:hover svg,.state-sample:hover{transform:none}}