[data-ds-shape=square],:host([data-ds-shape=square]){--ds-corner-size:0px;--ds-corner-shape:round;--ds-button-inset:.5px}[data-ds-shape=rounded],:host([data-ds-shape=rounded]){--ds-corner-size:4px;--ds-corner-shape:round;--ds-button-inset:2.5px}[data-ds-shape=circular],:host([data-ds-shape=circular]){--ds-corner-size:999px;--ds-corner-shape:round;--ds-button-inset:5px}@supports (corner-shape:squircle){[data-ds-shape=rounded],:host([data-ds-shape=rounded]){--ds-corner-size:8px;--ds-corner-shape:squircle}}:root,:host,:where([data-ds-surface]){--ds-unit:calc(var(--ds-1,20px) * var(--ds-sf,1));--ds-control-height:calc(var(--ds-control-size,var(--ds-08,16px)) * var(--ds-sf,1));--ds-row-height:calc(var(--ds-row-size,var(--ds-1,20px)) * var(--ds-sf,1));--ds-type-size-default:calc(var(--ds-text-size,14px) * var(--ds-sf,1));--ds-type-size-small:calc(var(--ds-small-text-size,10px) * var(--ds-sf,1));--ds-type-size-heading:calc(var(--ds-heading-text-size,13px) * var(--ds-sf,1));--ds-type-size-display:calc(var(--ds-display-text-size,20px) * var(--ds-sf,1));--ds-type-lineheight-default:calc(var(--ds-text-leading,16px) * var(--ds-sf,1));--ds-type-letterspacing-default:calc(var(--ds-text-tracking,-.3px) * var(--ds-sf,1));--ds-radius:calc(var(--ds-corner-size,4px) * var(--ds-sf,1));--ds-radius-card:calc(var(--ds-card-corner-size,4px) * var(--ds-sf,1))}body{color:var(--ds-text-color);font-family:var(--ds-typeface-regular);font-size:var(--ds-type-size-default);line-height:var(--ds-unit);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.ds-text{color:var(--ds-text-color);font-family:var(--ds-typeface-regular);font-feature-settings:var(--ds-font-features);font-size:var(--ds-type-size-default);font-weight:var(--ds-type-weight-default);line-height:var(--ds-unit);letter-spacing:var(--ds-type-letterspacing-default);margin:0}.ds-text--small{font-size:var(--ds-type-size-small)}.ds-text--heading{font-family:var(--ds-typeface-medium);font-size:var(--ds-type-size-heading);font-weight:var(--ds-type-weight-bold)}.ds-text--display{font-family:var(--ds-typeface-medium);font-size:var(--ds-type-size-display);font-weight:var(--ds-type-weight-bold);line-height:calc(2 * var(--ds-unit));letter-spacing:calc(var(--ds-display-text-tracking,-.4px) * var(--ds-sf,1))}.ds-text--strong{font-family:var(--ds-typeface-medium);font-weight:var(--ds-type-weight-bold)}.ds-text--muted{color:var(--ds-text-color-muted)}.ds-text--title{color:var(--ds-title-color)}.ds-text--danger{color:var(--ds-danger-color)}.ds-text--warning{color:var(--ds-warning-color)}@font-face{font-family:GT America;src:url(/fonts/GT-America-Standard-Regular.woff2)format("woff2");font-display:swap}:root{--ds-sf:var(--sf,1);--c9y-unit:var(--u);--c9y-sf:var(--sf,1);--u:calc(20px * var(--sf,1));--ds-accent-color:var(--ds-zenith-blue);--accent-color:var(--ds-accent-color);--button-text-color-on-light:var(--ds-black);--button-background-color-secondary:var(--ds-fill);--ds-title-color:var(--ds-text-color-muted);--build-paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1e1e);--build-blue:var(--lightningcss-light,#ccf)var(--lightningcss-dark,#38384c);--build-pink:var(--lightningcss-light,#f5aad1)var(--lightningcss-dark,#4c283c);--build-green:var(--lightningcss-light,#99ff73)var(--lightningcss-dark,#294c1f)}*{box-sizing:border-box}html{background:var(--build-paper);scroll-padding-top:var(--u)}body{margin:0}a{color:inherit;text-underline-offset:3px}button,a,ds-button,ds-input{touch-action:manipulation}a:focus-visible{outline:2px solid var(--ds-text-color);outline-offset:4px}h1,h2,h3,h4,p{margin:0;font-weight:400}h1,h2{font-size:var(--ds-type-size-display);line-height:calc(2 * var(--u));font-weight:500}h3,h4{font-size:var(--ds-type-size-default);line-height:var(--u);font-weight:500}p{max-width:42em}.shell{width:calc(100% - 4 * var(--u));max-width:calc(52 * var(--u));margin-inline:auto}.site-header{min-height:calc(4 * var(--u));justify-content:space-between;align-items:center;gap:var(--u);display:flex}.wordmark{align-items:center;gap:calc(var(--u)/2);font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:calc(2 * var(--u));height:calc(2 * var(--u));display:block}.dark-theme .brand-mark{filter:invert()}nav{gap:var(--u);display:flex}nav a{text-decoration:none}.hero{isolation:isolate;min-height:calc(30 * var(--u));padding-block:calc(4 * var(--u));align-items:center;display:grid;position:relative;overflow:clip}.hero-content{z-index:1;position:relative}.ribbon-stage{pointer-events:none;position:absolute;inset:0}.ribbon-stage canvas{width:100%;height:100%;display:block}.hero h1{font-size:var(--ds-type-size-display);line-height:calc(2 * var(--u));margin-bottom:var(--u)}.hero h1 label{margin:0}.hero-foot{justify-content:center;align-items:center;gap:var(--u);margin-top:calc(2 * var(--u));color:var(--ds-text-color-muted);flex-wrap:wrap;display:flex}.build-workbench{max-width:calc(30 * var(--u));margin-inline:auto}.build-workbench .hero-note{text-align:center;max-width:calc(26 * var(--u))}.release,.state{background:var(--ds-fill);padding:0 calc(var(--u)/2);border-radius:var(--ds-radius);font-size:var(--ds-type-size-default);display:inline-block}.release,.hero h1{margin-bottom:var(--u)}.hero-copy p{margin:auto}.brief-box{z-index:1;text-align:left;width:100%;max-width:calc(28 * var(--u));margin:calc(2 * var(--u)) auto var(--u);padding:var(--u);border:1px solid var(--ds-border-color);border-radius:var(--ds-radius);background:var(--build-paper);position:relative}.brief-box label{margin-bottom:var(--u);display:block}ds-input{--ds-input-background:var(--build-paper);width:100%;display:block}.brief-actions{justify-content:space-between;align-items:center;gap:var(--u);margin-top:var(--u);display:flex}.brief-actions span,.hero-note,.tool-note,.cloud-note,.closing p{color:var(--ds-text-color-muted)}.ideas{z-index:1;justify-content:center;gap:calc(var(--u)/2);flex-wrap:wrap;display:flex;position:relative}.hero-note{z-index:1;margin:var(--u) auto 0;position:relative}.section-intro{justify-content:space-between;align-items:flex-start;gap:var(--u);margin-bottom:calc(2 * var(--u));display:flex}.section-intro h2{margin-bottom:var(--u)}.state{white-space:nowrap}.editor-section{padding-block:calc(2 * var(--u))}.specimen{border:1px solid var(--ds-border-color);border-radius:var(--ds-radius);background:var(--ds-paper);overflow:clip}.specimen-bar{justify-content:space-between;gap:var(--u);padding:calc(var(--u)/2) var(--u);border-bottom:1px solid var(--ds-border-color);flex-wrap:wrap;display:flex}.specimen-bar>span{align-items:center;gap:calc(var(--u)/2);display:flex}.status-dot{height:calc(var(--u)/2);width:calc(var(--u)/2);background:var(--ds-text-color);border-radius:50%}.specimen-body{grid-template-columns:calc(10 * var(--u)) minmax(0, 1fr);display:grid}.specimen-tools{padding:var(--u)}.specimen-tools p{margin-top:var(--u)}.design-choices{gap:calc(var(--u)/2);margin-top:var(--u);flex-wrap:wrap;display:flex}.specimen-tools>a{margin-top:calc(2 * var(--u));display:block}.sample-page{--sample-accent:var(--build-blue);margin:var(--u);background:var(--build-paper);padding:calc(2 * var(--u));min-width:0;margin-left:0}.sample-page[data-palette=pink]{--sample-accent:var(--build-pink)}.sample-page[data-palette=green]{--sample-accent:var(--build-green)}.sample-nav{justify-content:space-between;gap:var(--u);flex-wrap:wrap;display:flex}.sample-heading{padding-block:calc(3 * var(--u));max-width:calc(24 * var(--u))}.sample-heading>span:first-child{overflow-wrap:break-word;display:block}.sample-heading h3{font-size:var(--ds-type-size-display);line-height:calc(2 * var(--u));margin-block:var(--u)}.sample-label{background:var(--sample-accent);padding:0 calc(var(--u)/2);margin-top:var(--u);border-radius:var(--ds-radius);display:inline-block}.sample-projects{gap:var(--u);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sample-projects h4{margin-top:var(--u)}.project-art{height:calc(8 * var(--u));background:var(--sample-accent);justify-content:center;align-items:center;display:flex;overflow:hidden}.project-art span{width:calc(2 * var(--u));height:calc(5 * var(--u));border:1px solid var(--ds-text-color);background:var(--build-paper);margin-inline:calc(-.5 * var(--u));display:block;transform:rotate(-20deg)}.art-one span:nth-child(2){transform:rotate(0)}.art-one span:nth-child(3){transform:rotate(20deg)}.art-two span{width:calc(2 * var(--u));height:calc(2 * var(--u));margin:calc(-.5 * var(--u));border-radius:50%;transform:none}.features{gap:calc(2 * var(--u));padding-block:calc(2 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.features h3{margin-bottom:var(--u)}.features p{color:var(--ds-text-color-muted)}.content-section{padding-block:calc(4 * var(--u));gap:calc(4 * var(--u));grid-template-columns:1fr 1fr;align-items:center;display:grid}.content-section p{margin-top:var(--u)}.pieces{gap:calc(var(--u)/2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pieces span{padding:var(--u);background:var(--ds-paper);border-radius:var(--ds-radius);text-align:center}.pieces span:nth-child(3n){background:var(--build-blue)}.pieces span:nth-child(5n){background:var(--build-pink)}.cloud-section{padding-block:calc(4 * var(--u));background:var(--ds-paper)}.flow{gap:calc(2 * var(--u));margin:calc(3 * var(--u)) 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.flow h3{margin-block:var(--u)}.flow p{color:var(--ds-text-color-muted)}.step-number{width:var(--u);height:var(--u);background:var(--build-blue);justify-content:center;align-items:center;display:inline-flex}.cloud-note{max-width:45em}.closing{text-align:center;padding-block:calc(5 * var(--u))}.closing h2{margin-block:var(--u)}.closing>div{justify-content:center;align-items:center;gap:var(--u);margin-top:var(--u);display:flex}.closing p{margin:var(--u) auto 0}footer{border-top:1px solid var(--ds-border-color);padding-block:var(--u);justify-content:space-between;gap:var(--u);flex-wrap:wrap;display:flex}footer>div{gap:var(--u);align-items:center;display:flex}.skip{top:-100px;left:var(--u);z-index:10;background:var(--build-paper);position:absolute}.skip:focus{top:var(--u)}@media (width<=760px){.shell{width:calc(100% - 2 * var(--u))}.site-header{padding-block:var(--u);flex-wrap:wrap;min-height:0}.site-header nav{order:3;width:100%}.hero{padding-top:calc(2 * var(--u))}.desktop-break{display:none}.section-intro{flex-direction:column}.specimen-body{grid-template-columns:minmax(0,1fr)}.specimen-tools{display:none}.sample-page{margin:calc(var(--u)/2);padding:var(--u)}.sample-nav>span{display:none}.sample-heading{padding-block:calc(2 * var(--u))}.sample-projects{grid-template-columns:minmax(0,1fr)}.sample-projects article:nth-child(2){display:none}.features,.content-section,.flow{grid-template-columns:minmax(0,1fr)}.content-section,.flow{gap:calc(2 * var(--u))}.brief-actions{flex-direction:column;align-items:flex-start}.hero-note{max-width:20em}.specimen-bar>span:last-child{color:var(--ds-text-color-muted)}.closing>div{flex-wrap:wrap}.hero{min-height:calc(28 * var(--u));padding-block:calc(2 * var(--u))}.hero-foot{text-align:center}}