@import '../fonts/fonts.css';
:root {
  --color-bedford-blue: #1C58CE;
  --color-cambridge-blue: #C6E8E3;
  --color-oxford-blue: #0A1627;
  --color-white: #FFFFFF;
  --color-neutral: #F7F6F4;
  --color-black: black;
  --color-blur: rgba(247, 246, 244, 0.7);
  --color-surface-primary: var(--color-white);
  --color-surface-secondary: var(--color-bedford-blue);
  --color-surface-tertiary: var(--color-cambridge-blue);
  --color-surface-dark: var(--color-oxford-blue);
  --color-surface-neutral: var(--color-neutral);
  --color-surface-blur: var(--color-blur);
  --color-surface-modal: rgba(255,255,255,0.8);
  --color-text-primary: var(--color-oxford-blue);
  --color-text-secondary: var(--color-white);
  --color-text-highlight: var(--color-bedford-blue);
  --color-text-highlight-secondary: var(--color-cambridge-blue);
  --color-border-primary: var(--color-oxford-blue);
  --color-border-secondary: var(--color-white);
  --color-border-blue: var(--color-bedford-blue);
  --color-border-light: var(--color-cambridge-blue);
  --font-family-primary: Diagramm;
  --type-desktop-h1: 500 48px/normal var(--font-family-primary);
  --type-desktop-h2: 500 32px/40px var(--font-family-primary);
  --type-desktop-h3: 500 24px/30px var(--font-family-primary);
  --type-desktop-b1: 500 18px/28px var(--font-family-primary);
  --type-desktop-b2: 400 16px/24px var(--font-family-primary);
  --type-desktop-b3: 400 14px/20px var(--font-family-primary);
  --type-desktop-rem: 16px;
  --type-mobile-s1: 500 32px/40px var(--font-family-primary);
  --type-mobile-h1: 500 28px/normal var(--font-family-primary);
  --type-mobile-h2: 500 22px/28px var(--font-family-primary);
  --type-mobile-h3: 500 18px/30px var(--font-family-primary);
  --type-mobile-b1: 500 18px/28px var(--font-family-primary);
  --type-mobile-b2: 400 16px/24px var(--font-family-primary);
  --type-mobile-b3: 400 14px/20px var(--font-family-primary);
  --type-mobile-rem: 16px;
  --responsive-mobile: 768px;
  --responsive-tablet: 1100px;
  --responsive-desktop: 1400px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-smm: 20px;
  --spacing-smd: 24px;
  --spacing-md: 40px;
  --spacing-lg: 80px;
  --spacing-xl: 160px;
  --debug-enabled: true;
  --border-radius-primary: 8px;
  --icon-arrow-blue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4yOCAxNS4yOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxYzU4Y2U7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJBcnJvd18xIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS4yOC43NUMxNS4yOC4zNCwxNC45NCwwLDE0LjUzLDBoLTYuNzVjLS40MSwwLS43NS4zNC0uNzUuNzVzLjM0Ljc1Ljc1Ljc1aDZ2NmMwLC40MS4zNC43NS43NS43NXMuNzUtLjM0Ljc1LS43NVYuNzVaTTEuMDYsMTUuMjhMMTUuMDYsMS4yOGwtMS4wNi0xLjA2TDAsMTQuMjJsMS4wNiwxLjA2WiIvPjwvc3ZnPg==");
  --icon-arrow-light-blue: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4yOCAxNS4yOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNDNkU4RTM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJBcnJvd18xIiBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS4yOC43NUMxNS4yOC4zNCwxNC45NCwwLDE0LjUzLDBoLTYuNzVjLS40MSwwLS43NS4zNC0uNzUuNzVzLjM0Ljc1Ljc1Ljc1aDZ2NmMwLC40MS4zNC43NS43NS43NXMuNzUtLjM0Ljc1LS43NVYuNzVaTTEuMDYsMTUuMjhMMTUuMDYsMS4yOGwtMS4wNi0xLjA2TDAsMTQuMjJsMS4wNiwxLjA2WiIvPjwvc3ZnPg==");
  --icon-arrow-white: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4yOCAxNS4yOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48cGF0aCBpZD0iQXJyb3dfMSIgY2xhc3M9ImNscy0xIiBkPSJNMTUuMjguNzVDMTUuMjguMzQsMTQuOTQsMCwxNC41MywwaC02Ljc1Yy0uNDEsMC0uNzUuMzQtLjc1Ljc1cy4zNC43NS43NS43NWg2djZjMCwuNDEuMzQuNzUuNzUuNzVzLjc1LS4zNC43NS0uNzVWLjc1Wk0xLjA2LDE1LjI4TDE1LjA2LDEuMjhsLTEuMDYtMS4wNkwwLDE0LjIybDEuMDYsMS4wNloiLz48L3N2Zz4=");
  --icon-arrow-blue-down: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDEyIDIyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNS40Njk2NyAyMS4yNzI3QzUuNzYyNTYgMjEuNTY1NiA2LjIzNzQ0IDIxLjU2NTYgNi41MzAzMyAyMS4yNzI3TDExLjMwMzMgMTYuNDk5N0MxMS41OTYyIDE2LjIwNjggMTEuNTk2MiAxNS43MzE5IDExLjMwMzMgMTUuNDM5QzExLjAxMDQgMTUuMTQ2MiAxMC41MzU1IDE1LjE0NjIgMTAuMjQyNiAxNS40MzlMNiAxOS42ODE3TDEuNzU3MzYgMTUuNDM5QzEuNDY0NDcgMTUuMTQ2MiAwLjk4OTU5MyAxNS4xNDYyIDAuNjk2Njk5IDE1LjQzOUMwLjQwMzgwNiAxNS43MzE5IDAuNDAzODA2IDE2LjIwNjggMC42OTY2OTkgMTYuNDk5N0w1LjQ2OTY3IDIxLjI3MjdaTTUuMjUgMC45NDMzNTlMNS4yNSAyMC43NDIzSDYuNzVMNi43NSAwLjk0MzM1OUg1LjI1WiIgZmlsbD0iIzFDNThDRSIvPgo8L3N2Zz4=");
  --icon-list-black: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE3IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNjEzOTMgMi40OTkzNUMxLjkyMzM1IDIuNDk5MzUgMi4yMjAxIDIuMzc2NDMgMi40Mzg4OSAyLjE1NzY0QzIuNjU3NjggMS45Mzg4NSAyLjc4MDYgMS42NDIxIDIuNzgwNiAxLjMzMjY4QzIuNzgwNiAxLjAyMzI2IDIuNjU3NjggMC43MjY1MTcgMi40Mzg4OSAwLjUwNzcyNEMyLjIyMDEgMC4yODg5MzIgMS45MjMzNSAwLjE2NjAxNiAxLjYxMzkzIDAuMTY2MDE2QzEuMzA0NTEgMC4xNjYwMTYgMS4wMDc3NyAwLjI4ODkzMiAwLjc4ODk3NCAwLjUwNzcyNEMwLjU3MDE4MiAwLjcyNjUxNyAwLjQ0NzI2NiAxLjAyMzI2IDAuNDQ3MjY2IDEuMzMyNjhDMC40NDcyNjYgMS42NDIxIDAuNTcwMTgyIDEuOTM4ODUgMC43ODg5NzQgMi4xNTc2NEMxLjAwNzc3IDIuMzc2NDMgMS4zMDQ1MSAyLjQ5OTM1IDEuNjEzOTMgMi40OTkzNVpNNS45ODg5MyAwLjc0OTM0OUM1Ljc1Njg3IDAuNzQ5MzQ5IDUuNTM0MzEgMC44NDE1MzYgNS4zNzAyMSAxLjAwNTYzQzUuMjA2MTIgMS4xNjk3MiA1LjExMzkzIDEuMzkyMjggNS4xMTM5MyAxLjYyNDM1QzUuMTEzOTMgMS44NTY0MSA1LjIwNjEyIDIuMDc4OTcgNS4zNzAyMSAyLjI0MzA3QzUuNTM0MzEgMi40MDcxNiA1Ljc1Njg3IDIuNDk5MzUgNS45ODg5MyAyLjQ5OTM1SDE1LjkwNTZDMTYuMTM3NyAyLjQ5OTM1IDE2LjM2MDIgMi40MDcxNiAxNi41MjQzIDIuMjQzMDdDMTYuNjg4NCAyLjA3ODk3IDE2Ljc4MDYgMS44NTY0MSAxNi43ODA2IDEuNjI0MzVDMTYuNzgwNiAxLjM5MjI4IDE2LjY4ODQgMS4xNjk3MiAxNi41MjQzIDEuMDA1NjNDMTYuMzYwMiAwLjg0MTUzNiAxNi4xMzc3IDAuNzQ5MzQ5IDE1LjkwNTYgMC43NDkzNDlINS45ODg5M1pNNS45ODg5MyA2LjU4MjY4QzUuNzU2ODcgNi41ODI2OCA1LjUzNDMxIDYuNjc0ODcgNS4zNzAyMSA2LjgzODk2QzUuMjA2MTIgNy4wMDMwNiA1LjExMzkzIDcuMjI1NjIgNS4xMTM5MyA3LjQ1NzY4QzUuMTEzOTMgNy42ODk3NSA1LjIwNjEyIDcuOTEyMzEgNS4zNzAyMSA4LjA3NjRDNS41MzQzMSA4LjI0MDQ5IDUuNzU2ODcgOC4zMzI2OCA1Ljk4ODkzIDguMzMyNjhIMTUuOTA1NkMxNi4xMzc3IDguMzMyNjggMTYuMzYwMiA4LjI0MDQ5IDE2LjUyNDMgOC4wNzY0QzE2LjY4ODQgNy45MTIzMSAxNi43ODA2IDcuNjg5NzUgMTYuNzgwNiA3LjQ1NzY4QzE2Ljc4MDYgNy4yMjU2MiAxNi42ODg0IDcuMDAzMDYgMTYuNTI0MyA2LjgzODk2QzE2LjM2MDIgNi42NzQ4NyAxNi4xMzc3IDYuNTgyNjggMTUuOTA1NiA2LjU4MjY4SDUuOTg4OTNaTTUuOTg4OTMgMTIuNDE2QzUuNzU2ODcgMTIuNDE2IDUuNTM0MzEgMTIuNTA4MiA1LjM3MDIxIDEyLjY3MjNDNS4yMDYxMiAxMi44MzY0IDUuMTEzOTMgMTMuMDU5IDUuMTEzOTMgMTMuMjkxQzUuMTEzOTMgMTMuNTIzMSA1LjIwNjEyIDEzLjc0NTYgNS4zNzAyMSAxMy45MDk3QzUuNTM0MzEgMTQuMDczOCA1Ljc1Njg3IDE0LjE2NiA1Ljk4ODkzIDE0LjE2NkgxNS45MDU2QzE2LjEzNzcgMTQuMTY2IDE2LjM2MDIgMTQuMDczOCAxNi41MjQzIDEzLjkwOTdDMTYuNjg4NCAxMy43NDU2IDE2Ljc4MDYgMTMuNTIzMSAxNi43ODA2IDEzLjI5MUMxNi43ODA2IDEzLjA1OSAxNi42ODg0IDEyLjgzNjQgMTYuNTI0MyAxMi42NzIzQzE2LjM2MDIgMTIuNTA4MiAxNi4xMzc3IDEyLjQxNiAxNS45MDU2IDEyLjQxNkg1Ljk4ODkzWk0yLjc4MDYgNy4xNjYwMkMyLjc4MDYgNy40NzU0MyAyLjY1NzY4IDcuNzcyMTggMi40Mzg4OSA3Ljk5MDk3QzIuMjIwMSA4LjIwOTc3IDEuOTIzMzUgOC4zMzI2OCAxLjYxMzkzIDguMzMyNjhDMS4zMDQ1MSA4LjMzMjY4IDEuMDA3NzcgOC4yMDk3NyAwLjc4ODk3NCA3Ljk5MDk3QzAuNTcwMTgyIDcuNzcyMTggMC40NDcyNjYgNy40NzU0MyAwLjQ0NzI2NiA3LjE2NjAyQzAuNDQ3MjY2IDYuODU2NiAwLjU3MDE4MiA2LjU1OTg1IDAuNzg4OTc0IDYuMzQxMDZDMS4wMDc3NyA2LjEyMjI3IDEuMzA0NTEgNS45OTkzNSAxLjYxMzkzIDUuOTk5MzVDMS45MjMzNSA1Ljk5OTM1IDIuMjIwMSA2LjEyMjI3IDIuNDM4ODkgNi4zNDEwNkMyLjY1NzY4IDYuNTU5ODUgMi43ODA2IDYuODU2NiAyLjc4MDYgNy4xNjYwMlpNMS42MTM5MyAxNC4xNjZDMS45MjMzNSAxNC4xNjYgMi4yMjAxIDE0LjA0MzEgMi40Mzg4OSAxMy44MjQzQzIuNjU3NjggMTMuNjA1NSAyLjc4MDYgMTMuMzA4OCAyLjc4MDYgMTIuOTk5M0MyLjc4MDYgMTIuNjg5OSAyLjY1NzY4IDEyLjM5MzIgMi40Mzg4OSAxMi4xNzQ0QzIuMjIwMSAxMS45NTU2IDEuOTIzMzUgMTEuODMyNyAxLjYxMzkzIDExLjgzMjdDMS4zMDQ1MSAxMS44MzI3IDEuMDA3NzcgMTEuOTU1NiAwLjc4ODk3NCAxMi4xNzQ0QzAuNTcwMTgyIDEyLjM5MzIgMC40NDcyNjYgMTIuNjg5OSAwLjQ0NzI2NiAxMi45OTkzQzAuNDQ3MjY2IDEzLjMwODggMC41NzAxODIgMTMuNjA1NSAwLjc4ODk3NCAxMy44MjQzQzEuMDA3NzcgMTQuMDQzMSAxLjMwNDUxIDE0LjE2NiAxLjYxMzkzIDE0LjE2NloiIGZpbGw9IiMwQTE2MjciLz4KPC9zdmc+");
  --icon-grid-black: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE2IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuOTk4NyAyLjMzMzMzQzIuMzA4MTIgMi4zMzMzMyAyLjYwNDg2IDIuMjEwNDIgMi44MjM2NiAxLjk5MTYyQzMuMDQyNDUgMS43NzI4MyAzLjE2NTM2IDEuNDc2MDkgMy4xNjUzNiAxLjE2NjY3QzMuMTY1MzYgMC44NTcyNDcgMy4wNDI0NSAwLjU2MDUwMSAyLjgyMzY2IDAuMzQxNzA5QzIuNjA0ODYgMC4xMjI5MTYgMi4zMDgxMiAwIDEuOTk4NyAwQzEuNjg5MjggMCAxLjM5MjUzIDAuMTIyOTE2IDEuMTczNzQgMC4zNDE3MDlDMC45NTQ5NDggMC41NjA1MDEgMC44MzIwMzEgMC44NTcyNDcgMC44MzIwMzEgMS4xNjY2N0MwLjgzMjAzMSAxLjQ3NjA5IDAuOTU0OTQ4IDEuNzcyODMgMS4xNzM3NCAxLjk5MTYyQzEuMzkyNTMgMi4yMTA0MiAxLjY4OTI4IDIuMzMzMzMgMS45OTg3IDIuMzMzMzNaTTMuMTY1MzYgN0MzLjE2NTM2IDcuMzA5NDIgMy4wNDI0NSA3LjYwNjE2IDIuODIzNjYgNy44MjQ5NkMyLjYwNDg2IDguMDQzNzUgMi4zMDgxMiA4LjE2NjY3IDEuOTk4NyA4LjE2NjY3QzEuNjg5MjggOC4xNjY2NyAxLjM5MjUzIDguMDQzNzUgMS4xNzM3NCA3LjgyNDk2QzAuOTU0OTQ4IDcuNjA2MTYgMC44MzIwMzEgNy4zMDk0MiAwLjgzMjAzMSA3QzAuODMyMDMxIDYuNjkwNTggMC45NTQ5NDggNi4zOTM4MyAxLjE3Mzc0IDYuMTc1MDRDMS4zOTI1MyA1Ljk1NjI1IDEuNjg5MjggNS44MzMzMyAxLjk5ODcgNS44MzMzM0MyLjMwODEyIDUuODMzMzMgMi42MDQ4NiA1Ljk1NjI1IDIuODIzNjYgNi4xNzUwNEMzLjA0MjQ1IDYuMzkzODMgMy4xNjUzNiA2LjY5MDU4IDMuMTY1MzYgN1pNMS45OTg3IDE0QzIuMzA4MTIgMTQgMi42MDQ4NiAxMy44NzcxIDIuODIzNjYgMTMuNjU4M0MzLjA0MjQ1IDEzLjQzOTUgMy4xNjUzNiAxMy4xNDI4IDMuMTY1MzYgMTIuODMzM0MzLjE2NTM2IDEyLjUyMzkgMy4wNDI0NSAxMi4yMjcyIDIuODIzNjYgMTIuMDA4NEMyLjYwNDg2IDExLjc4OTYgMi4zMDgxMiAxMS42NjY3IDEuOTk4NyAxMS42NjY3QzEuNjg5MjggMTEuNjY2NyAxLjM5MjUzIDExLjc4OTYgMS4xNzM3NCAxMi4wMDg0QzAuOTU0OTQ4IDEyLjIyNzIgMC44MzIwMzEgMTIuNTIzOSAwLjgzMjAzMSAxMi44MzMzQzAuODMyMDMxIDEzLjE0MjggMC45NTQ5NDggMTMuNDM5NSAxLjE3Mzc0IDEzLjY1ODNDMS4zOTI1MyAxMy44NzcxIDEuNjg5MjggMTQgMS45OTg3IDE0WiIgZmlsbD0iIzBBMTYyNyIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTg3IDIuMzMzMzNDOC4zMDgxMiAyLjMzMzMzIDguNjA0ODYgMi4yMTA0MiA4LjgyMzY2IDEuOTkxNjJDOS4wNDI0NSAxLjc3MjgzIDkuMTY1MzcgMS40NzYwOSA5LjE2NTM3IDEuMTY2NjdDOS4xNjUzNyAwLjg1NzI0NyA5LjA0MjQ1IDAuNTYwNTAxIDguODIzNjYgMC4zNDE3MDlDOC42MDQ4NiAwLjEyMjkxNiA4LjMwODEyIDAgNy45OTg3IDBDNy42ODkyOCAwIDcuMzkyNTMgMC4xMjI5MTYgNy4xNzM3NCAwLjM0MTcwOUM2Ljk1NDk1IDAuNTYwNTAxIDYuODMyMDMgMC44NTcyNDcgNi44MzIwMyAxLjE2NjY3QzYuODMyMDMgMS40NzYwOSA2Ljk1NDk1IDEuNzcyODMgNy4xNzM3NCAxLjk5MTYyQzcuMzkyNTMgMi4yMTA0MiA3LjY4OTI4IDIuMzMzMzMgNy45OTg3IDIuMzMzMzNaTTkuMTY1MzcgN0M5LjE2NTM3IDcuMzA5NDIgOS4wNDI0NSA3LjYwNjE2IDguODIzNjYgNy44MjQ5NkM4LjYwNDg2IDguMDQzNzUgOC4zMDgxMiA4LjE2NjY3IDcuOTk4NyA4LjE2NjY3QzcuNjg5MjggOC4xNjY2NyA3LjM5MjUzIDguMDQzNzUgNy4xNzM3NCA3LjgyNDk2QzYuOTU0OTUgNy42MDYxNiA2LjgzMjAzIDcuMzA5NDIgNi44MzIwMyA3QzYuODMyMDMgNi42OTA1OCA2Ljk1NDk1IDYuMzkzODMgNy4xNzM3NCA2LjE3NTA0QzcuMzkyNTMgNS45NTYyNSA3LjY4OTI4IDUuODMzMzMgNy45OTg3IDUuODMzMzNDOC4zMDgxMiA1LjgzMzMzIDguNjA0ODYgNS45NTYyNSA4LjgyMzY2IDYuMTc1MDRDOS4wNDI0NSA2LjM5MzgzIDkuMTY1MzcgNi42OTA1OCA5LjE2NTM3IDdaTTcuOTk4NyAxNEM4LjMwODEyIDE0IDguNjA0ODYgMTMuODc3MSA4LjgyMzY2IDEzLjY1ODNDOS4wNDI0NSAxMy40Mzk1IDkuMTY1MzcgMTMuMTQyOCA5LjE2NTM3IDEyLjgzMzNDOS4xNjUzNyAxMi41MjM5IDkuMDQyNDUgMTIuMjI3MiA4LjgyMzY2IDEyLjAwODRDOC42MDQ4NiAxMS43ODk2IDguMzA4MTIgMTEuNjY2NyA3Ljk5ODcgMTEuNjY2N0M3LjY4OTI4IDExLjY2NjcgNy4zOTI1MyAxMS43ODk2IDcuMTczNzQgMTIuMDA4NEM2Ljk1NDk1IDEyLjIyNzIgNi44MzIwMyAxMi41MjM5IDYuODMyMDMgMTIuODMzM0M2LjgzMjAzIDEzLjE0MjggNi45NTQ5NSAxMy40Mzk1IDcuMTczNzQgMTMuNjU4M0M3LjM5MjUzIDEzLjg3NzEgNy42ODkyOCAxNCA3Ljk5ODcgMTRaIiBmaWxsPSIjMEExNjI3Ii8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy45OTg3IDIuMzMzMzNDMTQuMzA4MSAyLjMzMzMzIDE0LjYwNDkgMi4yMTA0MiAxNC44MjM3IDEuOTkxNjJDMTUuMDQyNCAxLjc3MjgzIDE1LjE2NTQgMS40NzYwOSAxNS4xNjU0IDEuMTY2NjdDMTUuMTY1NCAwLjg1NzI0NyAxNS4wNDI0IDAuNTYwNTAxIDE0LjgyMzcgMC4zNDE3MDlDMTQuNjA0OSAwLjEyMjkxNiAxNC4zMDgxIDAgMTMuOTk4NyAwQzEzLjY4OTMgMCAxMy4zOTI1IDAuMTIyOTE2IDEzLjE3MzcgMC4zNDE3MDlDMTIuOTU0OSAwLjU2MDUwMSAxMi44MzIgMC44NTcyNDcgMTIuODMyIDEuMTY2NjdDMTIuODMyIDEuNDc2MDkgMTIuOTU0OSAxLjc3MjgzIDEzLjE3MzcgMS45OTE2MkMxMy4zOTI1IDIuMjEwNDIgMTMuNjg5MyAyLjMzMzMzIDEzLjk5ODcgMi4zMzMzM1pNMTUuMTY1NCA3QzE1LjE2NTQgNy4zMDk0MiAxNS4wNDI0IDcuNjA2MTYgMTQuODIzNyA3LjgyNDk2QzE0LjYwNDkgOC4wNDM3NSAxNC4zMDgxIDguMTY2NjcgMTMuOTk4NyA4LjE2NjY3QzEzLjY4OTMgOC4xNjY2NyAxMy4zOTI1IDguMDQzNzUgMTMuMTczNyA3LjgyNDk2QzEyLjk1NDkgNy42MDYxNiAxMi44MzIgNy4zMDk0MiAxMi44MzIgN0MxMi44MzIgNi42OTA1OCAxMi45NTQ5IDYuMzkzODMgMTMuMTczNyA2LjE3NTA0QzEzLjM5MjUgNS45NTYyNSAxMy42ODkzIDUuODMzMzMgMTMuOTk4NyA1LjgzMzMzQzE0LjMwODEgNS44MzMzMyAxNC42MDQ5IDUuOTU2MjUgMTQuODIzNyA2LjE3NTA0QzE1LjA0MjQgNi4zOTM4MyAxNS4xNjU0IDYuNjkwNTggMTUuMTY1NCA3Wk0xMy45OTg3IDE0QzE0LjMwODEgMTQgMTQuNjA0OSAxMy44NzcxIDE0LjgyMzcgMTMuNjU4M0MxNS4wNDI0IDEzLjQzOTUgMTUuMTY1NCAxMy4xNDI4IDE1LjE2NTQgMTIuODMzM0MxNS4xNjU0IDEyLjUyMzkgMTUuMDQyNCAxMi4yMjcyIDE0LjgyMzcgMTIuMDA4NEMxNC42MDQ5IDExLjc4OTYgMTQuMzA4MSAxMS42NjY3IDEzLjk5ODcgMTEuNjY2N0MxMy42ODkzIDExLjY2NjcgMTMuMzkyNSAxMS43ODk2IDEzLjE3MzcgMTIuMDA4NEMxMi45NTQ5IDEyLjIyNzIgMTIuODMyIDEyLjUyMzkgMTIuODMyIDEyLjgzMzNDMTIuODMyIDEzLjE0MjggMTIuOTU0OSAxMy40Mzk1IDEzLjE3MzcgMTMuNjU4M0MxMy4zOTI1IDEzLjg3NzEgMTMuNjg5MyAxNCAxMy45OTg3IDE0WiIgZmlsbD0iIzBBMTYyNyIvPgo8L3N2Zz4=");
  --icon-cross-circle: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI3IDI4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTMuNzUgOC42NDA2MlYyMC4xNDA2IiBzdHJva2U9IndoaXRlIi8+CiAgPHBhdGggZD0iTTE5LjUgMTQuMzkwNkw4IDE0LjM5MDYiIHN0cm9rZT0id2hpdGUiLz4KICA8Y2lyY2xlIGN4PSIxMy41IiBjeT0iMTQuMTQwNiIgcj0iMTMuMTI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNzUiLz4KPC9zdmc+");
  --icon-cross-blue: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTExLjIgMS43NzQyMkMxMS4yIDEuMjQ5NTUgMTAuNzc0NyAwLjgyNDIxOSAxMC4yNSAwLjgyNDIxOUM5LjcyNTMyIDAuODI0MjE5IDkuMyAxLjI0OTU1IDkuMyAxLjc3NDIyVjkuMzc0MjJIMS43QzEuMTc1MzMgOS4zNzQyMiAwLjc1IDkuNzk5NTMgMC43NSAxMC4zMjQyQzAuNzUgMTAuODQ4OSAxLjE3NTMzIDExLjI3NDIgMS43IDExLjI3NDJIOS4zVjE4Ljg3NDJDOS4zIDE5LjM5ODkgOS43MjUzMiAxOS44MjQyIDEwLjI1IDE5LjgyNDJDMTAuNzc0NyAxOS44MjQyIDExLjIgMTkuMzk4OSAxMS4yIDE4Ljg3NDJWMTEuMjc0MkgxOC44QzE5LjMyNDcgMTEuMjc0MiAxOS43NSAxMC44NDg5IDE5Ljc1IDEwLjMyNDJDMTkuNzUgOS43OTk1MyAxOS4zMjQ3IDkuMzc0MjIgMTguOCA5LjM3NDIySDExLjJWMS43NzQyMloiIGZpbGw9IiMxQzU4Q0UiLz4KPC9zdmc+");
  --icon-cross-white: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTExLjIgMS43NzQyMkMxMS4yIDEuMjQ5NTUgMTAuNzc0NyAwLjgyNDIxOSAxMC4yNSAwLjgyNDIxOUM5LjcyNTMyIDAuODI0MjE5IDkuMyAxLjI0OTU1IDkuMyAxLjc3NDIyVjkuMzc0MjJIMS43QzEuMTc1MzMgOS4zNzQyMiAwLjc1IDkuNzk5NTMgMC43NSAxMC4zMjQyQzAuNzUgMTAuODQ4OSAxLjE3NTMzIDExLjI3NDIgMS43IDExLjI3NDJIOS4zVjE4Ljg3NDJDOS4zIDE5LjM5ODkgOS43MjUzMiAxOS44MjQyIDEwLjI1IDE5LjgyNDJDMTAuNzc0NyAxOS44MjQyIDExLjIgMTkuMzk4OSAxMS4yIDE4Ljg3NDJWMTEuMjc0MkgxOC44QzE5LjMyNDcgMTEuMjc0MiAxOS43NSAxMC44NDg5IDE5Ljc1IDEwLjMyNDJDMTkuNzUgOS43OTk1MyAxOS4zMjQ3IDkuMzc0MjIgMTguOCA5LjM3NDIySDExLjJWMS43NzQyMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
}

:root {
  --button-background: var(--color-surface-tertiary);
  --button-background-hover: var(--color-surface-secondary);
  --button-color-hover: var(--color-text-secondary);
  --button-icon-hover-filter: grayscale(1) brightness(5);
  --button-color: var(--color-text-primary);
}

:root {
  --basic-button-background: var(--color-surface-neutral);
  --basic-button-color: var(--color-text-primary);
}

a:link, a:visited, a:active {
  color: inherit;
  text-decoration: none;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body.admin-bar {
  min-height: calc(100vh - var(--header-height) - var(--header-offset) - 32px);
  --full-height: calc(100vh - 32px);
}
body.admin-bar .header {
  top: calc(32px + var(--header-offset)) !important;
}

:root {
  --button-background: var(--color-surface-tertiary);
  --button-background-hover: var(--color-surface-secondary);
  --button-color-hover: var(--color-text-secondary);
  --button-icon-hover-filter: grayscale(1) brightness(5);
  --button-color: var(--color-text-primary);
}

:root {
  --basic-button-background: var(--color-surface-neutral);
  --basic-button-color: var(--color-text-primary);
}

:root {
  --header-height: 0px;
  --header-offset: 0px;
  --header-width: 200px;
  --container-padding: 20px;
  --container-width: calc(min(1220px, 100vw - (2 * var(--container-padding)) - var(--header-width)));
  --container-xl-max-width: calc(min(1920px, 100vw - (2 * var(--container-padding)) - var(--header-width)));
  --full-height: calc(100dvh - var(--header-height));
  --full-width: calc(100vw - var(--header-width));
  --en-size: 0.53;
  --max-characters-per-line: 100;
  --max-paragraph-width: calc(var(--max-characters-per-line) * var(--type-rem) * var(--en-size));
  --desktop-xl-type-multiplier: 1.2;
  --type-s1: var(--type-desktop-s1);
  --type-h1: var(--type-desktop-h1);
  --type-h2: var(--type-desktop-h2);
  --type-h3: var(--type-desktop-h3);
  --type-h4: var(--type-desktop-h4);
  --type-h5: var(--type-desktop-h5);
  --type-b1: var(--type-desktop-b1);
  --type-b2: var(--type-desktop-b2);
  --type-b3: var(--type-desktop-b3);
  --type-rem: var(--type-desktop-rem);
}
@media screen and (max-width: 1100px) {
  :root {
    --header-width: 0px;
    --header-height: 56px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --type-s1: var(--type-mobile-s1);
    --type-h1: var(--type-mobile-h1);
    --type-h2: var(--type-mobile-h2);
    --type-h3: var(--type-mobile-h3);
    --type-h4: var(--type-mobile-h4);
    --type-h5: var(--type-mobile-h5);
    --type-b1: var(--type-mobile-b1);
    --type-b2: var(--type-mobile-b2);
    --type-b3: var(--type-mobile-b3);
    --type-rem: var(--type-mobile-rem);
    --container-padding: var(--spacing-sm);
  }
}

:root {
  --button-background: var(--color-surface-tertiary);
  --button-background-hover: var(--color-surface-secondary);
  --button-color-hover: var(--color-text-secondary);
  --button-icon-hover-filter: grayscale(1) brightness(5);
  --button-color: var(--color-text-primary);
}

:root {
  --basic-button-background: var(--color-surface-neutral);
  --basic-button-color: var(--color-text-primary);
}

.sdc-txt-highlight {
  color: var(--color-text-highlight);
}

.sdc-txt-body-plus {
  font: var(--type-b1);
}

.sdc-btn a {
  white-space: nowrap;
  padding: var(--spacing-xs) var(--spacing-sm);
  border: none;
  border-radius: 100px;
  background: var(--button-background);
  color: var(--button-color) !important;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  transition: background 0.5s, border-radius 0.5s;
  font: var(--type-b2);
  display: inline-flex;
  align-items: center;
  transition: transform 0.5s, background 0.5s, color 0.5s;
}
.sdc-btn a::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: var(--spacing-xs);
  background: var(--icon-arrow-blue);
  transition: transform 0.5s, filter 0.5s;
}
@media screen and (hover: none) {
  .sdc-btn a:active {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  .sdc-btn a:active::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
@media screen and (hover: hover) {
  .sdc-btn a:hover {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  .sdc-btn a:hover::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}

.sdc-blue {
  color: var(--color-text-highlight);
}

body, html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  --body-margin-top: calc(var(--header-height) + var(--header-offset));
  margin-top: var(--body-margin-top);
  margin-left: var(--header-width);
  background: white;
  color: var(--color-text-primary);
  font-family: "Papyrus";
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--body-margin-top));
}
@media screen and (max-width: 1100px) {
  body {
    overflow-x: hidden;
  }
}

body > .skip-link {
  display: none;
}

main {
  flex-grow: 1;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  height: var(--full-height);
  max-width: var(--header-width);
  width: 100%;
  background: var(--color-surface-secondary);
  z-index: 1000;
  padding: var(--spacing-sm);
}
header .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
header .wrapper .mobile-burger {
  display: none;
}
header .wrapper .hdr-logo {
  font-size: 0;
}
header .wrapper .nav-holder {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
}
header .wrapper .nav-holder nav ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
header .wrapper .nav-holder nav ul li {
  font: var(--type-h3);
  color: var(--color-text-secondary);
}
header .wrapper .nav-holder .pattern {
  display: none;
}
header .wrapper .nav-holder .search {
  border: 1px solid white;
  border-radius: 100px;
  position: relative;
  padding: var(--spacing-xs) var(--spacing-sm);
  max-width: 100%;
  padding-right: calc(var(--spacing-xs) + 16px + var(--spacing-xs));
  background: transparent;
  color: var(--color-text-secondary);
  font: var(--type-b2);
  cursor: pointer;
}
header .wrapper .nav-holder .search:hover:after {
  transform: translateY(-50%) rotate(10deg);
}
header .wrapper .nav-holder .search:after {
  content: "";
  position: absolute;
  right: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  border: none;
  border-radius: 100px;
  padding: 0;
  outline: none !important;
  font-size: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNjkxOCAxMC4xMzNMMTUuMzk0NSAxNC44NDE4TTEyLjI4MzQgNi4yODYyNEMxMi4yODM0IDkuMjkzMTMgOS44NDU4NiAxMS43MzA3IDYuODM4OTggMTEuNzMwN0MzLjgzMjA5IDExLjczMDcgMS4zOTQ1MyA5LjI5MzEzIDEuMzk0NTMgNi4yODYyNEMxLjM5NDUzIDMuMjc5MzYgMy44MzIwOSAwLjg0MTc5NyA2LjgzODk4IDAuODQxNzk3QzkuODQ1ODYgMC44NDE3OTcgMTIuMjgzNCAzLjI3OTM2IDEyLjI4MzQgNi4yODYyNFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s;
  transform-origin: center;
  cursor: pointer;
}
header .wrapper .nav-holder .search:after:hover {
  transform: translateY(-50%) rotate(10deg);
}
@media screen and (max-width: 1100px) {
  header {
    padding: var(--spacing-xs) var(--spacing-sm);
    width: 100%;
    max-width: 100%;
    height: var(--header-height);
    --pattern-height: 20vh;
  }
  header .wrapper {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-xs);
  }
  header .wrapper .hdr-logo {
    height: 100%;
  }
  header .wrapper .hdr-logo svg {
    height: 100%;
    width: auto;
  }
  header .wrapper .nav-holder {
    width: 100%;
    flex-grow: 1;
  }
  header .wrapper .nav-holder nav {
    position: fixed;
    left: 0;
    top: var(--header-height);
    height: calc(100dvh - var(--header-height) - var(--pattern-height));
    background: var(--color-surface-secondary);
    width: 100%;
    padding-left: var(--spacing-sm);
    transform: translateX(-100%);
    transition: transform 0.5s;
  }
  header .wrapper .nav-holder nav ul {
    height: 100%;
    justify-content: center;
  }
  header .wrapper .nav-holder nav ul li {
    font: var(--type-s1);
  }
  header .wrapper .nav-holder .search {
    margin-left: auto;
    border: none;
  }
  header .wrapper .nav-holder .pattern {
    display: block;
    position: fixed;
    bottom: 0;
    height: var(--pattern-height);
    width: 100%;
    left: 0;
    transform: translateX(-100%);
    transition: transform 0.5s;
  }
  header .wrapper .mobile-burger {
    padding: var(--spacing-xs);
    margin-right: calc(0px - var(--spacing-xs));
    display: block;
  }
  header .wrapper .mobile-burger line {
    transition: transform 0.5s, opacity 0.5s;
    transform-origin: center;
    stroke: var(--color-text-secondary);
  }
  header.active .wrapper .mobile-burger line:first-child {
    transform: translateY(6.5px) rotate(45deg);
  }
  header.active .wrapper .mobile-burger line:nth-child(2) {
    opacity: 0;
  }
  header.active .wrapper .mobile-burger line:last-child {
    transform: translateY(-6.5px) rotate(-45deg);
  }
  header.active .wrapper .nav-holder nav {
    transform: translateX(0);
  }
  header.active .wrapper .nav-holder .pattern {
    transform: translateX(0);
  }
}

@keyframes slide-header-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
body:not(.referrer-internal) header {
  animation: slide-header-in 1s;
}
@media screen and (max-width: 1100px) {
  body:not(.referrer-internal) header {
    animation: none;
  }
}

/*<footer>
    <canvas class="pattern" data-density="low" data-color="dark" width="100%" height="182"></canvas>
    <div class="middle">
        <div class="offices">
            {% for office in options.offices %}
                <div class="office">
                    <h4>{{office.title}}</h4>
                    <div class="address">
                        {{office.address|split("\n")|join("<br>")}}
                    </div>
                </div>
            {% endfor %}
        </div>

        <div class="socials">
            {% include 'partials/menu.twig' with {
                items: menu_socials.get_items
            } %}
        </div>

        <div class="newsletter">
            <form>
                <input type="email" name="email" placeholder="Enter your email address">
                <button type="submit">Subscribe</button>
            </form>
        </div>
    </div>
    <div class="bottom">
        <div class="legal-nav">

        </div>
        <div class="copy">
            &copy; {{'now' | date('Y')}} {{site.name}}
        </div>
    </div>
</footer>*/
footer {
  display: flex;
  flex-direction: column;
}
footer canvas {
  width: 100%;
  height: 182px;
  margin: 0;
}
footer .middle {
  padding: var(--spacing-md) 0;
  background: var(--color-surface-dark);
  color: var(--color-text-secondary);
  display: flex;
  justify-content: center;
}
footer .middle .wrapper {
  width: 100%;
  max-width: var(--container-xl-max-width);
}
footer .middle .wrapper .mobile-nav {
  display: none;
}
footer .middle .wrapper .offices {
  display: flex;
  gap: var(--spacing-md);
}
footer .middle .wrapper .offices .office {
  margin-bottom: var(--spacing-md);
  border-left: 1px solid var(--color-text-secondary);
  min-height: 192px;
  padding-left: var(--spacing-xs);
  max-width: calc((100% - var(--spacing-md) * 2) / 3);
  width: 100%;
}
footer .middle .wrapper .offices .office h4 {
  font: var(--type-b1);
}
footer .middle .wrapper .offices .office .address {
  font: var(--type-b3);
}
footer .middle .wrapper .last-row {
  display: flex;
  gap: var(--spacing-md);
}
footer .middle .wrapper .last-row > div {
  width: calc((100% - var(--spacing-md) * 2) / 3);
  min-height: 168px;
  border-left: 1px solid var(--color-text-secondary);
  padding-left: var(--spacing-xs);
}
footer .middle .wrapper .last-row > div h4 {
  font: var(--type-b1);
  margin-bottom: 4px;
}
footer .middle .wrapper .last-row .socials ul li {
  font: var(--type-b3);
  margin-bottom: 10px;
}
footer .middle .wrapper .last-row .contact-details {
  font: var(--type-b3);
}
footer .bottom {
  display: flex;
  justify-content: center;
  background: var(--color-surface-primary);
  color: var(--color-oxford-blue);
}
footer .bottom .wrapper {
  width: 100%;
  max-width: var(--container-xl-max-width);
  padding: var(--spacing-smd) 0;
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
}
footer .bottom .wrapper .legal-nav ul {
  display: flex;
  gap: var(--spacing-md);
}
footer .bottom .wrapper .legal-nav ul li {
  font: var(--type-b2);
}
footer .bottom .wrapper .copy {
  margin-left: auto;
  font: var(--type-b2);
}
footer .bottom .wrapper .accreditations {
  display: flex;
  gap: var(--spacing-md);
}
footer .bottom .wrapper .accreditations img {
  height: 35px;
}
@media screen and (max-width: 1100px) {
  footer .middle .wrapper {
    flex-wrap: wrap;
  }
  footer .middle .wrapper > div {
    min-width: 50%;
    min-height: -moz-fit-content;
    min-height: fit-content;
    margin-bottom: var(--spacing-md);
  }
  footer .middle .wrapper .mobile-nav {
    display: block;
  }
  footer .middle .wrapper .mobile-nav ul li {
    font: var(--type-b1);
  }
}
@media screen and (max-width: 768px) {
  footer .middle .wrapper {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  footer .middle .wrapper > div {
    min-width: 100%;
  }
  footer .middle .wrapper .mobile-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs) var(--spacing-md);
  }
  footer .middle .wrapper .mobile-nav ul li {
    max-width: calc((100% - var(--spacing-md)) / 2);
    width: 100%;
  }
  footer .middle .wrapper .offices {
    gap: var(--spacing-md);
    flex-wrap: wrap;
    display: flex;
  }
  footer .middle .wrapper .offices .office {
    width: 100%;
    max-width: calc((100% - var(--spacing-md)) / 2);
    margin-bottom: 0;
  }
  footer .middle .wrapper .newsletter {
    border-left: none;
    padding-left: 0;
  }
  footer .middle .wrapper .last-row > div {
    width: calc((100% - var(--spacing-md)) / 2);
  }
  footer .bottom .wrapper {
    flex-wrap: wrap;
  }
  footer .bottom .wrapper .legal-nav {
    min-width: 100%;
    justify-items: center;
  }
  footer .bottom .wrapper .copy {
    margin-left: 0;
  }
  footer .bottom .wrapper .accreditations {
    margin-left: auto;
  }
}

:root {
  --button-background: var(--color-surface-tertiary);
  --button-background-hover: var(--color-surface-secondary);
  --button-color-hover: var(--color-text-secondary);
  --button-icon-hover-filter: grayscale(1) brightness(5);
  --button-color: var(--color-text-primary);
}

:root {
  --basic-button-background: var(--color-surface-neutral);
  --basic-button-color: var(--color-text-primary);
}

body.single-projects .post-header, body.single-news .post-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--spacing-sm);
}
body.single-projects .post-header > div, body.single-news .post-header > div {
  width: 100%;
  max-width: var(--container-xl-max-width);
}
body.single-projects .post-header .post-image, body.single-news .post-header .post-image {
  overflow: hidden;
  border-radius: var(--border-radius-primary);
  height: 80vh;
  max-height: calc(var(--container-xl-max-width) * 0.7);
  margin: var(--spacing-sm) 0;
  position: relative;
}
body.single-projects .post-header .post-image img, body.single-projects .post-header .post-image video, body.single-news .post-header .post-image img, body.single-news .post-header .post-image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
body.single-projects .post-header .post-title, body.single-news .post-header .post-title {
  display: flex;
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-smd);
  align-items: start;
  gap: var(--spacing-md);
}
body.single-projects .post-header .post-title h1, body.single-news .post-header .post-title h1 {
  font: var(--type-h1);
  flex-grow: 1;
}
body.single-projects .post-header .post-title .tags, body.single-news .post-header .post-title .tags {
  display: flex;
  gap: var(--spacing-xs);
}
body.single-projects .post-header .post-title .tags .tag, body.single-news .post-header .post-title .tags .tag {
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--basic-button-background);
  white-space: nowrap;
  border-radius: var(--border-radius-primary);
  font: var(--type-b2);
  transition: background 0.3s;
  color: var(--basic-button-color);
}
@media screen and (hover: none) {
  body.single-projects .post-header .post-title .tags .tag:active, body.single-news .post-header .post-title .tags .tag:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  body.single-projects .post-header .post-title .tags .tag:hover, body.single-news .post-header .post-title .tags .tag:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
body.single-projects .post-header .post-client, body.single-news .post-header .post-client {
  display: flex;
  gap: 3px;
}
body.single-projects .post-header .post-client h4, body.single-news .post-header .post-client h4 {
  font: var(--type-b3);
  color: var(--color-text-highlight);
}
body.single-projects .post-header .post-client a, body.single-news .post-header .post-client a {
  font: var(--type-b3);
  color: var(--color-text-primary);
}
body.single-projects .post-header .post-client a:hover, body.single-news .post-header .post-client a:hover {
  text-decoration: underline;
}
body.single-projects .post-header .post-date, body.single-news .post-header .post-date {
  font: var(--type-b3);
  color: var(--color-text-highlight);
}
body.single-projects .post-content, body.single-news .post-content {
  width: 100%;
}

body.single-careers main {
  background-color: var(--color-surface-dark);
  --color-text-primary: var(--color-white);
  --color-text-highlight: var(--color-cambridge-blue);
}
body.single-careers main .post-header {
  padding-top: var(--spacing-lg);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.single-careers main .post-header .post-title {
  display: flex;
  max-width: var(--container-xl-max-width);
  width: 100%;
}
body.single-careers main .post-header .post-title h1 {
  flex-grow: 1;
  max-width: var(--container-xl-max-width);
  width: 100%;
  font: var(--type-h1);
  color: var(--color-text-primary);
}
body.single-careers main .post-header .post-title .tags a {
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--basic-button-background);
  white-space: nowrap;
  border-radius: var(--border-radius-primary);
  font: var(--type-b2);
  transition: background 0.3s;
  color: var(--basic-button-color);
  display: block;
}
@media screen and (hover: none) {
  body.single-careers main .post-header .post-title .tags a:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  body.single-careers main .post-header .post-title .tags a:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
body.single-careers main .post-header .post-date {
  max-width: var(--container-xl-max-width);
  width: 100%;
  color: var(--color-text-highlight);
  font: var(--type-b3);
  margin-top: var(--spacing-smd);
}

body.archive .archive-wrapper, body.search .archive-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.archive .archive-wrapper .archive-top, body.search .archive-wrapper .archive-top {
  padding-top: var(--spacing-md);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 100%;
}
body.archive .archive-wrapper .archive-top h1, body.search .archive-wrapper .archive-top h1 {
  font: var(--type-h1);
  max-width: var(--container-xl-max-width);
  width: 100%;
  border-left: 1px solid var(--color-border-primary);
  padding-left: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}
body.archive .archive-wrapper .archive-top canvas, body.search .archive-wrapper .archive-top canvas {
  min-width: 100%;
  width: 100%;
  max-height: 138px;
}
body.archive .archive-wrapper .archive-top.bg-primary, body.search .archive-wrapper .archive-top.bg-primary {
  background-color: var(--color-surface-primary);
}
body.archive .archive-wrapper .archive-top.bg-secondary, body.search .archive-wrapper .archive-top.bg-secondary {
  background-color: var(--color-surface-secondary);
}
body.archive .archive-wrapper .archive-top.bg-tertiary, body.search .archive-wrapper .archive-top.bg-tertiary {
  background-color: var(--color-surface-tertiary);
  --button-background: var(--color-surface-primary);
}
body.archive .archive-wrapper .archive-top.bg-dark, body.search .archive-wrapper .archive-top.bg-dark {
  background: var(--color-surface-dark);
  --color-text-primary: var(--color-white);
  color: var(--color-text-primary);
}
body.archive .archive-wrapper .archive-top.bg-dark h1, body.search .archive-wrapper .archive-top.bg-dark h1 {
  border-left: 1px solid var(--color-text-primary);
}
body.archive .archive-wrapper .archive-top.bg-neutral, body.search .archive-wrapper .archive-top.bg-neutral {
  background-color: var(--color-surface-neutral);
}
body.archive .archive-wrapper .block__anatomy-title, body.search .archive-wrapper .block__anatomy-title {
  width: 100%;
}
body.archive .archive-wrapper .tags, body.search .archive-wrapper .tags {
  padding: var(--spacing-sm) 0;
  max-width: var(--container-xl-max-width);
  width: 100%;
  display: flex;
  gap: var(--spacing-md);
}
body.archive .archive-wrapper .tags .tags-inner, body.search .archive-wrapper .tags .tags-inner {
  gap: var(--spacing-sm);
  display: flex;
  flex-wrap: wrap;
}
body.archive .archive-wrapper .tags .tags-inner a, body.search .archive-wrapper .tags .tags-inner a {
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--basic-button-background);
  white-space: nowrap;
  border-radius: var(--border-radius-primary);
  font: var(--type-b2);
  transition: background 0.3s;
  color: var(--basic-button-color);
}
@media screen and (hover: none) {
  body.archive .archive-wrapper .tags .tags-inner a:active, body.search .archive-wrapper .tags .tags-inner a:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  body.archive .archive-wrapper .tags .tags-inner a:hover, body.search .archive-wrapper .tags .tags-inner a:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
body.archive .archive-wrapper .tags .tags-inner a.active, body.search .archive-wrapper .tags .tags-inner a.active {
  background: var(--color-surface-dark);
  color: var(--color-text-secondary);
  border-radius: 100px;
  cursor: default;
  pointer-events: none;
}
body.archive .archive-wrapper .tags .all-mobile, body.archive .archive-wrapper .tags .mobile-filter-show, body.search .archive-wrapper .tags .all-mobile, body.search .archive-wrapper .tags .mobile-filter-show {
  display: none;
}
body.archive .archive-wrapper .tags .list-toggle, body.search .archive-wrapper .tags .list-toggle {
  white-space: nowrap;
  padding: var(--spacing-xs) var(--spacing-sm);
  border: none;
  border-radius: 100px;
  background: var(--button-background);
  color: var(--button-color) !important;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  transition: background 0.5s, border-radius 0.5s;
  font: var(--type-b2);
  display: inline-flex;
  align-items: center;
  transition: transform 0.5s, background 0.5s, color 0.5s;
  align-self: start;
  white-space: nowrap;
}
body.archive .archive-wrapper .tags .list-toggle::after, body.search .archive-wrapper .tags .list-toggle::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: var(--spacing-xs);
  background: var(--icon-arrow-blue);
  transition: transform 0.5s, filter 0.5s;
}
@media screen and (hover: none) {
  body.archive .archive-wrapper .tags .list-toggle:active, body.search .archive-wrapper .tags .list-toggle:active {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .tags .list-toggle:active::after, body.search .archive-wrapper .tags .list-toggle:active::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
@media screen and (hover: hover) {
  body.archive .archive-wrapper .tags .list-toggle:hover, body.search .archive-wrapper .tags .list-toggle:hover {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .tags .list-toggle:hover::after, body.search .archive-wrapper .tags .list-toggle:hover::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
body.archive .archive-wrapper .tags .list-toggle::after, body.search .archive-wrapper .tags .list-toggle::after {
  background-image: var(--icon-list-black);
  background-repeat: no-repeat;
  width: 17px;
  height: 14px;
}
body.archive .archive-wrapper .tags .list-toggle:hover::after, body.search .archive-wrapper .tags .list-toggle:hover::after {
  transform: scale(1.1);
  filter: invert(1);
}
body.archive .archive-wrapper .tags .list-toggle.list::after, body.search .archive-wrapper .tags .list-toggle.list::after {
  background-image: var(--icon-grid-black);
  width: 15px;
}
body.archive .archive-wrapper .posts, body.search .archive-wrapper .posts {
  max-width: var(--container-xl-max-width);
  width: 100%;
  display: flex;
  gap: var(--spacing-lg) var(--spacing-smm);
  flex-wrap: wrap;
  padding-bottom: var(--spacing-lg);
  padding-top: var(--spacing-md);
}
body.archive .archive-wrapper .posts.list, body.search .archive-wrapper .posts.list {
  display: none;
}
body.archive .archive-wrapper .posts .post, body.search .archive-wrapper .posts .post {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: calc((100% - var(--spacing-smm) * 2) / 3);
  width: 100%;
}
body.archive .archive-wrapper .posts .post .media, body.search .archive-wrapper .posts .post .media {
  width: 100%;
  max-height: 90vh;
  font-size: 0;
  overflow: hidden;
  border-radius: var(--border-radius-primary);
  position: relative;
}
body.archive .archive-wrapper .posts .post .media:has(.portrait), body.search .archive-wrapper .posts .post .media:has(.portrait) {
  aspect-ratio: 2.4/3;
}
body.archive .archive-wrapper .posts .post .media:has(.landscape), body.search .archive-wrapper .posts .post .media:has(.landscape) {
  aspect-ratio: 3/2;
}
body.archive .archive-wrapper .posts .post .media img, body.archive .archive-wrapper .posts .post .media canvas, body.archive .archive-wrapper .posts .post .media video, body.search .archive-wrapper .posts .post .media img, body.search .archive-wrapper .posts .post .media canvas, body.search .archive-wrapper .posts .post .media video {
  width: 100%;
  transition: transform 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
body.archive .archive-wrapper .posts .post .categories, body.search .archive-wrapper .posts .post .categories {
  position: absolute;
  top: var(--spacing-xs);
  left: var(--spacing-xs);
  display: flex;
  z-index: 1;
  gap: var(--spacing-xs);
}
body.archive .archive-wrapper .posts .post .categories a, body.search .archive-wrapper .posts .post .categories a {
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--basic-button-background);
  white-space: nowrap;
  border-radius: var(--border-radius-primary);
  font: var(--type-b2);
  transition: background 0.3s;
  color: var(--basic-button-color);
  --basic-button-background: var(--color-surface-blur);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
@media screen and (hover: none) {
  body.archive .archive-wrapper .posts .post .categories a:active, body.search .archive-wrapper .posts .post .categories a:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  body.archive .archive-wrapper .posts .post .categories a:hover, body.search .archive-wrapper .posts .post .categories a:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  body.archive .archive-wrapper .posts .post:hover .media img, body.archive .archive-wrapper .posts .post:hover .media canvas, body.search .archive-wrapper .posts .post:hover .media img, body.search .archive-wrapper .posts .post:hover .media canvas {
    transform: scale(1.1);
  }
  body.archive .archive-wrapper .posts .post:hover .info h4, body.search .archive-wrapper .posts .post:hover .info h4 {
    transform: translateX(26px);
    color: var(--color-text-highlight);
  }
  body.archive .archive-wrapper .posts .post:hover .info h4::before, body.search .archive-wrapper .posts .post:hover .info h4::before {
    opacity: 1;
    transform: translateX(-26px) translateY(-50%);
  }
  body.archive .archive-wrapper .posts .post:hover .info p, body.search .archive-wrapper .posts .post:hover .info p {
    transform: translateX(26px);
    color: var(--color-text-highlight);
  }
}
body.archive .archive-wrapper .posts .post .info, body.search .archive-wrapper .posts .post .info {
  margin-top: var(--spacing-sm);
}
body.archive .archive-wrapper .posts .post .info .date, body.search .archive-wrapper .posts .post .info .date {
  display: none;
}
body.archive .archive-wrapper .posts .post .info h4, body.search .archive-wrapper .posts .post .info h4 {
  position: relative;
  font: var(--type-b1);
  margin-bottom: 4px;
  max-width: calc(100% - 26px);
  transition: transform 0.3s, color 0.3s;
}
body.archive .archive-wrapper .posts .post .info h4::before, body.search .archive-wrapper .posts .post .info h4::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0);
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  background: var(--icon-arrow-blue);
}
body.archive .archive-wrapper .posts .post .info p, body.search .archive-wrapper .posts .post .info p {
  font: var(--type-b3);
  transition: transform 0.3s, color 0.3s;
  max-width: calc(100% - 26px);
}
@media screen and (min-width: 1100px) {
  body.archive .archive-wrapper .posts .featured-post, body.search .archive-wrapper .posts .featured-post {
    --width: calc(100vw - var(--header-width));
    max-width: var(--width);
    width: var(--width);
    min-width: var(--width);
    margin: 0 calc(0px - var(--container-padding));
    margin-left: calc(0px - (var(--width) - var(--container-xl-max-width)) / 2);
    padding: var(--container-padding);
    justify-content: center;
    display: flex;
  }
  body.archive .archive-wrapper .posts .featured-post.even, body.search .archive-wrapper .posts .featured-post.even {
    background: var(--color-surface-tertiary);
  }
  body.archive .archive-wrapper .posts .featured-post .post, body.search .archive-wrapper .posts .featured-post .post {
    max-width: var(--container-xl-max-width);
    flex-direction: row;
    gap: var(--spacing-smm);
  }
  body.archive .archive-wrapper .posts .featured-post .post .categories, body.search .archive-wrapper .posts .featured-post .post .categories {
    left: calc(33% + var(--spacing-smm) + var(--spacing-xs));
    color: var(--color-surface-dark);
  }
  body.archive .archive-wrapper .posts .featured-post .post .info, body.search .archive-wrapper .posts .featured-post .post .info {
    order: 1;
  }
  body.archive .archive-wrapper .posts .featured-post .post .info h4, body.search .archive-wrapper .posts .featured-post .post .info h4 {
    font: var(--type-h2);
    margin-bottom: var(--spacing-sm);
  }
  body.archive .archive-wrapper .posts .featured-post .post .info h4::before, body.search .archive-wrapper .posts .featured-post .post .info h4::before {
    top: 22px;
  }
  body.archive .archive-wrapper .posts .featured-post .post .media, body.search .archive-wrapper .posts .featured-post .post .media {
    order: 2;
    position: relative;
    height: calc(var(--container-xl-max-width) * 0.666 * 0.7);
  }
  body.archive .archive-wrapper .posts .featured-post .post .media img, body.search .archive-wrapper .posts .featured-post .post .media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body.archive .archive-wrapper .posts .featured-post .post .info, body.search .archive-wrapper .posts .featured-post .post .info {
    max-width: 33%;
    width: 100%;
  }
  body.archive .archive-wrapper .posts .featured-post .post .media, body.search .archive-wrapper .posts .featured-post .post .media {
    min-width: auto;
  }
}
body.archive .archive-wrapper .post-list, body.search .archive-wrapper .post-list {
  max-width: var(--container-xl-max-width);
  width: 100%;
  display: none;
  padding: var(--spacing-md) 0;
  padding-bottom: var(--spacing-lg);
}
body.archive .archive-wrapper .post-list.list, body.search .archive-wrapper .post-list.list {
  display: block;
}
body.archive .archive-wrapper .post-list .table, body.search .archive-wrapper .post-list .table {
  width: 100%;
}
body.archive .archive-wrapper .post-list .table .tr, body.search .archive-wrapper .post-list .table .tr {
  display: flex;
  border-bottom: 1px solid var(--color-border-primary);
}
body.archive .archive-wrapper .post-list .table .tr.thead .td.th, body.search .archive-wrapper .post-list .table .tr.thead .td.th {
  text-align: left;
  font: var(--type-b2);
  color: var(--color-text-highlight);
  padding-bottom: var(--spacing-smd);
}
body.archive .archive-wrapper .post-list .table .tr:hover, body.search .archive-wrapper .post-list .table .tr:hover {
  color: var(--color-text-highlight);
}
body.archive .archive-wrapper .post-list .table .tr:hover .td .button, body.search .archive-wrapper .post-list .table .tr:hover .td .button {
  background: var(--button-background-hover);
  color: var(--button-color-hover) !important;
}
body.archive .archive-wrapper .post-list .table .tr:hover .td .button::after, body.search .archive-wrapper .post-list .table .tr:hover .td .button::after {
  transform: rotate(45deg);
  filter: var(--button-icon-hover-filter);
}
body.archive .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td:first-child, body.archive .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td:first-child, body.search .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td:first-child, body.search .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td:first-child {
  color: var(--color-text-highlight);
}
body.archive .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td .button, body.archive .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td .button, body.search .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td .button, body.search .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td .button {
  background: var(--button-background-hover);
  color: var(--button-color-hover) !important;
}
body.archive .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td .button::after, body.archive .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td .button::after, body.search .archive-wrapper .post-list .table .tr:has(td:first-child:hover) td .button::after, body.search .archive-wrapper .post-list .table .tr:has(td:last-child:hover) td .button::after {
  transform: rotate(45deg);
  filter: var(--button-icon-hover-filter);
}
body.archive .archive-wrapper .post-list .table .tr .td, body.search .archive-wrapper .post-list .table .tr .td {
  font: var(--type-b2);
  padding-right: var(--spacing-md);
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-smd);
  --num-cols: 2;
  --width-first: max(calc(40%), (100% - 100px) / (var(--num-cols) - 1));
  --width: calc((100% - 100px - var(--width-first)) / (var(--num-cols) - 2));
  min-width: var(--width);
  max-width: var(--width);
}
body.archive .archive-wrapper .post-list .table .tr .td:first-child, body.search .archive-wrapper .post-list .table .tr .td:first-child {
  font: var(--type-b1);
  min-width: var(--width-first);
  max-width: var(--width-first);
}
body.archive .archive-wrapper .post-list .table .tr .td:first-child a, body.search .archive-wrapper .post-list .table .tr .td:first-child a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
body.archive .archive-wrapper .post-list .table .tr .td:last-child, body.search .archive-wrapper .post-list .table .tr .td:last-child {
  max-width: 100px;
  min-width: auto;
  display: flex;
  width: 100px;
}
body.archive .archive-wrapper .post-list .table .tr .td a:link:hover, body.archive .archive-wrapper .post-list .table .tr .td a:visited:hover, body.search .archive-wrapper .post-list .table .tr .td a:link:hover, body.search .archive-wrapper .post-list .table .tr .td a:visited:hover {
  color: var(--color-text-highlight);
}
body.archive .archive-wrapper .post-list .table .tr .td .button, body.search .archive-wrapper .post-list .table .tr .td .button {
  white-space: nowrap;
  padding: var(--spacing-xs) var(--spacing-sm);
  border: none;
  border-radius: 100px;
  background: var(--button-background);
  color: var(--button-color) !important;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  transition: background 0.5s, border-radius 0.5s;
  font: var(--type-b2);
  display: inline-flex;
  align-items: center;
  transition: transform 0.5s, background 0.5s, color 0.5s;
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.archive .archive-wrapper .post-list .table .tr .td .button::after, body.search .archive-wrapper .post-list .table .tr .td .button::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: var(--spacing-xs);
  background: var(--icon-arrow-blue);
  transition: transform 0.5s, filter 0.5s;
}
@media screen and (hover: none) {
  body.archive .archive-wrapper .post-list .table .tr .td .button:active, body.search .archive-wrapper .post-list .table .tr .td .button:active {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .post-list .table .tr .td .button:active::after, body.search .archive-wrapper .post-list .table .tr .td .button:active::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
@media screen and (hover: hover) {
  body.archive .archive-wrapper .post-list .table .tr .td .button:hover, body.search .archive-wrapper .post-list .table .tr .td .button:hover {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .post-list .table .tr .td .button:hover::after, body.search .archive-wrapper .post-list .table .tr .td .button:hover::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
body.archive .archive-wrapper .post-list .table .tr .td .button::after, body.search .archive-wrapper .post-list .table .tr .td .button::after {
  margin-left: 0;
}
body.archive .archive-wrapper .post-list .table .tr .td .button-wrap, body.search .archive-wrapper .post-list .table .tr .td .button-wrap {
  margin-left: auto;
  vertical-align: top;
  display: inline-block;
}
body.archive .archive-wrapper .post-list .table .tr .td:has(.button-wrap), body.search .archive-wrapper .post-list .table .tr .td:has(.button-wrap) {
  text-align: right;
}
body.archive .archive-wrapper .post-list .table .tr:has(.td:nth-child(3)) .td, body.search .archive-wrapper .post-list .table .tr:has(.td:nth-child(3)) .td {
  --num-cols: 3;
}
body.archive .archive-wrapper .post-list .table .tr:has(.td:nth-child(4)) .td, body.search .archive-wrapper .post-list .table .tr:has(.td:nth-child(4)) .td {
  --num-cols: 4;
}
body.archive .archive-wrapper .post-list .table .tr:has(.td:nth-child(5)) .td, body.search .archive-wrapper .post-list .table .tr:has(.td:nth-child(5)) .td {
  --num-cols: 5;
}
body.archive .archive-wrapper .post-list .table .tr:has(.td:nth-child(6)) .td, body.search .archive-wrapper .post-list .table .tr:has(.td:nth-child(6)) .td {
  --num-cols: 6;
}
body.archive .archive-wrapper .post-list .table .tr:has(.td:nth-child(7)) .td, body.search .archive-wrapper .post-list .table .tr:has(.td:nth-child(7)) .td {
  --num-cols: 7;
}
@media screen and (max-width: 768px) {
  body.archive .archive-wrapper .tags, body.search .archive-wrapper .tags {
    gap: var(--spacing-sm) var(--spacing-xs);
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  body.archive .archive-wrapper .tags .all-mobile, body.search .archive-wrapper .tags .all-mobile {
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--basic-button-background);
    white-space: nowrap;
    border-radius: var(--border-radius-primary);
    font: var(--type-b2);
    transition: background 0.3s;
    color: var(--basic-button-color);
  }
}
@media screen and (max-width: 768px) and (hover: none) {
  body.archive .archive-wrapper .tags .all-mobile:active, body.search .archive-wrapper .tags .all-mobile:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (max-width: 768px) and (hover: hover) {
  body.archive .archive-wrapper .tags .all-mobile:hover, body.search .archive-wrapper .tags .all-mobile:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (max-width: 768px) {
  body.archive .archive-wrapper .tags .all-mobile.active, body.search .archive-wrapper .tags .all-mobile.active {
    background: var(--color-surface-dark);
    color: var(--color-text-secondary);
    border-radius: 100px;
    cursor: default;
    pointer-events: none;
  }
  body.archive .archive-wrapper .tags .tags-inner, body.search .archive-wrapper .tags .tags-inner {
    display: none;
    max-width: 100%;
    order: 4;
    gap: var(--spacing-xs);
  }
  body.archive .archive-wrapper .tags .tags-inner .all, body.search .archive-wrapper .tags .tags-inner .all {
    display: none;
  }
  body.archive .archive-wrapper .tags .mobile-filter-show, body.search .archive-wrapper .tags .mobile-filter-show {
    display: block;
    white-space: nowrap;
    padding: var(--spacing-xs) var(--spacing-sm);
    border: none;
    border-radius: 100px;
    background: var(--button-background);
    color: var(--button-color) !important;
    text-decoration: none !important;
    outline: none;
    cursor: pointer;
    transition: background 0.5s, border-radius 0.5s;
    font: var(--type-b2);
    display: inline-flex;
    align-items: center;
    transition: transform 0.5s, background 0.5s, color 0.5s;
  }
  body.archive .archive-wrapper .tags .mobile-filter-show::after, body.search .archive-wrapper .tags .mobile-filter-show::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-left: var(--spacing-xs);
    background: var(--icon-arrow-blue);
    transition: transform 0.5s, filter 0.5s;
  }
}
@media screen and (max-width: 768px) and (hover: none) {
  body.archive .archive-wrapper .tags .mobile-filter-show:active, body.search .archive-wrapper .tags .mobile-filter-show:active {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .tags .mobile-filter-show:active::after, body.search .archive-wrapper .tags .mobile-filter-show:active::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
@media screen and (max-width: 768px) and (hover: hover) {
  body.archive .archive-wrapper .tags .mobile-filter-show:hover, body.search .archive-wrapper .tags .mobile-filter-show:hover {
    background: var(--button-background-hover);
    color: var(--button-color-hover) !important;
  }
  body.archive .archive-wrapper .tags .mobile-filter-show:hover::after, body.search .archive-wrapper .tags .mobile-filter-show:hover::after {
    transform: rotate(45deg);
    filter: var(--button-icon-hover-filter);
  }
}
@media screen and (max-width: 768px) {
  body.archive .archive-wrapper .tags .mobile-filter-show:after, body.search .archive-wrapper .tags .mobile-filter-show:after {
    display: none;
  }
  body.archive .archive-wrapper .tags .mobile-filter-show span, body.search .archive-wrapper .tags .mobile-filter-show span {
    color: var(--color-text-highlight);
  }
  body.archive .archive-wrapper .tags:has(.tags-inner .active:not(.all)) .mobile-filter-show, body.search .archive-wrapper .tags:has(.tags-inner .active:not(.all)) .mobile-filter-show {
    background: var(--color-surface-dark);
    --button-color: var(--color-text-secondary);
    border-radius: 100px;
    cursor: default;
  }
  body.archive .archive-wrapper .tags:has(.tags-inner .active:not(.all)) .mobile-filter-show span, body.search .archive-wrapper .tags:has(.tags-inner .active:not(.all)) .mobile-filter-show span {
    color: var(--color-text-secondary);
  }
  body.archive .archive-wrapper .tags.active .tags-inner, body.search .archive-wrapper .tags.active .tags-inner {
    display: flex;
  }
  body.archive .archive-wrapper .posts .post, body.search .archive-wrapper .posts .post {
    max-width: calc(100% - var(--spacing-md));
  }
  body.archive .archive-wrapper .posts .post:nth-child(even of .post:not(.featured-post)), body.search .archive-wrapper .posts .post:nth-child(even of .post:not(.featured-post)) {
    margin-left: var(--spacing-md);
  }
  body.archive .archive-wrapper .posts .featured-post, body.search .archive-wrapper .posts .featured-post {
    padding: var(--container-padding) var(--container-padding);
    margin: 0 calc(0px - var(--container-padding));
    background: var(--color-surface-tertiary);
  }
  body.archive .archive-wrapper .posts .featured-post .post, body.search .archive-wrapper .posts .featured-post .post {
    max-width: 100%;
  }
  body.archive .archive-wrapper .post-list .table .tr, body.search .archive-wrapper .post-list .table .tr {
    position: relative;
    padding: var(--spacing-sm) 0;
    flex-direction: column;
    gap: 4px;
  }
  body.archive .archive-wrapper .post-list .table .tr.thead, body.search .archive-wrapper .post-list .table .tr.thead {
    padding: 0;
  }
  body.archive .archive-wrapper .post-list .table .tr.thead .td.th, body.search .archive-wrapper .post-list .table .tr.thead .td.th {
    display: none;
  }
  body.archive .archive-wrapper .post-list .table .tr .td, body.search .archive-wrapper .post-list .table .tr .td {
    min-width: calc(100% - 60px) !important;
    max-width: calc(100% - 60px) !important;
    padding: 0;
  }
  body.archive .archive-wrapper .post-list .table .tr .button, body.search .archive-wrapper .post-list .table .tr .button {
    position: absolute;
    top: var(--spacing-sm);
    right: 0;
  }
}

.ana-block:not(:first-child):not(.block__anatomy-collection):not(.block__sdc-headshots):not(.block__sdc-jump-to),
.block__anatomy-collection .ana-block:first-child {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 3s, transform 2s;
}
.ana-block:not(:first-child):not(.block__anatomy-collection):not(.block__sdc-headshots):not(.block__sdc-jump-to).scroll-reveal,
.block__anatomy-collection .ana-block:first-child.scroll-reveal {
  opacity: 1;
  transform: translateY(0);
}

aside.search-modal {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-surface-blur);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
}
aside.search-modal .wrapper {
  max-width: min(var(--container-width), 484px);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
aside.search-modal .wrapper form {
  margin-bottom: var(--spacing-sm);
  position: relative;
  max-width: 418px;
  width: 100%;
}
aside.search-modal .wrapper form input {
  width: 100%;
  padding: 10px 15px;
  border: none;
  font: var(--type-b2);
  border-radius: 100px;
  background: var(--color-surface-primary);
  color: var(--color-text-primary);
  outline: none;
}
aside.search-modal .wrapper form button {
  position: absolute;
  right: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  border: none;
  border-radius: 100px;
  padding: var(--spacing-smd);
  outline: none !important;
  cursor: pointer;
  font-size: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTAuNjkxOCAxMC4xMzNMMTUuMzk0NSAxNC44NDE4TTEyLjI4MzQgNi4yODYyNEMxMi4yODM0IDkuMjkzMTMgOS44NDU4NiAxMS43MzA3IDYuODM4OTggMTEuNzMwN0MzLjgzMjA5IDExLjczMDcgMS4zOTQ1MyA5LjI5MzEzIDEuMzk0NTMgNi4yODYyNEMxLjM5NDUzIDMuMjc5MzYgMy44MzIwOSAwLjg0MTc5NyA2LjgzODk4IDAuODQxNzk3QzkuODQ1ODYgMC44NDE3OTcgMTIuMjgzNCAzLjI3OTM2IDEyLjI4MzQgNi4yODYyNFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  filter: invert(1);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s;
  transform-origin: center;
}
aside.search-modal .wrapper form button:hover {
  transform: translateY(-50%) rotate(10deg);
}
aside.search-modal .wrapper form:hover button {
  transform: translateY(-50%) rotate(-10deg);
}
aside.search-modal .wrapper .popular-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  justify-content: center;
  width: 100%;
}
aside.search-modal .wrapper .popular-tags ul li a {
  border: none;
  outline: none;
  cursor: pointer;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--basic-button-background);
  white-space: nowrap;
  border-radius: var(--border-radius-primary);
  font: var(--type-b2);
  transition: background 0.3s;
  color: var(--basic-button-color);
  display: block;
}
@media screen and (hover: none) {
  aside.search-modal .wrapper .popular-tags ul li a:active {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}
@media screen and (hover: hover) {
  aside.search-modal .wrapper .popular-tags ul li a:hover {
    background: var(--color-surface-secondary);
    color: var(--color-text-secondary);
  }
}