.site-layout{position:relative}.site-layout .page-grid-main{width:100%;min-width:0;max-width:none;font:400 calc(.75 * var(--ds-grid-unit))/var(--ds-grid-unit) var(--font-regular);margin:0;padding:0}.site-layout .named-page-grid{align-content:start;gap:var(--ds-grid-unit);grid-template-rows:none;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:none;margin:0;padding:0;display:grid}.site-layout .page-grid-main.named-page-grid{gap:calc(2 * var(--ds-grid-unit))}.site-layout .page-grid-main :where(h1,h2,h3,p,ul,ol,address,a,label,input,textarea){box-sizing:border-box;max-width:100%;margin:0}.site-layout .page-grid-main :where(p,li,address){font-family:var(--font-regular);font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);letter-spacing:-.02em;width:auto;padding:0}.site-layout .page-grid-main h1{font-family:var(--font-canon);font-size:calc(2 * var(--ds-grid-unit));font-weight:400;line-height:calc(2 * var(--ds-grid-unit));letter-spacing:-.02em;padding:0}.site-layout .page-grid-main h2{font-family:var(--font-canon);font-size:calc(1.3 * var(--ds-grid-unit));font-weight:400;line-height:calc(2 * var(--ds-grid-unit));letter-spacing:-.02em}.site-layout .page-grid-main :where(ul,ol){padding-left:var(--ds-grid-unit)}.site-layout .page-grid-main li+li{margin-top:var(--ds-grid-unit)}.site-layout .page-grid-main a{font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);overflow-wrap:anywhere}.site-layout .page-grid-main :where(.legal-section,.tokushoho-section,.jobs-section){background:0 0;border:0;border-radius:0;padding:0}.site-layout .page-grid-main :where(.legal-section__title,.tokushoho-section__title,.jobs-section__label){font-size:var(--ds-grid-unit);line-height:calc(2 * var(--ds-grid-unit))}.site-layout .page-grid-main :where(.legal-meta,.tokushoho-meta,.jobs-eyebrow,.eyebrow,.case-meta){font-size:calc(.65 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);color:var(--text-color-muted)}.site-layout .jobs-location{grid-template-columns:calc(6 * var(--ds-grid-unit)) 1fr;gap:var(--ds-grid-unit);display:grid}.site-layout .jobs-location span{font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit)}.site-layout .case-main>*{max-width:100%}.site-layout .case-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;position:relative;grid-template-areas:"client-logo details""title title"!important}.case-client-logo{width:calc(6 * var(--ds-grid-unit));height:var(--ds-grid-unit);background:var(--text-color);max-width:100%;-webkit-mask:var(--client-logo) left center / contain no-repeat;-webkit-mask:var(--client-logo) left center / contain no-repeat;mask:var(--client-logo) left center / contain no-repeat;grid-area:client-logo}.case-client-logo--text{font:500 calc(.7 * var(--ds-grid-unit))/var(--ds-grid-unit) var(--font-medium);color:var(--text-color);background:0 0;-webkit-mask:none;mask:none}.site-layout .case-header .case-headline{font-size:calc(1.3 * var(--ds-grid-unit));line-height:calc(2 * var(--ds-grid-unit))}.site-layout .case-header .case-meta{justify-self:end;gap:var(--ds-grid-unit);min-height:var(--ds-grid-unit);width:max-content;max-width:100%;color:var(--text-color);grid-area:details;grid-template-columns:max-content minmax(0,1fr);align-items:center;font-weight:400;display:grid}.case-meta__category{grid-template-columns:calc(.5 * var(--ds-grid-unit)) minmax(0, 1fr);align-items:start;gap:calc(.5 * var(--ds-grid-unit));display:grid}.case-meta__category[data-project-category=seo-design]{--category-color:#ccff4d}.case-meta__category[data-project-category=data-analysis]{--category-color:#f5ce25}.case-meta__category[data-project-category=documentation]{--category-color:#ccf}.case-meta__category[data-project-category=payments]{--category-color:#ffb36b}.case-meta__category[data-project-category=co2-reporting]{--category-color:#56c99a}.case-meta__category[data-project-category=event-maps]{--category-color:#f2a0cd}.case-meta__category[data-project-category=frontend]{--category-color:#73d9f8}.case-meta__category:before{content:"";width:calc(.5 * var(--ds-grid-unit));height:calc(.5 * var(--ds-grid-unit));background:var(--category-color,#f5ce25);margin-top:0}.case-meta__category:only-child{grid-column:1/-1}@media (width<=768px){.site-layout .case-header .case-headline{font-size:var(--ds-grid-unit)}.site-layout .case-header .case-meta{max-width:100%;min-height:var(--ds-grid-unit);font-size:calc(.55 * var(--ds-grid-unit));justify-self:end;gap:calc(.5 * var(--ds-grid-unit));grid-area:details;position:static}}.site-layout .case-nav{box-shadow:none;border:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0;grid-template-areas:"link link-2"!important}@font-face{font-family:Inter Arrows;src:url(/assets/InterArrows-XlE20HcX.woff2)format("woff2");font-weight:100 900;font-display:swap}.site-layout .case-nav a{font-family:var(--font-canon);font-style:italic;font-weight:400;text-decoration:none}.site-layout .case-nav a:hover,.site-layout .case-nav a:focus,.site-layout .case-nav a:active{text-decoration:none}.case-nav__arrow{font-family:Inter Arrows,sans-serif;font-style:normal;font-weight:400}.site-layout .case-nav a:last-child{text-align:right}.case-nav__mobile-label{display:none}@media (width<=768px){.case-nav__name{display:none}.case-nav__mobile-label{display:inline}}.site-layout--directory{grid-template-columns:var(--page-content-start) var(--page-content-width) calc(2 * var(--ds-grid-unit)) calc(8 * var(--ds-grid-unit)) minmax(0, 1fr);grid-template-areas:"opening opening opening opening opening"".content.media.""footer footer footer footer footer"}.site-layout .page-grid-media{inset:auto;top:calc(2 * var(--ds-grid-unit));margin-top:calc(6 * var(--ds-grid-unit));width:calc(8 * var(--ds-grid-unit));height:calc(6 * var(--ds-grid-unit));grid-area:media;align-self:start;position:sticky}.site-layout .page-grid-media img{object-fit:cover;width:100%;height:100%;box-shadow:none;display:block}.site-layout .client-projects-list__link{grid-template-columns:minmax(0, 1fr) var(--ds-grid-unit);font-family:var(--font-canon);font-size:calc(1.3 * var(--ds-grid-unit));line-height:calc(2 * var(--ds-grid-unit));align-items:center;gap:var(--ds-grid-unit);width:100%;display:grid}.site-layout .client-projects-list__link small{font-family:var(--font-regular);font-size:calc(.6 * var(--ds-grid-unit));line-height:var(--ds-grid-unit)}.site-layout--table{grid-template-rows:calc(10 * var(--ds-grid-unit)) auto auto;grid-template-areas:"opening opening opening"".content.""footer footer footer"}.site-layout .page-grid-table-header,.site-layout .page-grid-table-header>div{display:contents}.site-layout .page-grid-tabs{gap:var(--ds-grid-unit);font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);grid-area:navigation;align-items:center;margin:0;padding:0;display:flex}.site-layout .page-grid-tabs a{font:inherit;line-height:var(--ds-grid-unit);padding:0}.site-layout .page-grid-table-header .grid-page__mark{color:var(--text-color);font-family:var(--font-medium);justify-content:flex-start;align-items:center;font-weight:500;text-decoration:none;display:flex}.site-layout .grid-page__mark svg{width:calc(3 * var(--ds-grid-unit));height:var(--ds-grid-unit)}.site-layout--table .page-grid-main{margin-top:var(--ds-grid-unit);border:0;grid-template-areas:"table";align-content:start;min-height:0;display:grid}.site-layout .page-grid-table-inner{align-content:start;align-items:start;gap:var(--ds-grid-unit);grid-area:table;grid-template-areas:"rows";width:100%;max-width:100%;margin:0;padding:0;display:grid}.site-layout .page-grid-table-scroll{grid-area:rows;width:100%;margin:0;padding:0;overflow-x:auto}.site-layout :is(.products-meta,.open-source-meta){grid-area:metadata;width:100%;margin:0;padding:0}.site-layout .products-meta__copyright{font-size:calc(.6 * var(--ds-grid-unit));line-height:var(--ds-grid-unit)}.site-layout .page-grid-table{--table-columns:calc(7 * var(--ds-grid-unit)) calc(3 * var(--ds-grid-unit)) calc(4 * var(--ds-grid-unit)) calc(6 * var(--ds-grid-unit));width:100%;min-width:calc(20 * var(--ds-grid-unit));border-spacing:0;border:0;grid-template-areas:"columns""rows";display:grid}.site-layout .open-source-table{--table-columns:calc(8 * var(--ds-grid-unit)) calc(12 * var(--ds-grid-unit))}.site-layout .page-grid-table thead{grid-area:columns;display:grid}.site-layout .page-grid-table tbody{grid-area:rows;display:grid}.site-layout .page-grid-table tr{grid-template-columns:var(--table-columns);min-height:calc(2 * var(--ds-grid-unit));box-shadow:inset 0 -1px var(--panel-border);grid-template-areas:"product users progress status";display:grid}.site-layout .open-source-table tr{grid-template-areas:"project description"}.site-layout .page-grid-table :where(th,td){box-sizing:border-box;text-overflow:clip;width:auto;min-width:0;height:auto;max-height:none;padding:calc(.5 * var(--ds-grid-unit));text-align:left;font-family:var(--font-regular);font-size:calc(.65 * var(--ds-grid-unit));font-weight:400;line-height:var(--ds-grid-unit);white-space:normal;vertical-align:top;border:0;overflow:visible}.site-layout .products-table :where(th,td):first-child{grid-area:product}.site-layout .products-table :where(th,td):nth-child(2){grid-area:status}.site-layout .open-source-table :where(th,td):first-child{grid-area:project}.site-layout .open-source-table :where(th,td):nth-child(2){grid-area:description}.site-layout .page-grid-table :where(ds-text,span,a){font:inherit;line-height:inherit;letter-spacing:inherit;white-space:normal;overflow-wrap:anywhere}.site-layout .products-table__cell--status{background:0 0}.site-layout .products-table__cell--status>span{box-sizing:border-box;width:calc(4 * var(--ds-grid-unit));height:var(--ds-grid-unit);padding:0 calc(.1 * var(--ds-grid-unit)) 0 calc(.3 * var(--ds-grid-unit));background:var(--page-background);color:var(--text-color);box-shadow:inset 0 0 0 calc(.05 * var(--ds-grid-unit)) currentColor;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-regular);font-weight:400;font-size:calc(.7 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);letter-spacing:calc(-.02 * var(--ds-grid-unit));border:0;border-radius:0;display:block;position:relative;overflow:hidden}.site-layout .products-table__cell--status>span:before{content:"";width:calc(.2 * var(--ds-grid-unit));background:var(--chip-background);box-shadow:inset 0 0 0 calc(.05 * var(--ds-grid-unit)) currentColor;position:absolute;inset:0 auto 0 0}.site-layout .products-table{--table-columns:calc(8 * var(--ds-grid-unit)) repeat(3, calc(4 * var(--ds-grid-unit)));--cell-stroke:calc(.05 * var(--ds-grid-unit));position:relative}.site-layout .products-table:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 var(--cell-stroke) var(--text-color);position:absolute;inset:0}.site-layout .products-table tr{height:var(--ds-grid-unit);min-height:var(--ds-grid-unit);grid-template-rows:var(--ds-grid-unit);box-shadow:none}.site-layout .products-table :is(th,td){height:var(--ds-grid-unit);padding:0 calc(.2 * var(--ds-grid-unit));background:var(--page-background);color:var(--text-color);box-shadow:inset var(--cell-stroke) 0 var(--text-color), inset 0 var(--cell-stroke) var(--text-color);font-size:calc(.7 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);letter-spacing:calc(-.02 * var(--ds-grid-unit));white-space:nowrap;align-items:center;display:flex;overflow:hidden}.site-layout .products-table th{color:#1e1e1e;background:#99ff73}.site-layout .products-table :is(ds-text,span){white-space:nowrap}.site-layout .products-table td.products-table__cell--status{padding:0}.site-layout .products-table__cell--status>span{width:100%;padding:0 calc(.2 * var(--ds-grid-unit));box-shadow:none;background:0 0;flex:1}.site-layout .products-table__cell--status>span:before{content:none}.site-layout .field+.field{margin-top:0}.site-layout .field label{font:400 calc(.7 * var(--ds-grid-unit))/var(--ds-grid-unit) var(--font-regular)}.site-layout .field input,.site-layout .field textarea{padding:calc(.5 * var(--ds-grid-unit));width:100%;font:400 calc(.75 * var(--ds-grid-unit))/var(--ds-grid-unit) var(--font-regular);border:0;border-radius:0}.site-layout .field input{min-height:calc(2 * var(--ds-grid-unit))}.site-layout .field textarea{min-height:calc(4 * var(--ds-grid-unit))}.site-layout .page-grid-main :where(.button,.event-button){width:fit-content;min-height:calc(.8 * var(--ds-grid-unit));height:calc(.8 * var(--ds-grid-unit));font:400 calc(.7 * var(--ds-grid-unit))/calc(.8 * var(--ds-grid-unit)) var(--font-regular);background:var(--chartreuse-green);color:var(--every-green);border:0;border-radius:0;justify-self:start;padding:0 1px;display:inline-block}.site-layout .page-grid-main .form-status:empty{display:none}.site-layout .thankyou-header{position:relative}.site-layout .thankyou-icon{width:var(--ds-grid-unit);height:var(--ds-grid-unit);right:0;top:var(--ds-grid-unit);position:absolute}@media (width>=769px) and (width<=1100px){.site-layout--directory{--page-content-start:calc(10 * var(--ds-grid-unit))}}@media (width<=940px){.site-layout--directory{grid-template-columns:var(--page-content-start) var(--page-content-width) minmax(0, 1fr);grid-template-areas:"opening opening opening"".content.""footer footer footer"}.site-layout .page-grid-media{display:none}}@media (width<=768px){.site-layout--directory{grid-template-columns:var(--ds-grid-unit) minmax(0, 1fr) var(--ds-grid-unit)}.site-layout .page-grid-main.named-page-grid{gap:var(--ds-grid-unit)}.site-layout .page-grid-main h1{font-size:calc(1.5 * var(--ds-grid-unit))}.site-layout .page-grid-main h2{font-size:var(--ds-grid-unit)}.site-layout--table{grid-template-rows:calc(4 * var(--ds-grid-unit)) auto auto}.site-layout .page-grid-table-header .grid-page__mark{justify-content:flex-start}}.site-layout .page-grid-table-inner{grid-template-columns:minmax(0,1fr);min-width:0}.site-layout .page-grid-table-scroll{min-width:0;max-width:100%}.site-layout .case-media{width:100%;height:calc(15 * var(--ds-grid-unit));grid-area:media;margin:0}.site-layout .case-media img{object-fit:cover;width:100%;height:100%;box-shadow:none;display:block}.site-layout .case-stack{grid-area:stack}.site-layout .case-stack-list{grid-template-columns:calc(6 * var(--ds-grid-unit)) minmax(0, 1fr);gap:var(--ds-grid-unit);margin:0;display:grid}.site-layout .case-stack-list dt,.site-layout .case-stack-list dd{font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);margin:0}.site-layout .case-stack-list dt{color:var(--text-color-muted)}@media (width<=768px){.site-layout .case-media{height:calc(9 * var(--ds-grid-unit));height:round(nearest, calc((100vw - 2 * var(--ds-grid-unit)) * .75), var(--ds-grid-unit))}.site-layout .case-stack-list{grid-template-columns:calc(4 * var(--ds-grid-unit)) minmax(0, 1fr)}.site-layout .products-table{--table-columns:minmax(0, 1fr) calc(4 * var(--ds-grid-unit));min-width:0}.site-layout .products-table tr{grid-template-areas:"product status"}}.products-page.grid-page{--site-content-start:calc(17 * var(--ds-grid-unit));grid-template-columns:var(--site-content-start) minmax(0, min(400px, calc(20 * var(--ds-grid-unit)))) minmax(0, 1fr)}.products-page .products-main.page-grid-main{gap:calc(2 * var(--ds-grid-unit));grid-template-columns:minmax(0,1fr);grid-template-areas:"title""table""descriptions"}.products-title{grid-area:title}.product-descriptions{gap:var(--ds-grid-unit);grid-area:descriptions;grid-template-areas:"link""ezo""worktrees""team-cms""design-system-1""consistency";display:grid}.product-description{grid-template-areas:"heading""description""download";gap:0;display:grid}.site-layout .page-grid-main .product-description h2{font-size:calc(.75 * var(--ds-grid-unit));line-height:var(--ds-grid-unit);grid-area:heading}.product-description p{grid-area:description}@media (width<=768px){.grid-page.site-layout:is(.products-page,.client-projects-index,.case-page){grid-template-rows:calc(2 * var(--ds-grid-unit)) auto auto}.grid-page.site-layout:is(.products-page,.client-projects-index,.case-page) .grid-page__mark{top:calc(2 * var(--ds-grid-unit));left:var(--ds-grid-unit);width:calc(2.5 * var(--ds-grid-unit));height:var(--ds-grid-unit);font-size:var(--ds-grid-unit);line-height:var(--ds-grid-unit);text-align:right;justify-content:flex-end}.grid-page.site-layout :is(.products-main,.projects-overview,.case-main){row-gap:var(--ds-grid-unit);margin-top:0}.grid-page.site-layout :is(.products-title,.projects-overview>h1,.case-headline){margin:0 0 0 calc(3 * var(--ds-grid-unit));min-height:calc(2 * var(--ds-grid-unit));font-size:var(--ds-grid-unit);line-height:var(--ds-grid-unit);transform:none}.grid-page.site-layout .case-header{padding-top:0;grid-template-areas:"client-logo details""title title"!important}.grid-page.site-layout .case-client-logo{margin-left:0}.case-page.grid-page.site-layout .case-logo{display:none}.case-page.grid-page.site-layout .case-headline{margin-inline:0}}.site-layout .products-table{--table-columns:minmax(0, 2fr) minmax(0, 1fr);width:100%;min-width:0;max-width:400px;margin:0}@media (width<=768px){.products-page.grid-page{--site-content-start:var(--ds-grid-unit);grid-template-columns:var(--site-content-start) minmax(0, 1fr) var(--ds-grid-unit)}.site-layout .products-table{--table-columns:minmax(0, 1fr) calc(4 * var(--ds-grid-unit));max-width:none}}.site-layout .products-table tr{grid-template-areas:"product status"}.product-description>a.product-download{margin-top:calc(.5 * var(--ds-grid-unit));color:var(--footer-control-text,#979441);background-color:var(--footer-control-background,#ccff4d);grid-area:download;justify-self:start;padding-inline:1px}
