.feature-list{margin:0;padding:0 1.5em;counter-reset:section;list-style-type:none;column-width:16em;column-gap:1.5em}.feature-list__item{display:inline-block;margin:0 0 1.5em 0;padding:1em 1.5em;page-break-inside:avoid;break-inside:avoid;text-align:center;background-color:#fff;background-color:var(--color-sheet);border-radius:2rem;box-shadow:1.5rem 1.5rem 5rem rgba(0,0,0,.1);box-shadow:1.5rem 1.5rem 5rem var(--color-shadow)}.feature-list__item::before{content:"";display:block;margin:.5em 0 .75em 0;padding:1em;font-size:125%;font-size:var(--type-large);font-weight:800;text-align:center;line-height:1;color:#fff;color:var(--color-white);background:url(/assets/pebble/purple.svg)center center/100% 100%no-repeat}.feature-list__item:nth-child(2n)::before{background-image:url(/assets/pebble/pink.svg)}.feature-list__item:nth-child(3n)::before{background-image:url(/assets/pebble/orange.svg)}.feature-list__item:nth-child(4n)::before{background-image:url(/assets/pebble/blue.svg)}.feature-list__item:nth-child(5n)::before{background-image:url(/assets/pebble/pink-purple.svg)}.feature-list__item:nth-child(6n)::before{background-image:url(/assets/pebble/teal.svg)}.feature-list__item:nth-child(7n)::before{background-image:url(/assets/pebble/blue-pink.svg)}.feature-list__item:nth-child(8n)::before{background-image:url(/assets/pebble/yellow-peach.svg)}.feature-list__item:nth-child(9n)::before{background-image:url(/assets/pebble/blue-yellow.svg)}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.feature-list{margin:-2em 0}.feature-list__item{transform:none}.feature-list__item:first-child{margin-top:3em}}}.feature-list__item--work{border:.2rem solid #5ceace;border:.2rem solid var(--color-teal)}.feature-list__item--personal{border:.2rem solid #fee5da;border:.2rem solid var(--color-peach)}.feature-list__badge{margin:-5.75em 0 4em 0}.feature-list__badge span{display:inline-block;margin:0 0 .25em 0;padding:.25em .75em .175em .75em;font-size:75%;font-size:var(--type-x-small);color:#222;color:var(--color-text);background-color:#5ceace;background-color:var(--color-teal);border-radius:1em;text-decoration:none}.feature-list__badge.feature-list__badge--personal span{background-color:#fee5da;background-color:var(--color-peach)}.feature-content h2,.feature-content h3{margin-top:1em;margin-top:var(--space-medium);font-size:150%;font-size:var(--type-x-large)}.feature-badge{text-align:center;margin-bottom:.5em}.feature-badge span{display:inline-block;margin:0 0 .25em 0;padding:.25em .75em .175em .75em;font-size:75%;font-size:var(--type-x-small);color:#222;color:var(--color-text);background-color:#5ceace;background-color:var(--color-teal);border-radius:1em;text-decoration:none}.feature-badge--personal span{background-color:#fee5da;background-color:var(--color-peach)}.feature-image{min-height:10em;margin:0 0 1em 0;background-color:#fff;background-color:var(--color-sheet);box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);box-shadow:2rem 2rem 6rem var(--color-shadow);border-radius:1rem}.feature-image img{box-shadow:none}.feature-nav{display:flex;justify-content:space-between;position:fixed;top:50%;bottom:inherit;left:0;right:0;width:100%;height:5em;margin:0;pointer-events:none}.feature-nav__button{display:flex;align-items:center;width:6em;height:5em;padding:1em;pointer-events:auto;text-decoration:none;border-radius:.25em;position:relative}.feature-nav__button span{position:relative;top:-.08em;font-size:85%;font-size:var(--type-small);font-weight:600;color:#5522fa;color:var(--color-link);transition:background-color .25s ease,color .25s ease}.feature-nav__button svg{width:3em;height:5em}.feature-nav__button path{transition:fill .25s ease;fill:#5522fa;fill:var(--color-blurple)}.feature-nav__button:hover path{fill:#5ceace;fill:var(--color-teal)}.feature-nav__button--prev{border-radius:2em .15em .15em 2em}.feature-nav__button--prev span{left:-1em}.feature-nav__button--next{border-radius:.15em 2em 2em .15em}.feature-nav__button--next span{right:-1em}