.gallery{position:relative}.gallery__pin{flex-direction:column;justify-content:center;height:100svh;display:flex;position:relative;overflow:hidden}.gallery__track{padding-inline:var(--gutter);will-change:transform;width:max-content;padding-top:calc(var(--nav-h) * .5);gap:clamp(1rem,2vw,1.75rem);display:flex}.gallery__bar{align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.gallery__progress{background:var(--line-2);border-radius:3px;flex:1;max-width:360px;height:3px;overflow:hidden}.gallery__progress i{transform-origin:0;background:linear-gradient(90deg,#ff8a3d,#ff4a1c);height:100%;display:block;transform:scaleX(0)}.gallery__hint{color:var(--text-3);font-size:.8125rem;font-weight:600}.skill{border-radius:var(--r-xl);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--glass-border);backdrop-filter:blur(24px);width:min(84vw,1120px);height:min(70svh,680px);box-shadow:var(--shadow);flex:none;grid-template-columns:1.35fr 1fr;display:grid;position:relative;overflow:hidden}.skill__media{background:#101012;position:relative;overflow:hidden}.skill__media img{object-fit:cover;width:116%;max-width:none;height:100%;position:absolute;top:0;left:-8%}.skill__media:after{content:"";background:linear-gradient(#0000 55%,#0505068c);position:absolute;inset:0}.skill__num{z-index:1;font-family:var(--font-display);color:#f5f5f7;backdrop-filter:blur(10px);background:#0a0a0c73;border:1px solid #ffffff24;border-radius:999px;padding:.4rem .75rem;font-size:1rem;font-weight:700;position:absolute;bottom:1.25rem;left:1.5rem}.skill__info{flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,3vw,2.75rem);display:flex}.skill__cat{color:var(--accent-ink);font-size:.875rem;font-weight:600}.skill__name{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(2.2rem,1.4rem + 2.4vw,4rem);font-weight:700;line-height:.98}.skill__desc{color:var(--text-2)}.skill__foot{gap:1rem;margin-top:auto;display:grid}.skill__row{border-top:1px solid var(--line);gap:.5rem;padding-top:1rem;display:grid}.skill__row>span:first-child{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.meter{align-items:center;gap:4px;display:flex}.meter i{background:var(--line-2);border-radius:3px;flex:1;height:6px}.meter i.on{background:linear-gradient(90deg,#ff8a3d,#ff4a1c)}.meter b{font-variant-numeric:tabular-nums;margin-left:.6rem;font-size:.875rem}.skill__watch{color:var(--accent-ink);align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.skill__watch .i{width:14px;height:14px}.skill--more{text-align:center;border-style:dashed;border-color:var(--line-2);background:var(--glass);grid-template-columns:1fr;place-items:center;width:min(52vw,560px);padding:2rem}.skill--more .plus{background:var(--accent-soft);width:72px;height:72px;color:var(--accent-ink);border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.skill--more .plus .i{width:28px;height:28px}.skill--more h3{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1}.skill--more p{color:var(--text-2);max-width:30ch;margin:1rem auto 1.5rem}.paths{gap:16px;display:grid}.path{padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.path__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.path__head h3{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(1.8rem,1.3rem + 1.5vw,2.6rem);font-weight:700}.path__tag{color:var(--accent-ink);font-size:.875rem;font-weight:600}.path__steps{z-index:1;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:2.25rem;display:grid;position:relative}.path__steps li{color:var(--text-3);justify-items:start;gap:.8rem;font-size:.9375rem;font-weight:600;transition:color .5s;display:grid}.path__steps i{background:var(--surface);border:2px solid var(--line-2);border-radius:50%;width:18px;height:18px;transition:background-color .5s,border-color .5s,box-shadow .5s}.path__steps li.is-on{color:var(--text)}.path__steps li.is-on i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.path__rail{background:var(--line-2);border-radius:2px;height:2px;position:absolute;left:clamp(1.5rem,3vw,2.5rem);right:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.path__rail b{transform-origin:0;background:linear-gradient(90deg,#ff8a3d,#ff4a1c);height:100%;display:block;transform:scaleX(0)}@media (width<=760px){.skill{grid-template-rows:46% 1fr;grid-template-columns:1fr;width:86vw;height:min(78svh,680px)}.skill__info{gap:.75rem;padding:1.25rem;overflow:hidden}.skill__name{font-size:2.1rem}.skill__desc{font-size:.9375rem}.skill--more{width:76vw}.path__steps{grid-template-columns:1fr;gap:1rem}.path__steps li{grid-template-columns:auto 1fr;align-items:center}.path__rail{display:none}}