.menu-toggle{border-radius:28px;transition:background .3s,box-shadow .3s;color:var(--ink)}
.menu-toggle .menu-grid{display:block;width:36px;height:40px;transform:none!important;position:relative}
.menu-ink{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.menu-ink .ink-main{stroke-width:1.4}.menu-ink .ink-fine{stroke-width:.55;opacity:.65}.menu-ink .ink-fill{fill:currentColor;stroke:none}
.menu-toggle .menu-word{letter-spacing:.06em;transition:color .3s}
.menu-toggle:hover,.menu-toggle:focus-visible,.menu-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--gold) 12%,transparent);box-shadow:0 0 22px #c4a26128}
.menu-toggle:hover .menu-ink,.menu-toggle:focus-visible .menu-ink{filter:drop-shadow(0 0 4px #c4a26190)}
.menu-grid:after{content:"";position:absolute;right:0;top:3px;width:4px;height:4px;border-radius:50%;background:#c0a16a;box-shadow:0 0 8px #c0a16a80;animation:ink-glimmer 7s ease-in-out infinite}
@keyframes ink-glimmer{0%,65%,100%{opacity:.28;transform:scale(.8)}80%{opacity:.85;transform:scale(1.1)}}
.brand-stage .stage-orbit{inset:3% -3% 6%;border:0;transform:none;pointer-events:none}
.brand-stage .stage-orbit:after{content:none}
.atom-orbit{position:absolute;inset:12% 0;border:1px solid #98b49d45;border-radius:50%;transform:rotate(-24deg)}
.atom-orbit:nth-child(2){transform:rotate(26deg);inset:17% -2%}.atom-orbit:nth-child(3){transform:rotate(76deg);inset:20% 1%;border-color:#c2a46c40}
.atom-orbit i{position:absolute;inset:0;width:5px;height:5px;border-radius:50%;background:#c8b27d;box-shadow:0 0 10px #c8b27d88;offset-path:ellipse(50% 50% at 50% 50%);animation:atom-travel 18s linear infinite}
.atom-orbit:nth-child(2) i{animation-duration:23s;animation-delay:-9s}.atom-orbit:nth-child(3) i{animation-duration:29s;animation-delay:-17s}
@keyframes atom-travel{to{offset-distance:100%}}
.code-arrival{position:relative}.code-arrival:before{content:"</>";display:block;font:12px/1.5 monospace;letter-spacing:.15em;color:var(--gold);margin-bottom:12px;opacity:.65}
.code-arrived{animation:code-appear 1.2s steps(24,end) both}
@keyframes code-appear{from{clip-path:inset(0 100% 0 0);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}
.motion-paused .atom-orbit i,.motion-paused .menu-grid:after,.motion-paused .code-arrived{animation-play-state:paused}
.motion-paused .code-arrived{animation:none;clip-path:none;transform:none}
/* Restore the quiet two-ring logo treatment, with no orbiting particles. */
.brand-stage .atom-orbit{display:none}
.brand-stage .stage-orbit{border:1px solid #afbcad40;border-radius:50%;transform:rotate(-22deg);animation:ring-drift 24s ease-in-out infinite alternate}
.brand-stage .stage-orbit:after{content:"";position:absolute;inset:22px -14px;border:1px solid #afbcad30;border-radius:50%;transform:rotate(28deg)}
@keyframes ring-drift{to{transform:rotate(-17deg) scale(1.015)}}
#values-title,#cooperation-title{text-shadow:0 2px 15px #bd984d38;animation:gold-breathe 8s ease-in-out infinite}
#cooperation-title{animation-delay:-4s}
@keyframes gold-breathe{50%{transform:translateY(-2px);text-shadow:0 3px 20px #bd984d66}}
.motion-paused #about-title,.motion-paused #values-title,.motion-paused #cooperation-title,.motion-paused .brand-stage .stage-orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#about-title,#values-title,#cooperation-title,.brand-stage .stage-orbit{animation:none}}
@media(prefers-reduced-motion:reduce){.atom-orbit i,.menu-grid:after,.code-arrived{animation:none}.code-arrived{clip-path:none;transform:none}}
@media(max-width:760px){.menu-toggle .menu-grid{width:27px;height:29px}.menu-toggle{min-height:57px;gap:3px}.side-rail{height:60px}}
/* A 2px, 16-second drift: no opacity changes, flashing or layout movement.
   Individual translate leaves the product heading's one-time code reveal intact. */
.chapter-heading-motion{animation:chapter-heading-drift 16s ease-in-out var(--heading-phase,0s) infinite;animation-play-state:paused;text-shadow:0 2px 18px #bd984d0d}
.chapter-heading-motion.heading-in-view{animation-play-state:running}
.chapter-heading-motion.code-arrived{animation:code-appear 1.2s steps(24,end) both,chapter-heading-drift 16s ease-in-out var(--heading-phase,0s) infinite;animation-play-state:running,paused}
.chapter-heading-motion.code-arrived.heading-in-view{animation-play-state:running,running}
@keyframes chapter-heading-drift{0%,100%{translate:0 0}50%{translate:0 -2px}}
.motion-paused .chapter-heading-motion,.headings-document-hidden .chapter-heading-motion{animation-play-state:paused}
.motion-paused .chapter-heading-motion.code-arrived{animation:none;clip-path:none;transform:none}
.headings-document-hidden .chapter-heading-motion.code-arrived{animation-play-state:paused,paused}
@media(prefers-reduced-motion:reduce){.chapter-heading-motion,.chapter-heading-motion.code-arrived{animation:none!important;translate:none;clip-path:none;transform:none}}
/* Quiet language control and persistent return navigation. */
.language-picker #language{border-radius:10px;border-bottom-color:transparent;padding-left:10px;transition:background-color .2s,box-shadow .2s}
.language-picker #language:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.language-picker #language:focus-visible{outline:1px solid currentColor;outline-offset:3px;box-shadow:0 2px 12px #103b3110}
.back-to-top{position:fixed;z-index:51;top:108px;left:19px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:0 4px 18px #082a2312;transition:background .2s,box-shadow .2s}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{box-shadow:0 4px 20px #082a2330;background:var(--soft)}
.back-to-top:focus-visible{outline:2px solid currentColor;outline-offset:4px}
[data-theme=dark] .back-to-top{background:#142a23;color:#dbe7df;border-color:#365247}
[data-theme=dark] .back-to-top:hover{background:#203c31}
[data-theme=dark] .language-picker #language:hover{background:#ffffff0b}
@media(max-width:760px){.back-to-top{left:12px;top:96px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.back-to-top,.language-picker #language{transition:none}}