.skills-scene{background:#18252d url('assets/skills-bg.webp') center center/cover no-repeat;color:#f6f6f2;font-family:'Satoshi',Arial,sans-serif}
.skills-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,#0a172333 46%,#0a1723a6 58%,#0a17238c);pointer-events:none}
.skills-back{color:#f6f6f2}.skills-heading{position:absolute;left:1040px;top:285px;margin:0;font-weight:400;font-size:82px;line-height:.98;letter-spacing:3px}
.skills-columns{position:absolute;left:1040px;top:535px;width:780px;height:440px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px}
.skill-column{display:flex;flex-direction:column;min-height:0}.skill-column:first-child{border-right:1px solid #ffffff66;padding-right:30px}.skill-column h3{margin:0 0 17px;font-size:28px;line-height:1.12;font-weight:400;white-space:pre-line;letter-spacing:.2px}
.skill-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff70 transparent;padding-right:8px;scroll-padding-bottom:12px}.skill-text{font-size:21px;line-height:1.35;font-weight:400}.skill-text p{margin:0 0 17px}.skill-text p:last-child{margin-bottom:0}
.skill-showreel{display:flex;align-items:center;justify-content:space-between;width:275px;height:64px;margin:22px 0 10px;padding:0;border:0;border-bottom:1px solid #ffffffa6;background:transparent;color:inherit;font-family:inherit;font-size:21px;letter-spacing:3px;font-weight:700;cursor:pointer;flex:none}.skill-showreel svg{width:25px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;transition:transform .15s}.skill-showreel:hover span{font-weight:900}.skill-showreel:hover svg{transform:translateX(3px)}.skills-scene :focus-visible{outline:2px solid white;outline-offset:4px}.skills-back:focus-visible{outline:none!important;border-bottom-width:3px}.skill-scroll:focus-visible{outline-offset:2px}.skills-scene .languages{background:#b8c8d033;z-index:1}

.skill-scroll{flex:1}.skill-showreel{margin:22px 0 0}