*{box-sizing:border-box;margin:0;padding:0}:root{--pad-x:40px;--section-pad-y:100px}@media (width<=640px){:root{--pad-x:20px;--section-pad-y:56px}}body{color:#1f1e18;background:#f1eee5;font-family:JetBrains Mono,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#96702a}html{scroll-behavior:smooth}button{font-family:inherit}.nav-toggle{display:none}.nav-links{align-items:center;gap:32px;display:flex}.nav-link-list{gap:24px;display:flex}.principles-grid{border:2px solid #1f1e18;grid-template-columns:repeat(3,1fr);display:grid}.principle-item{border-right:2px solid #1f1e18;padding:28px}.principle-item:last-child{border-right:none}@media (width<=720px){.nav-toggle{display:flex}.nav-links{display:none}.nav-links.nav-links--open{padding:24px var(--pad-x);background:#f1eee5;border-bottom:3px solid #1f1e18;flex-direction:column;align-items:stretch;gap:20px;display:flex;position:absolute;top:72px;left:0;right:0}.nav-links--open .nav-link-list{flex-direction:column;gap:18px}}@media (width<=640px){.principles-grid{grid-template-columns:1fr}.principle-item{border-bottom:2px solid #1f1e18;border-right:none}.principle-item:last-child{border-bottom:none}}