.feature-list{margin:0;padding:0 1.5em;counter-reset:section;list-style-type:none;column-width:16em;column-gap:1.5em}@media not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.feature-list{margin:-1em 2em}.feature-list .feature-list__item{transform:none}.feature-list .feature-list__item:first-child{margin-top:3em}}}.feature-list__item{display:inline-block;margin:0 0 1.5em 0;padding:1em 1.5em;break-inside:avoid;text-align:center;background-color:var(--color-sheet);border-radius:2rem;box-shadow:1.5rem 1.5rem 5rem var(--color-shadow);transform:translateZ(0)}.feature-list__item:before{content:'';display:block;margin:0.5em 0 0.75em 0;padding:1em;font-size:var(--type-large);font-weight:800;text-align:center;line-height:1;color:var(--color-white);background:url(/assets/pebble/purple-06afa98c9a64a63dbda758e0d0872af8476ea1beee5a8a242eddf0d92fc81ae6.svg) center center/100% 100% no-repeat}.feature-list__item:nth-child(10n+1):before{background-image:url(/assets/pebble/purple-06afa98c9a64a63dbda758e0d0872af8476ea1beee5a8a242eddf0d92fc81ae6.svg)}.feature-list__item:nth-child(10n+2):before{background-image:url(/assets/pebble/pink-8670798cb2f59e90ee454d5e7a017b57117da2d1eb2457f8a6e3490810b87361.svg)}.feature-list__item:nth-child(10n+3):before{background-image:url(/assets/pebble/orange-7f1656410312ac7d429f788923253adbdd615cbcefb1606c1c39442286310e36.svg)}.feature-list__item:nth-child(10n+4):before{background-image:url(/assets/pebble/blue-1aea99b554ec18794ec257d270ff9457ab5c26f6c6f5fc0d1f0caf4bdd3e2ae4.svg)}.feature-list__item:nth-child(10n+5):before{background-image:url(/assets/pebble/pink-purple-46c915234b837e92cea8ab6bd8fdf561cc95d9d63a053e3bf8efa7b93f015035.svg)}.feature-list__item:nth-child(10n+6):before{background-image:url(/assets/pebble/teal-aa6373917a4d00614832becd1dfab6b65081d3f9823b6044006223afe8b10d6e.svg)}.feature-list__item:nth-child(10n+7):before{background-image:url(/assets/pebble/blue-pink-b1fe103a893f07a71f11e78fc004869a7300028b18d8425cfe6d6aea6e0e0cf0.svg)}.feature-list__item:nth-child(10n+8):before{background-image:url(/assets/pebble/yellow-peach-95b3ad9ff6d197abe2cf2e47d6fbac0b925299e6cdcaa953a740c2e986fdd260.svg)}.feature-list__item:nth-child(10n+9):before{background-image:url(/assets/pebble/pink-purple-46c915234b837e92cea8ab6bd8fdf561cc95d9d63a053e3bf8efa7b93f015035.svg)}.feature-list__item:nth-child(10n+10):before{background-image:url(/assets/pebble/blue-yellow-09fb066f65f7b67aeeb387828af93d92d400f7908083ce45e25f08ae02064b9c.svg)}.feature-list__item--work{border:0.2rem solid var(--color-teal)}.feature-list__badge{margin:-5.75em 0 4em 0}.feature-list__badge span{display:inline-block;margin:0 0 0.25em 0;padding:0.25em 0.75em 0.175em 0.75em;font-size:var(--type-x-small);color:var(--color-text);background-color:var(--color-teal);border-radius:1em;text-decoration:none}.feature-content h2,.feature-content h3{margin-top:var(--space-medium);font-size:var(--type-x-large)}.feature-work-badge{text-align:center;margin-bottom:0.5em}.feature-work-badge span{display:inline-block;margin:0 0 0.25em 0;padding:0.25em 0.75em 0.175em 0.75em;font-size:var(--type-x-small);color:var(--color-text);background-color:var(--color-teal);border-radius:1em;text-decoration:none}.feature-image{min-height:10em;margin:0 0 1em 0;background-color:var(--color-sheet);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:0.25em;position:relative}.feature-nav__button span{position:relative;top:-0.08em;font-size:var(--type-small);font-weight:600;color:var(--color-link);transition:background-color 0.25s ease, color 0.25s ease}.feature-nav__button svg{width:3em;height:5em}.feature-nav__button path{transition:fill 0.25s ease;fill:var(--color-blurple)}.feature-nav__button:hover path{fill:var(--color-teal)}.feature-nav__button--prev{border-radius:2em 0.15em 0.15em 2em}.feature-nav__button--prev span{left:-1em}.feature-nav__button--next{border-radius:0.15em 2em 2em 0.15em}.feature-nav__button--next span{right:-1em}