.skills{padding:120px 6vw;background:#fdfbf7;color:#2a2421}.skills .index{color:#2d5a43}.skills .section-head>p{color:#71665f}.skill-layout{display:grid;grid-template-columns:.8fr 1.6fr;border:1px solid rgba(42,36,33,.16);min-height:500px}.skill-tabs{display:flex;flex-direction:column;border-right:1px solid rgba(42,36,33,.16)}.skill-tabs button{flex:1;border:0;border-bottom:1px solid rgba(42,36,33,.12);background:transparent;color:#746b65;text-align:left;padding:25px 28px;display:grid;grid-template-columns:35px 1fr;cursor:pointer;transition:.3s}.skill-tabs button:last-child{border-bottom:0}.skill-tabs button span{grid-row:1/3;font:600 9px var(--display);color:#9b918a}.skill-tabs button strong{font:700 17px var(--display);letter-spacing:1px}.skill-tabs button small{font-size:9px;margin-top:5px}.skill-tabs button.active{background:#2d5a43;color:#fff}.skill-tabs button.active span,.skill-tabs button.active small{color:#c9ded2}.skill-panels{position:relative;overflow:hidden;background:#f4efe6}.skill-panels article{position:absolute;inset:0;padding:65px;opacity:0;transform:translateY(25px);visibility:hidden;transition:.45s}.skill-panels article.active{opacity:1;transform:none;visibility:visible}.skill-number{font:700 90px/.8 var(--display);color:rgba(45,90,67,.1);position:absolute;right:50px;top:45px}.skill-panels h3{font:700 50px/.9 var(--display);letter-spacing:-1px;margin:55px 0 25px}.skill-panels p{max-width:580px;color:#71665f;font-size:13px;line-height:1.8}.skill-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.skill-chips b{font:600 9px var(--display);letter-spacing:1px;border:1px solid rgba(42,36,33,.18);padding:10px 12px;background:#fdfbf7}.software-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.software-strip>span{font:700 9px var(--display);letter-spacing:2px;color:#71665f;margin-right:14px}.software-strip div{font:600 9px var(--display);letter-spacing:1px;border:1px solid rgba(42,36,33,.18);padding:10px 13px}.rail nav{gap:22px}@media(max-width:900px){.skills{padding:90px 6vw}.skill-layout{grid-template-columns:1fr}.skill-tabs{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid rgba(42,36,33,.16)}.skill-tabs button{min-height:100px}.skill-panels{min-height:430px}}@media(max-width:560px){.skills{padding:90px 20px}.skill-tabs{grid-template-columns:1fr}.skill-tabs button{min-height:80px}.skill-tabs button small{display:none}.skill-panels{min-height:480px}.skill-panels article{padding:35px 25px}.skill-panels h3{font-size:38px;margin-top:75px}}