.fam-architecture .arch-quiet{color:color-mix(in oklab,var(--foreground) 46%,var(--black))}.fam-architecture .arch-accent{stroke:var(--accent)}.fam-architecture .arch-fill{fill:color-mix(in oklab,var(--accent) 16%,transparent)}.fam-architecture .arch-motif-holder{display:flex;justify-content:center}.fam-architecture .arch-motif{width:100%;max-width:460px;height:auto}.fam-architecture .arch-focal{background:var(--surface-secondary);border-block:var(--rule);padding-block:58px 66px;margin-bottom:8px}.fam-architecture .arch-focal h2{font-size:clamp(1.4rem,1.9vw,1.85rem);margin-bottom:34px}.fam-architecture .arch-layers-axis{position:relative;height:22px;margin-bottom:10px}.fam-architecture .arch-layers-axis>span{position:absolute;transform:translate(-50%);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 88%,var(--black));white-space:nowrap}.fam-architecture .arch-layers-stack{position:relative}.fam-architecture .arch-layers-crossing{position:absolute;inset:0;z-index:1;pointer-events:none}.fam-architecture .arch-layers-crossing>i{position:absolute;top:-12px;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,color-mix(in oklab,var(--accent) 70%,transparent) 0 7px,transparent 7px 12px)}.fam-architecture .arch-layers-crossing>i:before{content:"";position:absolute;top:-4px;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.fam-architecture .arch-layers-stack>ol{position:relative;z-index:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:8px}.fam-architecture .arch-layers-stack>ol>li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:baseline;padding:20px 26px;background:color-mix(in oklab,var(--surface) 86%,transparent);border-radius:var(--radius)}.fam-architecture .arch-layer-name{font-family:var(--mono);font-size:.92rem;letter-spacing:.04em;color:var(--foreground)}.fam-architecture .arch-layer-body{font-size:1.02rem;line-height:1.6;color:color-mix(in oklab,var(--foreground) 76%,var(--black))}.fam-architecture .arch-layer-body p{font:inherit;color:inherit}@media(max-width:1100px){.fam-architecture .arch-layers-stack>ol>li{grid-template-columns:120px minmax(0,1fr);gap:20px}}@media(max-width:760px){.fam-architecture .arch-motif{max-width:340px}.fam-architecture .arch-focal{padding-block:40px 44px}.fam-architecture .arch-focal h2{margin-bottom:22px}.fam-architecture .arch-layers-axis,.fam-architecture .arch-layers-crossing{display:none}.fam-architecture .arch-layers-stack>ol>li{display:block;padding:18px 20px}.fam-architecture .arch-layer-name{display:block;margin-bottom:8px;color:var(--accent)}.fam-architecture .arch-layer-body{font-size:.98rem}}
