.tools{position:relative;isolation:isolate;overflow:hidden;background:var(--color-paper);color:var(--tone-text);font-family:var(--font-sans);padding-block:clamp(48px,calc(37.71px + 3.214vw),84px)}.tools__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.02}.tools__inner{position:relative;z-index:1;max-width:var(--container-content);margin:0 auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px)}.tools__title{margin:0;max-width:16ch;font-family:var(--font-display);font-weight:var(--text-h2--font-weight);font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);color:var(--tone-text);text-wrap:balance}.tools__title em{font-style:normal;color:var(--color-amber)}.tools__note{margin:clamp(.85rem,1.4vw,1.25rem) 0 0;max-width:52ch;font-size:var(--text-lead);line-height:var(--text-lead--line-height);color:var(--tone-muted);text-wrap:pretty}.tools__stage{display:flex;justify-content:center}.tools__panel{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:clamp(28px,3.2vw,52px);background:var(--color-mist);border:1px solid var(--color-hairline-l);border-radius:var(--radius-surface);overflow:hidden}.tools__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,var(--color-grid-l) 0 1px,transparent 1px 40px);-webkit-mask-image:radial-gradient(120% 120% at 50% 50%,#000 38%,transparent 80%);mask-image:radial-gradient(120% 120% at 50% 50%,#000 38%,transparent 80%)}.tools__tick{position:absolute;z-index:2;width:9px;height:9px;border:0 solid var(--color-line-strong-l);pointer-events:none}.tools__tick--tl{top:10px;left:10px;border-top-width:1px;border-left-width:1px}.tools__tick--tr{top:10px;right:10px;border-top-width:1px;border-right-width:1px}.tools__tick--bl{bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.tools__tick--br{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.orbit{position:relative;z-index:1;width:clamp(260px,30vw,460px);aspect-ratio:1}.orbit__ring{position:absolute;border:1px solid var(--color-hairline-l);border-radius:var(--radius-dot);animation:orbit-spin 80s linear infinite;will-change:transform}.orbit__ring--outer{top:0;right:0;bottom:0;left:0}.orbit__ring--inner{top:19%;right:19%;bottom:19%;left:19%;animation-duration:55s;animation-direction:reverse}.orbit__item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--a, 0deg))}.orbit__item:before{content:"";position:absolute;left:50%;top:0;width:1px;height:50%;transform:translate(-.5px);background:linear-gradient(180deg,rgba(70,128,123,.5),transparent 86%)}.orbit__holder{position:absolute;top:0;left:50%;translate:-50% -50%;transform:rotate(calc(-1 * var(--a, 0deg)));display:block}.orbit__tile{display:flex;align-items:center;justify-content:center;width:clamp(44px,4.6vw,60px);aspect-ratio:1;background:var(--color-mist);border:1px solid var(--color-hairline-l);border-radius:var(--radius-surface);animation:orbit-spin-rev 80s linear infinite;will-change:transform}.orbit__ring--inner .orbit__tile{animation:orbit-spin 55s linear infinite}.orbit__tile img{display:block;width:52%;height:52%;object-fit:contain}.orbit__tile--wide{width:clamp(72px,7.6vw,100px);aspect-ratio:8 / 5}.orbit__tile--wide img{width:78%;height:62%}.orbit__center{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;padding:clamp(12px,1.4vw,18px) clamp(18px,2vw,26px);background:var(--color-mist);border:1px solid var(--color-hairline-l);border-radius:var(--radius-surface);box-shadow:var(--shadow-object)}.orbit__center img{display:block;width:clamp(120px,13vw,180px);height:auto}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-rev{to{transform:rotate(-360deg)}}@media(max-width:1279px){.tools__inner{grid-template-columns:1fr;gap:clamp(40px,8vw,56px)}.orbit{width:min(100%,420px)}.orbit__ring--inner{top:13%;right:13%;bottom:13%;left:13%}.orbit__center{padding:10px 14px}.orbit__center img{width:96px}.orbit__tile--wide{width:clamp(58px,16vw,72px)}}@media(prefers-reduced-motion:reduce){.orbit__ring,.orbit__tile{animation:none}}