.screen-hi{margin:0;font-size:clamp(30px,calc(var(--u) * 6.4),76px);font-weight:500;letter-spacing:-.03em;line-height:1}.screen-paths{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 1.8);width:min(100%,calc(var(--u) * 76))}.screen-note{margin:0;max-width:62ch;text-align:center;line-height:1.55;font-size:clamp(12px,calc(var(--u) * 1.3),16px);color:#f6f6f685}.screen-mail{color:#f6f6f6}.path,.path-link{display:grid;justify-items:center;align-content:start;gap:calc(var(--u) * .9);color:#f6f6f6;text-decoration:none}.path{padding:calc(var(--u) * 2.4) calc(var(--u) * 1.2) calc(var(--u) * 2.2);border:1px solid rgba(255,255,255,.2);border-radius:clamp(8px,calc(var(--u) * .9),12px);background:linear-gradient(180deg,#ffffff0a,#ffffff03);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000073,0 10px 30px #00000059}.path.locked{opacity:.62}.path[hidden]{display:none}.path.open{justify-items:stretch;padding:0;border:0;background:none;box-shadow:none}.path-link{position:relative;box-sizing:border-box;width:100%;height:100%;padding:calc(var(--u) * 2.4) calc(var(--u) * 1.2) calc(var(--u) * 2.2);border:1px solid transparent;border-radius:inherit;background:linear-gradient(180deg,#ffffff0d,#ffffff04);transition:border-color .25s ease,background .25s ease}.path-link:hover,.path-link:focus-visible{background:#ffffff08}.path-link:focus-visible{outline:none}.path-link>:not(.ring){position:relative;z-index:1}.path-icon{width:clamp(20px,calc(var(--u) * 3.6),44px);height:auto;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.path-name{font-size:clamp(14px,calc(var(--u) * 1.9),23px);font-weight:500;letter-spacing:-.01em}.path-state{display:inline-flex;align-items:center;gap:.4em;text-align:center;font-size:clamp(11px,calc(var(--u) * 1.25),15px);color:#f6f6f69e}.path.open .path-state{color:#f6f6f6}.path-lock{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px)and (orientation:portrait){.screen-paths{grid-template-columns:1fr;gap:8px}.path,.path-link{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center;gap:0 12px;padding:14px 16px}.path.open{grid-template-columns:1fr;padding:0}.path-icon{width:22px}.path-name{font-size:16px}.path-state{justify-self:end;font-size:13px}}.ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.ring-halo{position:absolute;inset:-2px;border-radius:inherit;filter:blur(8px);opacity:.45;transition:opacity .3s ease}.ring-band{position:absolute;inset:-1px;border-radius:inherit;overflow:hidden;container-type:size;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.ring-line{opacity:.85;transition:opacity .3s ease}.ring-halo .ring-band{padding:2.5px}.ring-spin,.ring-orbit{will-change:transform}.ring-spin{position:absolute;left:50%;top:50%;width:160cqmax;height:160cqmax;margin:-80cqmax 0 0 -80cqmax;animation:ring-orbit 14s linear infinite;animation-play-state:paused}.ring-orbit{position:absolute;inset:0;background:conic-gradient(from 0deg,#7c4dff59,#ff8a3d 30deg,#ff2fd0 55deg,#7c4dff 85deg,#22d3ee 110deg,#7c4dff59 135deg 180deg,#22d3ee 205deg,#7c4dff 230deg,#ff2fd0 260deg,#ff8a3d 285deg,#7c4dff59 315deg 360deg);animation:ring-orbit 14s linear infinite}:hover>.ring .ring-spin,:focus-visible>.ring .ring-spin{animation-play-state:running}:hover>.ring .ring-halo,:focus-visible>.ring .ring-halo{opacity:.8}:hover>.ring .ring-line,:focus-visible>.ring .ring-line{opacity:1}@keyframes ring-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ring-spin,.ring-orbit{animation:none!important}}