.home-scroll-avatar__layer{z-index:3;will-change:transform, opacity;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-scroll-avatar__motion{will-change:transform, opacity}.home-scroll-avatar__scale{transform-origin:50%;will-change:transform;transform-style:preserve-3d}.home-scroll-avatar__center{will-change:transform;transform-style:preserve-3d}.home-scroll-avatar__balloon-shell{transform-style:preserve-3d;position:relative}.home-scroll-avatar__balloon-svg{display:block}.home-scroll-avatar__face-stage{perspective:1600px;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0;overflow:visible}.home-scroll-avatar__face-plane{transform-origin:50% 45.8%;width:100%;height:100%;transform-style:preserve-3d;will-change:transform, opacity;overflow:visible}.home-scroll-avatar__face-svg{width:100%;height:100%;display:block;overflow:visible}.scroll-shell{scrollbar-width:none;overscroll-behavior:none;touch-action:pan-y;width:100%;height:100svh;min-height:100svh;overflow:hidden auto}.scroll-shell::-webkit-scrollbar{display:none}.scroll-shell__stage{position:relative}.scroll-shell__sticky{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.scroll-shell__fill{pointer-events:none;position:absolute;inset:0}.dial-layered-shell{aspect-ratio:1;place-items:center;width:min(100%,520px);margin:0 auto;display:grid;position:relative}.dial-layered-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:relative}.dial-layered-base{fill:none;stroke:var(--muted);pointer-events:none}.dial-layered-divider{stroke:var(--card);stroke-width:2px;pointer-events:none}.dial-layered-highlight{fill:none;stroke:var(--segment-color);stroke-linecap:butt;pointer-events:none}@media (hover:none),(pointer:coarse){.dial-layered-highlight.is-hover{display:none}}.dial-layered-hit{fill:none;stroke:#0000;cursor:pointer;pointer-events:stroke}.dial-layered-label{fill:var(--foreground);letter-spacing:.01em;pointer-events:none;font-size:clamp(18px,2.4vw,27px);font-weight:600}.dial-layered-label-path{fill:none;stroke:#0000;pointer-events:none}.dial-layered-edge{fill:none;stroke:var(--card);stroke-width:2px;pointer-events:none}.dial-layered-poppy{pointer-events:auto;z-index:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (width<=720px){.dial-layered-label{font-size:clamp(16px,4.8vw,24px)}}
