/* Dedicated skills feature; static CSS with lightweight reveal only */
.skills-section{padding:38px 0 88px;background:var(--cream, #fff9e9)}
.skills-card{isolation:isolate;position:relative;overflow:hidden;border:3px solid var(--navy,#1b2c55);border-radius:25px;background:#b9e9ec;box-shadow:7px 9px 0 var(--navy,#1b2c55);display:grid;grid-template-columns:.98fr 1.02fr;gap:18px;align-items:center;min-height:405px;padding:37px 40px}
.skills-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 23deg at 82% 43%,#fff9e83a 0deg 13deg,#0000 13deg 29deg)}
.skills-copy{min-width:0;z-index:2}
.skills-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:2px solid var(--navy,#1b2c55);border-radius:100px;background:#ffeed2;box-shadow:3px 3px 0 var(--navy,#1b2c55);font-size:11px;letter-spacing:.06em;font-weight:950}
.skills-kicker span{font-size:15px;color:#ed7e69}
.skills-quantity{font-size:clamp(75px,8.5vw,125px);letter-spacing:-.065em;white-space:nowrap;line-height:1.07;margin-top:20px;color:var(--navy,#1b2c55);display:flex;align-items:baseline;gap:10px}
.skills-quantity span{font-size:.42em;letter-spacing:0}
.skills-quantity i{font-family:system-ui,sans-serif;font-size:.33em;font-style:normal;color:#f88773;-webkit-text-stroke:1px var(--navy,#1b2c55);margin-left:4px}
.skills-card h2{font-size:clamp(33px,3.7vw,49px);line-height:1.04;margin:0 0 17px;color:var(--navy,#1b2c55)}
.skills-card h2 span{color:#f67d69;-webkit-text-stroke:1px var(--navy,#1b2c55);paint-order:stroke fill}
.skills-catch{font-size:16px;line-height:1.35;font-weight:950;letter-spacing:-.025em;color:var(--navy,#1b2c55);margin:0 0 7px}
.skills-description{font-size:13px;line-height:1.6;font-weight:650;max-width:395px;margin:0 0 18px;color:#2b4861}
.skills-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;background:#ff997e;border:2px solid var(--navy,#1b2c55);box-shadow:3px 4px 0 var(--navy,#1b2c55);padding:13px 16px;border-radius:10px;font-size:12px;font-weight:950;color:var(--navy,#1b2c55);transition:transform .18s,box-shadow .18s}
.skills-cta:hover{transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--navy,#1b2c55)}
.skills-cta:active{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--navy,#1b2c55)}
.skills-art{min-height:345px;position:relative;display:grid;place-items:center;isolation:isolate}
.skills-burst{position:absolute;width:min(90%,350px);aspect-ratio:1;border-radius:50%;border:3px solid #fff9e8a0;box-shadow:0 0 0 19px #fff9e853,0 0 0 38px #fff9e82e;z-index:-1}
.skills-hub{width:min(65%,255px);min-width:180px;min-height:240px;border:3px solid var(--navy,#1b2c55);border-radius:17px;background:#fff8e7;box-shadow:6px 8px 0 var(--navy,#1b2c55);display:flex;flex-direction:column;align-items:center;overflow:hidden;transform:rotate(-3deg);position:relative;z-index:2}
.hub-top,.hub-bottom{width:100%;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;font-weight:950;font-size:11px;color:var(--navy,#1b2c55)}
.hub-top{border-bottom:2px solid var(--navy,#1b2c55);background:#ffd29f}
.hub-top b{font-size:18px;color:#f88773}
.hub-icon{height:64px;width:64px;display:grid;place-items:center;border:3px solid var(--navy,#1b2c55);background:#c6f0d9;border-radius:18px;margin-top:17px;box-shadow:3px 4px 0 var(--navy,#1b2c55);font-size:34px}
.skills-hub strong{font-size:19px;margin-top:14px;letter-spacing:-.035em;color:var(--navy,#1b2c55)}
.skills-hub small{font-size:10px;font-weight:850;color:#516378;margin-top:4px}
.hub-bottom{font-size:9px;margin-top:auto;border-top:2px dashed #1b2c554d;background:#e3f7f0}
.hub-bottom b{color:#1a9778}
.skill-chip{position:absolute;z-index:3;border:2px solid var(--navy,#1b2c55);border-radius:10px;box-shadow:3px 4px 0 var(--navy,#1b2c55);padding:10px 12px;background:#fff9e7;color:var(--navy,#1b2c55);font-size:12px;font-weight:950;white-space:nowrap}
.skill-chip-a{top:4%;left:1%;background:#fbc2cd;transform:rotate(-12deg)}
.skill-chip-b{top:8%;right:0%;background:#fce49b;transform:rotate(9deg)}
.skill-chip-c{top:40%;left:-3%;background:#d7c7f7;transform:rotate(8deg)}
.skill-chip-d{top:45%;right:-3%;background:#f7c9a3;transform:rotate(-8deg)}
.skill-chip-e{bottom:7%;left:0%;background:#c3efda;transform:rotate(-7deg)}
.skill-chip-f{bottom:7%;right:0%;background:#fbced8;transform:rotate(10deg)}
@media(max-width:900px){
 .skills-card{gap:6px;padding:31px 26px}
 .skills-art{min-height:300px}
 .skills-quantity{font-size:clamp(65px,8.5vw,98px)}
 .skills-card h2{font-size:clamp(31px,4.2vw,42px)}
 .skill-chip{font-size:10px;padding:8px}
 .skills-hub{min-width:160px;width:64%;min-height:215px}
}
@media(max-width:670px){
 .skills-section{padding:12px 0 66px}
 .skills-card{grid-template-columns:1fr;gap:15px;padding:23px 21px 18px;border-radius:20px;min-height:0;box-shadow:5px 7px 0 var(--navy,#1b2c55)}
 .skills-kicker{font-size:10px;padding:7px 11px}
 .skills-quantity{font-size:clamp(71px,19vw,110px);margin-top:16px}
 .skills-card h2{font-size:clamp(32px,8vw,46px);margin-bottom:11px}
 .skills-catch{font-size:14px}
 .skills-description{font-size:12px;margin-bottom:15px}
 .skills-cta{font-size:11px;padding:12px 14px}
 .skills-art{min-height:260px;margin:0 -3px}
 .skills-hub{min-height:216px;width:59%;min-width:175px}
 .skill-chip{font-size:10px;padding:7px 9px}
 .skill-chip-a{top:3%;left:0}
 .skill-chip-b{top:4%;right:0}
 .skill-chip-c{top:38%;left:0}
 .skill-chip-d{top:38%;right:0}
 .skill-chip-e{bottom:3%;left:0}
 .skill-chip-f{bottom:3%;right:0}
}
@media(max-width:380px){
 .skills-quantity{font-size:clamp(67px,18vw,76px)}
 .skills-quantity i{font-size:.3em}
 .skills-art{min-height:240px}
 .skills-hub{min-width:156px;width:54%;min-height:210px}
 .skill-chip{font-size:9px;padding:6px 7px}
 .skills-hub strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
 .skills-card,.skills-cta{transition:none!important;animation:none!important}
}