.mod-skillset__layout{display:flex;flex-wrap:wrap;align-items:center;gap:3rem 4rem;margin-top:2.5rem}.mod-skillset--band{position:relative;margin-block-start:3rem;padding-block:5rem}.mod-skillset--band:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--er-vw, 100vw) / 2);width:var(--er-vw, 100vw);z-index:-1;pointer-events:none}.mod-skillset--band-surface:before{background:var(--er-color-surface-veil);border-top:1px solid var(--er-color-border);border-bottom:1px solid var(--er-color-border)}.mod-skillset--band-surface .mod-skillset__hex path{fill:var(--er-color-bg)}.mod-skillset__grid{--sk-hex: clamp(4.5rem, 9vw, 7rem);--sk-gap: .5rem;--sk-height: calc(var(--sk-hex) * 1.1547);flex:1 1 22rem;display:flex;flex-direction:column;align-items:center;padding:.75rem}.mod-skillset__row{display:flex;justify-content:center;gap:var(--sk-gap);margin:0;padding:0;list-style:none}.mod-skillset__row+.mod-skillset__row{margin-top:calc((var(--sk-hex) + var(--sk-gap)) * .866 - var(--sk-height))}.mod-skillset__cell{width:var(--sk-hex);height:var(--sk-height)}.mod-skillset__hex{position:relative;isolation:isolate;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--er-transition),filter var(--er-transition)}.mod-skillset__hex svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.mod-skillset__glow{position:absolute;inset:0;z-index:-1;display:block;opacity:0;filter:drop-shadow(0 0 14px var(--sk-c1));transition:opacity var(--er-transition)}.mod-skillset__glow path{fill:var(--sk-c1)}.mod-skillset__hex path{fill:var(--er-color-surface);stroke:color-mix(in srgb,var(--sk-c1) 55%,var(--er-color-border));stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill var(--er-transition),stroke var(--er-transition)}.mod-skillset__logo{position:absolute;top:50%;left:50%;width:42%;height:42%;object-fit:contain;translate:-50% -50%;opacity:.85;pointer-events:none;transition:opacity var(--er-transition)}.mod-skillset__hex:hover,.mod-skillset__hex:focus-visible,.mod-skillset__hex.is-active{z-index:1;transform:scale(1.1)}.mod-skillset__hex:hover .mod-skillset__glow,.mod-skillset__hex:focus-visible .mod-skillset__glow,.mod-skillset__hex.is-active .mod-skillset__glow{opacity:.6}.mod-skillset__hex:hover path,.mod-skillset__hex:focus-visible path,.mod-skillset__hex.is-active path{fill:color-mix(in srgb,var(--sk-c2) 35%,var(--er-color-surface));stroke:var(--sk-c1)}.mod-skillset__hex:hover .mod-skillset__logo,.mod-skillset__hex:focus-visible .mod-skillset__logo,.mod-skillset__hex.is-active .mod-skillset__logo{opacity:1}.mod-skillset__hex:focus-visible{outline:none}.mod-skillset__hex:focus-visible path{stroke-width:3.5px}.mod-skillset.is-pending .mod-skillset__cell{opacity:0}.mod-skillset.is-in .mod-skillset__cell{animation:mod-skillset-in .6s cubic-bezier(.2,.9,.3,1.25) backwards;animation-delay:calc(var(--sk-i, 0) * 80ms)}.mod-skillset.is-pending .mod-skillset__glow{opacity:0}.mod-skillset.is-in .mod-skillset__hex.is-active .mod-skillset__glow{animation:mod-skillset-glow-in 1.1s ease-out backwards;animation-delay:calc(var(--sk-i, 0) * 80ms)}@keyframes mod-skillset-glow-in{0%{opacity:0}}@keyframes mod-skillset-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.mod-skillset__panel{flex:1 1 20rem;min-width:0;padding-left:2.5rem;border-left:2px solid var(--er-color-border)}.mod-skillset__stack{display:grid;position:relative;min-height:14rem;align-items:center;overflow-x:clip}.mod-skillset__stack>*{grid-area:1 / 1}.mod-skillset__detail{position:relative;visibility:hidden;opacity:0}.mod-skillset__detail.is-active{visibility:visible;opacity:1}.mod-skillset__detail.is-active>:not(.mod-skillset__detail-logo){animation:mod-skillset-slide .45s cubic-bezier(.2,.8,.2,1) backwards;will-change:transform,opacity}.mod-skillset__detail.is-active>:nth-child(2){animation-delay:90ms}.mod-skillset__detail.is-active>:nth-child(3){animation-delay:.18s}.mod-skillset__detail.is-active>:nth-child(4){animation-delay:.27s}@keyframes mod-skillset-slide{0%{opacity:0;transform:translate(2.5rem)}to{opacity:1;transform:none}}.mod-skillset__detail-title{margin:0 0 1rem;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--sk-c1)}.mod-skillset__progress{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.mod-skillset__progress-track{flex:1 1 auto;height:.5rem;overflow:hidden;border-radius:9999px;background:var(--er-color-border)}.mod-skillset__progress-bar{width:var(--sk-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sk-c2),var(--sk-c1));transform-origin:left center}.mod-skillset__detail.is-active .mod-skillset__progress-bar{animation:mod-skillset-grow .9s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:.35s}@keyframes mod-skillset-grow{0%{transform:scaleX(0)}}.mod-skillset__progress-value{flex:0 0 auto;min-width:3.5rem;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;color:var(--sk-c1)}.mod-skillset__detail-text{margin:1rem 0 0;color:var(--er-color-text-muted)}.mod-skillset__detail-logo{position:absolute;top:50%;right:0;z-index:-1;width:40%;max-width:14rem;aspect-ratio:1;object-fit:contain;translate:0 -50%;opacity:.1;pointer-events:none;transition:opacity var(--er-transition)}.mod-skillset__detail.is-active .mod-skillset__detail-logo{animation:mod-skillset-fade .8s ease-out backwards;animation-delay:.15s}@keyframes mod-skillset-fade{0%{opacity:0}}.mod-skillset__intro>:first-child{margin-top:0}.mod-skillset__intro>:last-child{margin-bottom:0}.mod-skillset__intro a{color:var(--er-color-primary)}@media(max-width:47.99rem){.mod-skillset__panel{padding-left:0;padding-top:2rem;border-left:0;border-top:2px solid var(--er-color-border)}.mod-skillset__grid{--sk-hex: clamp(4.5rem, 24vw, 7rem)}.mod-skillset--band-surface{padding-block:2.5rem}}@media(prefers-reduced-motion:reduce){.mod-skillset__hex,.mod-skillset__cell,.mod-skillset__glow,.mod-skillset__progress-bar,.mod-skillset__detail>*{animation:none!important;transition:none!important}}