*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif}h1{margin:0;margin-block:0}p{margin:0}.app-root{background:#082406;width:100vw;height:100dvh;position:relative;overflow:hidden}.ball-canvas{position:absolute;inset:0}.content-panel{text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:6cqmin;transition:opacity .26s;display:flex;position:absolute;overflow:hidden;container-type:size}.content-panel.is-hidden{opacity:0;pointer-events:none}.content-panel-bg{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.content-panel-body{position:relative}.content-panel-bg.pentagon{filter:invert()}.content-panel h1{font-size:clamp(12px,9cqmin,24px)}.content-panel p{font-size:clamp(8px,5cqmin,16px);line-height:1.4}.portfolio-reset{z-index:10;color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff6c;transition:opacity .26s;position:absolute;bottom:1rem;left:1rem}.portfolio-reset:hover{opacity:.5}.edge-arrow-group{cursor:pointer;background:0 0;border:none;width:80px;height:80px;transition:opacity .26s}.edge-arrow,.edge-arrow-label{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:opacity .15s}.edge-arrow-group:hover .edge-arrow,.edge-arrow-group:hover .edge-arrow-label{opacity:.5}.edge-arrow{justify-content:center;align-items:center;display:flex}.edge-arrow-label{font:inherit;white-space:nowrap;padding:4px 6px;font-size:.75rem;font-weight:600;line-height:1}.edge-arrow-group.is-hidden{opacity:0;pointer-events:none}.grid-2{flex-direction:row;gap:6cqmin;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;gap:6cqmin;display:grid}.grid-3x2>*{min-width:0;min-height:0}.grid-item{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.5cqmin;text-decoration:none;display:flex}.grid-image{aspect-ratio:1;object-fit:contain;width:20cqmin;height:20cqmin}.grid-link{flex-direction:row;align-items:center;gap:6px;text-decoration:none;display:flex}.text-label{display:flex}.image-label,.shortened-label{display:none}@media (width<=800px){.text-label{display:none}.shortened-label{display:block}.content-panel p{font-size:clamp(6px,5cqmin,12px);line-height:1.4}.image-label{object-fit:contain;aspect-ratio:inherit;border:none;width:20px;height:20px;display:block}}.edge-arrow svg{width:calc(22px * var(--ui));height:calc(22px * var(--ui))}.edge-arrow-label{font-size:calc(.75rem * var(--ui))}.portfolio-reset{font-size:calc(.9rem * var(--ui));padding:calc(10px * var(--ui)) calc(16px * var(--ui))}.edge-arrow-group{--hit:max(44px, calc(80px * var(--ui)));width:var(--hit);height:var(--hit)}.grid-item{font-size:calc(1rem * var(--ui))}.grid-link svg{width:calc(24px * var(--ui));height:calc(24px * var(--ui));flex-shrink:0}.grid-link{font-size:calc(.8rem * var(--ui))}@media (hover:hover){.edge-arrow-group:hover .edge-arrow,.edge-arrow-group:hover .edge-arrow-label{opacity:.5}}