.shopify-section--m1v2-skills{margin:0;padding:0;background:#000}.m1v2-skills{--m1v2-skills-cyan: #13c7da;--m1v2-skills-accent: #6ad5e1;background:#000;color:var(--paper, #f6f6f6)}.m1v2-skills *,.m1v2-skills *:before,.m1v2-skills *:after{box-sizing:border-box}.m1v2-skills .m1v2-skills__section{background:var(--ink-2, #111)}.m1v2-skills .m1v2-skills__inner{display:flex;flex-direction:column;gap:22px;width:100%;max-width:390px;margin:0 auto;padding:64px 24px}.m1v2-skills .m1v2-skills__intro{display:contents}.m1v2-skills .m1v2-skills__chip{display:flex;align-items:center;justify-content:center;order:0;width:130px;height:30px;margin:0;border-radius:15px;background:var(--m1v2-skills-accent);color:#fff;font-family:var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);font-size:8px;font-weight:400;letter-spacing:.08em;line-height:12px;text-align:center;text-transform:uppercase}.m1v2-skills .m1v2-skills__title{order:1;margin:0;font-family:var(--font-pixel, "Doto", system-ui, sans-serif);font-size:32px;font-weight:900;line-height:36px;color:var(--paper, #f6f6f6)}.m1v2-skills .m1v2-skills__title em{font-style:normal;color:inherit}.m1v2-skills .m1v2-skills__lede{order:2;margin:0;font-family:var(--font-body, "Google Sans Flex", system-ui, sans-serif);font-size:16px;font-weight:400;line-height:21px;color:var(--gray-2, #aeaeae)}.m1v2-skills .m1v2-skills__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;order:3;width:100%;margin:0;padding:0;list-style:none}.m1v2-skills .m1v2-skills__card{display:flex;flex-direction:column;gap:10px;min-height:211px;padding:10px;overflow:hidden;border:1px solid var(--ink-4, #262626);border-radius:18px;background:#ffffff0d}.m1v2-skills .m1v2-skills__visual{width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#fff}.m1v2-skills .m1v2-skills__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.m1v2-skills .m1v2-skills__meta{display:flex;flex-direction:column;gap:4px;width:100%}.m1v2-skills .m1v2-skills__name{margin:0;font-family:var(--font-display, "Google Sans Flex", system-ui, sans-serif);font-size:12px;font-weight:600;line-height:18px;color:var(--paper, #f6f6f6)}.m1v2-skills .m1v2-skills__note{margin:0;font-family:var(--font-display, "Google Sans Flex", system-ui, sans-serif);font-size:6px;font-weight:400;line-height:8px;color:#646363}.m1v2-skills .m1v2-skills__caption{display:none}@media(min-width:414px){.m1v2-skills .m1v2-skills__inner{max-width:414px}}@media(min-width:768px){.m1v2-skills .m1v2-skills__section{background:#000;box-shadow:inset 0 0 0 1px #13c7da1a}.m1v2-skills .m1v2-skills__inner{align-items:center;gap:36px;max-width:720px;padding:80px 32px 88px}.m1v2-skills .m1v2-skills__intro{display:flex;flex-direction:column;align-items:center;gap:16px;order:0;width:100%;text-align:center}.m1v2-skills .m1v2-skills__chip{order:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--m1v2-skills-cyan);font-family:var(--font-body, "Google Sans Flex", system-ui, sans-serif);font-size:16px;line-height:23px;letter-spacing:.04em}.m1v2-skills .m1v2-skills__title{order:1;max-width:714px;font-size:32px;line-height:1.2}.m1v2-skills .m1v2-skills__lede{order:2;max-width:621px;font-size:12px;line-height:21px;color:#fff}.m1v2-skills .m1v2-skills__grid{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.m1v2-skills .m1v2-skills__card{position:relative;min-height:280px;padding:0;border:3px solid #fff;border-radius:8px;background:#fff}.m1v2-skills .m1v2-skills__visual{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0}.m1v2-skills .m1v2-skills__meta{display:contents}.m1v2-skills .m1v2-skills__name{position:absolute;z-index:2;top:15px;left:14px;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 28px);min-height:22px;padding:4px 13px;border-radius:52px;background:var(--m1v2-skills-cyan);color:#fff;font-size:8px;font-weight:700;line-height:13px;text-align:center}.m1v2-skills .m1v2-skills__note{position:absolute;z-index:2;top:15px;right:14px;max-width:none;height:22px;font-size:6px;line-height:22px;white-space:nowrap;text-align:right}.m1v2-skills .m1v2-skills__caption{position:absolute;z-index:2;right:16px;bottom:16px;left:16px;display:block;margin:0;font-family:var(--font-display, "Google Sans Flex", system-ui, sans-serif);font-size:12px;font-weight:700;line-height:17px;text-align:center;color:#fff}.m1v2-skills .m1v2-skills__card.has-caption:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:56%;background:linear-gradient(to bottom,#6ad5e100,#042528);opacity:.5;pointer-events:none;transition:opacity .28s ease}}@media(min-width:768px)and (hover:hover){.m1v2-skills .m1v2-skills__card{transition:transform .28s ease,box-shadow .28s ease}.m1v2-skills .m1v2-skills__caption,.m1v2-skills .m1v2-skills__card.has-caption:after{opacity:0}.m1v2-skills .m1v2-skills__caption{transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.m1v2-skills .m1v2-skills__card:hover,.m1v2-skills .m1v2-skills__card:focus-within{z-index:1;transform:translateY(-4px);box-shadow:0 12px 28px #13c7da2e}.m1v2-skills .m1v2-skills__card:hover .m1v2-skills__img,.m1v2-skills .m1v2-skills__card:focus-within .m1v2-skills__img{transform:scale(1.05)}.m1v2-skills .m1v2-skills__card:hover .m1v2-skills__caption,.m1v2-skills .m1v2-skills__card:focus-within .m1v2-skills__caption{opacity:1;transform:none}.m1v2-skills .m1v2-skills__card.has-caption:hover:after,.m1v2-skills .m1v2-skills__card.has-caption:focus-within:after{opacity:.5}}@media(min-width:820px){.m1v2-skills .m1v2-skills__inner{max-width:780px}}@media(min-width:1100px){.m1v2-skills .m1v2-skills__inner{gap:48px;max-width:1200px;padding:76px 24px 100px}.m1v2-skills .m1v2-skills__intro{gap:25px;max-width:964px}.m1v2-skills .m1v2-skills__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 17px}.m1v2-skills .m1v2-skills__card{min-height:312px}}@media(min-width:1320px){.m1v2-skills .m1v2-skills__section{padding-right:24px;padding-left:24px}}@media(min-width:1440px){.m1v2-skills .m1v2-skills__inner{max-width:1200px}}@media(min-width:1920px){.m1v2-skills .m1v2-skills__inner{max-width:1200px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/m1v2-skills.css.map */