.principle-framework{grid-template-rows:repeat(2,minmax(12rem,auto));grid-template-columns:minmax(0,1fr) 10rem minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.principle-core{aspect-ratio:1;border:1px solid var(--signal-dim);background:radial-gradient(circle, var(--signal-soft), transparent 64%), var(--surface);width:10rem;color:var(--ink-faint);font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.2em;text-align:center;border-radius:50%;flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-self:center;align-items:center;gap:.2rem;font-size:.56rem;display:flex;position:relative}.principle-core:before,.principle-core:after{content:"";border:1px dashed var(--line-bright);pointer-events:none;border-radius:50%;position:absolute;inset:-.7rem}.principle-core:after{background:var(--signal);width:.55rem;height:.55rem;box-shadow:0 0 24px color-mix(in srgb, var(--signal) 72%, transparent);border:0;inset:50%;transform:translate(-50%,2.7rem)}.principle-core strong{color:var(--signal-ink);font-family:var(--font-bricolage), ui-sans-serif, sans-serif;letter-spacing:-.01em;font-size:1rem}.principle-node{border:1px solid var(--line);background:linear-gradient(145deg, var(--signal-soft), transparent 46%), linear-gradient(160deg, var(--surface), var(--surface-2));border-radius:1.15rem;min-width:0;padding:clamp(1.35rem,3vw,2rem);transition:border-color .3s,box-shadow .3s,opacity .3s,transform .3s;position:relative}.principle-node:first-of-type{grid-area:1/1}.principle-node:nth-of-type(2){background:linear-gradient(145deg, var(--neural-soft), transparent 46%), linear-gradient(160deg, var(--surface), var(--surface-2));grid-area:1/3}.principle-node:nth-of-type(3){grid-area:2/1}.principle-node:nth-of-type(4){background:linear-gradient(145deg, color-mix(in srgb, var(--caution) 11%, transparent), transparent 46%), linear-gradient(160deg, var(--surface), var(--surface-2));grid-area:2/3}.principle-node h3{margin-top:.55rem}@keyframes principle-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.principle-core:before{animation:16s linear infinite principle-orbit}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.principle-framework:hover>.principle-node{opacity:.72}.principle-framework>.principle-node:hover{opacity:1;border-color:var(--signal-dim);transform:translateY(-7px)scale(1.015);box-shadow:0 30px 70px -34px #00fff06b}.principle-framework>.principle-node:nth-of-type(2):hover{border-color:var(--neural);box-shadow:0 30px 70px -34px #8b93ff6b}.principle-framework>.principle-node:nth-of-type(4):hover{border-color:var(--caution-ink);box-shadow:0 30px 70px -34px color-mix(in srgb, var(--caution) 44%, transparent)}}@media (max-width:900px){.principle-framework{grid-template-rows:auto;grid-template-columns:1fr}.principle-core,.principle-node:first-of-type,.principle-node:nth-of-type(2),.principle-node:nth-of-type(3),.principle-node:nth-of-type(4){grid-area:auto/1}.principle-core{width:8rem;margin:.75rem auto 1.25rem}}