.about{background-color:var(--base-200);width:100%;color:var(--base-500);padding:.75rem}.about-wrapper{width:80%;margin:0 auto}.about-intro{color:var(--base-500);grid-template-columns:180px 1fr;align-items:flex-start;gap:3rem;padding:1.5rem 0 8rem;display:grid}.about-title{max-width:900px}.about-primitives{gap:3rem;padding:4rem 0 6rem;display:flex}.about-primitives-left{flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:flex-start;gap:3rem;width:min(400px,40%);height:100svh;padding:3rem 0;display:flex;position:sticky;top:.75rem}.about-primitives-image{background-color:var(--base-500);border-radius:.375rem;width:140px;height:180px;margin-bottom:1.5rem;overflow:hidden}.about-primitives-copy{max-width:430px}.about-primitives-right{flex-direction:column;flex:1;gap:6rem;padding:3rem 0;display:flex}.about-primitives-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.about-primitive-card{aspect-ratio:5/7;border:1px solid var(--rule);border-radius:.375rem;grid-template-rows:auto 1fr auto;align-content:stretch;gap:1.5rem;padding:1rem;display:grid}.about-primitive-card p.mono{opacity:.55}.about-primitive-card-content{flex-direction:column;gap:.625rem;max-width:280px;display:flex}.about-primitive-card-content p.sm{opacity:.65}@media (max-width:1000px){.about-wrapper{width:100%}.about-intro{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:5.5rem 0 3rem}.about-primitives{flex-direction:column;gap:4rem;padding:2rem 0 4rem}.about-primitives-left{gap:6rem;width:100%;height:max-content;position:static}.about-primitives-right{gap:3rem;padding:0 0 1rem}.about-primitive-card{aspect-ratio:4/5;gap:2rem}}.about-primitives-left-header h6,.about-primitives-right>.v2,.about-primitives-right h6{font-size:clamp(1.75rem,2.4vw,2.5rem)}.about-primitive-card-glyph{color:var(--base-500);opacity:.28;justify-content:center;align-items:center;padding:.5rem 0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);display:flex}.about-primitive-card-glyph .glyph{width:min(58%,8rem)}.about-primitive-card:hover .about-primitive-card-glyph{opacity:1;transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.about-primitive-card-glyph{transition:none}.about-primitive-card:hover .about-primitive-card-glyph{transform:none}}
.architecture{background-color:var(--base-100);width:100%;color:var(--base-500);padding:.75rem;position:relative}.architecture-wrapper{flex-direction:column;gap:5rem;width:80%;margin:0 auto;padding:7rem 0 8rem;display:flex}.architecture-header{grid-template-columns:180px 1fr;align-items:flex-start;gap:3rem;display:grid}.architecture-header-copy{flex-direction:column;gap:2rem;display:flex}.architecture-title{max-width:900px}.architecture-note{opacity:.45}.architecture-stack{--architecture-step:4rem;flex-direction:column;display:flex}.architecture-layer{border-top:1px solid var(--rule);position:relative;overflow:hidden}.architecture-layer:first-child{margin-left:calc(3*var(--architecture-step))}.architecture-layer:nth-child(2){margin-left:calc(2*var(--architecture-step))}.architecture-layer:nth-child(3){margin-left:var(--architecture-step)}.architecture-layer:nth-child(4){margin-left:0}.architecture-layer:last-child{border-bottom:1px solid var(--rule)}.architecture-layer-fill{background-color:var(--rule-lime);transform-origin:0;pointer-events:none;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.architecture-layer-edge{background-color:var(--base-300);transform-origin:top;pointer-events:none;width:3px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.architecture-layer.is-active .architecture-layer-fill{transform:scaleX(1)}.architecture-layer.is-active .architecture-layer-edge{transform:scaleY(1)}.architecture-layer-inner{grid-template-columns:4rem 3.25rem minmax(0,1fr) minmax(0,28rem);align-items:center;gap:2rem;padding:2.5rem 1.5rem;display:grid;position:relative}.architecture-layer-index{opacity:.4}.architecture-layer-name{font-size:clamp(1.6rem,2.6vw,2.75rem)}.architecture-layer-description{opacity:.65}@media (prefers-reduced-motion:reduce){.architecture-layer-fill,.architecture-layer-edge{transition:none}}@media (max-width:1000px){.architecture-wrapper{gap:3rem;padding:5.5rem 0 5rem}.architecture-header{grid-template-columns:1fr;gap:1.5rem}.architecture-header-copy{gap:1.25rem}.architecture-stack{--architecture-step:.75rem}.architecture-layer-inner{grid-template-columns:2.5rem 2rem minmax(0,1fr);align-items:flex-start;gap:.5rem 1rem;padding:1.75rem 1rem}.architecture-layer-index{padding-top:.35rem}.architecture-layer-description{grid-column:3/-1;margin-top:.5rem}.architecture-wrapper{width:100%}}.architecture-layer-glyph{color:var(--base-500);opacity:.35;justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.22,1,.36,1);display:flex}.architecture-layer-glyph .glyph{width:2.25rem}.architecture-layer.is-active .architecture-layer-glyph{opacity:1}@media (max-width:1000px){.architecture-layer-glyph{align-items:flex-start;padding-top:.15rem}.architecture-layer-glyph .glyph{width:1.5rem}}@media (prefers-reduced-motion:reduce){.architecture-layer-glyph{transition:none}}