*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;display:flex}ul{list-style:none}a{color:inherit}:focus-visible{outline-offset:4px;outline:2px solid}:root{--measure:46rem;--gutter:max(1.25rem, (100% - var(--measure)) / 2)}.masthead,.hero,.group,.callout,.concept,.foot{padding-inline:var(--gutter)}.masthead{justify-content:space-between;align-items:baseline;gap:1rem;padding-block:2rem;display:flex}.logo{text-decoration:none}.place{flex-wrap:wrap;justify-content:flex-end;gap:0 .75em;display:flex}.hero,.group{position:relative}.group:before{content:none;top:0;left:var(--gutter);right:var(--gutter);position:absolute}.headline,.intro{text-wrap:balance;position:relative}.intro{text-wrap:pretty}.row-inner{grid-template-columns:1fr auto;align-items:baseline;gap:1.5rem;text-decoration:none;display:grid}.row-text{flex-direction:column;align-items:flex-start;display:flex}.row-domain{white-space:nowrap;text-align:right}.row.child .row-inner{padding-left:1.5rem}.foot{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:auto;display:flex}@media (width<=36rem){.row-inner{grid-template-columns:1fr;gap:.25rem}.row-domain{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--measure:64rem;--paper:#f6f7f4;--blue:#2d4ea0;--blue-2:#4c619c;--orange:#ff6a2b;--tint:#ffe2d3;--rule:#2d4ea029;--sans:"Onest", "Helvetica Neue", sans-serif;--wordmark:"Bricolage Grotesque", "Helvetica Neue", sans-serif;font-size:112.5%}body{background:var(--paper);color:var(--blue);font-family:var(--sans);font-size:1.05rem;line-height:1.55}.masthead{flex-direction:column;align-items:flex-start;gap:.75rem;padding-block:2.5rem 0}.logo{isolation:isolate;font-family:var(--wordmark);letter-spacing:-.02em;font-size:clamp(4rem,15vw,13rem);font-weight:800;font-stretch:75%;line-height:.85;display:block;position:relative}.logo:after{content:attr(data-text);z-index:-1;color:var(--orange);pointer-events:none;position:absolute;inset:0;transform:translate(.04em,.032em)}.place{color:var(--blue-2);font-weight:500}.hero{padding-block:2.75rem 5rem}.headline{letter-spacing:-.025em;max-width:22ch;font-size:clamp(2.2rem,4.8vw,3.6rem);font-weight:800;line-height:1.06}.intro{max-width:40rem;color:var(--blue-2);margin-top:1.4rem;font-size:1.25rem;line-height:1.55}.group{grid-template-columns:17rem 1fr;gap:3rem;padding-block:3.5rem;display:grid}.group:before{content:"";background:radial-gradient(circle, var(--orange) 1.4px, transparent 1.7px) 0 0 / 9px 9px repeat-x;height:8px}.group-head{align-self:start;position:sticky;top:1.5rem}.mark{border:2px solid var(--blue);border-radius:50%;width:1.1rem;height:1.1rem;margin-bottom:.8rem;display:block}.group-title{letter-spacing:-.02em;font-size:1.8rem;font-weight:800;line-height:1.1}.group-title a{text-decoration:underline 3px var(--orange);text-underline-offset:.2em}.group-sub{color:var(--blue-2);margin-top:.4rem;font-size:1rem}.row+.row{border-top:1.5px solid var(--rule)}.row-inner{padding-block:1.1rem}.row-name{letter-spacing:-.01em;font-size:1.4rem;font-weight:700;line-height:1.2}.row-desc{color:var(--blue-2);margin-top:.2rem}.row-domain{color:var(--blue-2);font-weight:500}.row-tags{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.row-tag{background:var(--tint);border-radius:999px;padding:.12rem .65rem;font-size:.85rem;font-weight:650}.row-tag[data-status]:before{content:"";border:1.5px dashed var(--blue);vertical-align:.02em;border-radius:50%;width:.6em;height:.6em;margin-right:.45em;display:inline-block}.row-tag[data-status=live]:before{background:var(--orange);border:1.5px solid var(--orange)}.row-tag[data-status=dev]:before{background:linear-gradient(90deg, var(--orange) 50%, transparent 50%);border:1.5px solid var(--orange)}a.row-inner:hover .row-name{text-decoration:underline 3px var(--orange);text-underline-offset:.2em}.callout{background:var(--blue);color:var(--paper);padding-block:5rem}.callout-text{letter-spacing:-.02em;max-width:24ch;font-size:clamp(2rem,3.8vw,2.9rem);font-weight:800;line-height:1.08}.callout-note{color:#d5dcf0;max-width:40rem;margin-top:1.4rem;font-size:1.1rem}.intro a{text-decoration:underline 3px var(--orange);text-underline-offset:.25em;font-weight:650}.callout-link{text-decoration:underline 3px var(--orange);text-underline-offset:.25em;margin-top:1.6rem;font-size:1.25rem;font-weight:650;display:inline-block}.masthead.compact .logo{font-size:clamp(2.6rem,8vw,4.5rem)}.concept-hero{padding-bottom:4rem}.concept-meta{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-bottom:1.1rem;font-size:.95rem;font-weight:650;display:flex}.concept-meta a{text-decoration:underline 2px var(--orange);text-underline-offset:.25em}.concept-figure{aspect-ratio:4/3;border:2px solid var(--blue);box-shadow:.55rem .55rem 0 var(--orange);border-radius:6px;margin-top:2.5rem;overflow:hidden}.concept-figure img{object-fit:cover;width:100%;height:100%;display:block}.concept-figure.placeholder{box-shadow:none;background:var(--tint);color:var(--blue-2);text-align:center;border-style:dashed;place-items:center;padding:2rem;font-size:.95rem;display:grid}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slides img{scroll-snap-align:start;flex:none}.slide-nav{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:1.4rem;font-size:.95rem;font-weight:650;display:flex}.slide-nav button{border:2px solid var(--blue);width:2.2rem;height:2.2rem;color:var(--blue);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.slide-nav button:hover:not(:disabled){background:var(--tint)}.slide-nav button:disabled{opacity:.3;cursor:default}.slide-nav svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}@media (prefers-reduced-motion:no-preference){.slides{scroll-behavior:smooth}}@media (width>=56rem){.concept-hero.has-figure{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:3.5rem;display:grid}.concept-hero.has-figure .concept-figure{margin-top:0}}.concept{padding-bottom:4rem}.concept>*{max-width:40rem;margin-inline:auto}.concept h2{letter-spacing:-.02em;background:radial-gradient(circle, var(--orange) 1.4px, transparent 1.7px) 0 0 / 9px 9px repeat-x;margin-top:3rem;padding-top:1.6rem;font-size:1.6rem;font-weight:800;line-height:1.1}.concept h2:first-child{margin-top:0}.concept p,.concept ul{margin-top:.9rem}.concept ul{padding-left:1.25rem;list-style:outside}.concept li+li{margin-top:.35rem}.concept a{text-decoration:underline 3px var(--orange);text-underline-offset:.25em;font-weight:650}.draft-bar{padding:.6rem var(--gutter);background:var(--tint);border-bottom:3px solid var(--orange);font-size:.9rem;font-weight:650}.concept .ask{color:var(--blue-2);font-style:italic}.row-tag[data-draft]{border:1.5px dashed var(--blue-2);color:var(--blue-2);background:0 0}.foot{color:var(--blue-2);padding-block:2rem 3rem;font-size:1rem}.foot a{text-decoration:none}@media (width<=52rem){.group{grid-template-columns:1fr;gap:1.25rem}.group-head{position:static}}.concept-hero:has(+.about){padding-bottom:1.5rem}.about>*{margin-inline:0}.about p{font-size:1.2rem}.imprint{padding:0 var(--gutter) 1.5rem;color:var(--blue-2);font-size:.75rem}