.skills-scroll{position:relative;background:#090e16;border-top:1px solid var(--line);scroll-margin-top:0}.skills-stage{position:relative;isolation:isolate;padding:65px 6%;overflow:hidden}.skills-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#273951 0,transparent 64%)}.skills-gen{position:absolute;right:0;bottom:0;width:76%;height:100%;object-fit:contain;object-position:center;filter:grayscale(.65) brightness(.62) contrast(1.1);opacity:.85;mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 85%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);mask-composite:intersect;transform-origin:60% 55%;will-change:transform}.skills-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e16ed 0%,#090e16b0 32%,#090e1620 70%),linear-gradient(0deg,#090e16 0%,transparent 45%)}.skills-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.skills-heading h2{font-size:clamp(30px,3.6vw,54px);margin-top:15px}.skills-skip{font-size:12px;color:#bec7d2;padding:12px 0;border-bottom:1px solid #ffffff40}.skills-caption{font-size:12px;color:#9aa8bc;margin:20px 0 0}.skills-panels{position:relative;margin-top:70px;max-width:650px}.skills-panel{padding:25px 0}.skills-panel .skills-no{font-size:14px;letter-spacing:.13em;color:#92aaff}.skills-panel h3{font-size:clamp(34px,4.5vw,68px);font-weight:700;line-height:1.3;letter-spacing:-.045em;margin:18px 0 24px}.skills-panel p{max-width:480px;font-size:16px;line-height:2;color:#d0d6df}.skills-panel .text-link{font-size:14px;margin-top:18px}.skills-control{display:none}.skills-scroll.is-enhanced{height:480svh}.is-enhanced .skills-stage{position:sticky;top:0;height:100svh;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;padding:40px 6% 30px}.is-enhanced .skills-panels{display:grid;margin:20px 0;max-width:700px}.is-enhanced .skills-panel{grid-area:1/1;align-self:center;will-change:opacity,transform}.skills-panel[aria-hidden=true]{pointer-events:none}.is-enhanced .skills-control{display:block}.skills-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skills-tabs button{color:#8997aa;background:none;border:0;border-top:1px solid #ffffff40;text-align:left;padding:17px 0 8px;cursor:pointer;font-size:13px;line-height:1.7;min-height:55px}.skills-tabs button[aria-current=true]{color:white;border-color:#7798ff}.skills-tabs button span{color:#86a3ff;margin-right:12px}.skills-progress{height:2px;background:#ffffff15;margin-top:16px}.skills-progress i{height:100%;display:block;background:#6d90ff;transform:scaleX(0);transform-origin:left}.skills-foot{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9aa8bc;margin-top:12px}.skills-anchor{scroll-margin-top:0}.skills-scroll:not(.is-enhanced) .skills-gen{opacity:.28}.skills-scroll:not(.is-enhanced) .skills-panel{border-bottom:1px solid var(--line)}
@media(max-width:650px){.skills-scroll.is-enhanced{height:440svh}.is-enhanced .skills-stage{padding:26px 6% 22px;min-height:580px}.skills-heading h2{font-size:30px}.skills-heading .eyebrow{font-size:10px}.skills-skip{font-size:11px;white-space:nowrap}.skills-caption{max-width:230px;font-size:11px;line-height:1.7;margin-top:12px}.skills-gen{width:145%;max-width:none;right:-35%;height:92%;bottom:5%;opacity:.7}.skills-shade{background:linear-gradient(0deg,#090e16 3%,#090e16bb 28%,#090e1640 64%,#090e1640),linear-gradient(90deg,#090e1680,transparent)}.is-enhanced .skills-panels{margin:auto 0 15px;padding-top:100px}.skills-panel h3{font-size:36px;margin:12px 0 15px}.skills-panel p{font-size:14px;line-height:1.9;max-width:330px}.skills-panel .text-link{margin-top:10px;font-size:13px}.skills-panel .skills-no{font-size:12px}.skills-tabs{gap:12px}.skills-tabs button{font-size:10px;padding-top:12px}.skills-tabs button span{display:block;font-size:14px;margin:0}.skills-foot{font-size:10px}.skills-panel{padding:10px 0}}
@media(prefers-reduced-motion:reduce),(max-height:579px){.skills-gen{will-change:auto}}

.skills-gen{width:auto;max-width:none;height:100%;right:8%;mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent)}.skills-heading h2{white-space:nowrap}.skills-panel h3{line-height:1.2}
@media(max-width:650px){.skills-gen{height:90%;right:-23%;width:auto}.skills-heading{position:relative}.skills-heading h2{font-size:28px}.skills-skip{position:absolute;right:0;top:0;font-size:10px}.skills-panel h3{font-size:34px}.skills-caption{max-width:none;font-size:10px}}

.skills-poster,.skills-sequence{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.skills-poster img{width:100%;height:100%;object-fit:cover}.skills-sequence{opacity:0}.sequence-ready .skills-sequence{opacity:1}.sequence-ready .skills-poster{visibility:hidden}.skills-backdrop{background:#090e16}.skills-scroll:not(.is-enhanced) .skills-backdrop{opacity:.3}.skills-scroll.is-enhanced{height:520svh}@media(max-width:650px){.skills-scroll.is-enhanced{height:480svh}}

/* Give each action and reading pause more scroll room. */
.skills-scroll.is-enhanced{height:720svh}@media(max-width:650px){.skills-scroll.is-enhanced{height:680svh}}