.hw{padding:var(--section-pad) clamp(24px, 5vw, 80px);background:#222f30}.hw-inner{align-items:flex-start;gap:75px;min-height:720px;margin:0 auto;display:flex;position:relative}.hw-connector{pointer-events:none;background:0 0;height:1px;transition:background .4s;position:absolute}.hw-connector.is-active{background:#e7e8e1}.hw-info{flex-direction:column;flex-shrink:0;gap:24px;width:320px;padding-top:0;display:flex}.hw-heading{font-family:var(--font-serif);color:var(--text-primary);white-space:nowrap;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.15}.hw-counter{text-transform:uppercase;letter-spacing:.08em;gap:8px;font-family:Courier New,monospace;font-size:14px;display:flex}.hw-counter-current{color:var(--text-primary);font-weight:700}.hw-counter-total{color:var(--text-muted)}.hw-description{font-family:var(--font-sans);color:#e7e8e1;font-size:18px;line-height:1.7}.hw-binary{color:var(--text-muted);white-space:pre;margin-top:auto;font-family:Courier New,monospace;font-size:9px;line-height:1.6;animation:.4s hwBinaryFade}@keyframes hwBinaryFade{0%{opacity:0}to{opacity:1}}.hw-rings{aspect-ratio:1;flex:1 0;position:relative;overflow:visible}.hw-ring{cursor:pointer;box-sizing:border-box;background:#222f30;border:1px solid #2e3e3f;border-radius:50%;justify-content:center;align-items:flex-start;padding-top:8%;transition:background .5s .15s,border-color .5s .15s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hw-ring--innermost{align-items:center;padding-top:0}.hw-ring:hover .hw-ring-title{color:#222f30}.hw-ring.is-active{background:#e7e8e1}.hw-ring.is-active .hw-ring-title{color:#222f30}.hw-ring-title{text-transform:uppercase;letter-spacing:.14em;color:#e7e8e1;text-align:center;pointer-events:none;white-space:nowrap;transition:color var(--transition-fast);padding:8px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.hw-labels{flex-shrink:0;align-self:center;width:220px;position:relative}.hw-label-item{opacity:0;visibility:hidden;flex-direction:column;gap:12px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.hw-label-item:first-child{position:relative}.hw-label-item.is-active{opacity:1;visibility:visible}.hw-label-item.is-active:before{background:#e7e8e1}.hw-label-title{text-transform:uppercase;letter-spacing:.1em;color:#e7e8e1;font-family:Courier New,monospace;font-size:12px;font-weight:700}.hw-label-desc{font-family:var(--font-sans);color:#e7e8e1;font-size:18px;line-height:1.65}.hw-footer{background:0 0;border-top:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:60px 24px 20px;text-decoration:none;display:flex}.hw-footer:hover{background:0 0}.hw-footer-icon{color:#cef79f;flex-shrink:0}.hw-footer-text{font-family:var(--font-sans);letter-spacing:.08em;color:#e7e8e180;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e7e8e166 0% 40%,#cef79f 50%,#e7e8e166 60% 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600;animation:3s ease-in-out infinite hw-shimmer}@keyframes hw-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hw-footer-arrow{color:#e7e8e166;transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.hw-footer:hover .hw-footer-arrow{color:#cef79f;transform:translate(2px,-2px)}@media (max-width:1024px){.hw-inner{flex-direction:column;align-items:center;gap:48px;min-height:auto}.hw-info{text-align:center;align-items:center;width:100%;max-width:500px}.hw-rings{width:100%;max-width:420px}.hw-labels{width:100%;max-width:500px;min-height:auto}.hw-label-item{display:none;position:relative}.hw-label-item.is-active{text-align:center;align-items:center;display:flex}.hw-binary{display:none}}@media (max-width:640px){.hw-rings{max-width:420px}.hw-ring-title{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:90%;padding:6px 4px;font-size:8.5px;overflow:hidden}}