CINXE.COM

<!doctype html> <html class="flex flex-col min-h-full" lang="en"> <head> <script> vice= { config: { viceAccountId: 'umusic', viceSiteId: 'wiredmagazine', viceSectionId: '' } } </script> <script src='//vice-prod.sdiapi.com/vice_loader/umusic/wiredmagazine'></script> <meta charset="utf-8"> <meta name="robots" content="noai, noimageai"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <style data-shopify> /* TYPOGRAPHY */:root { --typeface_primary: 'lab-grotesque', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --typeface_secondary: 'wired-mono', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --typeface_tertiary: 'wired-mono', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font_display_md: var(--typeface_tertiary); --font_display_md_weight: 400; --font_display_md_letter: -0.0125rem; --font_display_md_line: 1.2; --font_display_md_text_transform: uppercase; --font_display_md_size: 1.0rem; --font_display_md_size_md: 1.3125rem; --font_heading_2xl: var(--typeface_primary); --font_heading_2xl_weight: 700; --font_heading_2xl_letter: 0.0rem; --font_heading_2xl_line: 1.2; --font_heading_2xl_text_transform: none; --font_heading_2xl_size: 1.75rem; --font_heading_2xl_size_md: 2.0rem; --font_heading_xl: var(--typeface_primary); --font_heading_xl_weight: 700; --font_heading_xl_letter: 0.0rem; --font_heading_xl_line: 1.2; --font_heading_xl_text_transform: none; --font_heading_xl_size: 1.5625rem; --font_heading_xl_size_md: 1.5625rem; --font_heading_lg: var(--typeface_secondary); --font_heading_lg_weight: 700; --font_heading_lg_letter: 0.0rem; --font_heading_lg_line: 1.2; --font_heading_lg_text_transform: none; --font_heading_lg_size: 1.3125rem; --font_heading_lg_size_md: 1.5625rem; --font_heading_md: var(--typeface_primary); --font_heading_md_weight: 700; --font_heading_md_letter: 0.0rem; --font_heading_md_line: 1.2; --font_heading_md_text_transform: none; --font_heading_md_size: 1.25rem; --font_heading_md_size_md: 1.25rem; --font_body_lg: var(--typeface_primary); --font_body_lg_weight: 400; --font_body_lg_letter: 0.0rem; --font_body_lg_line: 1.5; --font_body_lg_text_transform: none; --font_body_lg_size: 1.125rem; --font_body_lg_size_md: 1.125rem; --font_body_md: var(--typeface_primary); --font_body_md_weight: 400; --font_body_md_letter: 0.0rem; --font_body_md_line: 1.5; --font_body_md_text_transform: none; --font_body_md_size: 0.875rem; --font_body_md_size_md: 1.0rem; --font_body_sm: var(--typeface_primary); --font_body_sm_weight: 400; --font_body_sm_letter: 0.0rem; --font_body_sm_line: 1.5; --font_body_sm_text_transform: none; --font_body_sm_size: 0.875rem; --font_body_sm_size_md: 0.875rem; --font_body_xs: var(--typeface_primary); --font_body_xs_weight: 400; --font_body_xs_letter: 0.0rem; --font_body_xs_line: 1.5; --font_body_xs_text_transform: none; --font_body_xs_size: 0.75rem; --font_body_xs_size_md: 0.75rem; --font_button: var(--typeface_secondary); --font_button_weight: 500; --font_button_letter: 0.0rem; --font_button_line: 1; --font_button_text_transform: uppercase; --font_button_size: 0.875rem; --font_button_size_md: 0.875rem; --font_navigation_lg: var(--typeface_secondary); --font_navigation_lg_weight: 300; --font_navigation_lg_letter: 0.0rem; --font_navigation_lg_line: 1.5; --font_navigation_lg_text_transform: none; --font_navigation_lg_size: 1.125rem; --font_navigation_lg_size_md: 1.125rem; --font_navigation_md: var(--typeface_primary); --font_navigation_md_weight: 700; --font_navigation_md_letter: 0.0rem; --font_navigation_md_line: 1.5; --font_navigation_md_text_transform: none; --font_navigation_md_size: 1.0rem; --font_navigation_md_size_md: 1.3125rem; --font_navigation_sm: var(--typeface_tertiary); --font_navigation_sm_weight: 400; --font_navigation_sm_letter: 0.0rem; --font_navigation_sm_line: 1; --font_navigation_sm_text_transform: uppercase; --font_navigation_sm_size: 0.75rem; --font_navigation_sm_size_md: 0.75rem; } /* TYPOGRAPHY */ </style> <style data-shopify> /** Set Color Variable from shopify */ :root { --color-black: hsl(0 0% 5%); --color-white: hsl(0 0% 95%); --color-transparent: rgba(0,0,0,0); --color-gray-50: hsl(210 20% 98%); --color-gray-100: hsl(220 14% 96%); --color-gray-200: hsl(220 13% 91%); --color-gray-300: hsl(216 12% 84%); --color-gray-400: hsl(218 11% 65%); --color-gray-500: hsl(220 9% 46%); --color-gray-600: hsl(215 14% 34%); --color-gray-700: hsl(217 19% 27%); --color-gray-800: hsl(215 28% 17%); --color-gray-900: hsl(221 39% 11%); --color-gray-100-on: hsl(221 39% 11%); --color-gray-900-on: hsl(220 14% 96%); --scheme1-content-base:0 0% 0%; --scheme1-content-subtle:0 0% 46%; --scheme1-content-emphasis:0 0% 0%; --scheme1-content-heading:0 0% 0%; --scheme1-surface:0 0% 100%; --scheme1-surface-gradient: ; --scheme1-background:0 0% 100%; --scheme1-background-gradient: ; --scheme1-primary:0 0% 0%; --scheme1-primary-light:0 0% 20%; --scheme1-primary-dark:0 0% 0%; --scheme1-primary-on:0 0% 100%; --scheme1-primary-gradient: ; --scheme1-secondary:310 100% 67%; --scheme1-secondary-light:310 100% 87%; --scheme1-secondary-dark:310 100% 47%; --scheme1-secondary-on:0 0% 0%; --scheme1-secondary-gradient: ; --scheme1-tertiary:0 0% 46%; --scheme1-tertiary-light:0 0% 66%; --scheme1-tertiary-dark:0 0% 26%; --scheme1-tertiary-on:0 0% 77%; --scheme1-tertiary-gradient: ; --scheme1-notification-on:0 0% 0%; --scheme1-notification:0 0% 100%; --scheme1-notification-mix: hsl(0, 10%, 40%); --scheme1-success-on:0 0% 0%; --scheme1-success:141 79% 85%; --scheme1-success-mix: hsl(141, 24%, 33%); --scheme1-error-on:0 0% 0%; --scheme1-error:0 100% 87%; --scheme1-error-mix: hsl(0, 25%, 34%); --scheme2-content-base:0 0% 0%; --scheme2-content-subtle:0 0% 46%; --scheme2-content-emphasis:0 0% 0%; --scheme2-content-heading:0 0% 0%; --scheme2-surface:0 0% 100%; --scheme2-surface-gradient: ; --scheme2-background:0 0% 100%; --scheme2-background-gradient: ; --scheme2-primary:0 0% 0%; --scheme2-primary-light:0 0% 20%; --scheme2-primary-dark:0 0% 0%; --scheme2-primary-on:0 0% 100%; --scheme2-primary-gradient: ; --scheme2-secondary:310 100% 67%; --scheme2-secondary-light:310 100% 87%; --scheme2-secondary-dark:310 100% 47%; --scheme2-secondary-on:0 0% 0%; --scheme2-secondary-gradient: ; --scheme2-tertiary:0 0% 46%; --scheme2-tertiary-light:0 0% 66%; --scheme2-tertiary-dark:0 0% 26%; --scheme2-tertiary-on:0 0% 77%; --scheme2-tertiary-gradient: ; --scheme2-notification-on:0 0% 0%; --scheme2-notification:0 0% 100%; --scheme2-notification-mix: hsl(0, 10%, 40%); --scheme2-success-on:150 3% 13%; --scheme2-success:141 79% 85%; --scheme2-success-mix: hsl(141, 22%, 39%); --scheme2-error-on:0 0% 0%; --scheme2-error:0 100% 87%; --scheme2-error-mix: hsl(0, 25%, 34%); --scheme3-content-base:220 13% 91%; --scheme3-content-subtle:216 12% 84%; --scheme3-content-emphasis:210 20% 98%; --scheme3-content-heading:210 20% 98%; --scheme3-surface:221 39% 11%; --scheme3-surface-gradient: ; --scheme3-background:224 71% 4%; --scheme3-background-gradient: ; --scheme3-primary:224 71% 4%; --scheme3-primary-light:224 71% 24%; --scheme3-primary-dark:0 0% 0%; --scheme3-primary-on:210 20% 98%; --scheme3-primary-gradient: ; --scheme3-secondary:221 39% 11%; --scheme3-secondary-light:221 39% 31%; --scheme3-secondary-dark:0 0% 0%; --scheme3-secondary-on:220 13% 91%; --scheme3-secondary-gradient: ; --scheme3-tertiary:217 19% 27%; --scheme3-tertiary-light:217 19% 47%; --scheme3-tertiary-dark:220 18% 7%; --scheme3-tertiary-on:210 20% 98%; --scheme3-tertiary-gradient: ; --scheme3-notification-on:200 4% 13%; --scheme3-notification:220 6% 90%; --scheme3-notification-mix: hsl(211, 11%, 42%); --scheme3-success-on:150 3% 13%; --scheme3-success:141 79% 85%; --scheme3-success-mix: hsl(141, 22%, 39%); --scheme3-error-on:0 74% 42%; --scheme3-error:0 100% 97%; --scheme3-error-mix: hsl(0, 66%, 60%); --scheme4-content-base:226 100% 94%; --scheme4-content-subtle:228 96% 89%; --scheme4-content-emphasis:0 0% 100%; --scheme4-content-heading:0 0% 100%; --scheme4-surface:244 47% 20%; --scheme4-surface-gradient: ; --scheme4-background:242 47% 34%; --scheme4-background-gradient: ; --scheme4-primary:0 0% 100%; --scheme4-primary-light:0 0% 100%; --scheme4-primary-dark:0 0% 80%; --scheme4-primary-on:230 94% 82%; --scheme4-primary-gradient: ; --scheme4-secondary:226 100% 94%; --scheme4-secondary-light:0 0% 100%; --scheme4-secondary-dark:226 100% 74%; --scheme4-secondary-on:0 0% 98%; --scheme4-secondary-gradient: ; --scheme4-tertiary:230 94% 82%; --scheme4-tertiary-light:0 0% 100%; --scheme4-tertiary-dark:230 94% 62%; --scheme4-tertiary-on:0 0% 98%; --scheme4-tertiary-gradient: ; --scheme4-notification-on:200 4% 13%; --scheme4-notification:220 6% 90%; --scheme4-notification-mix: hsl(211, 11%, 42%); --scheme4-success-on:150 3% 13%; --scheme4-success:141 79% 85%; --scheme4-success-mix: hsl(141, 22%, 39%); --scheme4-error-on:0 74% 42%; --scheme4-error:0 100% 97%; --scheme4-error-mix: hsl(0, 66%, 60%); } .scheme-scheme1 { /* Content */ --color-content-base: hsl(var(--scheme1-content-base)); --color-content-subtle: hsl(var(--scheme1-content-subtle)); --color-content-emphasis: hsl(var(--scheme1-content-emphasis)); --color-content-heading: hsl(var(--scheme1-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background))); --color-surface-gradient: hsl(var(--scheme1-surface)); /* Background */ --color-background: hsl(var(--scheme1-background)); --color-background-gradient: hsl(var(--scheme1-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme1-primary-on)); --color-primary: hsl(var(--scheme1-primary)); --color-primary-20: hsl(var(--scheme1-primary) / .2); --color-primary-30: hsl(var(--scheme1-primary) / .3); --color-primary-40: hsl(var(--scheme1-primary) / .4); --color-primary-60: hsl(var(--scheme1-primary) / .6); --color-primary-dark: hsl(var(--scheme1-primary-dark)); --color-primary-dark-20: hsl(var(--scheme1-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme1-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme1-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme1-primary-dark) / .6); --color-primary-light: hsl(var(--scheme1-primary-light)); --color-primary-light-20: hsl(var(--scheme1-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme1-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme1-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme1-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme1-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme1-secondary-on)); --color-secondary: hsl(var(--scheme1-secondary)); --color-secondary-20: hsl(var(--scheme1-secondary) / .2); --color-secondary-30: hsl(var(--scheme1-secondary) / .3); --color-secondary-40: hsl(var(--scheme1-secondary) / .4); --color-secondary-60: hsl(var(--scheme1-secondary) / .6); --color-secondary-dark: hsl(var(--scheme1-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme1-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme1-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme1-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme1-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme1-secondary-light)); --color-secondary-light-20: hsl(var(--scheme1-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme1-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme1-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme1-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme1-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme1-tertiary-on)); --color-tertiary: hsl(var(--scheme1-tertiary)); --color-tertiary-20: hsl(var(--scheme1-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme1-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme1-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme1-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme1-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme1-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme1-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme1-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme1-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme1-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme1-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme1-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme1-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme1-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme1-notification-on)); --color-notification: hsl(var(--scheme1-notification)); --color-notification-mix: var(--scheme1-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme1-success-on)); --color-success: hsl(var(--scheme1-success)); --color-success-mix: var(--scheme1-success-mix); /* Error */ --color-on-error: hsl(var(--scheme1-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme1-error)); --color-error-mix: var(--scheme1-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme1-content-base)); } .scheme-scheme2 { /* Content */ --color-content-base: hsl(var(--scheme2-content-base)); --color-content-subtle: hsl(var(--scheme2-content-subtle)); --color-content-emphasis: hsl(var(--scheme2-content-emphasis)); --color-content-heading: hsl(var(--scheme2-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background))); --color-surface-gradient: hsl(var(--scheme2-surface)); /* Background */ --color-background: hsl(var(--scheme2-background)); --color-background-gradient: hsl(var(--scheme2-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme2-primary-on)); --color-primary: hsl(var(--scheme2-primary)); --color-primary-20: hsl(var(--scheme2-primary) / .2); --color-primary-30: hsl(var(--scheme2-primary) / .3); --color-primary-40: hsl(var(--scheme2-primary) / .4); --color-primary-60: hsl(var(--scheme2-primary) / .6); --color-primary-dark: hsl(var(--scheme2-primary-dark)); --color-primary-dark-20: hsl(var(--scheme2-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme2-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme2-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme2-primary-dark) / .6); --color-primary-light: hsl(var(--scheme2-primary-light)); --color-primary-light-20: hsl(var(--scheme2-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme2-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme2-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme2-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme2-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme2-secondary-on)); --color-secondary: hsl(var(--scheme2-secondary)); --color-secondary-20: hsl(var(--scheme2-secondary) / .2); --color-secondary-30: hsl(var(--scheme2-secondary) / .3); --color-secondary-40: hsl(var(--scheme2-secondary) / .4); --color-secondary-60: hsl(var(--scheme2-secondary) / .6); --color-secondary-dark: hsl(var(--scheme2-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme2-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme2-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme2-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme2-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme2-secondary-light)); --color-secondary-light-20: hsl(var(--scheme2-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme2-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme2-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme2-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme2-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme2-tertiary-on)); --color-tertiary: hsl(var(--scheme2-tertiary)); --color-tertiary-20: hsl(var(--scheme2-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme2-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme2-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme2-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme2-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme2-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme2-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme2-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme2-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme2-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme2-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme2-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme2-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme2-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme2-notification-on)); --color-notification: hsl(var(--scheme2-notification)); --color-notification-mix: var(--scheme2-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme2-success-on)); --color-success: hsl(var(--scheme2-success)); --color-success-mix: var(--scheme2-success-mix); /* Error */ --color-on-error: hsl(var(--scheme2-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme2-error)); --color-error-mix: var(--scheme2-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme2-content-base)); } .scheme-scheme3 { /* Content */ --color-content-base: hsl(var(--scheme3-content-base)); --color-content-subtle: hsl(var(--scheme3-content-subtle)); --color-content-emphasis: hsl(var(--scheme3-content-emphasis)); --color-content-heading: hsl(var(--scheme3-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background))); --color-surface-gradient: hsl(var(--scheme3-surface)); /* Background */ --color-background: hsl(var(--scheme3-background)); --color-background-gradient: hsl(var(--scheme3-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme3-primary-on)); --color-primary: hsl(var(--scheme3-primary)); --color-primary-20: hsl(var(--scheme3-primary) / .2); --color-primary-30: hsl(var(--scheme3-primary) / .3); --color-primary-40: hsl(var(--scheme3-primary) / .4); --color-primary-60: hsl(var(--scheme3-primary) / .6); --color-primary-dark: hsl(var(--scheme3-primary-dark)); --color-primary-dark-20: hsl(var(--scheme3-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme3-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme3-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme3-primary-dark) / .6); --color-primary-light: hsl(var(--scheme3-primary-light)); --color-primary-light-20: hsl(var(--scheme3-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme3-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme3-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme3-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme3-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme3-secondary-on)); --color-secondary: hsl(var(--scheme3-secondary)); --color-secondary-20: hsl(var(--scheme3-secondary) / .2); --color-secondary-30: hsl(var(--scheme3-secondary) / .3); --color-secondary-40: hsl(var(--scheme3-secondary) / .4); --color-secondary-60: hsl(var(--scheme3-secondary) / .6); --color-secondary-dark: hsl(var(--scheme3-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme3-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme3-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme3-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme3-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme3-secondary-light)); --color-secondary-light-20: hsl(var(--scheme3-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme3-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme3-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme3-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme3-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme3-tertiary-on)); --color-tertiary: hsl(var(--scheme3-tertiary)); --color-tertiary-20: hsl(var(--scheme3-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme3-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme3-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme3-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme3-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme3-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme3-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme3-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme3-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme3-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme3-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme3-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme3-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme3-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme3-notification-on)); --color-notification: hsl(var(--scheme3-notification)); --color-notification-mix: var(--scheme3-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme3-success-on)); --color-success: hsl(var(--scheme3-success)); --color-success-mix: var(--scheme3-success-mix); /* Error */ --color-on-error: hsl(var(--scheme3-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme3-error)); --color-error-mix: var(--scheme3-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme3-content-base)); } .scheme-scheme4 { /* Content */ --color-content-base: hsl(var(--scheme4-content-base)); --color-content-subtle: hsl(var(--scheme4-content-subtle)); --color-content-emphasis: hsl(var(--scheme4-content-emphasis)); --color-content-heading: hsl(var(--scheme4-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background))); --color-surface-gradient: hsl(var(--scheme4-surface)); /* Background */ --color-background: hsl(var(--scheme4-background)); --color-background-gradient: hsl(var(--scheme4-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme4-primary-on)); --color-primary: hsl(var(--scheme4-primary)); --color-primary-20: hsl(var(--scheme4-primary) / .2); --color-primary-30: hsl(var(--scheme4-primary) / .3); --color-primary-40: hsl(var(--scheme4-primary) / .4); --color-primary-60: hsl(var(--scheme4-primary) / .6); --color-primary-dark: hsl(var(--scheme4-primary-dark)); --color-primary-dark-20: hsl(var(--scheme4-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme4-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme4-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme4-primary-dark) / .6); --color-primary-light: hsl(var(--scheme4-primary-light)); --color-primary-light-20: hsl(var(--scheme4-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme4-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme4-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme4-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme4-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme4-secondary-on)); --color-secondary: hsl(var(--scheme4-secondary)); --color-secondary-20: hsl(var(--scheme4-secondary) / .2); --color-secondary-30: hsl(var(--scheme4-secondary) / .3); --color-secondary-40: hsl(var(--scheme4-secondary) / .4); --color-secondary-60: hsl(var(--scheme4-secondary) / .6); --color-secondary-dark: hsl(var(--scheme4-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme4-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme4-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme4-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme4-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme4-secondary-light)); --color-secondary-light-20: hsl(var(--scheme4-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme4-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme4-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme4-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme4-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme4-tertiary-on)); --color-tertiary: hsl(var(--scheme4-tertiary)); --color-tertiary-20: hsl(var(--scheme4-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme4-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme4-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme4-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme4-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme4-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme4-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme4-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme4-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme4-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme4-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme4-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme4-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme4-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme4-notification-on)); --color-notification: hsl(var(--scheme4-notification)); --color-notification-mix: var(--scheme4-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme4-success-on)); --color-success: hsl(var(--scheme4-success)); --color-success-mix: var(--scheme4-success-mix); /* Error */ --color-on-error: hsl(var(--scheme4-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme4-error)); --color-error-mix: var(--scheme4-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme4-content-base)); } </style> <style data-shopify>:root { --border-default-width: 1px; --border-default-width-narrow: 1px; --border-default-width-wide: 2px; --border-default-radius: 0; --border-default-color: var(--color-content-subtle); }</style> <style data-shopify>:root {--button-px-sm: 0.75rem; --button-py-sm: 0.5rem; --button-px-md: 1rem; --button-py-md: 0.625rem; --button-px-lg: 1.25rem; --button-py-lg: 0.75rem; --button-font-size: var(--font_button_size);--button-all-border-radius: 0;/* default */ --border-button-width: var(--border-default-width);--button-px-default: var(--button-px-lg);--button-py-default: var(--button-py-lg);} .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color); --button-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; color: var(--button-color); border: var(--border-button-width) solid var(--border-color); border-radius: var(--button-all-border-radius); box-shadow: var(--button-box-shadow); padding: var(--button-py-default) var(--button-px-default); font-size: var(--button-font-size); font-family: var(--font_button); font-weight: var(--font_button_weight); letter-spacing: var(--font_button_letter); line-height: var(--font_button_line); text-transform: var(--font_button_text_transform); transition: .2s ease-out; --border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary); --button-fill-hover: var(--color-transparent);} .btn:before, .btn:after { content: ''; background: transparent; inset: 0; position: absolute; display: block; z-index: -1; transition: .2s ease-out; transform: translate3d(0,0,0); } .btn:before { background: var(--button-fill-hover); opacity: 0; } .btn:hover::before { opacity: var(--button-bg-opacity, 1); } .btn:after { background: var(--button-fill); opacity: var(--button-bg-opacity, 1); } .btn:hover::after { opacity: 0; } input.btn { background: var(--button-fill); } input.btn:before { display: none; } input.btn:after { display: none; } input.btn:hover { background: var(--button-fill-hover); } .btn--sm { --button-py-default: var(--button-py-sm); --button-px-default: var(--button-px-sm); font-size: max(calc(var(--button-font-size) * .618em ), 14px) } .btn--md { --button-py-default: var(--button-py-md); --button-px-default: var(--button-px-md); } .btn--lg { --button-py-default: var(--button-py-lg); --button-px-default: var(--button-px-lg); } .btn:hover, .btn--primary:hover {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent;} .btn--secondary {--border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary); --button-fill-hover: var(--color-secondary);} .btn--secondary:hover {--border-color: var(--default,var(--color-secondary)); --button-color: var(--color-secondary-on); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent;} .btn--tertiary {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; --button-fill: var(--color-tertiary); --button-fill-hover: var(--color-transparent);} .btn--tertiary:hover {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent;} .btn--light {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent; --button-fill: var(--color-gray-100); --button-fill-hover: var(--color-gray-100);} .btn--light:hover {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent;} .btn--dark {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent; --button-fill: var(--color-gray-900); --button-fill-hover: var(--color-gray-900);} .btn--dark:hover {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent;} .btn--error {--border-color: var(--color-error,var(--color-error)); --button-color: var(--color-error-on); --button-shadow-color: var(--color-error-20); text-decoration-color: transparent; --button-fill: var(--color-error); --button-fill-hover: var(--color-error);} .btn--error:hover {--border-color: var(--color-error,var(--color-error)); --button-color: var(--color-error-on); --button-shadow-color: var(--color-error-20); text-decoration-color: transparent;} .btn--error-on {--border-color: var(--color-error-on,var(--color-error-on)); --button-color: var(--color-error-on-on); --button-shadow-color: var(--color-error-on-20); text-decoration-color: transparent; --button-fill: var(--color-on-error); --button-color: var(--color-error); --button-fill-hover: var(--color-on-error);} .btn--error-on:hover {--border-color: var(--color-error-on,var(--color-error-on)); --button-color: var(--color-error-on-on); --button-shadow-color: var(--color-error-on-20); text-decoration-color: transparent; --button-color: var(--color-error);} .btn--error-mix {--border-color: var(--color-error-mix,var(--color-error-mix)); --button-color: var(--color-error-mix-on); --button-shadow-color: var(--color-error-mix-20); text-decoration-color: transparent; --button-fill: var(--color-error-mix); --button-fill-hover: var(--color-error-mix);} .btn--error-mix:hover {--border-color: var(--color-error-mix,var(--color-error-mix)); --button-color: var(--color-error-mix-on); --button-shadow-color: var(--color-error-mix-20); text-decoration-color: transparent;} @media screen and (min-width: 48em) { .btn { --button-font-size: var(--font_button_size_md); } } </style> <style data-shopify> :root { --gap-sm-2xs: 0.25rem; --gap-sm-xs: 0.5rem; --gap-sm-sm: 0.75rem; --gap-sm-md: 1.0rem; --gap-sm-lg: 1.25rem; --gap-sm-xl: 1.5rem; --gap-sm-2xl: 2.0rem; --gap-lg-2xs: 0.5rem; --gap-lg-xs: 1.0rem; --gap-lg-sm: 1.5rem; --gap-lg-md: 2.0rem; --gap-lg-lg: 2.5rem; --gap-lg-xl: 3.0rem; --gap-lg-2xl: 3.5rem; --gap-container-2xs: 0.5rem; --gap-container-xs: 1.0rem; --gap-container-sm: 2.0rem; --gap-container-md: 3.0rem; --gap-container-lg: 4.0rem; --gap-container-xl: 5.0rem; --gap-container-2xl: 6.0rem; --padding-xs-2xs: 0.125rem; --padding-xs-xs: 0.25rem; --padding-xs-sm: 0.375rem; --padding-xs-md: 0.5rem; --padding-xs-lg: 0.625rem; --padding-xs-xl: 0.75rem; --padding-xs-2xl: 1.0rem; --padding-sm-2xs: 0.25rem; --padding-sm-xs: 0.5rem; --padding-sm-sm: 0.75rem; --padding-sm-md: 1.0rem; --padding-sm-lg: 1.25rem; --padding-sm-xl: 1.5rem; --padding-sm-2xl: 2.0rem; --padding-lg-2xs: 0.5rem; --padding-lg-xs: 1.0rem; --padding-lg-sm: 1.5rem; --padding-lg-md: 2.0rem; --padding-lg-lg: 2.5rem; --padding-lg-xl: 3.0rem; --padding-lg-2xl: 3.5rem; --padding-container-2xs: 0.5rem; --padding-container-xs: 1.0rem; --padding-container-sm: 2.0rem; --padding-container-md: 3.0rem; --padding-container-lg: 4.0rem; --padding-container-xl: 5.0rem; --padding-container-2xl: 6.0rem; --padding-section-desktop-2xs: .5rem; --padding-section-desktop-xs: 1rem; --padding-section-desktop-sm: 2rem; --padding-section-desktop-md: 3rem; --padding-section-desktop-lg: 4rem; --padding-section-desktop-xl: 5rem; --padding-section-desktop-2xl: 6rem; --padding-section-mobile-2xs: .25rem; --padding-section-mobile-xs: .5rem; --padding-section-mobile-sm: 1.5rem; --padding-section-mobile-md: 2rem; --padding-section-mobile-lg: 2.5rem; --padding-section-mobile-xl: 3rem; --padding-section-mobile-2xl: 4rem; --margin-sm-2xs: 0.25rem; --margin-sm-xs: 0.5rem; --margin-sm-sm: 0.75rem; --margin-sm-md: 1.0rem; --margin-sm-lg: 1.25rem; --margin-sm-xl: 1.5rem; --margin-sm-2xl: 2.0rem; --margin-lg-2xs: 0.5rem; --margin-lg-xs: 1.0rem; --margin-lg-sm: 1.5rem; --margin-lg-md: 2.0rem; --margin-lg-lg: 2.5rem; --margin-lg-xl: 3.0rem; --margin-lg-2xl: 3.5rem; --margin-container-2xs: 0.5rem; --margin-container-xs: 1.0rem; --margin-container-sm: 2.0rem; --margin-container-md: 3.0rem; --margin-container-lg: 4.0rem; --margin-container-xl: 5.0rem; --margin-container-2xl: 6.0rem; --w-tooltip-sm: 180px; --w-tooltip-md: 210px; --w-tooltip-lg: 240px; --w-tooltip-xl: 270px; --container-max-w-sm: 100rem; --container-max-w-lg: 200rem; --select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs))); } </style> <link href="//shop.wired.com/cdn/shop/t/30/assets/styles-critical.bundle.css?v=120870896162292369161726696439" rel="stylesheet" type="text/css" media="all" /> <title> Wired Magazine Shop - WIRED Magazine Store: Shop Official Merchandise </title> <script> window.theme_version = '2.19.0'; </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/runtime.bundle.js?v=15618235630933924601726696441"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/geolocation.bundle.js?v=95223894005838223881726696438"></script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event:'page_data_loaded', user: { logged_in: 'false' }, pageType: 'index', platform: 'shopify', shopify_consent: 'true', platform_theme: 'global', platform_version: window.theme_version }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5HBJC2K');</script>  <link rel="canonical" href="https://shop.wired.com/"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="dthhh5ge7ap40jkxx6b4o7gixoh6lg"> <meta name="google-site-verification" content="tV0Capdo3kvIjGvvELvFwWQdFumnDmLWdnoUcPcIoZc"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/76163186983/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="bd4f54d0cf0e366533f260ca917efb36"> <meta id="in-context-paypal-metadata" data-shop-id="76163186983" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=76163186983" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":76163186983,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/76163186983","merchantName":"Wired Magazine Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Wired Magazine Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"bd4f54d0cf0e366533f260ca917efb36","betas":["rich-media-storefront-analytics"],"domain":"shop.wired.com","predictiveSearch":true,"shopId":76163186983,"smart_payment_buttons_url":"https:\/\/shop.wired.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/shop.wired.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "wired-magazine.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"UMG2-2.19.0-Sep18","id":171045945639,"schema_name":"Rhythm","schema_version":"2.19.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shop.wired.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_OeEJaCCl.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_ebaeknJi.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DFuavrNS.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_FYuhzIyB.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BpgmfGjt.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BeYjtKbh.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_PZ5lYCet.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BJjZdiwD.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"pay-button":["modules/v2/client.pay-button_Bg1kIsBL.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ChDGiggf.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"lead-capture":["modules/v2/client.lead-capture_aUqk28I9.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CgEU06X8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["\/\/shopify.privy.com\/widget.js?shop=wired-magazine.myshopify.com","https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=wired-magazine.myshopify.com","https:\/\/r2-t.trackedlink.net\/_dmspt.js?shop=wired-magazine.myshopify.com","https:\/\/r2-t.trackedlink.net\/shopify\/ddgtag.js?shop=wired-magazine.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":76163186983,"offset":-18000,"reqid":"5d2b30a3-befd-4b17-8720-f63c6632da30-1739788822","pageurl":"shop.wired.com\/","u":"fb5c63f760e1","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://shop.wired.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="https://fonts.umgapps.com/wired/stylesheet.css"> <style> ::backdrop { --theme-color: ; background: hsl(0 0% 0% / 0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } </style> <link href="//shop.wired.com/cdn/shop/t/30/assets/styles.bundle.css?v=19987794466391898221726696439" rel="stylesheet" type="text/css" media="print" onload="this.media=`all`;this.removeAttribute(`onload`)" /> <noscript><link href="//shop.wired.com/cdn/shop/t/30/assets/styles.bundle.css?v=19987794466391898221726696439" rel="stylesheet" type="text/css" media="all" /></noscript> <script src="//shop.wired.com/cdn/shop/t/30/assets/alpine.bundle.js?v=12302431829341535371726696438" defer></script><style data-shopify>body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .card__wrapper { border-bottom: 1px solid black; } .card__wrapper:hover .card__title { text-decoration: underline; } /*********************************** SEO BANNER DESCRIPTION ***********************************/ .template-collection-banner [class*="text_body"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*********************************** END SEO BANNER DESCRIPTION ***********************************/ </style> <link rel="apple-touch-icon" sizes="180x180" href="//shop.wired.com/cdn/shop/files/ICON---favi.png?crop=center&height=180&v=1689096244&width=180"> <link rel="icon" href="//shop.wired.com/cdn/shop/files/ICON---favi.png?crop=center&height=32&v=1689096244&width=32"> <meta name="description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <meta property="og:site_name" content="Wired Magazine Shop"> <meta property="og:url" content="https://shop.wired.com/"> <meta property="og:title" content="WIRED Magazine Store: Shop Official Merchandise - Wired Magazine Shop"> <meta property="og:type" content="website"> <meta property="og:description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <meta property="og:image" content="http://shop.wired.com/cdn/shop/files/WIREDsocial_ba3f002a-a4cb-4505-8733-dd266e95928a.png?v=1694091775"> <meta property="og:image:secure_url" content="https://shop.wired.com/cdn/shop/files/WIREDsocial_ba3f002a-a4cb-4505-8733-dd266e95928a.png?v=1694091775"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="WIRED Magazine Store: Shop Official Merchandise - Wired Magazine Shop"> <meta name="twitter:description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <script> function loadYoutubeIframeAPI() { if(!document.getElementById('youtube_iframe_api')) { const tag = document.createElement('script') tag.id = 'youtube_iframe_api' tag.src = 'https://www.youtube.com/iframe_api' const firstScriptTag = document.getElementsByTagName('script')[0] firstScriptTag.parentNode.insertBefore(tag, firstScriptTag) } } function onYouTubeIframeAPIReady () { const youtubePlayers = document.querySelectorAll('[data-autoplay="true"][data-youtube-id]') if (youtubePlayers) { youtubePlayers.forEach(function (player) { new YT.Player(player, { events: { onReady: function (e) { e.target.playVideo() } } }) }) } } </script> <script> window.dotDigital = { shopDomain: 'shop.wired.com', insightId: 'DM-4963310419-02' } </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dot-digital.bundle.js?v=64551170413436301651726696439" defer></script> <script type="text/javascript"> window.addEventListener("load", (event) => { // Parses and returns any cookie function getCookie(name) { let re = new RegExp(name + "=([^;]+)"); let value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } // Gets Snowplow session cookie details function getSnowplowDuid(cookieName) { var cookieName = cookieName || '_sp_'; var matcher = new RegExp(cookieName + 'id\\.[a-f0-9]+=([^;]+);?'); var match = document.cookie.match(matcher); if (match && match[1]) { var split = match[1].split('.'); return { 'domain_userid': split[0], 'domain_sessionidx': split[2], 'domain_sessionid': split[5] } } else { return false; } } // Initializes Snowplow (once per page load) async function initSnowplow() { // Loading tracker with the Snowplow tag (function (p, l, o, w, i, n, g) { if (!p[i]) { p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; p.GlobalSnowplowNamespace.push(i); p[i] = function () { (p[i].q = p[i].q || []).push(arguments); }; p[i].q = p[i].q || []; n = l.createElement(o); g = l.getElementsByTagName(o)[0]; n.async = 1; n.src = w; g.parentNode.insertBefore(n, g); } })( window, document, "script", "//cdn.jsdelivr.net/npm/@snowplow/javascript-tracker@3.17.0/dist/sp.js", "snowplow" ); // Tracker Initialization window.snowplow("newTracker", "sp", "c.wired.com", { appId: "wired-shop", discoverRootDomain: true, cookieSameSite: "Lax", respectDoNotTrack: true, contexts: { webPage: true, performanceTiming: true } }); window.snowplow('setOptOutCookie', 'notrack'); // If ?userId query url param exist set it as Snowplow user id. // Do not use emails or PII. Hash before sending in the url. window.snowplow('setUserIdFromLocation', 'userId'); // TODO } // Update/create a cart with note attributes // for each of our SnowcatCloud cookie identifiers. async function setAttributeAndTrackPageView() { // Snowplow callback, waiting to get the cookie window.snowplow(async function () { let sp = this.sp; let domainUserId = sp.getDomainUserId(); // https://shopify.dev/docs/api/ajax/reference/cart#get-locale-cart-js const result = await fetch('/cart/update.js', { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify({ "attributes": { "domain_userid": domainUserId, "network_userid": getCookie('sp') || null, "domain_sessionid": getSnowplowDuid()["domain_sessionid"] || null } }) }); let options = {} // Wait and set the cartId to the result const response = await result.json(); let cartId = response?.token; // Some Shopify Instances don't return the token on cart/update.json, // Let's try to get it through cart.js if (!cartId) { // If the token is still empty, fetch the cart to get the token const cartResult = await fetch('/cart.js'); const cart = await cartResult.json(); cartId = cart.token; } let context = [ { schema: "iglu:com.shopify/cart/jsonschema/1-0-0", data: { id: cartId, token: cartId, }, }, ]; options = { context } window.snowplow("trackPageView", options); }) } let spt_started = false; function start(retryCount = 0, maxRetries = 60) { if (spt_started) { return; } // Check if analytics processing is allowed before initializing Snowplow if (window.Shopify.customerPrivacy?.analyticsProcessingAllowed()) { spt_started = true; initSnowplow() .then(function () { setAttributeAndTrackPageView() console.log('Snowplow event tracker initialized!'); }) .catch(error => console.error('Error initializing Snowplow:', error)); } else if (retryCount < maxRetries) { setTimeout(() => start(retryCount + 1, maxRetries), 1000); } } document.addEventListener("visitorConsentCollected", (event) => { start(); }); // Load Shopify Customer Privacy API try { window.Shopify.loadFeatures([ { name: 'consent-tracking-api', version: '0.1', }, ], function (error) { if (error) { console.error('Error loading Customer Privacy API:', error); } }); start(); } catch (error) { console.error('Error loading Customer Privacy API:', error); } }); </script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 76163186983,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 76163186983,storefrontBaseUrl: "https://shop.wired.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"868385063","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-NBBT4W95\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"477233447","configuration":"{\"gtm_id\":\"GTM-5HBJC2K\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"299424acee8b7621ead09d2fba9a011f","type":"APP","apiClientId":37773246465,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Wired Magazine Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"wired-magazine.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shop.wired.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://shop.wired.com/cdn","96d7db11b5d836789812e500283123b0e57df9f7","8fa806few5358ccf9p85054907m3e22f137",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 76163186983, theme_id: 171045945639, app_name: "storefront", context_url: window.location.href, source_url: "//shop.wired.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shop.wired.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shop.wired.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":76163186983,"isMerchantRequest":null,"themeId":171045945639,"themeCityHash":"10389932838102475453","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//shop.wired.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://shop.wired.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.3.0.min.js" data-application="storefront-renderer" data-shop-id="76163186983" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="171045945639" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="template__index flex flex-col grow min-h-full relative md:relative scheme-scheme2 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2.19.0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HBJC2K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent"> Skip to content </a><content-overlay> <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div> </content-overlay> <header id="shopify-section-sections--23241934176551__header" class="shopify-section shopify-section-group-header-group site-header"><style> #shopify-section-sections--23241934176551__header { position: sticky;top: 0;z-index: 999997; width: 100%; } </style> <script>document.getElementById('shopify-section-sections--23241934176551__header').classList.add('umg-sticky', 'transition-[transform]')</script> <div id="header__wrapper" class="header__wrapper scheme-scheme2 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme2 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; "> <div id="header__container" class="header__container grid gap-y-sm-sm gap-x-none grid-cols-7 section-spacing mx-auto w-full relative z-10 py-container-xs md:py-container-xs px-none max-w-xl md:px-none md:max-w-xl c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" > <div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center" > <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_md no-underline" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu"> <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> <path d="M0 88C0 83.58 3.582 80 8 80H440C444.4 80 448 83.58 448 88C448 92.42 444.4 96 440 96H8C3.582 96 0 92.42 0 88zM0 248C0 243.6 3.582 240 8 240H440C444.4 240 448 243.6 448 248C448 252.4 444.4 256 440 256H8C3.582 256 0 252.4 0 248zM440 416H8C3.582 416 0 412.4 0 408C0 403.6 3.582 400 8 400H440C444.4 400 448 403.6 448 408C448 412.4 444.4 416 440 416z"/> </svg> </div> </button> <div class="hamburger-wrapper fixed z-[1000000] top-0 inset-x-0 transform origin-top-left w-full h-screen md:flex overflow-scroll overscroll-contain" x-show="hamburgerMenuOpen" x-cloak> <div class="hamburger-container w-[83%] md:w-[40%] max-w-sm h-screen absolute right-0 z-10 overflow-scroll left-0 right-[17%] md:left-0 md:right-[60%] c-bg-surface c-text-on-surface py-lg-sm" x-show="hamburgerMenuOpen"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full"> <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_md"> <span class="hamburger-header-wrapper flex px-lg-md"> </span> <button class="hamburger-close-btn-wrapper h-[3rem] w-[3rem] p-sm-sm mr-sm-md" x-on:click="hamburgerMenuOpen = false" type="button" aria-label="Close navigation menu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <nav class="nav-wrapper" > <ul class="navigation-container flex flex-col text-left gap-x-none gap-y-sm-lg" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Gifts Under $50 </a> </li> </ul> </nav> </div> <button class="absolute top-0 left-0 bottom-0 right-0 bg-black/30 w-full h-screen -z-1" x-show="hamburgerMenuOpen"x-on:click="hamburgerMenuOpen = false"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="opacity-0"x-transition:enter-end="opacity-100"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="opacity-100"x-transition:leave-end="opacity-0"> <span class="sr-only"> Close navigation menu </span> </button> </div> </div> <div class="header__column header__column--1 header__column--logo flex col-span-3 justify-center items-center" > <div class="logo-container" > <h1> <span class="sr-only">WIRED Magazine Store: Shop Official Merchandise</span> <a href="/" class="logo-cntr block" style="--logo-width: 9.375rem;" title="Wired Magazine Shop"> <picture class="image__adaptive "> <source data-src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=4574" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1200 1200w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1600 1600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=2000 2000w" width="4574" height="860" loading="eager" sizes="(min-width: 768px) 150px, 150px"media="(min-width: 760px)"> <img src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=900" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w" width="900" height="169" loading="eager" sizes="(min-width: 768px) 150px, 150px" class="w-full object-cover image__responsive"> </picture> </a></h1> </div> </div> <div class="header__column header__column--2 header__column--actions flex col-span-2 justify-end items-center" > <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> <button class="header__action header__action--account-link text_navigation_md no-underline"> <a href="/account?view=orders" class="flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor"> <path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/> </svg> <span class="sr-only">Account</span> </div> </a> </button> <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1"> <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> <img src="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190" alt="Cart Icon: Shopping Bag" srcset="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190&width=18 18w" width="18" height="23" loading="eager" class=" icon icon--cart umg-icon image__responsive image__responsive--svg"> </div> <span class="sr-only">Cart</span> <div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div> </a> </cart-drawer-toggle-button> </div> </div> </div> <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-surface c-text-on-surface" x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" > <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl"> <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> <div class="predictive-search__input-wrapper relative w-full"> <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" id="search" type="search" value="" name="q" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" aria-label="search.label" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput"> <button class="predictive-search__input-icon box-content border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs h-full" type="submit" aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> <path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/> </svg> </button> </div> </form> </div> </div> </div> <style> #shopify-section-sections--23241934176551__header .cart-count {min-height: 18px; min-width: 18px; top: -0.5rem; right: 0.25rem;} #shopify-section-sections--23241934176551__header .header__action--account-link {position: relative; top: -2px;} </style></header><header id="shopify-section-sections--23241934176551__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md"><style> #shopify-section-sections--23241934176551__header-md { position: sticky;top: 0;z-index: 999997; width: 100%; } </style> <script>document.getElementById('shopify-section-sections--23241934176551__header-md').classList.add('umg-sticky', 'transition-[transform]')</script> <div id="header__wrapper--md" class="header__wrapper header__wrapper--md scheme-scheme2 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme2 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none border-none c-border-default-color border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; "> <div id="header__container--md" class="header__container header__container--md grid gap-y-none gap-x-sm-xl grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-full md:max-w-full mx-auto text-center" > <div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center" > <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu"> <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> <path d="M0 88C0 83.58 3.582 80 8 80H440C444.4 80 448 83.58 448 88C448 92.42 444.4 96 440 96H8C3.582 96 0 92.42 0 88zM0 248C0 243.6 3.582 240 8 240H440C444.4 240 448 243.6 448 248C448 252.4 444.4 256 440 256H8C3.582 256 0 252.4 0 248zM440 416H8C3.582 416 0 412.4 0 408C0 403.6 3.582 400 8 400H440C444.4 400 448 403.6 448 408C448 412.4 444.4 416 440 416z"/> </svg> </div> </button> <div class="hamburger-wrapper fixed z-[1000000] top-0 inset-x-0 transform origin-top-left w-full h-screen md:flex overflow-scroll overscroll-contain" x-show="hamburgerMenuOpen" x-cloak> <div class="hamburger-container w-[83%] md:w-[40%] max-w-sm h-screen absolute right-0 z-10 overflow-scroll left-0 right-[17%] md:left-0 md:right-[60%] c-bg-surface c-text-on-surface py-lg-sm" x-show="hamburgerMenuOpen"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full"> <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_sm"> <span class="hamburger-header-wrapper flex px-lg-md"> </span> <button class="hamburger-close-btn-wrapper h-[3rem] w-[3rem] p-sm-sm mr-sm-md" x-on:click="hamburgerMenuOpen = false" type="button" aria-label="Close navigation menu"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <nav class="nav-wrapper" > <ul class="navigation-container flex flex-col text-left gap-x-sm-lg gap-y-sm-xl" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Gifts Under $50 </a> </li> </ul> </nav> </div> <button class="absolute top-0 left-0 bottom-0 right-0 bg-black/30 w-full h-screen -z-1" x-show="hamburgerMenuOpen"x-on:click="hamburgerMenuOpen = false"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="opacity-0"x-transition:enter-end="opacity-100"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="opacity-100"x-transition:leave-end="opacity-0"> <span class="sr-only"> Close navigation menu </span> </button> </div> </div> <div class="header__column header__column--1 header__column--logo flex col-span-2 justify-start items-center" > <div class="logo-container" > <h1> <span class="sr-only">WIRED Magazine Store: Shop Official Merchandise</span> <a href="/" class="logo-cntr block" style="--logo-width: 9.375rem;" title="Wired Magazine Shop"> <picture class="image__adaptive "> <source data-src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=4574" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1200 1200w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1600 1600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=2000 2000w" width="4574" height="860" loading="eager" sizes="(min-width: 768px) 150px, 150px"media="(min-width: 760px)"> <img src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=900" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w" width="900" height="169" loading="eager" sizes="(min-width: 768px) 150px, 150px" class="w-full object-cover image__responsive"> </picture> </a></h1> </div> </div> <div class="navigation-wrapper header__column flex header-md__column--2 col-span-6 justify-start items-center" > <nav class="nav-wrapper" > <ul class="navigation-container flex flex-row flex-wrap justify-center items-center text-left gap-x-sm-lg gap-y-sm-xl" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Gifts Under $50 </a> </li> </ul> </nav> </div> <div class="header__column header__column--3 header__column--actions flex col-span-4 justify-end items-center" > <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> <button class="header__action header__action--account-link text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] hover:c-text-secondary"> <a href="/account?view=orders" class="flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor"> <path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/> </svg> <span class="sr-only">Account</span> </div> </a> </button> <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] hover:c-text-secondary" tabindex="-1"> <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> <img src="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190" alt="Cart Icon: Shopping Bag" srcset="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190&width=18 18w" width="18" height="23" loading="eager" class=" icon icon--cart umg-icon image__responsive image__responsive--svg"> </div> <span class="sr-only">Cart</span> <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div> </a> </cart-drawer-toggle-button> </div> </div> </div> <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-surface c-text-on-surface" x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" > <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl"> <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> <div class="predictive-search__input-wrapper relative w-full"> <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" id="search__md" type="search" value="" name="q" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" aria-label="search.label" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput"> <button class="predictive-search__input-icon box-content border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs h-full" type="submit" aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> <path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/> </svg> </button> </div> </form> </div> </div> </div> <style> #shopify-section-sections--23241934176551__header-md .header__container--md {grid-template-columns: auto auto 1fr auto;} #shopify-section-sections--23241934176551__header-md .header__container--md .header__column {grid-column: initial;} #shopify-section-sections--23241934176551__header-md .navigation-wrapper > .nav-wrapper .header__navigation-link:hover {text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: 1px !important;} #shopify-section-sections--23241934176551__header-md .actions-container {gap: 0.75rem;} #shopify-section-sections--23241934176551__header-md .header__action--account-link {position: relative; top: 3px;} #shopify-section-sections--23241934176551__header-md .header__action--account-link > a > div {width: 100%;} </style></header><aside id="shopify-section-sections--23241934176551__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects"> </aside><section id="shopify-section-sections--23241934176551__developer_XHP4Nj" class="shopify-section shopify-section-group-header-group developer"><style data-shopify>.hamburger-container .nav-wrapper { .header__navigation-link:hover, .header__navigation--account-link:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px !important; } } .header__hamburgermenu--icon { position: relative; top: 3px; } .hamburger-header-wrapper { justify-content: flex-start; } .nav-wrapper .navigation-container > li:first-child a { background-color: #ff58e4; padding: 0.5em; line-height: 1; } .hamburger-container .navigation-container > li:first-child a{ display: inline; position: relative; padding: var(--padding-xs-sm) var(--padding-xs-md); margin-left: var(--margin-lg-sm); } .hamburger-container { max-width: 300px; .nav-wrapper { margin-top: 100px; } } .hamburger-container .hamburger-header-wrapper { padding-left: 0px; } .hamburger-close-btn-wrapper { position: relative; left: -1rem; .icon--close { height: 30px; } } .cart-count { min-height: 18px; min-width: 18px; top: -0.5rem; } .cart-drawer { max-width: 30rem; } .cart-drawer__close .icon--close { height: 30px; } </style> </section> <cart-drawer hidden id="cart-drawer" class="cart-drawer fixed z-[1000002] top-0 max-w-11/12 h-full w-full md:max-w-xs motion-safe:animate-none right-0 translate-x-full transition-transform duration-300 ease-in-out"> <style> .cart-drawer.active { transform: translateX(0); } </style> <div class="cart-drawer__innerwrapper grid grid-rows-[auto_1fr_auto] h-full overflow-y-scroll overscroll-x-contain cart-drawer--empty section__container grid py-none px-none md:px-none gap-y-sm-md c-bg-background c-text-content-base border-default-width c-border-background rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0"> <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-sm"> <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs"> <span class="sr-only">Close cart</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main"> <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg"> <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4> <p class="cart__empty-message text_body">Time to fill up the cart</p> <cart-drawer-toggle-button class="cart__empty-action" tabindex="0"> <button class="btn btn--primary block z-10 relative">Continue shopping</button> </cart-drawer-toggle-button> </div> </div> </div> </cart-drawer><main id="MainContent" role="main" class="z-10 grow"><section id="shopify-section-template--23241934536999__featured_collection_1" class="shopify-section featured-collection"> <div class="section__wrapper scheme-scheme1 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-sm"> <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none "> <div class="section-container-gap grid gap-y-lg-md"> <div class="section-spacing mx-auto w-full relative z-10 px-lg-sm max-w-lg md:max-w-lg"> <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none"> </div> </div> <div class="section-spacing mx-auto w-full relative z-10 py-none md:py-none px-lg-sm max-w-lg md:max-w-lg"> <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none"> <div data-items-element="swiper__parent" class="carousel-wrapper w-full relative overflow-hidden" data-carousel-class="carousel-wrapper w-full relative overflow-hidden" data-carousel-layout="left" data-carousel-layout-md="left" data-slides-per-view="2" data-slides-per-view-md="3" data-slides-per-view-lg="3" data-carousel-loop="false" data-carousel-autoplay="0" data-carousel-peek="false" data-carousel-peek-md="false" data-carousel-peek-value="0.15" data-carousel-peek-value-md="0.15" data-carousel-dragfree="false" data-carousel-align="start" data-carousel-gap-x="md" data-carousel-gap-y="md" data-carousel-zoom="" style="--grid-gap-x: var(--gap-container-md,0); --grid-gap-y-: var(--gap-container-md,0);" > <div data-items-element="swiper__viewport" class="w-full overflow-hidden swiper__viewport md:px-none" data-carousel-class="w-full overflow-hidden swiper__viewport md:px-none"> <ul data-items-element="swiper-wrapper" class="z-10 relative max-w-[100vw] w-full pb-lg-md grid-layout grid--product flex flex-wrap gap-x-lg-md md:gap-x-container-md gap-y-lg-md md:gap-y-container-md md:flex md:flex-wrap md:gap-x-container-md md:justify-normal" data-class="grid-layout grid--product flex flex-wrap gap-x-lg-md md:gap-x-container-md gap-y-lg-md md:gap-y-container-md md:flex md:flex-wrap md:gap-x-container-md md:justify-normal" data-carousel-class="z-10 relative max-w-[100vw] w-full pb-lg-md" data-next-url="" > <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-9182874796327" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="9182874796327" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-tired-11oz-coffee-mug-orange"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/Orangewiredmugfrontgreybackground.png?v=1715183310&width=1032" alt="The WIRED/TIRED 11oz Coffee Mug Orange Side 1" srcset="//shop.wired.com/cdn/shop/files/Orangewiredmugfrontgreybackground.png?v=1715183310&width=100 100w, //shop.wired.com/cdn/shop/files/Orangewiredmugfrontgreybackground.png?v=1715183310&width=300 300w, //shop.wired.com/cdn/shop/files/Orangewiredmugfrontgreybackground.png?v=1715183310&width=600 600w, //shop.wired.com/cdn/shop/files/Orangewiredmugfrontgreybackground.png?v=1715183310&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/OrangeWiredmugbackgreybackground.png?v=1718896609&width=1032" alt="The WIRED/TIRED 11oz Coffee Mug Orange Side 2" srcset="//shop.wired.com/cdn/shop/files/OrangeWiredmugbackgreybackground.png?v=1718896609&width=100 100w, //shop.wired.com/cdn/shop/files/OrangeWiredmugbackgreybackground.png?v=1718896609&width=300 300w, //shop.wired.com/cdn/shop/files/OrangeWiredmugbackgreybackground.png?v=1718896609&width=600 600w, //shop.wired.com/cdn/shop/files/OrangeWiredmugbackgreybackground.png?v=1718896609&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-tired-11oz-coffee-mug-orange" title="The WIRED/TIRED 11oz Coffee Mug Orange" aria-label="The WIRED/TIRED 11oz Coffee Mug Orange"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED/TIRED 11oz Coffee Mug Orange <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$25.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED/TIRED 11oz Coffee Mug Orange"></span> <span name="gtm_item_id" value="9182874796327"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465369991"></span> <span name="gtm_item_price" value="25.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8540286452007" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8540286452007" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-plaintext-tee-in-black"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/blackwiredteeondarkergraybackground.png?v=1694039466&width=1032" alt="The WIRED Plaintext Tee in Black" srcset="//shop.wired.com/cdn/shop/files/blackwiredteeondarkergraybackground.png?v=1694039466&width=100 100w, //shop.wired.com/cdn/shop/files/blackwiredteeondarkergraybackground.png?v=1694039466&width=300 300w, //shop.wired.com/cdn/shop/files/blackwiredteeondarkergraybackground.png?v=1694039466&width=600 600w, //shop.wired.com/cdn/shop/files/blackwiredteeondarkergraybackground.png?v=1694039466&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_BWTee.jpg?v=1715697822&width=1032" alt="The WIRED Plaintext Tee in Black" srcset="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_BWTee.jpg?v=1715697822&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_BWTee.jpg?v=1715697822&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_BWTee.jpg?v=1715697822&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_BWTee.jpg?v=1715697822&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-plaintext-tee-in-black" title="The WIRED Plaintext Tee in Black" aria-label="The WIRED Plaintext Tee in Black"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Plaintext Tee in Black <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$32.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Plaintext Tee in Black"></span> <span name="gtm_item_id" value="8540286452007"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00602458380309"></span> <span name="gtm_item_price" value="32.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-9084199534887" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="9084199534887" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-angry-nerd-baseball-cap-dad-hat"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/AngryNerdHatFrontGreyBackground.png?v=1715183165&width=1032" alt="The WIRED Angry Nerd Baseball Cap/Dad Hat 1" srcset="//shop.wired.com/cdn/shop/files/AngryNerdHatFrontGreyBackground.png?v=1715183165&width=100 100w, //shop.wired.com/cdn/shop/files/AngryNerdHatFrontGreyBackground.png?v=1715183165&width=300 300w, //shop.wired.com/cdn/shop/files/AngryNerdHatFrontGreyBackground.png?v=1715183165&width=600 600w, //shop.wired.com/cdn/shop/files/AngryNerdHatFrontGreyBackground.png?v=1715183165&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/RobotLongsleecexAngryNerdHatLifestyle1.png?v=1715697673&width=1032" alt="The WIRED Angry Nerd Baseball Cap/Dad Hat 2" srcset="//shop.wired.com/cdn/shop/files/RobotLongsleecexAngryNerdHatLifestyle1.png?v=1715697673&width=100 100w, //shop.wired.com/cdn/shop/files/RobotLongsleecexAngryNerdHatLifestyle1.png?v=1715697673&width=300 300w, //shop.wired.com/cdn/shop/files/RobotLongsleecexAngryNerdHatLifestyle1.png?v=1715697673&width=600 600w, //shop.wired.com/cdn/shop/files/RobotLongsleecexAngryNerdHatLifestyle1.png?v=1715697673&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-angry-nerd-baseball-cap-dad-hat" title="The WIRED Angry Nerd Baseball Cap/Dad Hat" aria-label="The WIRED Angry Nerd Baseball Cap/Dad Hat"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Angry Nerd Baseball Cap/Dad Hat <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$30.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Angry Nerd Baseball Cap/Dad Hat"></span> <span name="gtm_item_id" value="9084199534887"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465370010"></span> <span name="gtm_item_price" value="30.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-9182875091239" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="9182875091239" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-tired-11oz-coffee-mug-blue"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/BlueWiredMugFrontGreybackground.png?v=1715183217&width=1032" alt="The WIRED/TIRED 11oz Coffee Mug (Blue) Side 1" srcset="//shop.wired.com/cdn/shop/files/BlueWiredMugFrontGreybackground.png?v=1715183217&width=100 100w, //shop.wired.com/cdn/shop/files/BlueWiredMugFrontGreybackground.png?v=1715183217&width=300 300w, //shop.wired.com/cdn/shop/files/BlueWiredMugFrontGreybackground.png?v=1715183217&width=600 600w, //shop.wired.com/cdn/shop/files/BlueWiredMugFrontGreybackground.png?v=1715183217&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/BlueWiredMugbackgreybackground.png?v=1718896599&width=1032" alt="The WIRED/TIRED 11oz Coffee Mug Blue Side 2" srcset="//shop.wired.com/cdn/shop/files/BlueWiredMugbackgreybackground.png?v=1718896599&width=100 100w, //shop.wired.com/cdn/shop/files/BlueWiredMugbackgreybackground.png?v=1718896599&width=300 300w, //shop.wired.com/cdn/shop/files/BlueWiredMugbackgreybackground.png?v=1718896599&width=600 600w, //shop.wired.com/cdn/shop/files/BlueWiredMugbackgreybackground.png?v=1718896599&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-tired-11oz-coffee-mug-blue" title="The WIRED/TIRED 11oz Coffee Mug Blue" aria-label="The WIRED/TIRED 11oz Coffee Mug Blue"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED/TIRED 11oz Coffee Mug Blue <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$25.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED/TIRED 11oz Coffee Mug Blue"></span> <span name="gtm_item_id" value="9182875091239"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602465370003"></span> <span name="gtm_item_price" value="25.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8540279505191" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8540279505191" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-plaintext-tee-in-white"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/whitewiredteeondarkergraybackground.png?v=1694039511&width=1032" alt="The WIRED Plaintext Tee in White" srcset="//shop.wired.com/cdn/shop/files/whitewiredteeondarkergraybackground.png?v=1694039511&width=100 100w, //shop.wired.com/cdn/shop/files/whitewiredteeondarkergraybackground.png?v=1694039511&width=300 300w, //shop.wired.com/cdn/shop/files/whitewiredteeondarkergraybackground.png?v=1694039511&width=600 600w, //shop.wired.com/cdn/shop/files/whitewiredteeondarkergraybackground.png?v=1694039511&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/WiredWhiteTeeOutside1.png?v=1715697886&width=1032" alt="The WIRED Plaintext Tee in White" srcset="//shop.wired.com/cdn/shop/files/WiredWhiteTeeOutside1.png?v=1715697886&width=100 100w, //shop.wired.com/cdn/shop/files/WiredWhiteTeeOutside1.png?v=1715697886&width=300 300w, //shop.wired.com/cdn/shop/files/WiredWhiteTeeOutside1.png?v=1715697886&width=600 600w, //shop.wired.com/cdn/shop/files/WiredWhiteTeeOutside1.png?v=1715697886&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-plaintext-tee-in-white" title="The WIRED Plaintext Tee in White" aria-label="The WIRED Plaintext Tee in White"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Plaintext Tee in White <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$32.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Plaintext Tee in White"></span> <span name="gtm_item_id" value="8540279505191"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00602458380255"></span> <span name="gtm_item_price" value="32.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8594516345127" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8594516345127" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-chrome-14-laptop-sleeve"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/chromelaptopsleevegraybackgroundV2.png?v=1694455702&width=1032" alt="The WIRED Chrome 14” Laptop Sleeve" srcset="//shop.wired.com/cdn/shop/files/chromelaptopsleevegraybackgroundV2.png?v=1694455702&width=100 100w, //shop.wired.com/cdn/shop/files/chromelaptopsleevegraybackgroundV2.png?v=1694455702&width=300 300w, //shop.wired.com/cdn/shop/files/chromelaptopsleevegraybackgroundV2.png?v=1694455702&width=600 600w, //shop.wired.com/cdn/shop/files/chromelaptopsleevegraybackgroundV2.png?v=1694455702&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_WLaptopSleeve.jpg?v=1695080277&width=1032" alt="The WIRED Chrome 14” Laptop Sleeve" srcset="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_WLaptopSleeve.jpg?v=1695080277&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_WLaptopSleeve.jpg?v=1695080277&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_WLaptopSleeve.jpg?v=1695080277&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_WLaptopSleeve.jpg?v=1695080277&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-chrome-14-laptop-sleeve" title="The WIRED Chrome 14” Laptop Sleeve" aria-label="The WIRED Chrome 14” Laptop Sleeve"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Chrome 14” Laptop Sleeve <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$28.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Chrome 14” Laptop Sleeve"></span> <span name="gtm_item_id" value="8594516345127"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458506013"></span> <span name="gtm_item_price" value="28.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8495274819879" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8495274819879" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-tessellation-tote"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/TheWIREDTessellationTotegraybackground.png?v=1694456502&width=1032" alt="The WIRED Tessellation Tote" srcset="//shop.wired.com/cdn/shop/files/TheWIREDTessellationTotegraybackground.png?v=1694456502&width=100 100w, //shop.wired.com/cdn/shop/files/TheWIREDTessellationTotegraybackground.png?v=1694456502&width=300 300w, //shop.wired.com/cdn/shop/files/TheWIREDTessellationTotegraybackground.png?v=1694456502&width=600 600w, //shop.wired.com/cdn/shop/files/TheWIREDTessellationTotegraybackground.png?v=1694456502&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/TessellationToteDogstyle1.png?v=1715697646&width=1032" alt="The WIRED Tessellation Tote" srcset="//shop.wired.com/cdn/shop/files/TessellationToteDogstyle1.png?v=1715697646&width=100 100w, //shop.wired.com/cdn/shop/files/TessellationToteDogstyle1.png?v=1715697646&width=300 300w, //shop.wired.com/cdn/shop/files/TessellationToteDogstyle1.png?v=1715697646&width=600 600w, //shop.wired.com/cdn/shop/files/TessellationToteDogstyle1.png?v=1715697646&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-tessellation-tote" title="The WIRED Tessellation Tote" aria-label="The WIRED Tessellation Tote"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Tessellation Tote <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$30.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Tessellation Tote"></span> <span name="gtm_item_id" value="8495274819879"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458380415"></span> <span name="gtm_item_price" value="30.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8540289892647" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8540289892647" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-longread-long-sleeve-tee-in-white"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/wiredLSfronondarkergraybackground.png?v=1694039643&width=1032" alt="The Longread Long-Sleeve Tee in White" srcset="//shop.wired.com/cdn/shop/files/wiredLSfronondarkergraybackground.png?v=1694039643&width=100 100w, //shop.wired.com/cdn/shop/files/wiredLSfronondarkergraybackground.png?v=1694039643&width=300 300w, //shop.wired.com/cdn/shop/files/wiredLSfronondarkergraybackground.png?v=1694039643&width=600 600w, //shop.wired.com/cdn/shop/files/wiredLSfronondarkergraybackground.png?v=1694039643&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_LSTee.jpg?v=1698850536&width=1032" alt="The Longread Long-Sleeve Tee in White" srcset="//shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_LSTee.jpg?v=1698850536&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_LSTee.jpg?v=1698850536&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_LSTee.jpg?v=1698850536&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED_Merch_1032x1380_LSTee.jpg?v=1698850536&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-longread-long-sleeve-tee-in-white" title="The Longread Long-Sleeve Tee in White" aria-label="The Longread Long-Sleeve Tee in White"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The Longread Long-Sleeve Tee in White <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$55.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The Longread Long-Sleeve Tee in White"></span> <span name="gtm_item_id" value="8540289892647"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00602458380354"></span> <span name="gtm_item_price" value="55.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8762568278311" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8762568278311" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-have-a-nice-future-tote"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/Haveanicefuturetotegraybackground.png?v=1697223235&width=1032" alt="The Have A Nice Future Podcaster’s Tote" srcset="//shop.wired.com/cdn/shop/files/Haveanicefuturetotegraybackground.png?v=1697223235&width=100 100w, //shop.wired.com/cdn/shop/files/Haveanicefuturetotegraybackground.png?v=1697223235&width=300 300w, //shop.wired.com/cdn/shop/files/Haveanicefuturetotegraybackground.png?v=1697223235&width=600 600w, //shop.wired.com/cdn/shop/files/Haveanicefuturetotegraybackground.png?v=1697223235&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/haveanicefuturetotelifestyle1.png?v=1698847636&width=1032" alt="The Have A Nice Future Tote" srcset="//shop.wired.com/cdn/shop/files/haveanicefuturetotelifestyle1.png?v=1698847636&width=100 100w, //shop.wired.com/cdn/shop/files/haveanicefuturetotelifestyle1.png?v=1698847636&width=300 300w, //shop.wired.com/cdn/shop/files/haveanicefuturetotelifestyle1.png?v=1698847636&width=600 600w, //shop.wired.com/cdn/shop/files/haveanicefuturetotelifestyle1.png?v=1698847636&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-have-a-nice-future-tote" title="The Have A Nice Future Tote" aria-label="The Have A Nice Future Tote"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The Have A Nice Future Tote <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$23.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The Have A Nice Future Tote"></span> <span name="gtm_item_id" value="8762568278311"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458380422"></span> <span name="gtm_item_price" value="23.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8540293366055" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8540293366055" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-tired-water-bottle"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/WIREDBottleBackgraybackground.png?v=1694554267&width=1032" alt="The WIRED/TIRED Water Bottle" srcset="//shop.wired.com/cdn/shop/files/WIREDBottleBackgraybackground.png?v=1694554267&width=100 100w, //shop.wired.com/cdn/shop/files/WIREDBottleBackgraybackground.png?v=1694554267&width=300 300w, //shop.wired.com/cdn/shop/files/WIREDBottleBackgraybackground.png?v=1694554267&width=600 600w, //shop.wired.com/cdn/shop/files/WIREDBottleBackgraybackground.png?v=1694554267&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/WiredTiredWaterBottleLifestyle1.png?v=1715697545&width=1032" alt="The WIRED/TIRED Water Bottle" srcset="//shop.wired.com/cdn/shop/files/WiredTiredWaterBottleLifestyle1.png?v=1715697545&width=100 100w, //shop.wired.com/cdn/shop/files/WiredTiredWaterBottleLifestyle1.png?v=1715697545&width=300 300w, //shop.wired.com/cdn/shop/files/WiredTiredWaterBottleLifestyle1.png?v=1715697545&width=600 600w, //shop.wired.com/cdn/shop/files/WiredTiredWaterBottleLifestyle1.png?v=1715697545&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-tired-water-bottle" title="The WIRED/TIRED Water Bottle" aria-label="The WIRED/TIRED Water Bottle"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED/TIRED Water Bottle <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$45.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED/TIRED Water Bottle"></span> <span name="gtm_item_id" value="8540293366055"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458380408"></span> <span name="gtm_item_price" value="45.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-9182875615527" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="9182875615527" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-wired-robot-black-long-sleeve-tee"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/RobotLongsleeveFrontGreyBackground.png?v=1715183190&width=1032" alt="The WIRED Robot Black Long-Sleeve Tee 1" srcset="//shop.wired.com/cdn/shop/files/RobotLongsleeveFrontGreyBackground.png?v=1715183190&width=100 100w, //shop.wired.com/cdn/shop/files/RobotLongsleeveFrontGreyBackground.png?v=1715183190&width=300 300w, //shop.wired.com/cdn/shop/files/RobotLongsleeveFrontGreyBackground.png?v=1715183190&width=600 600w, //shop.wired.com/cdn/shop/files/RobotLongsleeveFrontGreyBackground.png?v=1715183190&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/RobotLSLifestyle1.png?v=1715697938&width=1032" alt="The WIRED Robot Black Long-Sleeve Tee 2" srcset="//shop.wired.com/cdn/shop/files/RobotLSLifestyle1.png?v=1715697938&width=100 100w, //shop.wired.com/cdn/shop/files/RobotLSLifestyle1.png?v=1715697938&width=300 300w, //shop.wired.com/cdn/shop/files/RobotLSLifestyle1.png?v=1715697938&width=600 600w, //shop.wired.com/cdn/shop/files/RobotLSLifestyle1.png?v=1715697938&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-wired-robot-black-long-sleeve-tee" title="The WIRED Robot Black Long-Sleeve Tee" aria-label="The WIRED Robot Black Long-Sleeve Tee"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The WIRED Robot Black Long-Sleeve Tee <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$50.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The WIRED Robot Black Long-Sleeve Tee"></span> <span name="gtm_item_id" value="9182875615527"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="S"></span> <span name="gtm_item_upc" value="00602465370027"></span> <span name="gtm_item_price" value="50.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8762570277159" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8762570277159" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-splash-page-logo-green-tote"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/WiredGreenToteGrayBackground.png?v=1697223202&width=1032" alt="The Splash Page Logo Green Tote" srcset="//shop.wired.com/cdn/shop/files/WiredGreenToteGrayBackground.png?v=1697223202&width=100 100w, //shop.wired.com/cdn/shop/files/WiredGreenToteGrayBackground.png?v=1697223202&width=300 300w, //shop.wired.com/cdn/shop/files/WiredGreenToteGrayBackground.png?v=1697223202&width=600 600w, //shop.wired.com/cdn/shop/files/WiredGreenToteGrayBackground.png?v=1697223202&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/SplashPageLogoGreenToteLifestyle1.png?v=1715697626&width=1032" alt="The Splash Page Logo Green Tote" srcset="//shop.wired.com/cdn/shop/files/SplashPageLogoGreenToteLifestyle1.png?v=1715697626&width=100 100w, //shop.wired.com/cdn/shop/files/SplashPageLogoGreenToteLifestyle1.png?v=1715697626&width=300 300w, //shop.wired.com/cdn/shop/files/SplashPageLogoGreenToteLifestyle1.png?v=1715697626&width=600 600w, //shop.wired.com/cdn/shop/files/SplashPageLogoGreenToteLifestyle1.png?v=1715697626&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-splash-page-logo-green-tote" title="The Splash Page Logo Green Tote" aria-label="The Splash Page Logo Green Tote"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The Splash Page Logo Green Tote <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$23.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The Splash Page Logo Green Tote"></span> <span name="gtm_item_id" value="8762570277159"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458506037"></span> <span name="gtm_item_price" value="23.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> <li class="grid-item__wrapper w-full h-full grow-1 shrink-0 basis-[calc((100%-(1*var(--grid-gap-x)))/2)] !mr-0 md:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] lg:basis-[calc((100%-(2*var(--grid-gap-x)))/3)] !md:mr-0 relative flex" data-items-element="swiper-slide"> <div class="grid-item__content w-full h-full"> <div id="ProductInfo-8594512085287" class="card__wrapper relative w-full h-full col-span-2 grid-rows-[minmax(max-content,1fr)_auto] product_card" data-product="8594512085287" data-scroll="T"> <div class="card__container group h-full transition-colors duration-200 grid auto-rows-[minmax(min-content,max-content)] shadow-none border-none rounded-none c-border-default-color hover:c-border-transparent" style=""> <div class="card__image-wrapper w-full relative grid grid-cols-1 grid-rows-1 z-0 group row-start-1 col-start-1"> <div class="card__image--container grid grid-cols-1 grid-rows-1 z-0 col-start-1 col-end-2 row-start-1 row-end-2"> <a href="/products/the-spine-design-14-laptop-sleeve"> <div class="card__image relative overflow-hidden col-start-1 col-end-2 row-start-1 row-end-2 transition duration-500 ease-in-out shadow-none h-0 pb-[140%] border-none rounded-none c-border-transparent group-hover:c-border-transparent"> <div class="card__image-overlay c-bg-transparent opacity-0 group-hover:opacity-0 transition-all duration-200 z-[1] absolute inset-0 w-full h-full"></div> <img src="//shop.wired.com/cdn/shop/files/SpineDesignLaptopSleeveGrayBackrgoundV2.png?v=1694456314&width=1032" alt="The Spine Design 14” Laptop Sleeve" srcset="//shop.wired.com/cdn/shop/files/SpineDesignLaptopSleeveGrayBackrgoundV2.png?v=1694456314&width=100 100w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleeveGrayBackrgoundV2.png?v=1694456314&width=300 300w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleeveGrayBackrgoundV2.png?v=1694456314&width=600 600w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleeveGrayBackrgoundV2.png?v=1694456314&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover group-hover:opacity-0 transition-opacity duration-200 image__responsive"> <div class="image-hover opacity-0 group-hover:opacity-100 transition-opacity duration-200"> <img src="//shop.wired.com/cdn/shop/files/SpineDesignLaptopSleevexwhite_blacktees.png?v=1715697574&width=1032" alt="The Spine Design 14” Laptop Sleeve" srcset="//shop.wired.com/cdn/shop/files/SpineDesignLaptopSleevexwhite_blacktees.png?v=1715697574&width=100 100w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleevexwhite_blacktees.png?v=1715697574&width=300 300w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleevexwhite_blacktees.png?v=1715697574&width=600 600w, //shop.wired.com/cdn/shop/files/SpineDesignLaptopSleevexwhite_blacktees.png?v=1715697574&width=800 800w" width="1032" height="1380" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 33vw, (min-width: 760px and max-width: 75rem) 33vw, (min-width: 1024px) 25rem, (min-width: 760px) 25rem, (max-width: 759px) 50vw," class="absolute inset-0 w-full h-full object-cover image__responsive"> </div></div> </a> </div> </div> <div class="card__details--wrapper col-start-1 row-start-2 min-w-0 flex flex-1 flex-col p-[0.05px] gap-y-sm-2xs pt-sm-md pb-sm-lg"> <a href="/products/the-spine-design-14-laptop-sleeve" title="The Spine Design 14” Laptop Sleeve" aria-label="The Spine Design 14” Laptop Sleeve"> <div class="card__title card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_heading_md"/> The Spine Design 14” Laptop Sleeve <p/> </div> </a> <div class="card__price card__text card__details--wrapper relative block placement-below text-left justify-start c-text-"> <p class="text_body_lg"/> <del class="price__compare"></del> <span class="price__current">$28.00</span> <p/> </div> </div> </div> <aside hidden class="hidden"> <span name="gtm_item_name" value="The Spine Design 14” Laptop Sleeve"></span> <span name="gtm_item_id" value="8594512085287"></span> <span name="gtm_item_collection" value=""></span> <span name="gtm_item_variant" value="Default Title"></span> <span name="gtm_item_upc" value="00602458506006"></span> <span name="gtm_item_price" value="28.00"></span> <span name="gtm_component_ref" value=""></span> </aside> </div> </div> </li> </ul> <div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 left-0 hidden md:hidden"> <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12"> <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-subtle hover:c-text-primary-on"> <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev"> <span class="sr-only">Previous</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> </svg> </div> </div> </button> </div> <div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 right-0 hidden md:hidden"> <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12"> <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-surface hover:c-bg-primary active:c-bg-primary c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-content-subtle hover:c-text-primary-on"> <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next"> <span class="sr-only">Next</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> </svg> </div> </div> </button> </div> <div class="swiper__pagination flex w-full justify-center relative z-10 overflow-hidden hidden md:hidden" style="--swiper-pagination-bullet-inactive-opacity:1; --swiper-pagination-color: #ffffff; --swiper-pagination-bullet-inactive-color: #757575; --swiper-pagination-bottom: 16px;" data-label="Go to slide {{ index }}"></div> </div> </div> </div> </div> <div class="section-spacing mx-auto w-full relative z-10 px-lg-sm max-w-lg md:max-w-lg"> <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none"> </div> </div> </div> </div> </div> </div> <style> #shopify-section-template--23241934536999__featured_collection_1 .section__container {padding-top: 60px; border-top: 1px solid black;} </style></section><section id="shopify-section-template--23241934536999__media_section_ArqhHp" class="shopify-section media-section"> <div class="section__wrapper scheme-scheme1 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden"> <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-container-md"> <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none "> <div class="section-container-gap grid gap-y-lg-md"> <div class="section-spacing mx-auto w-full relative z-10 py-none md:py-none px-lg-md max-w-xl md:px-container-md md:max-w-xl"> <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none"> <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-lg-md md:gap-container-md" style="--gridColsMobile: 1; --gridColsDesktop: 1;"> <div class="media-item media-item-seo-text py-none px-none flex flex-col md:flex md:flex-col items-center md:items-center justify-center gap-sm-md"> <div class="flex flex-col items-center md:items-center text-center md:text-center justify-center center"> <div class="c-text-content-base rte max-w-full text_body_md"> <p><div class="privy-embed-form" data-campaign="3972448"></div></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section></main> <script src="//shop.wired.com/cdn/shop/t/30/assets/theme.bundle.js?v=135726024536324371921726696439" defer></script> <script> window.shop_iso_code = "US"; window.shopUrl = 'https://shop.wired.com'; window.currentCurrency = 'USD'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', predictive_search_url: '/search/suggest', privacy_policy_url: '/policies/privacy-policy', legal_notice_url: '/policies/legal-notice', terms_of_sale_url: '/policies/terms-of-sale' }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.` }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sorry Sold out`, unavailable: `Unavailable`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, }; window.shareStrings = { copyToClipboard: "Copy link", successMessage: "Link copied to clipboard", copyToClipboardError: "Error copying to clipboard", shareUrlError: "Error opening sharer" }; window.quickShopStrings = { productError: "Product details not available.", }; window.shipDateLabel = 'Ships on: {{ date }}'; window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}'; </script>  <footer id="shopify-section-sections--23241934045479__footer" class="shopify-section shopify-section-group-footer-group site-footer"> <div class="section__wrapper scheme-scheme3 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mt-none c-border-primary border-none border-x-0 border-b-0 z-10"> <div class="section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-6 mx-auto text-center"> <div class="footer__griditem footer__griditem--0 footer__griditem--text md:col-span-3 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> <div class="text-container w-full h-full flex flex-col text-left md:text-left md:justify-start"> <p><img src="https://cdn.shopify.com/s/files/1/0761/6318/6983/files/WIRED-SHOP-logo-invert.png?v=1694020499&width=300" style="border: solid 0px white; width: 170px;" alt="shop.wired logo"></p> <p><div class="blurb"></p> <br/> <p>WIRED is where tomorrow is realized. It is the essential source of information and ideas that make sense of a world in constant transformation. The WIRED conversation illuminates how technology is changing every aspect of our lives—from culture to business, science to design. The breakthroughs and innovations that we uncover lead to new ways of thinking, new connections, and new industries.</p> <p><div></div></p> <p></div></p> </div> </div> <div class="footer__griditem footer__griditem--1 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-center md:justify-start"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="#">More From Wired</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/">Back To Main Site</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.wired.com/newsletter?sourceCode=HeaderAndFooter">Newsletters</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.wired.com/subscribe/">Subscribe</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.facebook.com/wired?mibextid=LQQJ4d">Facebook</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://x.com/wired?s=11&t=nOBgwcAFigbeHlA7PAtTZg">X (formerly Twitter)</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.instagram.com/wired/?igshid=MzRlODBiNWFlZA%3D%3D">Instagram</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.youtube.com/@WIRED">Youtube</a> </li> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="#" onclick="event.preventDefault()" class="ot-sdk-show-settings">Cookie Settings</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/pages/contact-us">Contact Us</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/pages/faq">FAQs</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/terms-of-sale">Terms</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/privacy-policy">Privacy</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/legal-notice">Do not sell my personal information</a> </li> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--4 footer__griditem--text md:col-span-3 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> <div class="text-container w-full h-full flex flex-col text-center md:text-left md:justify-start gap-y-none"> <span> <p> If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance. </p> </span> <a href="https://shop.wired.com" class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle cursor-pointer no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">© 2025 Wired Magazine Shop </a> </div> </div> <div class="footer__griditem footer__griditem--5 footer__griditem--developer md:col-span-1 md:row-span-1 py-none px-none"> <div class="developer-container"> <style data-shopify>.section-spacing > div:nth-child(4):before { content: "Contact Us"; display: block; font-family: "wired-mono"; color: #fff; text-transform: uppercase; font-weight: 500; cursor: default; font-size: 12px; text-align: left; line-height: 8.4px; margin-bottom: 14px; } footer { .blurb { max-width: 375px } .section-spacing div:nth-child(2) a { display: none; } .section-spacing div:nth-child(5) .text-container a { margin-bottom: 5px; } .section-spacing div:nth-child(5) .text-container { display: flex; flex-direction: column-reverse; font-size: 7px; text-transform: uppercase; } } .ot-sdk-show-settings::before { display: inline-block; position: relative; content: ""; width: 30px; height: 11px; margin-right: 3px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%230066FF;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='final---dec.11-2020_1_'%3E%3Cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3E%3Cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3E%3Cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='final---dec.11-2020'%3E%3Cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3E%3Cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3E%3Cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3E%3Cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3E%3Cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; top: 2px; } .section-spacing > div:not(:nth-child(4)) .menu-nav li:first-child { pointer-events: none; } /************** Media Queries **************/ @media screen and (max-width: 768px) { .section-spacing > div:nth-child(4):before { text-align: center; } .footer__column .blurb { display: none; } footer .section-spacing div:nth-child(1) p { display: flex; justify-content: center; } footer .section-spacing div:nth-child(2) { display: none; } } @media screen and (max-width: 1100px) and (min-width: 768px) { footer .section-spacing div:nth-child(2) { grid-column: auto; } } </style> </div> </div></div> </div> <style> #_evh-button { display: none !important; } </style> <style> #shopify-section-sections--23241934045479__footer .menu-nav li {line-height: 0.4em; margin-bottom: 12px;} #shopify-section-sections--23241934045479__footer .menu-nav li:hover {text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: 1px !important;} #shopify-section-sections--23241934045479__footer .menu-nav li a, #shopify-section-sections--23241934045479__footer .text-container a {font-size: 12px; font-weight: 300; color: #c4c4c4;} #shopify-section-sections--23241934045479__footer p {color: #c4c4c4;} #shopify-section-sections--23241934045479__footer .section-spacing > div:not(:nth-child(4)) .menu-nav li:first-child a {font-family: "wired-mono"; color: #fff; text-transform: uppercase; font-weight: 500; cursor: default;} </style></footer>  <script src="//shop.wired.com/cdn/shop/t/30/assets/utm-params.bundle.js?v=129387334403833026351726696440" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/section-render.bundle.js?v=105941117765222681451726696439" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/product.bundle.js?v=104210518906356412751726696438" defer="defer"></script><script src="//shop.wired.com/cdn/shop/t/30/assets/cart-drawer.bundle.js?v=65608655622883277451726696438" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/content-overlay.bundle.js?v=96700117266663136221726696439" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/share.bundle.js?v=136949247711278960181726696439" defer="defer"></script> <script> </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/url-params.bundle.js?v=153310396169332176001726696440"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dotdigital-site-tracking.bundle.js?v=120953295902247773051726696440" defer></script> <script> window.customerEmail = '' window.customerAcceptsMarketing = '' window.dotDigitalCartInsights = { programId: '54041', currency: 'USD', subtotal: '0.00', discountAmount: '0.00', grandTotal: '0.00', cartUrl: 'https://shop.wired.com', lineItems: '[]' } </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dotdigital-cart-insight.bundle.js?v=124463571393677138781726696440" defer></script> <style> @media screen and (max-width: 480px) {.card__details--wrapper .card__title p {font-size: 14px; } .card__details--wrapper .card__price p {font-size: 13px; }} .card__container {grid-template-rows: auto 1fr;} #cart-total-price {font-family: "lab-grotesque";} .cart-drawer__innerwrapper {border-left: 1px solid var(--color-primary);} .cart-drawer__header {margin-bottom: 25px;} </style> </body> </html>