.interaction-0:focus{left:12px !important}
.interaction-1:hover{color:#1F3935 !important;text-decoration:underline !important}
.interaction-2:hover{color:#1F3935 !important;text-decoration:underline !important}
.interaction-3:hover{color:#1F3935 !important;text-decoration:underline !important}
.interaction-4:hover{background:#1F3935 !important;color:#FBF9F6 !important}
.interaction-5:hover{background:#162A27 !important;color:#FBF9F6 !important;transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(31,57,53,0.15) !important}
.interaction-6:hover{background:#1F3935 !important;color:#FBF9F6 !important}
.interaction-7:hover{background:#162A27 !important;color:#FBF9F6 !important;transform:translateY(-4px) !important}
.interaction-8:hover{background:#1F3935 !important;color:#FBF9F6 !important}
.interaction-9:hover{color:#E6B322 !important}
.interaction-10:hover{color:#E6B322 !important}
.interaction-11:hover{background:#1F3935 !important;color:#FBF9F6 !important}
.interaction-12:hover{transform:translateY(-4px) !important;box-shadow:0 16px 40px rgba(0,0,0,0.3) !important;color:#1F3935 !important}
.interaction-13:hover{text-decoration:underline !important;color:#FBF9F6 !important}
.interaction-14:hover{text-decoration:underline !important;color:#FBF9F6 !important}
.interaction-15:hover{text-decoration:underline !important;color:#FBF9F6 !important}

.condition-wide{display:contents}.condition-narrow,.condition-menuOpen{display:none}
body.menu-open .condition-menuOpen{display:contents}
body.scrolled,body.menu-open{--nav-bg:rgba(251,249,246,.95);--nav-line:rgba(28,28,28,.08)}
body.menu-open{overflow:hidden}
header:has(#mobile-menu){height:76px}
#mobile-menu{height:calc(100dvh - 76px);bottom:auto!important}
[id]{scroll-margin-top:96px}
.enneagram{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.enneagram svg{width:100%;flex:1;min-height:0;overflow:visible}
#enneagram-caption{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#C9D6D3;text-align:center}
[data-point]{cursor:pointer}[data-point]:focus{outline:none}[data-point]:focus .point-dot{stroke:#E6B322;stroke-width:4}
.comet{animation:trace 7s linear infinite}
@keyframes trace{from{stroke-dashoffset:70}to{stroke-dashoffset:-930}}
@media(max-width:1119px){:root{--day-position:static;--timeline-top:32px}}
@media(max-width:999px){.condition-wide{display:none}.condition-narrow{display:contents}}
@media(prefers-reduced-motion:reduce){.comet{animation:none;display:none}}
