.hero{--ink:#fbfaf7;--red:#ff5b4b;--blue:#5f9dff;--green:#31d18c;--yellow:#ffc233;--f-gb:var(--font-zen-kaku), "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--f-gl:var(--font-zen-kaku), "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--f-hw:var(--font-klee), "Hiragino Mincho ProN", serif;--f-mg:var(--font-zen-maru), "Hiragino Maru Gothic ProN", sans-serif;--f-dot:var(--font-dot), var(--font-zen-kaku), sans-serif;--logo-cx:317.09px;--logo-cy:313.41px;--logo-ox:50.289%;--logo-oy:52.47%;isolation:isolate;width:100%;height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#08080a;position:relative;overflow:hidden}.hero-bg{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:30;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage{z-index:2;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 1.6s cubic-bezier(.16,.84,.32,1),transform 2.2s cubic-bezier(.16,.84,.32,1);position:absolute;inset:0;transform:scale(.965)}.stage.ready{opacity:1;transform:none}.stage.dragging{cursor:grabbing}.thought{perspective:1500px;perspective-origin:50%;pointer-events:none;will-change:opacity;position:absolute;inset:0}.g{-webkit-text-stroke:.18em #000;paint-order:stroke fill;transform-origin:0 0;will-change:transform;white-space:pre;letter-spacing:0;line-height:1;position:absolute;top:50%;left:50%}.f-gb{font-family:var(--f-gb);font-weight:900}.f-gl{font-family:var(--f-gl);font-weight:500}.f-hw{font-family:var(--f-hw);font-weight:600}.f-mg{font-family:var(--f-mg);font-weight:700}.f-dot{font-family:var(--f-dot);letter-spacing:.02em;font-weight:400}.c-r{color:var(--red)}.c-b{color:var(--blue)}.c-g{color:var(--green)}.c-y{color:var(--yellow)}.face{z-index:20;pointer-events:none;filter:drop-shadow(0 18px 40px #0000008c);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-breathe{animation:9s ease-in-out infinite breathe;position:relative}.face-turn{transform-origin:var(--logo-ox) var(--logo-oy);will-change:transform;z-index:2;position:relative}.face-fixed{pointer-events:none;position:absolute;inset:0}.face-fixed--back{z-index:1}.face-fixed--front{z-index:3}.face:before{content:"";z-index:-1;background:radial-gradient(closest-side,#fff6e821 0%,#fff4e417 34%,#fff2e00d 56%,#fff0dc05 76%,#fff0dc00 100%);width:260%;height:230%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.face svg{width:100%;height:auto;display:block}.face svg .hair{pointer-events:auto}.face svg#badge,.face svg#badge-back,.face svg#badge-front{pointer-events:none}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.012)}}#turn{transform-box:view-box;transform-origin:var(--logo-cx) var(--logo-cy);will-change:transform;animation:46s linear infinite spin-slow}#face-in{transform-box:view-box;transform-origin:var(--logo-cx) var(--logo-cy);will-change:transform;animation:46s linear infinite spin-back}@keyframes spin-back{to{transform:rotate(360deg)}}@keyframes spin-slow{to{transform:rotate(-360deg)}}.hero .ui{z-index:40;pointer-events:none;position:absolute}.hero .hint{font-family:var(--f-gl);letter-spacing:.18em;color:#6e6a63;align-items:center;gap:10px;font-size:11.5px;font-weight:300;display:flex;bottom:clamp(58px,8vh,84px);left:clamp(20px,4vw,54px)}.hero .hint .hint-dot{background:#4d4a45;border-radius:50%;width:5px;height:5px;animation:2.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.bubble{z-index:50;pointer-events:none;color:#111;font-family:var(--f-mg);letter-spacing:.04em;white-space:nowrap;opacity:0;transform:translate(calc(-50% + var(--bx,0px)), calc(-50% + var(--by,0px))) scale(.86);background:#fbfaf7;border-radius:15px;padding:11px 19px;font-size:16px;font-weight:500;line-height:1.4;transition:opacity .26s,transform .42s cubic-bezier(.2,1.35,.4,1);position:absolute;top:50%;left:50%;box-shadow:0 12px 30px #00000080}.bubble.on{opacity:1;transform:translate(calc(-50% + var(--bx,0px)), calc(-50% + var(--by,0px))) scale(1)}.bubble:after{content:"";border:9px solid #0000;border-top-color:#fbfaf7;border-bottom:0;width:0;height:0;position:absolute;bottom:-8px;left:20px;transform:skew(-14deg)}.ticker-row{animation:48s linear infinite ticker-scroll}@keyframes ticker-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.face-breathe,.hero .hint .hint-dot,#turn,#face-in,.ticker-row{animation:none}}