@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&display=swap";:root{--grey-100:#fff;--grey-200:#e3e3e5;--grey-300:#ceced3;--grey-400:#ababb1;--grey-500:#858484;--grey-600:#706e6e;--grey-700:#232426;--grey-800:#151517;--grey-900:#000;--red-100:#ffded9;--red-200:#ffbcb0;--red-300:#ff2600;--red-400:#e62200;--red-500:#cc1e00;--red-600:#bf1d00;--red-700:#991700;--red-800:#731100;--red-900:#590d00;--orange-100:#fff2d9;--orange-200:#ffe3b0;--orange-300:#ffa600;--orange-400:#e69500;--orange-500:#cc8500;--orange-600:#bf7d00;--orange-700:#996400;--orange-800:#734b00;--orange-900:#593a00;--yellow-100:#fffcd9;--yellow-200:#fff8b0;--yellow-300:#ffea00;--yellow-400:#e6d300;--yellow-500:#cb0;--yellow-600:#bfb000;--yellow-700:#998c00;--yellow-800:#736900;--yellow-900:#595200;--green-100:#d9ffec;--green-200:#b0ffd8;--green-300:#00ff80;--green-400:#00e673;--green-500:#0c6;--green-600:#00bf60;--green-700:#00994d;--green-800:#00733a;--green-900:#00592d;--cyan-100:#d9fffd;--cyan-200:#b0fffb;--cyan-300:#00fff2;--cyan-400:#00e6da;--cyan-500:#00ccc2;--cyan-600:#00bfb6;--cyan-700:#009991;--cyan-800:#00736d;--cyan-900:#005955;--blue-100:#d9efff;--blue-200:#b0deff;--blue-300:#0095ff;--blue-400:#0086e6;--blue-500:#07c;--blue-600:#0070bf;--blue-700:#005999;--blue-800:#004373;--blue-900:#003459;--purple-100:#f0d9ff;--purple-200:#dfb0ff;--purple-300:#90f;--purple-400:#8a00e6;--purple-500:#7a00cc;--purple-600:#7300bf;--purple-700:#5c0099;--purple-800:#450073;--purple-900:#360059;--magenta-100:#ffd6ff;--magenta-200:#ffb0ff;--magenta-300:#f0f;--magenta-400:#da00e6;--magenta-500:#e000cc;--magenta-600:#bf00bf;--magenta-700:#960099;--magenta-800:#6f0073;--magenta-900:#560059;--space-neg-4:-4px;--space-neg-1:-1px;--space-0:0px;--space-1:1px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-44:44px;--space-48:48px;--space-52:52px;--space-56:56px;--space-60:60px;--space-64:64px;--space-68:68px;--space-72:72px;--space-76:76px;--space-80:80px;--space-90:90px;--font-mono:"IBM Plex Mono", monospace;--text-label:12.8px;--text-body:16px;--text-title-3:86px;--text-title-2:96px;--text-display:258px;--font-weight-regular:400;--font-weight-bold:400;--line-height-tight:1}[data-theme=light]{--grey-100:#000;--grey-200:#151517;--grey-300:#232426;--grey-400:#706e6e;--grey-500:#858484;--grey-600:#ababb1;--grey-700:#ceced3;--grey-800:#e3e3e5;--grey-900:#fff;--cyan-300:#bf7d00}.shape-work-a{--shape:polygon(0 0, calc(12.23% - 32 * var(--k) - .5rem) 0, calc(12.23% - 32 * var(--k)) .5rem, calc(12.23% + 32 * var(--k)) .5rem, calc(12.23% + 32 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(38.55% + 42 * var(--k) + .5rem) 100%, calc(38.55% + 42 * var(--k)) calc(100% - .5rem), calc(38.55% - 42 * var(--k)) calc(100% - .5rem), calc(38.55% - 42 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(35.17% + 56.5 * var(--k) + .5rem), .5rem calc(35.17% + 56.5 * var(--k)), .5rem calc(35.17% - 56.5 * var(--k)), 0 calc(35.17% - 56.5 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(12.23% - 32 * var(--k) - .5rem - .41px) 1px, calc(12.23% - 32 * var(--k) - .41px) calc(.5rem + 1px), calc(12.23% + 32 * var(--k) + .41px) calc(.5rem + 1px), calc(12.23% + 32 * var(--k) + .5rem + .41px) 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(38.55% + 42 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(38.55% + 42 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(38.55% - 42 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(38.55% - 42 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px), 1px calc(35.17% + 56.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(35.17% + 56.5 * var(--k) + .41px), calc(.5rem + 1px) calc(35.17% - 56.5 * var(--k) - .41px), 1px calc(35.17% - 56.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(12.23% - 32 * var(--k) - .5rem) 0, calc(12.23% - 32 * var(--k)) .5rem, calc(12.23% + 32 * var(--k)) .5rem, calc(12.23% + 32 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(38.55% + 42 * var(--k) + .5rem) 100%, calc(38.55% + 42 * var(--k)) calc(100% - .5rem), calc(38.55% - 42 * var(--k)) calc(100% - .5rem), calc(38.55% - 42 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(35.17% + 56.5 * var(--k) + .5rem), .5rem calc(35.17% + 56.5 * var(--k)), .5rem calc(35.17% - 56.5 * var(--k)), 0 calc(35.17% - 56.5 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(35.17% - 56.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(35.17% - 56.5 * var(--k) - .41px), calc(.5rem + 1px) calc(35.17% + 56.5 * var(--k) + .41px), 1px calc(35.17% + 56.5 * var(--k) + .5rem + .41px), 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(38.55% - 42 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(38.55% - 42 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(38.55% + 42 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(38.55% + 42 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, calc(12.23% + 32 * var(--k) + .5rem + .41px) 1px, calc(12.23% + 32 * var(--k) + .41px) calc(.5rem + 1px), calc(12.23% - 32 * var(--k) - .41px) calc(.5rem + 1px), calc(12.23% - 32 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-work-b{--shape:polygon(0 0, calc(58.28% - 61 * var(--k) - .5rem) 0, calc(58.28% - 61 * var(--k)) .5rem, calc(58.28% + 61 * var(--k)) .5rem, calc(58.28% + 61 * var(--k) + .5rem) 0, 100% 0, 100% calc(71.97% - 71 * var(--k) - .5rem), calc(100% - .5rem) calc(71.97% - 71 * var(--k)), calc(100% - .5rem) calc(71.97% + 71 * var(--k)), 100% calc(71.97% + 71 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(32.53% + 48.5 * var(--k) + .5rem) 100%, calc(32.53% + 48.5 * var(--k)) calc(100% - .5rem), calc(32.53% - 48.5 * var(--k)) calc(100% - .5rem), calc(32.53% - 48.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px 1px, calc(58.28% - 61 * var(--k) - .5rem - .41px) 1px, calc(58.28% - 61 * var(--k) - .41px) calc(.5rem + 1px), calc(58.28% + 61 * var(--k) + .41px) calc(.5rem + 1px), calc(58.28% + 61 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(71.97% - 71 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(71.97% - 71 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(71.97% + 71 * var(--k) + .41px), calc(100% - 1px) calc(71.97% + 71 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(32.53% + 48.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(32.53% + 48.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(32.53% - 48.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(32.53% - 48.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 0, calc(58.28% - 61 * var(--k) - .5rem) 0, calc(58.28% - 61 * var(--k)) .5rem, calc(58.28% + 61 * var(--k)) .5rem, calc(58.28% + 61 * var(--k) + .5rem) 0, 100% 0, 100% calc(71.97% - 71 * var(--k) - .5rem), calc(100% - .5rem) calc(71.97% - 71 * var(--k)), calc(100% - .5rem) calc(71.97% + 71 * var(--k)), 100% calc(71.97% + 71 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(32.53% + 48.5 * var(--k) + .5rem) 100%, calc(32.53% + 48.5 * var(--k)) calc(100% - .5rem), calc(32.53% - 48.5 * var(--k)) calc(100% - .5rem), calc(32.53% - 48.5 * var(--k) - .5rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(32.53% - 48.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(32.53% - 48.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(32.53% + 48.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(32.53% + 48.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) calc(71.97% + 71 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(71.97% + 71 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(71.97% - 71 * var(--k) - .41px), calc(100% - 1px) calc(71.97% - 71 * var(--k) - .5rem - .41px), calc(100% - 1px) 1px, calc(58.28% + 61 * var(--k) + .5rem + .41px) 1px, calc(58.28% + 61 * var(--k) + .41px) calc(.5rem + 1px), calc(58.28% - 61 * var(--k) - .41px) calc(.5rem + 1px), calc(58.28% - 61 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-work-c{--shape:polygon(0 0, calc(32.11% - 56 * var(--k) - .5rem) 0, calc(32.11% - 56 * var(--k)) .5rem, calc(32.11% + 56 * var(--k)) .5rem, calc(32.11% + 56 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%, 0 calc(24.04% + 54.5 * var(--k) + .5rem), .5rem calc(24.04% + 54.5 * var(--k)), .5rem calc(24.04% - 54.5 * var(--k)), 0 calc(24.04% - 54.5 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(32.11% - 56 * var(--k) - .5rem - .41px) 1px, calc(32.11% - 56 * var(--k) - .41px) calc(.5rem + 1px), calc(32.11% + 56 * var(--k) + .41px) calc(.5rem + 1px), calc(32.11% + 56 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(24.04% + 54.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(24.04% + 54.5 * var(--k) + .41px), calc(.5rem + 1px) calc(24.04% - 54.5 * var(--k) - .41px), 1px calc(24.04% - 54.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(32.11% - 56 * var(--k) - .5rem) 0, calc(32.11% - 56 * var(--k)) .5rem, calc(32.11% + 56 * var(--k)) .5rem, calc(32.11% + 56 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, 0 100%, 0 calc(24.04% + 54.5 * var(--k) + .5rem), .5rem calc(24.04% + 54.5 * var(--k)), .5rem calc(24.04% - 54.5 * var(--k)), 0 calc(24.04% - 54.5 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(24.04% - 54.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(24.04% - 54.5 * var(--k) - .41px), calc(.5rem + 1px) calc(24.04% + 54.5 * var(--k) + .41px), 1px calc(24.04% + 54.5 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) 1px, calc(32.11% + 56 * var(--k) + .5rem + .41px) 1px, calc(32.11% + 56 * var(--k) + .41px) calc(.5rem + 1px), calc(32.11% - 56 * var(--k) - .41px) calc(.5rem + 1px), calc(32.11% - 56 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-work-d{--shape:polygon(0 .5rem, .5rem 0, calc(60.68% - 40.5 * var(--k) - .5rem) 0, calc(60.68% - 40.5 * var(--k)) .5rem, calc(60.68% + 40.5 * var(--k)) .5rem, calc(60.68% + 40.5 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(61.19% + 40.5 * var(--k) + .5rem) 100%, calc(61.19% + 40.5 * var(--k)) calc(100% - .5rem), calc(61.19% - 40.5 * var(--k)) calc(100% - .5rem), calc(61.19% - 40.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(42.6% + 74.5 * var(--k) + .5rem), .5rem calc(42.6% + 74.5 * var(--k)), .5rem calc(42.6% - 74.5 * var(--k)), 0 calc(42.6% - 74.5 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(60.68% - 40.5 * var(--k) - .5rem - .41px) 1px, calc(60.68% - 40.5 * var(--k) - .41px) calc(.5rem + 1px), calc(60.68% + 40.5 * var(--k) + .41px) calc(.5rem + 1px), calc(60.68% + 40.5 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(61.19% + 40.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(61.19% + 40.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(61.19% - 40.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(61.19% - 40.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(42.6% + 74.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(42.6% + 74.5 * var(--k) + .41px), calc(.5rem + 1px) calc(42.6% - 74.5 * var(--k) - .41px), 1px calc(42.6% - 74.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(60.68% - 40.5 * var(--k) - .5rem) 0, calc(60.68% - 40.5 * var(--k)) .5rem, calc(60.68% + 40.5 * var(--k)) .5rem, calc(60.68% + 40.5 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(61.19% + 40.5 * var(--k) + .5rem) 100%, calc(61.19% + 40.5 * var(--k)) calc(100% - .5rem), calc(61.19% - 40.5 * var(--k)) calc(100% - .5rem), calc(61.19% - 40.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(42.6% + 74.5 * var(--k) + .5rem), .5rem calc(42.6% + 74.5 * var(--k)), .5rem calc(42.6% - 74.5 * var(--k)), 0 calc(42.6% - 74.5 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(42.6% - 74.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(42.6% - 74.5 * var(--k) - .41px), calc(.5rem + 1px) calc(42.6% + 74.5 * var(--k) + .41px), 1px calc(42.6% + 74.5 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(61.19% - 40.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(61.19% - 40.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(61.19% + 40.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(61.19% + 40.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) 1px, calc(60.68% + 40.5 * var(--k) + .5rem + .41px) 1px, calc(60.68% + 40.5 * var(--k) + .41px) calc(.5rem + 1px), calc(60.68% - 40.5 * var(--k) - .41px) calc(.5rem + 1px), calc(60.68% - 40.5 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-work-e{--shape:polygon(0 .5rem, .5rem 0, calc(55.05% - 29 * var(--k) - .5rem) 0, calc(55.05% - 29 * var(--k)) .5rem, calc(55.05% + 29 * var(--k)) .5rem, calc(55.05% + 29 * var(--k) + .5rem) 0, 100% 0, 100% calc(62.49% - 48 * var(--k) - .5rem), calc(100% - .5rem) calc(62.49% - 48 * var(--k)), calc(100% - .5rem) calc(62.49% + 48 * var(--k)), 100% calc(62.49% + 48 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(39.5% + 65.5 * var(--k) + .5rem) 100%, calc(39.5% + 65.5 * var(--k)) calc(100% - .5rem), calc(39.5% - 65.5 * var(--k)) calc(100% - .5rem), calc(39.5% - 65.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(55.05% - 29 * var(--k) - .5rem - .41px) 1px, calc(55.05% - 29 * var(--k) - .41px) calc(.5rem + 1px), calc(55.05% + 29 * var(--k) + .41px) calc(.5rem + 1px), calc(55.05% + 29 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(62.49% - 48 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(62.49% - 48 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(62.49% + 48 * var(--k) + .41px), calc(100% - 1px) calc(62.49% + 48 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(39.5% + 65.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(39.5% + 65.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(39.5% - 65.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(39.5% - 65.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(55.05% - 29 * var(--k) - .5rem) 0, calc(55.05% - 29 * var(--k)) .5rem, calc(55.05% + 29 * var(--k)) .5rem, calc(55.05% + 29 * var(--k) + .5rem) 0, 100% 0, 100% calc(62.49% - 48 * var(--k) - .5rem), calc(100% - .5rem) calc(62.49% - 48 * var(--k)), calc(100% - .5rem) calc(62.49% + 48 * var(--k)), 100% calc(62.49% + 48 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(39.5% + 65.5 * var(--k) + .5rem) 100%, calc(39.5% + 65.5 * var(--k)) calc(100% - .5rem), calc(39.5% - 65.5 * var(--k)) calc(100% - .5rem), calc(39.5% - 65.5 * var(--k) - .5rem) 100%, 0 100%, 0 .5rem, 1px calc(.5rem + .41px), 1px calc(100% - 1px), calc(39.5% - 65.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(39.5% - 65.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(39.5% + 65.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(39.5% + 65.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) calc(62.49% + 48 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(62.49% + 48 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(62.49% - 48 * var(--k) - .41px), calc(100% - 1px) calc(62.49% - 48 * var(--k) - .5rem - .41px), calc(100% - 1px) 1px, calc(55.05% + 29 * var(--k) + .5rem + .41px) 1px, calc(55.05% + 29 * var(--k) + .41px) calc(.5rem + 1px), calc(55.05% - 29 * var(--k) - .41px) calc(.5rem + 1px), calc(55.05% - 29 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-work-f{--shape:polygon(0 .5rem, .5rem 0, 100% 0, 100% 100%, calc(72.49% + 65.5 * var(--k) + .5rem) 100%, calc(72.49% + 65.5 * var(--k)) calc(100% - .5rem), calc(72.49% - 65.5 * var(--k)) calc(100% - .5rem), calc(72.49% - 65.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(63.2% + 56 * var(--k) + .5rem), .5rem calc(63.2% + 56 * var(--k)), .5rem calc(63.2% - 56 * var(--k)), 0 calc(63.2% - 56 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), calc(72.49% + 65.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(72.49% + 65.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(72.49% - 65.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(72.49% - 65.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(63.2% + 56 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(63.2% + 56 * var(--k) + .41px), calc(.5rem + 1px) calc(63.2% - 56 * var(--k) - .41px), 1px calc(63.2% - 56 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, 100% 0, 100% 100%, calc(72.49% + 65.5 * var(--k) + .5rem) 100%, calc(72.49% + 65.5 * var(--k)) calc(100% - .5rem), calc(72.49% - 65.5 * var(--k)) calc(100% - .5rem), calc(72.49% - 65.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(63.2% + 56 * var(--k) + .5rem), .5rem calc(63.2% + 56 * var(--k)), .5rem calc(63.2% - 56 * var(--k)), 0 calc(63.2% - 56 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(63.2% - 56 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(63.2% - 56 * var(--k) - .41px), calc(.5rem + 1px) calc(63.2% + 56 * var(--k) + .41px), 1px calc(63.2% + 56 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(72.49% - 65.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(72.49% - 65.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(72.49% + 65.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(72.49% + 65.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-work-g{--shape:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(20.98% + 41.5 * var(--k) + .5rem) 100%, calc(20.98% + 41.5 * var(--k)) calc(100% - .5rem), calc(20.98% - 41.5 * var(--k)) calc(100% - .5rem), calc(20.98% - 41.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(20.95% + 53 * var(--k) + .5rem), .5rem calc(20.95% + 53 * var(--k)), .5rem calc(20.95% - 53 * var(--k)), 0 calc(20.95% - 53 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(20.98% + 41.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(20.98% + 41.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(20.98% - 41.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(20.98% - 41.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(20.95% + 53 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(20.95% + 53 * var(--k) + .41px), calc(.5rem + 1px) calc(20.95% - 53 * var(--k) - .41px), 1px calc(20.95% - 53 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(20.98% + 41.5 * var(--k) + .5rem) 100%, calc(20.98% + 41.5 * var(--k)) calc(100% - .5rem), calc(20.98% - 41.5 * var(--k)) calc(100% - .5rem), calc(20.98% - 41.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(20.95% + 53 * var(--k) + .5rem), .5rem calc(20.95% + 53 * var(--k)), .5rem calc(20.95% - 53 * var(--k)), 0 calc(20.95% - 53 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(20.95% - 53 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(20.95% - 53 * var(--k) - .41px), calc(.5rem + 1px) calc(20.95% + 53 * var(--k) + .41px), 1px calc(20.95% + 53 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(20.98% - 41.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(20.98% - 41.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(20.98% + 41.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(20.98% + 41.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-work-h{--shape:polygon(0 .5rem, .5rem 0, calc(52.24% - 73 * var(--k) - .5rem) 0, calc(52.24% - 73 * var(--k)) .5rem, calc(52.24% + 73 * var(--k)) .5rem, calc(52.24% + 73 * var(--k) + .5rem) 0, 100% 0, 100% calc(78.03% - 69 * var(--k) - .5rem), calc(100% - .5rem) calc(78.03% - 69 * var(--k)), calc(100% - .5rem) calc(78.03% + 69 * var(--k)), 100% calc(78.03% + 69 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(44.5% + 77.5 * var(--k) + .5rem) 100%, calc(44.5% + 77.5 * var(--k)) calc(100% - .5rem), calc(44.5% - 77.5 * var(--k)) calc(100% - .5rem), calc(44.5% - 77.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(52.24% - 73 * var(--k) - .5rem - .41px) 1px, calc(52.24% - 73 * var(--k) - .41px) calc(.5rem + 1px), calc(52.24% + 73 * var(--k) + .41px) calc(.5rem + 1px), calc(52.24% + 73 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(78.03% - 69 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(78.03% - 69 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(78.03% + 69 * var(--k) + .41px), calc(100% - 1px) calc(78.03% + 69 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(44.5% + 77.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(44.5% + 77.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(44.5% - 77.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(44.5% - 77.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(52.24% - 73 * var(--k) - .5rem) 0, calc(52.24% - 73 * var(--k)) .5rem, calc(52.24% + 73 * var(--k)) .5rem, calc(52.24% + 73 * var(--k) + .5rem) 0, 100% 0, 100% calc(78.03% - 69 * var(--k) - .5rem), calc(100% - .5rem) calc(78.03% - 69 * var(--k)), calc(100% - .5rem) calc(78.03% + 69 * var(--k)), 100% calc(78.03% + 69 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(44.5% + 77.5 * var(--k) + .5rem) 100%, calc(44.5% + 77.5 * var(--k)) calc(100% - .5rem), calc(44.5% - 77.5 * var(--k)) calc(100% - .5rem), calc(44.5% - 77.5 * var(--k) - .5rem) 100%, 0 100%, 0 .5rem, 1px calc(.5rem + .41px), 1px calc(100% - 1px), calc(44.5% - 77.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(44.5% - 77.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(44.5% + 77.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(44.5% + 77.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) calc(78.03% + 69 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(78.03% + 69 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(78.03% - 69 * var(--k) - .41px), calc(100% - 1px) calc(78.03% - 69 * var(--k) - .5rem - .41px), calc(100% - 1px) 1px, calc(52.24% + 73 * var(--k) + .5rem + .41px) 1px, calc(52.24% + 73 * var(--k) + .41px) calc(.5rem + 1px), calc(52.24% - 73 * var(--k) - .41px) calc(.5rem + 1px), calc(52.24% - 73 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-about-a{--shape:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(39.71% + 49.5 * var(--k) + .5rem) 100%, calc(39.71% + 49.5 * var(--k)) calc(100% - .5rem), calc(39.71% - 49.5 * var(--k)) calc(100% - .5rem), calc(39.71% - 49.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(39.71% + 49.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(39.71% + 49.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(39.71% - 49.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(39.71% - 49.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(39.71% + 49.5 * var(--k) + .5rem) 100%, calc(39.71% + 49.5 * var(--k)) calc(100% - .5rem), calc(39.71% - 49.5 * var(--k)) calc(100% - .5rem), calc(39.71% - 49.5 * var(--k) - .5rem) 100%, 0 100%, 0 .5rem, 1px calc(.5rem + .41px), 1px calc(100% - 1px), calc(39.71% - 49.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(39.71% - 49.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(39.71% + 49.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(39.71% + 49.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-about-b{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(81.31% - 48 * var(--k) - .5rem), calc(100% - .5rem) calc(81.31% - 48 * var(--k)), calc(100% - .5rem) calc(81.31% + 48 * var(--k)), 100% calc(81.31% + 48 * var(--k) + .5rem), 100% 100%, calc(67.13% + 41 * var(--k) + .5rem) 100%, calc(67.13% + 41 * var(--k)) calc(100% - .5rem), calc(67.13% - 41 * var(--k)) calc(100% - .5rem), calc(67.13% - 41 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem));--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(81.31% - 48 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(81.31% - 48 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(81.31% + 48 * var(--k) + .41px), calc(100% - 1px) calc(81.31% + 48 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(67.13% + 41 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(67.13% + 41 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(67.13% - 41 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(67.13% - 41 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(81.31% - 48 * var(--k) - .5rem), calc(100% - .5rem) calc(81.31% - 48 * var(--k)), calc(100% - .5rem) calc(81.31% + 48 * var(--k)), 100% calc(81.31% + 48 * var(--k) + .5rem), 100% 100%, calc(67.13% + 41 * var(--k) + .5rem) 100%, calc(67.13% + 41 * var(--k)) calc(100% - .5rem), calc(67.13% - 41 * var(--k)) calc(100% - .5rem), calc(67.13% - 41 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 0, 1px 1px, 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(67.13% - 41 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(67.13% - 41 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(67.13% + 41 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(67.13% + 41 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(81.31% + 48 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(81.31% + 48 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(81.31% - 48 * var(--k) - .41px), calc(100% - 1px) calc(81.31% - 48 * var(--k) - .5rem - .41px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}.shape-about-c{--shape:polygon(0 0, calc(44.53% - 52.5 * var(--k) - .5rem) 0, calc(44.53% - 52.5 * var(--k)) .5rem, calc(44.53% + 52.5 * var(--k)) .5rem, calc(44.53% + 52.5 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(47.12% - 48.5 * var(--k) - .5rem), calc(100% - .5rem) calc(47.12% - 48.5 * var(--k)), calc(100% - .5rem) calc(47.12% + 48.5 * var(--k)), 100% calc(47.12% + 48.5 * var(--k) + .5rem), 100% 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(58.96% + 72.5 * var(--k) + .5rem), .5rem calc(58.96% + 72.5 * var(--k)), .5rem calc(58.96% - 72.5 * var(--k)), 0 calc(58.96% - 72.5 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(44.53% - 52.5 * var(--k) - .5rem - .41px) 1px, calc(44.53% - 52.5 * var(--k) - .41px) calc(.5rem + 1px), calc(44.53% + 52.5 * var(--k) + .41px) calc(.5rem + 1px), calc(44.53% + 52.5 * var(--k) + .5rem + .41px) 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(47.12% - 48.5 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(47.12% - 48.5 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(47.12% + 48.5 * var(--k) + .41px), calc(100% - 1px) calc(47.12% + 48.5 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px), 1px calc(58.96% + 72.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(58.96% + 72.5 * var(--k) + .41px), calc(.5rem + 1px) calc(58.96% - 72.5 * var(--k) - .41px), 1px calc(58.96% - 72.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(44.53% - 52.5 * var(--k) - .5rem) 0, calc(44.53% - 52.5 * var(--k)) .5rem, calc(44.53% + 52.5 * var(--k)) .5rem, calc(44.53% + 52.5 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(47.12% - 48.5 * var(--k) - .5rem), calc(100% - .5rem) calc(47.12% - 48.5 * var(--k)), calc(100% - .5rem) calc(47.12% + 48.5 * var(--k)), 100% calc(47.12% + 48.5 * var(--k) + .5rem), 100% 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(58.96% + 72.5 * var(--k) + .5rem), .5rem calc(58.96% + 72.5 * var(--k)), .5rem calc(58.96% - 72.5 * var(--k)), 0 calc(58.96% - 72.5 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(58.96% - 72.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(58.96% - 72.5 * var(--k) - .41px), calc(.5rem + 1px) calc(58.96% + 72.5 * var(--k) + .41px), 1px calc(58.96% + 72.5 * var(--k) + .5rem + .41px), 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(47.12% + 48.5 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(47.12% + 48.5 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(47.12% - 48.5 * var(--k) - .41px), calc(100% - 1px) calc(47.12% - 48.5 * var(--k) - .5rem - .41px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, calc(44.53% + 52.5 * var(--k) + .5rem + .41px) 1px, calc(44.53% + 52.5 * var(--k) + .41px) calc(.5rem + 1px), calc(44.53% - 52.5 * var(--k) - .41px) calc(.5rem + 1px), calc(44.53% - 52.5 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-about-d{--shape:polygon(0 .5rem, .5rem 0, calc(60.99% - 18 * var(--k) - .5rem) 0, calc(60.99% - 18 * var(--k)) .5rem, calc(60.99% + 18 * var(--k)) .5rem, calc(60.99% + 18 * var(--k) + .5rem) 0, 100% 0, 100% calc(70.58% - 32 * var(--k) - .5rem), calc(100% - .5rem) calc(70.58% - 32 * var(--k)), calc(100% - .5rem) calc(70.58% + 32 * var(--k)), 100% calc(70.58% + 32 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(49.91% + 55.5 * var(--k) + .5rem) 100%, calc(49.91% + 55.5 * var(--k)) calc(100% - .5rem), calc(49.91% - 55.5 * var(--k)) calc(100% - .5rem), calc(49.91% - 55.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(60.99% - 18 * var(--k) - .5rem - .41px) 1px, calc(60.99% - 18 * var(--k) - .41px) calc(.5rem + 1px), calc(60.99% + 18 * var(--k) + .41px) calc(.5rem + 1px), calc(60.99% + 18 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(70.58% - 32 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(70.58% - 32 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(70.58% + 32 * var(--k) + .41px), calc(100% - 1px) calc(70.58% + 32 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(49.91% + 55.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(49.91% + 55.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(49.91% - 55.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(49.91% - 55.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(60.99% - 18 * var(--k) - .5rem) 0, calc(60.99% - 18 * var(--k)) .5rem, calc(60.99% + 18 * var(--k)) .5rem, calc(60.99% + 18 * var(--k) + .5rem) 0, 100% 0, 100% calc(70.58% - 32 * var(--k) - .5rem), calc(100% - .5rem) calc(70.58% - 32 * var(--k)), calc(100% - .5rem) calc(70.58% + 32 * var(--k)), 100% calc(70.58% + 32 * var(--k) + .5rem), 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(49.91% + 55.5 * var(--k) + .5rem) 100%, calc(49.91% + 55.5 * var(--k)) calc(100% - .5rem), calc(49.91% - 55.5 * var(--k)) calc(100% - .5rem), calc(49.91% - 55.5 * var(--k) - .5rem) 100%, 0 100%, 0 .5rem, 1px calc(.5rem + .41px), 1px calc(100% - 1px), calc(49.91% - 55.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(49.91% - 55.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(49.91% + 55.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(49.91% + 55.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) calc(70.58% + 32 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(70.58% + 32 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(70.58% - 32 * var(--k) - .41px), calc(100% - 1px) calc(70.58% - 32 * var(--k) - .5rem - .41px), calc(100% - 1px) 1px, calc(60.99% + 18 * var(--k) + .5rem + .41px) 1px, calc(60.99% + 18 * var(--k) + .41px) calc(.5rem + 1px), calc(60.99% - 18 * var(--k) - .41px) calc(.5rem + 1px), calc(60.99% - 18 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-about-e{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(37.12% + 42.5 * var(--k) + .5rem) 100%, calc(37.12% + 42.5 * var(--k)) calc(100% - .5rem), calc(37.12% - 42.5 * var(--k)) calc(100% - .5rem), calc(37.12% - 42.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(37.12% + 42.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(37.12% + 42.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(37.12% - 42.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(37.12% - 42.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(37.12% + 42.5 * var(--k) + .5rem) 100%, calc(37.12% + 42.5 * var(--k)) calc(100% - .5rem), calc(37.12% - 42.5 * var(--k)) calc(100% - .5rem), calc(37.12% - 42.5 * var(--k) - .5rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(37.12% - 42.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(37.12% - 42.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(37.12% + 42.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(37.12% + 42.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}.shape-about-f{--shape:polygon(0 0, calc(32.16% - 38.5 * var(--k) - .5rem) 0, calc(32.16% - 38.5 * var(--k)) .5rem, calc(32.16% + 38.5 * var(--k)) .5rem, calc(32.16% + 38.5 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(70.72% + 19 * var(--k) + .5rem) 100%, calc(70.72% + 19 * var(--k)) calc(100% - .5rem), calc(70.72% - 19 * var(--k)) calc(100% - .5rem), calc(70.72% - 19 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(40.57% + 66 * var(--k) + .5rem), .5rem calc(40.57% + 66 * var(--k)), .5rem calc(40.57% - 66 * var(--k)), 0 calc(40.57% - 66 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(32.16% - 38.5 * var(--k) - .5rem - .41px) 1px, calc(32.16% - 38.5 * var(--k) - .41px) calc(.5rem + 1px), calc(32.16% + 38.5 * var(--k) + .41px) calc(.5rem + 1px), calc(32.16% + 38.5 * var(--k) + .5rem + .41px) 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(70.72% + 19 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(70.72% + 19 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(70.72% - 19 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(70.72% - 19 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px), 1px calc(40.57% + 66 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(40.57% + 66 * var(--k) + .41px), calc(.5rem + 1px) calc(40.57% - 66 * var(--k) - .41px), 1px calc(40.57% - 66 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(32.16% - 38.5 * var(--k) - .5rem) 0, calc(32.16% - 38.5 * var(--k)) .5rem, calc(32.16% + 38.5 * var(--k)) .5rem, calc(32.16% + 38.5 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(70.72% + 19 * var(--k) + .5rem) 100%, calc(70.72% + 19 * var(--k)) calc(100% - .5rem), calc(70.72% - 19 * var(--k)) calc(100% - .5rem), calc(70.72% - 19 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(40.57% + 66 * var(--k) + .5rem), .5rem calc(40.57% + 66 * var(--k)), .5rem calc(40.57% - 66 * var(--k)), 0 calc(40.57% - 66 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(40.57% - 66 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(40.57% - 66 * var(--k) - .41px), calc(.5rem + 1px) calc(40.57% + 66 * var(--k) + .41px), 1px calc(40.57% + 66 * var(--k) + .5rem + .41px), 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(70.72% - 19 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(70.72% - 19 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(70.72% + 19 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(70.72% + 19 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, calc(32.16% + 38.5 * var(--k) + .5rem + .41px) 1px, calc(32.16% + 38.5 * var(--k) + .41px) calc(.5rem + 1px), calc(32.16% - 38.5 * var(--k) - .41px) calc(.5rem + 1px), calc(32.16% - 38.5 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-coffee-0{--shape:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(26.48% - 61.5 * var(--k) - .5rem), calc(100% - .5rem) calc(26.48% - 61.5 * var(--k)), calc(100% - .5rem) calc(26.48% + 61.5 * var(--k)), 100% calc(26.48% + 61.5 * var(--k) + .5rem), 100% 100%, calc(23.47% + 15 * var(--k) + .5rem) 100%, calc(23.47% + 15 * var(--k)) calc(100% - .5rem), calc(23.47% - 15 * var(--k)) calc(100% - .5rem), calc(23.47% - 15 * var(--k) - .5rem) 100%, 0 100%, 0 calc(56.53% + 76 * var(--k) + .5rem), .5rem calc(56.53% + 76 * var(--k)), .5rem calc(56.53% - 76 * var(--k)), 0 calc(56.53% - 76 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(26.48% - 61.5 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(26.48% - 61.5 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(26.48% + 61.5 * var(--k) + .41px), calc(100% - 1px) calc(26.48% + 61.5 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(23.47% + 15 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(23.47% + 15 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(23.47% - 15 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(23.47% - 15 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(56.53% + 76 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(56.53% + 76 * var(--k) + .41px), calc(.5rem + 1px) calc(56.53% - 76 * var(--k) - .41px), 1px calc(56.53% - 76 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, 100% 0, 100% calc(26.48% - 61.5 * var(--k) - .5rem), calc(100% - .5rem) calc(26.48% - 61.5 * var(--k)), calc(100% - .5rem) calc(26.48% + 61.5 * var(--k)), 100% calc(26.48% + 61.5 * var(--k) + .5rem), 100% 100%, calc(23.47% + 15 * var(--k) + .5rem) 100%, calc(23.47% + 15 * var(--k)) calc(100% - .5rem), calc(23.47% - 15 * var(--k)) calc(100% - .5rem), calc(23.47% - 15 * var(--k) - .5rem) 100%, 0 100%, 0 calc(56.53% + 76 * var(--k) + .5rem), .5rem calc(56.53% + 76 * var(--k)), .5rem calc(56.53% - 76 * var(--k)), 0 calc(56.53% - 76 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(56.53% - 76 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(56.53% - 76 * var(--k) - .41px), calc(.5rem + 1px) calc(56.53% + 76 * var(--k) + .41px), 1px calc(56.53% + 76 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(23.47% - 15 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(23.47% - 15 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(23.47% + 15 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(23.47% + 15 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(26.48% + 61.5 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(26.48% + 61.5 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(26.48% - 61.5 * var(--k) - .41px), calc(100% - 1px) calc(26.48% - 61.5 * var(--k) - .5rem - .41px), calc(100% - 1px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-coffee-1{--shape:polygon(0 .5rem, .5rem 0, calc(37.45% - 54.5 * var(--k) - .5rem) 0, calc(37.45% - 54.5 * var(--k)) .5rem, calc(37.45% + 54.5 * var(--k)) .5rem, calc(37.45% + 54.5 * var(--k) + .5rem) 0, 100% 0, 100% 100%, calc(55.93% + 48 * var(--k) + .5rem) 100%, calc(55.93% + 48 * var(--k)) calc(100% - .5rem), calc(55.93% - 48 * var(--k)) calc(100% - .5rem), calc(55.93% - 48 * var(--k) - .5rem) 100%, 0 100%, 0 calc(59.28% + 39 * var(--k) + .5rem), .5rem calc(59.28% + 39 * var(--k)), .5rem calc(59.28% - 39 * var(--k)), 0 calc(59.28% - 39 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(37.45% - 54.5 * var(--k) - .5rem - .41px) 1px, calc(37.45% - 54.5 * var(--k) - .41px) calc(.5rem + 1px), calc(37.45% + 54.5 * var(--k) + .41px) calc(.5rem + 1px), calc(37.45% + 54.5 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), calc(55.93% + 48 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(55.93% + 48 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(55.93% - 48 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(55.93% - 48 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(59.28% + 39 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(59.28% + 39 * var(--k) + .41px), calc(.5rem + 1px) calc(59.28% - 39 * var(--k) - .41px), 1px calc(59.28% - 39 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(37.45% - 54.5 * var(--k) - .5rem) 0, calc(37.45% - 54.5 * var(--k)) .5rem, calc(37.45% + 54.5 * var(--k)) .5rem, calc(37.45% + 54.5 * var(--k) + .5rem) 0, 100% 0, 100% 100%, calc(55.93% + 48 * var(--k) + .5rem) 100%, calc(55.93% + 48 * var(--k)) calc(100% - .5rem), calc(55.93% - 48 * var(--k)) calc(100% - .5rem), calc(55.93% - 48 * var(--k) - .5rem) 100%, 0 100%, 0 calc(59.28% + 39 * var(--k) + .5rem), .5rem calc(59.28% + 39 * var(--k)), .5rem calc(59.28% - 39 * var(--k)), 0 calc(59.28% - 39 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(59.28% - 39 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(59.28% - 39 * var(--k) - .41px), calc(.5rem + 1px) calc(59.28% + 39 * var(--k) + .41px), 1px calc(59.28% + 39 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(55.93% - 48 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(55.93% - 48 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(55.93% + 48 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(55.93% + 48 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) 1px, calc(37.45% + 54.5 * var(--k) + .5rem + .41px) 1px, calc(37.45% + 54.5 * var(--k) + .41px) calc(.5rem + 1px), calc(37.45% - 54.5 * var(--k) - .41px) calc(.5rem + 1px), calc(37.45% - 54.5 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-coffee-2{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(67.07% - 63 * var(--k) - .5rem), calc(100% - .5rem) calc(67.07% - 63 * var(--k)), calc(100% - .5rem) calc(67.07% + 63 * var(--k)), 100% calc(67.07% + 63 * var(--k) + .5rem), 100% 100%, calc(63.44% + 25.5 * var(--k) + .5rem) 100%, calc(63.44% + 25.5 * var(--k)) calc(100% - .5rem), calc(63.44% - 25.5 * var(--k)) calc(100% - .5rem), calc(63.44% - 25.5 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(14.88% + 31 * var(--k) + .5rem), .5rem calc(14.88% + 31 * var(--k)), .5rem calc(14.88% - 31 * var(--k)), 0 calc(14.88% - 31 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(67.07% - 63 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(67.07% - 63 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(67.07% + 63 * var(--k) + .41px), calc(100% - 1px) calc(67.07% + 63 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(63.44% + 25.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(63.44% + 25.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(63.44% - 25.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(63.44% - 25.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px), 1px calc(14.88% + 31 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(14.88% + 31 * var(--k) + .41px), calc(.5rem + 1px) calc(14.88% - 31 * var(--k) - .41px), 1px calc(14.88% - 31 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(67.07% - 63 * var(--k) - .5rem), calc(100% - .5rem) calc(67.07% - 63 * var(--k)), calc(100% - .5rem) calc(67.07% + 63 * var(--k)), 100% calc(67.07% + 63 * var(--k) + .5rem), 100% 100%, calc(63.44% + 25.5 * var(--k) + .5rem) 100%, calc(63.44% + 25.5 * var(--k)) calc(100% - .5rem), calc(63.44% - 25.5 * var(--k)) calc(100% - .5rem), calc(63.44% - 25.5 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(14.88% + 31 * var(--k) + .5rem), .5rem calc(14.88% + 31 * var(--k)), .5rem calc(14.88% - 31 * var(--k)), 0 calc(14.88% - 31 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(14.88% - 31 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(14.88% - 31 * var(--k) - .41px), calc(.5rem + 1px) calc(14.88% + 31 * var(--k) + .41px), 1px calc(14.88% + 31 * var(--k) + .5rem + .41px), 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(63.44% - 25.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(63.44% - 25.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(63.44% + 25.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(63.44% + 25.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(67.07% + 63 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(67.07% + 63 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(67.07% - 63 * var(--k) - .41px), calc(100% - 1px) calc(67.07% - 63 * var(--k) - .5rem - .41px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}.shape-coffee-3{--shape:polygon(0 .5rem, .5rem 0, calc(70.72% - 33.5 * var(--k) - .5rem) 0, calc(70.72% - 33.5 * var(--k)) .5rem, calc(70.72% + 33.5 * var(--k)) .5rem, calc(70.72% + 33.5 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(47.22% + 42.5 * var(--k) + .5rem) 100%, calc(47.22% + 42.5 * var(--k)) calc(100% - .5rem), calc(47.22% - 42.5 * var(--k)) calc(100% - .5rem), calc(47.22% - 42.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(57.93% + 20 * var(--k) + .5rem), .5rem calc(57.93% + 20 * var(--k)), .5rem calc(57.93% - 20 * var(--k)), 0 calc(57.93% - 20 * var(--k) - .5rem));--shape-inner:polygon(1px calc(.5rem + .41px), calc(.5rem + .41px) 1px, calc(70.72% - 33.5 * var(--k) - .5rem - .41px) 1px, calc(70.72% - 33.5 * var(--k) - .41px) calc(.5rem + 1px), calc(70.72% + 33.5 * var(--k) + .41px) calc(.5rem + 1px), calc(70.72% + 33.5 * var(--k) + .5rem + .41px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(47.22% + 42.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(47.22% + 42.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(47.22% - 42.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(47.22% - 42.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(57.93% + 20 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(57.93% + 20 * var(--k) + .41px), calc(.5rem + 1px) calc(57.93% - 20 * var(--k) - .41px), 1px calc(57.93% - 20 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 .5rem, .5rem 0, calc(70.72% - 33.5 * var(--k) - .5rem) 0, calc(70.72% - 33.5 * var(--k)) .5rem, calc(70.72% + 33.5 * var(--k)) .5rem, calc(70.72% + 33.5 * var(--k) + .5rem) 0, 100% 0, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, calc(47.22% + 42.5 * var(--k) + .5rem) 100%, calc(47.22% + 42.5 * var(--k)) calc(100% - .5rem), calc(47.22% - 42.5 * var(--k)) calc(100% - .5rem), calc(47.22% - 42.5 * var(--k) - .5rem) 100%, 0 100%, 0 calc(57.93% + 20 * var(--k) + .5rem), .5rem calc(57.93% + 20 * var(--k)), .5rem calc(57.93% - 20 * var(--k)), 0 calc(57.93% - 20 * var(--k) - .5rem), 0 .5rem, 1px calc(.5rem + .41px), 1px calc(57.93% - 20 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(57.93% - 20 * var(--k) - .41px), calc(.5rem + 1px) calc(57.93% + 20 * var(--k) + .41px), 1px calc(57.93% + 20 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(47.22% - 42.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(47.22% - 42.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(47.22% + 42.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(47.22% + 42.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - .5rem - .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - .5rem - .41px), calc(100% - 1px) 1px, calc(70.72% + 33.5 * var(--k) + .5rem + .41px) 1px, calc(70.72% + 33.5 * var(--k) + .41px) calc(.5rem + 1px), calc(70.72% - 33.5 * var(--k) - .41px) calc(.5rem + 1px), calc(70.72% - 33.5 * var(--k) - .5rem - .41px) 1px, calc(.5rem + .41px) 1px, 1px calc(.5rem + .41px))}.shape-coffee-4{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(47.88% - 77 * var(--k) - .5rem), calc(100% - .5rem) calc(47.88% - 77 * var(--k)), calc(100% - .5rem) calc(47.88% + 77 * var(--k)), 100% calc(47.88% + 77 * var(--k) + .5rem), 100% 100%, calc(43.1% + 75.5 * var(--k) + .5rem) 100%, calc(43.1% + 75.5 * var(--k)) calc(100% - .5rem), calc(43.1% - 75.5 * var(--k)) calc(100% - .5rem), calc(43.1% - 75.5 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(47.35% + 51.5 * var(--k) + .5rem), .5rem calc(47.35% + 51.5 * var(--k)), .5rem calc(47.35% - 51.5 * var(--k)), 0 calc(47.35% - 51.5 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(47.88% - 77 * var(--k) - .5rem - .41px), calc(100% - .5rem - 1px) calc(47.88% - 77 * var(--k) - .41px), calc(100% - .5rem - 1px) calc(47.88% + 77 * var(--k) + .41px), calc(100% - 1px) calc(47.88% + 77 * var(--k) + .5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(43.1% + 75.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(43.1% + 75.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(43.1% - 75.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(43.1% - 75.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px), 1px calc(47.35% + 51.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(47.35% + 51.5 * var(--k) + .41px), calc(.5rem + 1px) calc(47.35% - 51.5 * var(--k) - .41px), 1px calc(47.35% - 51.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(47.88% - 77 * var(--k) - .5rem), calc(100% - .5rem) calc(47.88% - 77 * var(--k)), calc(100% - .5rem) calc(47.88% + 77 * var(--k)), 100% calc(47.88% + 77 * var(--k) + .5rem), 100% 100%, calc(43.1% + 75.5 * var(--k) + .5rem) 100%, calc(43.1% + 75.5 * var(--k)) calc(100% - .5rem), calc(43.1% - 75.5 * var(--k)) calc(100% - .5rem), calc(43.1% - 75.5 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 calc(47.35% + 51.5 * var(--k) + .5rem), .5rem calc(47.35% + 51.5 * var(--k)), .5rem calc(47.35% - 51.5 * var(--k)), 0 calc(47.35% - 51.5 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(47.35% - 51.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(47.35% - 51.5 * var(--k) - .41px), calc(.5rem + 1px) calc(47.35% + 51.5 * var(--k) + .41px), 1px calc(47.35% + 51.5 * var(--k) + .5rem + .41px), 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(43.1% - 75.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(43.1% - 75.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(43.1% + 75.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(43.1% + 75.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(47.88% + 77 * var(--k) + .5rem + .41px), calc(100% - .5rem - 1px) calc(47.88% + 77 * var(--k) + .41px), calc(100% - .5rem - 1px) calc(47.88% - 77 * var(--k) - .41px), calc(100% - 1px) calc(47.88% - 77 * var(--k) - .5rem - .41px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}.shape-coffee-5{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(47.24% + 36 * var(--k) + .5rem) 100%, calc(47.24% + 36 * var(--k)) calc(100% - .5rem), calc(47.24% - 36 * var(--k)) calc(100% - .5rem), calc(47.24% - 36 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem));--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(47.24% + 36 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(47.24% + 36 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(47.24% - 36 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(47.24% - 36 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(.5rem + .41px) calc(100% - 1px), 1px calc(100% - .5rem - .41px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(47.24% + 36 * var(--k) + .5rem) 100%, calc(47.24% + 36 * var(--k)) calc(100% - .5rem), calc(47.24% - 36 * var(--k)) calc(100% - .5rem), calc(47.24% - 36 * var(--k) - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 0, 1px 1px, 1px calc(100% - .5rem - .41px), calc(.5rem + .41px) calc(100% - 1px), calc(47.24% - 36 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(47.24% - 36 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(47.24% + 36 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(47.24% + 36 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}.shape-coffee-6{--shape:polygon(0 0, calc(31.71% - 58 * var(--k) - .5rem) 0, calc(31.71% - 58 * var(--k)) .5rem, calc(31.71% + 58 * var(--k)) .5rem, calc(31.71% + 58 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, 0 100%, 0 calc(34.58% + 62.5 * var(--k) + .5rem), .5rem calc(34.58% + 62.5 * var(--k)), .5rem calc(34.58% - 62.5 * var(--k)), 0 calc(34.58% - 62.5 * var(--k) - .5rem));--shape-inner:polygon(1px 1px, calc(31.71% - 58 * var(--k) - .5rem - .41px) 1px, calc(31.71% - 58 * var(--k) - .41px) calc(.5rem + 1px), calc(31.71% + 58 * var(--k) + .41px) calc(.5rem + 1px), calc(31.71% + 58 * var(--k) + .5rem + .41px) 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), 1px calc(100% - 1px), 1px calc(34.58% + 62.5 * var(--k) + .5rem + .41px), calc(.5rem + 1px) calc(34.58% + 62.5 * var(--k) + .41px), calc(.5rem + 1px) calc(34.58% - 62.5 * var(--k) - .41px), 1px calc(34.58% - 62.5 * var(--k) - .5rem - .41px));--shape-ring:polygon(0 0, calc(31.71% - 58 * var(--k) - .5rem) 0, calc(31.71% - 58 * var(--k)) .5rem, calc(31.71% + 58 * var(--k)) .5rem, calc(31.71% + 58 * var(--k) + .5rem) 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, 0 100%, 0 calc(34.58% + 62.5 * var(--k) + .5rem), .5rem calc(34.58% + 62.5 * var(--k)), .5rem calc(34.58% - 62.5 * var(--k)), 0 calc(34.58% - 62.5 * var(--k) - .5rem), 0 0, 1px 1px, 1px calc(34.58% - 62.5 * var(--k) - .5rem - .41px), calc(.5rem + 1px) calc(34.58% - 62.5 * var(--k) - .41px), calc(.5rem + 1px) calc(34.58% + 62.5 * var(--k) + .41px), 1px calc(34.58% + 62.5 * var(--k) + .5rem + .41px), 1px calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, calc(31.71% + 58 * var(--k) + .5rem + .41px) 1px, calc(31.71% + 58 * var(--k) + .41px) calc(.5rem + 1px), calc(31.71% - 58 * var(--k) - .41px) calc(.5rem + 1px), calc(31.71% - 58 * var(--k) - .5rem - .41px) 1px, 1px 1px)}.shape-coffee-7{--shape:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(63.78% + 73.5 * var(--k) + .5rem) 100%, calc(63.78% + 73.5 * var(--k)) calc(100% - .5rem), calc(63.78% - 73.5 * var(--k)) calc(100% - .5rem), calc(63.78% - 73.5 * var(--k) - .5rem) 100%, 0 100%);--shape-inner:polygon(1px 1px, calc(100% - .5rem - .41px) 1px, calc(100% - 1px) calc(.5rem + .41px), calc(100% - 1px) calc(100% - 1px), calc(63.78% + 73.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(63.78% + 73.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(63.78% - 73.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(63.78% - 73.5 * var(--k) - .5rem - .41px) calc(100% - 1px), 1px calc(100% - 1px));--shape-ring:polygon(0 0, calc(100% - .5rem) 0, 100% .5rem, 100% 100%, calc(63.78% + 73.5 * var(--k) + .5rem) 100%, calc(63.78% + 73.5 * var(--k)) calc(100% - .5rem), calc(63.78% - 73.5 * var(--k)) calc(100% - .5rem), calc(63.78% - 73.5 * var(--k) - .5rem) 100%, 0 100%, 0 0, 1px 1px, 1px calc(100% - 1px), calc(63.78% - 73.5 * var(--k) - .5rem - .41px) calc(100% - 1px), calc(63.78% - 73.5 * var(--k) - .41px) calc(100% - .5rem - 1px), calc(63.78% + 73.5 * var(--k) + .41px) calc(100% - .5rem - 1px), calc(63.78% + 73.5 * var(--k) + .5rem + .41px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(.5rem + .41px), calc(100% - .5rem - .41px) 1px, 1px 1px)}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#93c5fd80;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:IBM Plex Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.resize{resize:both}.border{border-width:1px}.\!outline{outline-style:solid!important}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body{background:var(--grey-900,#000);margin:0;overflow-x:clip}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;color:var(--text,#e3e3e5);font-family:var(--font-mono);padding-bottom:9rem;font-size:16px;font-weight:400;line-height:1.3}:focus-visible{outline:.125rem solid var(--cyan-300,#00fff2);outline-offset:.1875rem}[tabindex="-1"]:focus{outline:none}@property --k{syntax:"<length>";inherits:true;initial-value:.0625rem}.bento-wrap{container:bento/inline-size}.bento{--gap:2.5rem;--unit:calc((100cqw - 2 * var(--gap)) / 3);--k:min(.0625rem, calc(var(--unit) / 347));--card-fill:var(--grey-900,#000);--card-edge:var(--grey-200,#e3e3e5);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--unit);gap:var(--gap);grid-template-areas:"a a b""c c b""c c d""e f f""g g h""g g h";display:grid}.card{min-width:0;min-height:0;position:relative}.bento--info{grid-template-areas:"d a a""c c b""c c b""f f e"}.bento .card--a{grid-area:a}.bento .card--b{grid-area:b}.bento .card--c{grid-area:c}.bento .card--d{grid-area:d}.bento .card--e{grid-area:e}.bento .card--f{grid-area:f}.bento .card--g{grid-area:g}.bento .card--h{grid-area:h}.card__frame{background:var(--card-edge);clip-path:var(--shape);position:absolute;inset:0}.card__inner{background:var(--card-fill);clip-path:var(--shape-inner);position:absolute;inset:0;overflow:hidden}.card[data-reveal=pending] .card__frame,.card[data-reveal=pending] .card__ring,.card[data-reveal=pending] .card__inner{opacity:0}.card__ring{background:var(--card-edge);clip-path:var(--shape-ring);pointer-events:none;position:absolute;inset:0}.card[data-reveal=revealing] .card__ring{opacity:0}.card[data-reveal=revealing] .card__inner{animation:.67s linear .4s both card-reveal-fade}.card[data-reveal=revealing] .card__frame{animation:1.07s step-end both card-reveal-border}.card[data-reveal=revealing] .card__stroke path{animation:1.07s linear both card-reveal-draw,1.07s step-end both card-reveal-visible}@keyframes card-reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes card-reveal-border{0%{opacity:0}to{opacity:1}}@keyframes card-reveal-visible{0%{opacity:0}6.5421%{opacity:1}to{opacity:0}}@keyframes card-reveal-draw{0%{stroke-dasharray:0 256;stroke-dashoffset:-64px}6.5421%{stroke-dasharray:0 256;stroke-dashoffset:-64px}9.3458%{stroke-dasharray:33 223;stroke-dashoffset:-88px}12.1495%{stroke-dasharray:58 198;stroke-dashoffset:-107px}15.8879%{stroke-dasharray:79 177;stroke-dashoffset:-123px}18.6916%{stroke-dasharray:99 157;stroke-dashoffset:-136px}21.4953%{stroke-dasharray:115 141;stroke-dashoffset:-149px}25.2336%{stroke-dasharray:130 126;stroke-dashoffset:-160px}28.0374%{stroke-dasharray:144 112;stroke-dashoffset:-170px}30.8411%{stroke-dasharray:155 101;stroke-dashoffset:-180px}34.5794%{stroke-dasharray:167 89;stroke-dashoffset:-188px}37.3832%{stroke-dasharray:178 78;stroke-dashoffset:-195px}40.1869%{stroke-dasharray:187 69;stroke-dashoffset:-202px}43.9252%{stroke-dasharray:195 61;stroke-dashoffset:-209px}46.729%{stroke-dasharray:203 53;stroke-dashoffset:-215px}49.5327%{stroke-dasharray:210 46;stroke-dashoffset:-220px}53.271%{stroke-dasharray:217 39;stroke-dashoffset:-225px}56.0748%{stroke-dasharray:222 34;stroke-dashoffset:-229px}58.8785%{stroke-dasharray:228 28;stroke-dashoffset:-233px}62.6168%{stroke-dasharray:232 24;stroke-dashoffset:-237px}65.4206%{stroke-dasharray:237 19;stroke-dashoffset:-240px}68.2243%{stroke-dasharray:240 16;stroke-dashoffset:-243px}71.9626%{stroke-dasharray:243 13;stroke-dashoffset:-246px}74.7664%{stroke-dasharray:247 9;stroke-dashoffset:-248px}77.5701%{stroke-dasharray:249 7;stroke-dashoffset:-250px}81.3084%{stroke-dasharray:250 6;stroke-dashoffset:-252px}84.1121%{stroke-dasharray:250 6;stroke-dashoffset:-252px}to{stroke-dasharray:250 6;stroke-dashoffset:-252px}}.card__stroke path{opacity:0}.card[data-reveal=done]:hover .card__frame,.card[data-reveal=done]:hover .card__ring,.card[data-reveal=done]:focus-visible .card__frame,.card[data-reveal=done]:focus-visible .card__ring{animation:.266667s step-end card-border-blink}@keyframes card-border-blink{0%{background:var(--grey-600)}25%{background:var(--grey-800)}50%{background:var(--card-edge)}75%{background:var(--grey-600)}to{background:var(--card-edge)}}@media (prefers-reduced-motion:reduce){.card[data-reveal=done]:hover .card__frame,.card[data-reveal=done]:hover .card__ring,.card[data-reveal=done]:focus-visible .card__frame,.card[data-reveal=done]:focus-visible .card__ring{animation:none}}.card__stroke{pointer-events:none;width:100%;height:100%;color:var(--card-edge,#e3e3e5);position:absolute;inset:0;overflow:visible}.card__media-box{position:absolute;top:50%;transform:translateY(-50%)}.card--framed .card__media-box{left:1rem;right:1rem}.card__media-box .card__media{height:auto;position:static}.card__media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card__media--contain{-o-object-fit:contain;object-fit:contain}.card__media--pos-50-35{-o-object-position:50% 35%;object-position:50% 35%}.card__media--pos-50-91{-o-object-position:50% 91%;object-position:50% 91%}.card__media--pos-42-40{-o-object-position:42% 40%;object-position:42% 40%}.card.card--fill-logo,.project-media .card.card--fill-logo{--card-fill:#232426}.card.card--fill-panel,.project-media .card.card--fill-panel{--card-fill:var(--grey-700,#232426)}.card--illustration{--card-fill:#fff}.card__text{isolation:isolate;padding:calc(22 * var(--k) + .75rem) calc(26 * var(--k) + .75rem);flex-direction:column;gap:.375rem;display:flex;position:absolute;inset:auto 0 0}.card__title{font-family:var(--font-mono);color:var(--text,#e3e3e5);margin:0;font-size:16px;font-weight:400;line-height:1.3}.card--media .card__title{color:#fff}.home .about__headline,.home .card .card__title{color:var(--font-300,#ceced3)}.home{--caption-chip-opacity:100%}.home .card .card__title{--shuffle-fg:var(--font-300,#ceced3);--shuffle-bg:var(--grey-900,#000);isolation:isolate;background:color-mix(in srgb, var(--shuffle-bg) var(--caption-chip-opacity), transparent);align-self:flex-start;margin:-.125rem -.375rem;padding:.125rem .375rem;position:relative}.home .card .card__title:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.home .card:hover .card__title,.home .card:focus-visible .card__title{animation:.67s step-end forwards caption-shuffle-text}.home .card:hover .card__title:before,.home .card:focus-visible .card__title:before{animation:.67s step-end forwards caption-shuffle}@keyframes caption-shuffle{0%{box-shadow:none;background:0 0}40.299%{background:linear-gradient(to top right, transparent calc(50% - .0625rem), var(--shuffle-fg) calc(50% - .0625rem) calc(50% + .0625rem), transparent calc(50% + .0625rem)), linear-gradient(to bottom right, transparent calc(50% - .0625rem), var(--shuffle-fg) calc(50% - .0625rem) calc(50% + .0625rem), transparent calc(50% + .0625rem));box-shadow:inset 0 0 0 .125rem var(--shuffle-fg)}59.701%{background:linear-gradient(var(--shuffle-bg), var(--shuffle-bg)) 50% calc(50% - .21875rem) / .1875rem .6875rem no-repeat, linear-gradient(var(--shuffle-bg), var(--shuffle-bg)) 50% calc(50% + .40625rem) / .1875rem .1875rem no-repeat, var(--shuffle-fg);box-shadow:none}79.104%{background:repeating-linear-gradient(135deg, transparent 0 .45rem, var(--shuffle-fg) .45rem .575rem);box-shadow:none}to{background:var(--shuffle-fg);box-shadow:none}}@keyframes caption-shuffle-text{0%,40.299%,79.104%{color:var(--shuffle-fg)}59.701%,to{color:var(--shuffle-bg)}}@media (prefers-reduced-motion:reduce){.home .card:hover .card__title,.home .card:focus-visible .card__title{color:var(--shuffle-bg);animation:none}.home .card:hover .card__title:before,.home .card:focus-visible .card__title:before{background:var(--shuffle-fg);animation:none}}@container bento (width<=47.4375rem){.bento{--unit:calc((100cqw - var(--gap)) / 2);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a""b d""b e""c c""c c""f f""g g""g g""h h""h h"}.bento--info{grid-template-areas:"a a""b d""b e""c c""c c""f f"}}@container bento (width<=29.9375rem){.bento{--k:min(.0625rem, calc(100cqw / 600));grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-auto-rows:auto}.bento .card--a,.bento .card--b,.bento .card--c,.bento .card--d,.bento .card--e,.bento .card--f,.bento .card--g,.bento .card--h{grid-area:auto}.card--a,.card--f{aspect-ratio:16/10}.card--b,.card--h{aspect-ratio:3/4}.card--c,.card--d,.card--e,.card--g{aspect-ratio:1}}@media (width<=37.5rem){.bento--info{--k:min(.0625rem, calc(100cqw / 600));grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-auto-rows:auto}.bento--info .card:not(.card--c){display:none}.bento--info .card--c{aspect-ratio:1;grid-area:auto}}.roasts-wrap{container:roasts/inline-size}@media (width<=37.5rem){.roasts-wrap{padding-inline:2.5rem}}.roasts{--gap:2.5rem;--cols:4;--unit:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));--k:min(.0625rem, calc(var(--unit) / 347));--card-fill:var(--grey-900,#000);--card-edge:var(--grey-200,#e3e3e5);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);display:grid}.roasts .card{aspect-ratio:3/4}@container roasts (width<=56.1875rem){.roasts{--cols:2}}@container roasts (width<=29.9375rem){.roasts{--cols:1}}.card--link{color:inherit;text-decoration:none;display:block}.card--zoom{appearance:none;width:100%;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.card--plain .card__frame,.card--plain .card__inner{clip-path:none;transition:opacity .4s ease-out}.card--plain .card__inner{inset:.0625rem}.project-media .card{--card-fill:var(--grey-900,#000);--card-edge:var(--grey-200,#e3e3e5);aspect-ratio:16/9}.project-media .card--natural{aspect-ratio:auto}.card--natural .card__inner{margin:.0625rem;position:relative;inset:auto}.card--natural .card__media{height:auto;position:static}.card--text{min-height:auto}.card__body,.card__sizer{padding:calc(24 * var(--k) + .75rem) calc(44 * var(--k) + .75rem);font-family:var(--font-mono);font-size:var(--text-body);line-height:1.3}.card__body{color:var(--text,#e3e3e5);flex-direction:column;justify-content:center;gap:1em;display:flex;position:absolute;inset:0}.card__body p,.card__sizer p{margin:0}.card__sizer{visibility:hidden;pointer-events:none;flex-direction:column;gap:1em;display:flex}.type{font-family:var(--font-mono);margin:0;font-weight:400}.type--label{font-size:12.8px;line-height:1.3}.type--paragraph{font-size:16px;line-height:1.3}.type--header-3{font-size:20.8px;line-height:1.3}.type--header-2{font-size:24px;line-height:1.3}.type--header-1{font-size:32px;line-height:1.3}.type--subtitle-3{font-size:36px;line-height:1.3}.type--subtitle-2{font-size:44px;line-height:1.3}.type--subtitle-1{font-size:64px;line-height:1.3}.type--title-3{font-size:86px;line-height:1.3}.type--title-2{font-size:96px;line-height:1.3}.type--title-1{font-size:130px;line-height:1.3}.type--display-2{font-size:172px;line-height:1.3}.type--display-1{font-size:258px;line-height:1.3}.chroma-lag{aspect-ratio:800/320;background-color:#050504;width:100%;height:100%;position:relative}.chroma-lag__canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.chroma-lag__canvas[data-render-ready]{opacity:1}.card__effect{aspect-ratio:auto;background-color:#0000;width:calc(100% - .125rem);height:calc(100% - .125rem);position:absolute;inset:.0625rem}.card__effect--framed{width:100%;height:100%;inset:0}.modal{z-index:50;background-color:#0000008f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__panel{--bevel-color:var(--grey-800,#151517);color:var(--grey-100,#fff);font-family:var(--font-mono);flex-direction:row;align-items:stretch;display:flex}.modal__panel--small{width:15rem}.modal__panel--medium{width:26.25rem}.modal__panel--large{width:37.5rem}.modal__panel--lightbox{width:66vw;height:66dvh}.modal__container{background-color:var(--grey-800,#151517);border-top:.0625rem solid var(--grey-100,#fff);border-bottom:.0625rem solid var(--grey-100,#fff);flex-direction:column;flex:1;min-width:0;display:flex}.modal__header{border-bottom:.0625rem solid var(--grey-100,#fff);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.modal__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-label);color:var(--grey-100,#fff);line-height:1;overflow:hidden}.modal__close{cursor:pointer;color:var(--grey-100,#fff);padding:.25rem .5rem;transition:color .15s}.modal__close:hover{color:var(--grey-300,#ceced3)}.modal__close svg{flex-shrink:0;display:block}.modal__body{flex-direction:column;flex:1;padding:1rem 0;display:flex}.modal__body>div{flex:1}.modal__body--fit{flex:1;min-height:0;padding:0;position:relative}.modal__fit{justify-content:center;align-items:center;padding:1rem .5rem;display:flex;position:absolute;inset:0}.modal__footer{border-top:.0625rem solid var(--grey-100,#fff);flex-direction:row;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.lightbox__media{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}body.is-scroll-locked{overflow:hidden}.bevel{--bevel-stroke:var(--grey-100,#fff);width:.5rem;color:var(--bevel-color,currentColor);flex-direction:column;flex-shrink:0;align-self:stretch;display:flex}.bevel--flat,.bevel--outlined{align-items:flex-start}.bevel--flat.bevel--right,.bevel--outlined.bevel--right{align-items:flex-end}.bevel__notch{flex-shrink:0;display:block}.bevel__notch-fill{fill:currentColor}.bevel__notch-line{fill:none;stroke:var(--bevel-line,currentColor);stroke-width:1px}.bevel__fill{background-color:currentColor;flex:1 0 0;min-height:0}.bevel__line{border-left:.0625rem solid;flex:1 0 0;min-height:0}.bevel--right .bevel__line{border-left:0;border-right:.0625rem solid}.bevel--tertiary{--bevel-line:currentColor}.bevel--filled{--bevel-line:var(--bevel-stroke)}.bevel__edge{border-left:.0625rem solid var(--bevel-line);flex:1 0 0;width:100%;min-height:0}.bevel--right .bevel__edge{border-left:0;border-right:.0625rem solid var(--bevel-line)}.bevel__connector{width:100%}.bevel--left .bevel__connector{border-bottom:.0625rem solid var(--bevel-line)}.bevel--right .bevel__connector{border-top:.0625rem solid var(--bevel-line)}.bevel--filled .bevel__edge,.bevel--filled .bevel__connector{background-color:currentColor}[data-color-theme=grey]{--theme-fg:var(--grey-200);--theme-bg:var(--grey-700);--grey-900:var(--theme-bg);--text:var(--grey-200);--text-emphasis:var(--grey-100);--text-muted:var(--grey-300);--text-pressed:var(--grey-200);--font-100:var(--grey-100);--font-300:var(--grey-300);--nav-text:var(--grey-400)}[data-color-theme=cyan]{--theme-fg:var(--cyan-300);--theme-bg:var(--cyan-900);--text:var(--cyan-300);--text-emphasis:var(--cyan-200);--text-muted:var(--cyan-400);--text-pressed:var(--cyan-300);--font-100:var(--cyan-100);--font-300:var(--cyan-300)}[data-color-theme=magenta]{--theme-fg:var(--magenta-300);--theme-bg:color-mix(in srgb, var(--magenta-900) 90%, #000);--text:var(--magenta-300);--text-emphasis:var(--magenta-200);--text-muted:var(--magenta-300);--text-pressed:var(--magenta-300);--font-100:var(--magenta-100);--font-300:var(--magenta-300)}[data-color-theme=yellow]{--theme-fg:var(--yellow-300);--theme-bg:var(--yellow-900);--text:var(--yellow-300);--text-emphasis:var(--yellow-200);--text-muted:var(--yellow-400);--text-pressed:var(--yellow-300);--font-100:var(--yellow-100);--font-300:var(--yellow-300)}[data-color-theme=cyan],[data-color-theme=magenta],[data-color-theme=yellow]{--grey-100:var(--theme-fg);--grey-200:var(--theme-fg);--grey-300:color-mix(in srgb, var(--theme-fg) 85%, var(--theme-bg));--grey-400:color-mix(in srgb, var(--theme-fg) 65%, var(--theme-bg));--grey-500:color-mix(in srgb, var(--theme-fg) 45%, var(--theme-bg));--grey-600:color-mix(in srgb, var(--theme-fg) 30%, var(--theme-bg));--grey-700:color-mix(in srgb, var(--theme-fg) 18%, var(--theme-bg));--grey-800:color-mix(in srgb, var(--theme-fg) 8%, var(--theme-bg));--grey-900:var(--theme-bg)}.site-header__top-row{width:100%;padding:0 2rem;line-height:1.5}.site-header__row{justify-content:space-between;align-items:center;display:flex}.theme-dial{isolation:isolate;width:2.5rem;height:2.5rem;position:relative}@media (width<=38.75rem){.theme-dial{display:none}}.theme-dial__circle{cursor:pointer;mix-blend-mode:screen;opacity:.6;border:.125rem solid;border-radius:50%;width:1.25rem;height:1.25rem;margin:0;padding:0;transition:opacity .2s,box-shadow .6s;position:absolute}.theme-dial__circle--grey{background:#e3e3e5;border-color:#fff;top:0;left:.625rem}.theme-dial__circle--cyan{border-color:var(--cyan-900,#005955);background:#00fff2;top:.625rem;right:0}.theme-dial__circle--magenta{border-color:var(--magenta-900,#560059);background:#f0f;bottom:0;left:.625rem}.theme-dial__circle--yellow{border-color:var(--yellow-900,#595200);background:#ffea00;top:.625rem;left:0}.theme-dial__circle:hover{opacity:.85}.theme-dial__circle:focus-visible{opacity:1;z-index:1}.theme-dial__circle--active,.theme-dial__circle--active:hover{opacity:1;box-shadow:0 0 0 .0625rem var(--text-emphasis,#fff)}.coffee{font-size:var(--text-label);color:var(--font-100,#fff);line-height:1.5}.coffee__detail{color:var(--nav-text,var(--font-300,#ceced3));-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .6s}.coffee__detail:hover,.coffee__detail:focus-visible{color:var(--font-100,#fff);text-decoration-color:currentColor}.site-header__logo-link{text-decoration:none}.site-header__logo-text{font-size:var(--text-body);color:var(--font-100,#fff)}.site-header__name-link{color:inherit;text-decoration:none;display:inline-block}.wipe-swap{display:inline-block}.wipe-swap__visual{display:grid}.wipe-swap__base,.wipe-swap__cell{white-space:nowrap;grid-area:1/1}.wipe-swap__base--alt,.wipe-swap[data-lang=alt] .wipe-swap__base{visibility:hidden}.wipe-swap[data-lang=alt] .wipe-swap__base--alt{visibility:visible}.wipe-swap__cell{display:none}.wipe-swap[data-wiping] .wipe-swap__base,.wipe-swap[data-wiping] .wipe-swap__base--alt{visibility:hidden}.wipe-swap__cell[data-show]{display:block}.wipe-swap__cell[data-tone=red]{color:var(--red-300)}.wipe-swap__cell[data-tone=green]{color:var(--green-300)}.wipe-swap__cell[data-tone=blue]{color:var(--blue-300)}.wipe-swap__cell[data-cell="0"]{clip-path:inset(0 66.6667% 66.6667% 0)}.wipe-swap__cell[data-cell="1"]{clip-path:inset(0 33.3333% 66.6667%)}.wipe-swap__cell[data-cell="2"]{clip-path:inset(0 0 66.6667% 66.6667%)}.wipe-swap__cell[data-cell="3"]{clip-path:inset(33.3333% 66.6667% 33.3333% 0)}.wipe-swap__cell[data-cell="4"]{clip-path:inset(33.3333%)}.wipe-swap__cell[data-cell="5"]{clip-path:inset(33.3333% 0 33.3333% 66.6667%)}.wipe-swap__cell[data-cell="6"]{clip-path:inset(66.6667% 66.6667% 0 0)}.wipe-swap__cell[data-cell="7"]{clip-path:inset(66.6667% 33.3333% 0)}.wipe-swap__cell[data-cell="8"]{clip-path:inset(66.6667% 0 0 66.6667%)}.site-header__logo-words{gap:.375rem;display:flex}.site-header__logo-sep{font-size:var(--text-body);color:var(--nav-text,var(--font-300,#ceced3));-webkit-user-select:none;user-select:none}.site-header__logo-word{font-size:var(--text-body);color:var(--nav-text,var(--font-300,#ceced3));-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .6s}.site-header__logo-word:hover,.site-header__logo-word:focus-visible{color:var(--font-100,#fff);text-decoration-color:currentColor}.site-header__logo-word:active{color:var(--text-pressed,#e3e3e5)}.site-header__logo-word--selected{color:var(--font-100,#fff);text-decoration:underline}.work-links{font-family:var(--font-mono);font-weight:var(--font-weight-regular);background:0 0;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0;display:flex}.site-shell{width:100%;max-width:96.25rem;margin:0 auto;padding:2rem 2rem 0}.content{width:100%;max-width:50rem;margin-inline:auto}.about__card--work{padding:20rem 0 3rem}.about__body-wrap{flex-direction:column;gap:1rem;display:flex}@media (width<=37.5rem){.site-shell{padding-left:1rem;padding-right:1rem}.work-links{padding-bottom:1.5rem}.site-header__top-row{padding:0 1rem}}.skip-link{z-index:1001;background:var(--theme-bg,#000);color:var(--font-100,#fff);font-family:var(--font-mono);font-size:var(--text-body);border:.0625rem solid;padding:.5rem 1rem;line-height:1.3;text-decoration:none;position:absolute;top:0;left:1rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(1rem)}#main-content:focus{outline:none}.site-footer{z-index:2;background:color-mix(in srgb, var(--theme-bg,#000) 96%, transparent);padding:1rem 2rem;position:fixed;inset:auto 0 0}@media (width<=37.5rem){.site-footer{padding:1rem}}.site-footer__row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.site-footer__copy{font-size:var(--text-label);color:var(--nav-text,var(--font-300,#ceced3));margin:0;line-height:1.5}.site-shell--body{padding-top:1.5rem}.site-shell--end{padding-top:1.5rem;padding-bottom:clamp(3rem,8vw,6rem)}.about__card--page{padding:6rem 0 3rem}.about__brew-list{text-align:left;color:var(--text,#e3e3e5);font-size:var(--text-body);flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;line-height:1.3;list-style:none;display:flex}.project{flex-direction:column;gap:2.5rem;padding-top:6rem;display:flex}.project__item{flex-direction:column;gap:1.5rem;display:flex}.work-project__copy{padding-inline:1rem}.work-project__list{color:var(--text,#e3e3e5);font-size:var(--text-body);flex-direction:column;gap:.75rem;margin:0;padding:0 1rem 0 2rem;line-height:1.3;display:flex}.about__links{color:var(--font-300,#ceced3);flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}.about__links-sep{color:var(--font-300,#ceced3);-webkit-user-select:none;user-select:none}.about__link{font:inherit;color:var(--font-300,#ceced3);cursor:pointer;background:0 0;border:0;margin:-.25rem 0;padding:.25rem 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .6s}.about__link:hover,.about__link:focus-visible{color:var(--font-100,#fff);text-decoration-color:currentColor}.about__link:active{color:var(--text-pressed,#e3e3e5)}.about__inline-link{color:var(--text,#e3e3e5);text-decoration:underline}.case__hero,.case__section,.case__text,.case__fact{flex-direction:column;display:flex}.case__hero{gap:1rem;padding-inline:1rem}.case__lead{color:var(--text,#e3e3e5)}.case__section{gap:1.5rem}.case__head{flex-direction:column;gap:.5rem;padding-inline:1rem;display:flex}.case__subhead{color:var(--text-muted,#ceced3)}.case__text{gap:1rem}.case__hero,.case__section{scroll-margin-top:2rem}.writing{grid-template-columns:minmax(0,1fr) minmax(0,50rem) minmax(11.25rem,1fr);display:grid}.writing__toc{grid-area:1/3}.writing>.content{grid-area:1/2}.writing-nav{flex-direction:column;gap:.75rem;margin-top:6rem;padding-left:1.5rem;display:flex;position:sticky;top:2rem}.writing-nav__link{font-size:var(--text-label);color:var(--font-300,#ceced3);line-height:1.3;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .6s}.writing-nav__link:hover,.writing-nav__link:focus-visible,.writing-nav__link[aria-current=location]{color:var(--font-100,#fff);text-decoration-color:currentColor}@media (width<=63.9375rem){.writing{display:block}.writing__toc{display:none}}.case__figure{flex-direction:column;gap:.75rem;margin:0;display:flex}.case__caption{font-size:var(--text-label);color:var(--font-300,#ceced3);padding-inline:1rem;line-height:1.3}.case__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;padding-inline:1rem;display:grid}.case__facts[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.case__fact{gap:1rem}@media (width<=37.5rem){.case__facts,.case__facts[data-cols]{grid-template-columns:minmax(0,1fr)}}.case__list{color:var(--text,#e3e3e5);font-size:var(--text-body);flex-direction:column;gap:.75rem;margin:0;padding:0 1rem;line-height:1.3;list-style:none;display:flex}.case__facts .case__list{padding-inline:0}.case__list li,.work-project__list li,.about__brew-list li{gap:.75rem;display:flex}.case__list li:before,.work-project__list li:before,.about__brew-list li:before{content:"✦";content:"✦" / "";flex:none}.project-nav{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.project-nav__link{cursor:pointer;font-family:inherit;font-size:var(--text-body);color:var(--text,#e3e3e5);background:0 0;border:none;padding:0;text-decoration:underline}.theme-transition__cells{z-index:1000;pointer-events:none;grid-template:repeat(3,1fr)/repeat(3,1fr);display:grid;position:fixed;inset:0}.theme-transition__cell{display:none}.theme-transition__cell[data-step="0"]{background-color:var(--red-900);display:block}.theme-transition__cell[data-step="1"]{background-color:var(--red-700);display:block}.theme-transition__cell[data-step="2"]{background-color:var(--red-300);display:block}.theme-transition__cell[data-step="3"]{background-color:var(--orange-400);display:block}.theme-transition__cell[data-step="4"]{background-color:var(--orange-300);display:block}.theme-transition__cell[data-step="5"]{background-color:var(--yellow-300);display:block}.theme-transition__cell[data-step="6"]{background-color:var(--yellow-200);display:block}.theme-transition__cell[data-step="7"]{background-color:var(--green-200);display:block}.theme-transition__cell[data-step="8"]{background-color:var(--green-300);display:block}.theme-transition__cell[data-step="9"]{background-color:var(--cyan-300);display:block}.theme-transition__cell[data-step="10"]{background-color:var(--blue-300);display:block}.theme-transition__cell[data-step="11"]{background-color:var(--purple-300);display:block}.theme-transition__cell[data-step="12"]{background-color:var(--magenta-400);display:block}.theme-transition__cell[data-step="13"]{background-color:var(--magenta-300);display:block}.theme-transition__cell[data-step="14"]{background-color:var(--magenta-200);display:block}.page-transition[data-frame="0"]{opacity:0;clip-path:inset(0 100%)}.page-transition[data-frame="1"]{opacity:.1882;clip-path:inset(0 56.25% 0 0%)}.page-transition[data-frame="2"]{opacity:.1882;clip-path:inset(0 25% 0 0%)}.page-transition[data-frame="3"]{opacity:.3255;clip-path:inset(0 14.0625% 0 0%)}.page-transition[data-frame="4"]{opacity:.4588;clip-path:inset(0 9.375% 0 0%)}.page-transition[data-frame="5"]{opacity:.5922;clip-path:inset(0 6.25% 0 0%)}.page-transition[data-frame="6"]{opacity:.7255;clip-path:inset(0 3.125% 0 0%)}.page-transition[data-frame="7"]{opacity:.8549;clip-path:inset(0 3.125% 0 0%)}.page-transition[data-frame="8"]{opacity:1;clip-path:inset(0 1.5625% 0 0%)}.page-transition[data-frame="9"],.page-transition[data-frame="10"],.page-transition[data-frame="11"],.page-transition[data-frame="12"],.page-transition[data-frame="13"]{opacity:1;clip-path:inset(0 0%)}