body[id=""]{background-color:#0a000f;background-image:linear-gradient(#8c5ad20f 1px,#0000 1px),linear-gradient(90deg,#8c5ad20f 1px,#0000 1px);background-size:56px 56px}@media (max-width:767px){body[id=""]{overflow:auto}}.home-container{place-items:center;width:100%;height:100dvh;display:grid;position:relative}.home-overlay{z-index:20;pointer-events:none;opacity:0;position:absolute;inset:0}.home-panel{z-index:5;flex-direction:column;gap:.5rem;transition:opacity .4s;display:flex;position:absolute}.home-panel--name{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);top:12%;left:8%}.home-panel--sys{opacity:0;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));align-items:flex-end;top:2%;right:2%}.home-panel--nav{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);flex-direction:column;gap:.5rem;display:flex;bottom:12%;left:8%}.home-panel--contact{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);align-items:flex-end;bottom:12%;right:8%}.home-panel--contact .contact-container{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.home-container:has(.home-panel:hover) .home-panel:not(:hover){opacity:.2}.home-role{opacity:0;flex-direction:column;gap:.15rem;margin-top:.6rem;display:flex}.home-role span:first-child{font-family:var(--font-regular);color:var(--light-gray-color);letter-spacing:.06em;font-size:clamp(1rem,1.5vw,1.2rem)}.home-role__jp{color:var(--accent);font-size:.85rem;font-family:var(--font-regular);letter-spacing:.08em}.home-sys-coords{font-family:var(--font-mono);color:var(--light-gray-color);text-align:right;opacity:.7;margin-top:.3rem;font-size:.85rem;line-height:1.8}.nav-link{font-family:var(--confillia-normal);color:var(--light-gray-color);border-left:1px solid var(--accent-dim);opacity:0;padding-left:.75rem;font-size:clamp(1.5rem,2.5vw,2.5rem);text-decoration:none;transition:color .2s;transform:translateY(20px)}.nav-link:hover{color:var(--accent)}.nav-link:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.home-nav-jp{font-family:var(--font-regular);color:var(--accent);letter-spacing:.1em;padding-left:.75rem;font-size:.85rem}.home-panel--contact .contact-container a{font-family:var(--confillia-normal);color:var(--light-gray-color);text-align:right;border-right:1px solid var(--accent-dim);opacity:0;padding-right:.75rem;font-size:clamp(1.5rem,2.5vw,2.5rem);text-decoration:none;transition:color .2s;display:block;transform:translateY(20px)}.home-panel--contact .contact-container a:hover{color:var(--accent)}.home-panel--contact .contact-container a:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.home-contact-jp{font-family:var(--font-regular);color:var(--accent);letter-spacing:.1em;text-align:right;padding-right:.75rem;font-size:.85rem}.home-gem{z-index:3;filter:brightness(0);width:100%;height:100%;position:absolute;inset:0}.home-gem #gem-canvas{width:100%;height:100%}@media (max-width:767px){.home-container{height:auto;min-height:100dvh;padding:2rem var(--page-padding) 5rem;flex-direction:column;align-items:center;gap:2.5rem;display:flex}.home-panel{width:100%;position:static}.home-panel--name{order:1}.home-panel--sys{display:none}.home-panel--nav{order:3}.home-panel--contact{order:4;align-items:flex-start}.home-panel--contact .contact-container{align-items:flex-start}.home-panel--contact .contact-container a{text-align:left;border-right:none;border-left:1px solid var(--accent-dim);padding-left:.75rem;padding-right:0}.home-gem{flex-shrink:0;order:2;width:90vw;height:90vw;position:static;inset:auto}.home-contact-jp{text-align:left;padding-left:.75rem;padding-right:0}}@media (max-width:420px){.home-container{padding:1.5rem var(--page-padding) 5rem;gap:2rem}}