.matrix-section.stack{height:100vh}.pill-content{pointer-events:none;flex-direction:column-reverse;align-items:center}.pill-text{transition:transform .4s,filter .5s}.pill-img{pointer-events:auto;cursor:pointer;align-self:center;transition:transform .4s,filter .5s}.pill-img img{object-fit:contain;height:120px}.matrix-section.stack .highlight{color:inherit;font-weight:700}.pill--blue .highlight{color:#00f!important}.pill--red .highlight{color:red!important}.underline{text-decoration:underline}@media (width>=768px){.matrix-section.stack{text-align:start}.pill-content{flex-direction:column-reverse;align-items:flex-start}.pill--red .pill-content{text-align:end;align-items:flex-end}.pill-img img{height:180px}}@media (hover:hover) and (pointer:fine){.pill-text{filter:blur(4px)}.pill-content:hover .pill-text{filter:blur();transform:scale(1.05)}.pill-content:hover .pill-img{filter:blur();transform:scale(1.15)}}.page.skill{gap:0;padding-block:0;padding-inline:0}.skill-conclusion{padding-block:var(--space-12);border-top:1px solid var(--clr-border);text-align:start;position:relative;width:100vw!important}.skill-conclusion:before{content:"";border-top:2px solid var(--clr-accent);border-left:2px solid var(--clr-accent);width:24px;height:24px;position:absolute;top:-1px}.skill-conclusion__status{font-family:var(--font-prose);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);border:1px solid color-mix(in srgb, var(--clr-accent), transparent 60%);background:color-mix(in srgb, var(--clr-accent), transparent 92%);align-items:center;gap:6px;padding:3px 10px;font-size:9px;font-weight:700;display:flex}.skill-conclusion__dot{background:var(--clr-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.8s step-end infinite dot-pulse}.skill-conclusion__body{max-width:560px}.matrix-hero{--mh-blue:#1e64ff;--mh-blue-rgb:30, 100, 255;--mh-red:#dc2828;--mh-red-rgb:220, 40, 40;min-height:60vh;padding-block:var(--space-24);text-align:start;pointer-events:none;background-color:var(--clr-paper)}.matrix-hero>*{pointer-events:auto}.matrix-hero__text{z-index:var(--z-after);flex:1}.matrix-hero__mode{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;border:1px solid;padding:2px 8px;font-weight:700}.matrix-hero__mode--blue{color:var(--mh-blue);border-color:rgba(var(--mh-blue-rgb), .4);background:rgba(var(--mh-blue-rgb), .08)}.matrix-hero__mode--red{color:var(--mh-red);border-color:rgba(var(--mh-red-rgb), .4);background:rgba(var(--mh-red-rgb), .08)}.matrix-hero__pill-word--blue{color:var(--mh-blue)}.matrix-hero__pill-word--red{color:var(--mh-red)}.matrix-hero__img{object-fit:contain;height:140px;z-index:var(--z-after);transition:transform var(--duration-slow) var(--ease-default)}.matrix-hero__cta.stack{justify-content:center}@media (width>=768px){.matrix-hero{flex-direction:row}.matrix-hero__img{height:200px;padding-right:var(--space-12)}.matrix-hero__visual{margin-inline-end:var(--space-24)}.matrix-hero__cta.stack{justify-content:start}}@media (hover:hover) and (pointer:fine){.matrix-hero__img:hover{transform:scale(1.1)}}.general__header{padding:var(--space-10) var(--page-padding) var(--space-6);border-bottom:1px solid var(--clr-border);text-align:start}.general-panel{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;position:relative;overflow:hidden}.general-panel:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 3px, var(--clr-border-strong) 3px, var(--clr-border) 4px);pointer-events:none;z-index:var(--z-after);position:absolute;inset:0}.general-panel__label{width:100%;padding:var(--space-4) var(--page-padding);border-bottom:1px solid var(--clr-border);align-items:center;gap:var(--space-3);background-color:red;display:flex}.general-panel__label-num{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:.12em;color:var(--clr-accent);opacity:.7;font-weight:700}.general-panel__label-text{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--clr-ink-muted);font-weight:500}@media (width>=1024px){.general-panel{padding-block:var(--space-4)}.general-panel--soft{border-right:1px solid var(--clr-border)}}.lang-section{padding-block:var(--space-12);border-top:1px solid var(--clr-border)}.lang-item{padding:var(--space-5);border:1px solid var(--clr-card-border);background:var(--clr-card-bg);transition:border-color var(--duration-base)}.lang-item:before{content:"";background:var(--clr-accent);transform-origin:0;height:1px;transition:transform var(--duration-slower) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.lang-item:hover:before{transform:scaleX(1)}}.lang-item .circular-meter{width:80px;max-width:80px;height:80px;max-height:80px}.lang-item__info{text-align:start}.lang-item__bar-track{background:var(--clr-ink-faint);width:100%;height:2px;position:relative;overflow:hidden}.lang-item__bar-fill{background:var(--clr-accent);height:100%;transition:width .8s var(--ease-out);position:absolute;top:0;left:0}.lang-meter .circular-meter{aspect-ratio:1;width:100%;max-width:130px;height:100%;max-height:130px;transition:transform .4s ease-in-out}.lang-meter:hover .circular-meter{transform:scale(1.25)}.toolkit-section{padding-block:var(--space-12);border-top:1px solid var(--clr-border)}.toolkit-card{border:1px solid var(--clr-card-border);background:var(--clr-card-bg);text-align:start;transition:border-color var(--duration-base) var(--ease-default), box-shadow var(--duration-base) var(--ease-default);padding:var(--space-5)!important;cursor:default!important}.toolkit-card__icon{object-fit:contain;width:auto;height:32px;transition:transform var(--duration-base) var(--ease-default)}@media (hover:hover) and (pointer:fine){.toolkit-card:hover .toolkit-card__icon{transform:scale(1.1)!important}}.vm-section{padding-block:var(--space-12) var(--space-24);border-top:1px solid var(--clr-border);position:relative}.vm-inner{z-index:var(--z-above);pointer-events:auto;text-align:start;position:relative}.vm-visual{max-width:300px;display:none!important}.vm-video{z-index:var(--z-above);max-width:100%;transition:transform var(--duration-slow) var(--ease-default);background:0 0;align-self:center;-webkit-mask-image:linear-gradient(#000 75%,#0000 95%);mask-image:linear-gradient(#000 75%,#0000 95%)}.vm-chart{width:100%;max-width:480px}.vm-stats{text-align:start;gap:0!important}.vm-stats-item{padding:var(--space-4);background:var(--clr-paper);border:none;border-bottom:1px solid var(--clr-border);cursor:pointer;text-align:left;pointer-events:auto;transition:background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default)}.vm-stats-item:first-of-type{border-top:1px solid var(--clr-border)}.vm-stats-item.active{background:var(--clr-card-bg);border-bottom-color:var(--clr-accent)}.vm-stats-item__dot{background:var(--clr-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s step-end infinite vm-blink}.vm-stats-item__num{opacity:.6;min-width:24px;transition:opacity var(--duration-base) var(--ease-default);flex-shrink:0}.vm-stats-item.active .vm-stats-item__num{opacity:1}.vm-stats-item__name{font-family:var(--font-prose);font-size:var(--font-size-xs);letter-spacing:.06em;color:var(--clr-ink-muted);text-transform:uppercase;transition:color var(--duration-base) var(--ease-default);font-weight:500}.vm-stats-item.active .vm-stats-item__name{color:var(--clr-ink)}@media (width>=769px){.vm-visual{flex:1;align-self:center;max-width:none;display:flex!important}.vm-chart{flex:2;max-width:none}.vm-stats{flex:1;align-self:center}.vm-stats-item{padding:var(--space-4) var(--space-5)}}@media (hover:hover) and (pointer:fine){.vm-visual:hover .vm-video{transform:scale(1.04)}.vm-stats-item:not(.active):hover{background:var(--clr-surface)}}
