@media screen and (width>=768px){section.skills .skills-intro{align-self:flex-start;position:sticky;top:120px}}section.skills .skills-rows{counter-reset:skill-row;gap:0}section.skills .skills-rows .skills-row{counter-increment:skill-row;gap:0 15px;padding-block:30px}@media screen and (width>=768px){section.skills .skills-rows .skills-row{grid-template-columns:50px auto 1fr;align-items:center;display:grid}}section.skills .skills-rows .skills-row:not(:last-child){border-bottom:1px solid var(--color-border)}section.skills .skills-rows .skills-row:first-child{padding-top:0}section.skills .skills-rows .skills-row:last-child{padding-bottom:0}@media only screen and (width<=767px){section.skills .skills-rows .skills-row .icon-box-icon{display:none}}section.skills .skills-rows .skills-row .icon-box-icon .icon-wrapper{border:0 solid #0000;width:auto;font-size:1.5em}section.skills .skills-rows .skills-row .icon-box-content{display:contents}section.skills .skills-rows .skills-row .icon-box-content .icon-box-title{font-size:var(--font-size-h5);margin-bottom:0;margin-left:-6px}section.skills .skills-rows .skills-row .icon-box-content .icon-box-description{grid-column:2/-1;margin-top:10px}section.skills .skills-rows .skills-row .icon-box-content .icon-box-description .use-list-icon li{border:1px solid var(--color-border);background-color:color-mix(in oklab, var(--color-primary) 5%, transparent);border-radius:0;padding:5px 10px;font-size:88%}section.skills .skills-rows .skills-row:before{content:counter(skill-row, decimal-leading-zero);font-family:var(--font-heading), sans-serif;font-size:calc(var(--font-size-h2) + 5px);color:#0000;-webkit-text-stroke:1px var(--color-primary);grid-row:1/span 2;align-self:start;font-weight:700;line-height:.9em}@media only screen and (width<=767px){section.skills .skills-rows .skills-row:before{margin-inline:auto;margin-bottom:15px}}section.values{--text-align:center;background-image:radial-gradient(circle at top left, color-mix(in oklab, var(--color-primary) 15%, transparent), transparent 40%), radial-gradient(circle at bottom right, color-mix(in oklab, var(--color-primary) 25%, transparent), transparent 40%);outline:1px solid var(--color-border);isolation:isolate}section.values:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(-45deg, transparent, transparent 40px, var(--color-border) 40px, var(--color-border) 42px);opacity:.4;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}section.values .icon-box-title{font-size:var(--font-size-h5)}
