<!DOCTYPE HTML><html lang="en"><head><title>Tod Maffin - Official Web Site</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1" /><meta name="color-scheme" content="light only" /><meta name="description" content="Canadian culture commentator, agency owner, business journalist." /><meta property="og:site_name" content="Tod Maffin - Official Web Site" /><meta property="og:title" content="Tod Maffin - Official Web Site" /><meta property="og:type" content="website" /><meta property="og:description" content="Canadian culture commentator, agency owner, business journalist." /><meta property="og:image" content="https://todmaffin.com/assets/images/card.jpg?v=b96c48e2" /><meta property="og:image:type" content="image/jpeg" /><meta property="og:image:width" content="1280" /><meta property="og:image:height" content="800" /><meta property="og:url" content="https://todmaffin.com" /><meta property="twitter:card" content="summary_large_image" /><link rel="canonical" href="https://todmaffin.com" /><link href="https://fonts.googleapis.com/css2?display=swap&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700" rel="stylesheet" type="text/css" /><style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *::before, *::after {box-sizing: border-box;}body {line-height: 1.0;min-height: var(--viewport-height);min-width: 320px;overflow-x: hidden;word-wrap: break-word;background-color: #F6F1E7;}:root {--background-height: 100vh;--site-language-alignment: left;--site-language-direction: ltr;--site-language-flex-alignment: flex-start;--site-language-indent-left: 1;--site-language-indent-right: 0;--site-language-margin-left: 0;--site-language-margin-right: auto;--viewport-height: 100vh;}html {font-size: 14pt;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {background-color: rgba(144,144,144,0.25);border-radius: 0.25em;font-family: 'Lucida Console', 'Courier New', monospace;font-size: 0.9em;font-weight: normal;letter-spacing: 0;margin: 0 0.25em;padding: 0.25em 0.5em;text-indent: 0;}mark {background-color: rgba(144,144,144,0.25);}spoiler-text {-webkit-text-stroke: 0;background-color: rgba(32,32,32,0.75);text-shadow: none;text-stroke: 0;color: transparent;cursor: pointer;transition: color 0.1s ease-in-out;}spoiler-text.active {color: #FFFFFF;cursor: text;}s {text-decoration: line-through;}sub {font-size: smaller;vertical-align: sub;}sup {font-size: smaller;vertical-align: super;}a {color: inherit;text-decoration: underline;transition: color 0.25s ease;}a[onclick]:not([href]) {cursor: pointer;}unloaded-script {display: none;}.site-wrapper {-webkit-overflow-scrolling: touch;align-items: center;display: flex;flex-direction: column;justify-content: center;min-height: var(--viewport-height);overflow: hidden;position: relative;z-index: 2;}.site-main {--alignment: var(--site-language-alignment);--flex-alignment: var(--site-language-flex-alignment);--indent-left: var(--site-language-indent-left);--indent-right: var(--site-language-indent-right);--margin-left: var(--site-language-margin-left);--margin-right: var(--site-language-margin-right);--border-radius-tl: 0;--border-radius-tr: 0;--border-radius-br: 0;--border-radius-bl: 0;align-items: center;display: flex;flex-grow: 0;flex-shrink: 0;justify-content: center;max-width: 100%;position: relative;text-align: var(--alignment);z-index: 1;transition: opacity 0.75s ease 0s,transform 0.75s ease 0s;}.site-main > .inner {--padding-horizontal: 3rem;--padding-vertical: 3rem;--spacing: 1.75rem;--width: 75rem;border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);max-width: 100%;position: relative;width: var(--width);z-index: 1;padding: var(--padding-vertical) var(--padding-horizontal);}.site-main > .inner > * {margin-top: var(--spacing);margin-bottom: var(--spacing);}.site-main > .inner > :first-child {margin-top: 0 !important;}.site-main > .inner > :last-child {margin-bottom: 0 !important;}.site-main > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);}.site-main > .inner > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;margin-top: calc(var(--padding-vertical) * -1) !important;}.site-main > .inner > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;margin-bottom: calc(var(--padding-vertical) * -1) !important;}.site-main > .inner > .full.screen {border-radius: 0 !important;max-width: 100vw;position: relative;width: 100vw;left: 50%;margin-left: -50vw;right: auto;}body.is-loading .site-main {opacity: 0;transform: scale(0.97875);}body #loader {background-position: center;background-repeat: no-repeat;background-size: contain;content: '';display: block;height: 6.25rem;left: calc(50% - 3.125rem);opacity: 0;pointer-events: none;position: fixed;top: calc(50% - 3.125rem);transition: opacity 1s ease, visibility 1s;visibility: hidden;width: 6.25rem;z-index: 100000;}body.with-loader #loader {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUgeyBmaWxsOiAjRkZGRkZGOyB9PC9zdHlsZT48Y2lyY2xlIGN4PSIyNCIgY3k9IjQ4IiByPSIzIiBvcGFjaXR5PSIxIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iMHMiIGR1cj0iMXMiIHZhbHVlcz0iMjszOzI7MjsyIiByZXBlYXREdXI9ImluZGVmaW5pdGUiIC8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49IjBzIiBkdXI9IjFzIiB2YWx1ZXM9IjAuMzc1OzE7MC4zNzU7MC4zNzU7MC4zNzUiIHJlcGVhdER1cj0iaW5kZWZpbml0ZSIgLz48L2NpcmNsZT48Y2lyY2xlIGN4PSIzNiIgY3k9IjQ4IiByPSIyIiBvcGFjaXR5PSIwLjM3NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjAuMnMiIGR1cj0iMXMiIHZhbHVlcz0iMjszOzI7MjsyIiByZXBlYXREdXI9ImluZGVmaW5pdGUiIC8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49IjAuMnMiIGR1cj0iMXMiIHZhbHVlcz0iMC4zNzU7MTswLjM3NTswLjM3NTswLjM3NSIgcmVwZWF0RHVyPSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjIiIG9wYWNpdHk9IjAuMzc1Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iMC40cyIgZHVyPSIxcyIgdmFsdWVzPSIyOzM7MjsyOzIiIHJlcGVhdER1cj0iaW5kZWZpbml0ZSIgLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBiZWdpbj0iMC40cyIgZHVyPSIxcyIgdmFsdWVzPSIwLjM3NTsxOzAuMzc1OzAuMzc1OzAuMzc1IiByZXBlYXREdXI9ImluZGVmaW5pdGUiIC8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNjAiIGN5PSI0OCIgcj0iMiIgb3BhY2l0eT0iMC4zNzUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGJlZ2luPSIwLjZzIiBkdXI9IjFzIiB2YWx1ZXM9IjI7MzsyOzI7MiIgcmVwZWF0RHVyPSJpbmRlZmluaXRlIiAvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSIwLjZzIiBkdXI9IjFzIiB2YWx1ZXM9IjAuMzc1OzE7MC4zNzU7MC4zNzU7MC4zNzUiIHJlcGVhdER1cj0iaW5kZWZpbml0ZSIgLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI3MiIgY3k9IjQ4IiByPSIyIiBvcGFjaXR5PSIwLjM3NSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjAuOHMiIGR1cj0iMXMiIHZhbHVlcz0iMjszOzI7MjsyIiByZXBlYXREdXI9ImluZGVmaW5pdGUiIC8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49IjAuOHMiIGR1cj0iMXMiIHZhbHVlcz0iMC4zNzU7MTswLjM3NTswLjM3NTswLjM3NSIgcmVwZWF0RHVyPSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjwvc3ZnPg==');opacity: 1;transform: scale(1.0);visibility: visible;}body.is-loading {pointer-events: none;}body.is-playing.with-loader #loader {opacity: 0;transform: scale(0.5);transition: opacity 0.25s ease, transform 0.75s ease, visibility 0.25s;visibility: hidden;}body.is-instant .site-main, body.is-instant .site-main > .inner > *,body.is-instant .site-main > .inner > section > * {transition: none !important;}body.is-instant::after {display: none !important;transition: none !important;}.container-component {position: relative;}.container-component > .wrapper {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;}.container-component > .wrapper > .inner {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;text-align: var(--alignment);}.container-component.full:first-child > .wrapper {border-top-left-radius: inherit;border-top-right-radius: inherit;}.container-component.full:last-child > .wrapper {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container-component.full:first-child > .wrapper > .inner {border-top-left-radius: inherit;border-top-right-radius: inherit;}.container-component.full:last-child > .wrapper > .inner {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container-component.style-1 {display: flex;width: 100%;align-items: center;justify-content: center;background-color: transparent;border-color: rgba(255,255,255,0.149);border-style: solid;}.container-component.style-1 > .wrapper > .inner {--gutters: 5rem;--padding-horizontal: 4.5rem;--padding-vertical: 4.5rem;padding: var(--padding-vertical) var(--padding-horizontal);}.container-component.style-1 > .wrapper {max-width: var(--width);width: 100%;}.container-component.style-1.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container-component.style-1.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}.container-component.style-1.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}.container-component.style-1.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: center;}.container-component.style-1.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}.container-component.style-1.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container-component.style-1.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}.container-component.style-1.columns > .wrapper > .inner > *::before {border-left: solid 1px rgba(255,255,255,0.149);content: '';display: block;margin-left: calc((var(--gutters) * -0.5) - 0.5px);position: absolute;width: 0;height: 100%;top: 0;}.container-component.style-1.columns > .wrapper > .inner > *:first-child::before {display: none;}.container-component.style-1.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container-component.style-1.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}.container-component.style-1.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container-component.style-1.columns > .wrapper > .inner > div > .full {margin-left: calc((var(--gutters) * -0.5) + 0.5px);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px - 1px);}.container-component.style-1.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 0.5px);}.container-component.style-1.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 0.5px);}.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container-component.style-1.columns > .wrapper > .inner > .full {align-self: stretch;}.container-component.style-1.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}.container-component.style-1.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {width: calc(35% + (var(--gutters) / 2));}.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {width: calc(65% + (var(--gutters) / 2));}.image-component {display: block;line-height: 0;max-width: 100%;position: relative;}.image-component > .frame {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);display: inline-block;max-width: 100%;overflow: hidden;vertical-align: top;width: 100%;}.image-component > .frame > img {border-radius: 0 !important;max-width: 100%;vertical-align: top;width: inherit;}.image-component.full > .frame {display: block;}.image-component.full:first-child > .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image-component.full:last-child > .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.image-component.style-1 > .frame {width: 15.125rem;border-radius: 0.625rem;transition: none;}.image-component.style-1 > .frame > img {transition: none;}.text-component {direction: var(--site-language-direction);position: relative;}.text-component span.p {display: block;position: relative;}.text-component span[style], .text-component strong, .text-component a, .text-component code, .text-component mark, .text-component spoiler-text {-webkit-text-fill-color: currentcolor;}.text-component.style-9 {color: #3D3D3D;font-family: 'Playfair Display', serif;font-size: 1.25em;line-height: 1.5;font-weight: 400;}.text-component.style-9 mark {background-color: transparent;}.text-component.style-9 a {color: #C8102E;text-decoration: underline;}.text-component.style-9 a:hover {color: #75081A;}.text-component.style-9 span.p:nth-child(n + 2) {margin-top: 1rem;}.text-component.style-1 {text-align: left;color: #4D4D4D;font-family: 'Playfair Display', serif;letter-spacing: -0.025rem;width: 100%;font-size: 2em;line-height: 0.75;font-weight: 500;}.text-component.style-1 a {text-decoration: underline;}.text-component.style-1 a:hover {text-decoration: none;}.text-component.style-1 span.p:nth-child(n + 2) {margin-top: 1rem;}.text-component.style-5 {color: #3D3D3D;font-family: 'IBM Plex Sans', sans-serif;font-size: 1.25em;line-height: 1.5;font-weight: 400;}.text-component.style-5 mark {background-color: transparent;}.text-component.style-5 a {color: #C8102E;text-decoration: underline;}.text-component.style-5 a:hover {color: #75081A;}.text-component.style-5 span.p:nth-child(n + 2) {margin-top: 1rem;}.buttons-component {cursor: default;display: flex;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}.buttons-component > li {max-width: 100%;text-align: var(--alignment);}.buttons-component > li > a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}.buttons-component.style-1 {--flex-alignment: flex-start;--alignment: left;gap: 1rem;flex-direction: row;flex-wrap: wrap;}.buttons-component.style-1 > li > a {display: inline-flex;width: auto;height: auto;line-height: 1.25rem;padding: 0 1rem;vertical-align: middle;font-family: 'IBM Plex Sans', sans-serif;font-size: 1em;font-weight: 500;border-radius: 0.375rem;border-color: #E3DDD1;border-style: solid;border-width: 1px;padding-bottom: calc(0.625rem - 1px);padding-top: calc(0.625rem - 1px);white-space: normal;align-items: flex-start;background-color: #C8102E;color: #FFFFFF;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}.buttons-component.style-1 > li > a > svg {display: block;fill: #FFFFFF;flex-grow: 0;flex-shrink: 0;height: 1.25rem;min-width: 16px;pointer-events: none;width: 1.375em;margin-left: -0.125em;margin-right: calc(0.5em + 0rem);transition: fill 0.25s ease;}.buttons-component.style-1 > li > a > .label {direction: var(--site-language-direction);overflow: hidden;text-align: left;}.buttons-component.style-1 > li > a:hover {background-color: #8F091E !important;transform: scale(1.06);}.buttons-component.style-3 {--flex-alignment: flex-start;--alignment: left;gap: 1rem;flex-direction: row;flex-wrap: wrap;}.buttons-component.style-3 > li > a {display: inline-flex;width: auto;height: auto;line-height: 1.25rem;padding: 0 1rem;vertical-align: middle;font-family: 'IBM Plex Sans', sans-serif;font-size: 1em;font-weight: 500;border-radius: 0.375rem;padding-bottom: 0.625rem;padding-top: 0.625rem;white-space: normal;align-items: flex-start;color: #7D7565;border: solid 2px #BAB1A0;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}.buttons-component.style-3 > li > a > svg {display: block;fill: #998C74;flex-grow: 0;flex-shrink: 0;height: 1.25rem;min-width: 16px;pointer-events: none;width: 1.375em;margin-left: -0.125em;margin-right: calc(0.5em + 0rem);transition: fill 0.25s ease;}.buttons-component.style-3 > li > a > .label {direction: var(--site-language-direction);overflow: hidden;text-align: left;}.buttons-component.style-3 > li > a:hover {border-color: #A6916A !important;color: #A6916A !important;transform: scale(1.06);}.buttons-component.style-3 > li > a:hover > svg {fill: #A6916A !important;}.list-component {display: block;}.list-component > ul, .list-component > ol {display: inline-block;max-width: 100%;text-align: var(--site-language-alignment);vertical-align: middle;}.list-component > ul > li, .list-component > ol > li {direction: var(--site-language-direction);display: flex;position: relative;}.list-component > ul > li::before, .list-component > ol > li::before {background-repeat: no-repeat;content: '';display: block;flex-grow: 0;flex-shrink: 0;font-variant: normal !important;letter-spacing: 0 !important;order: 1;position: relative;}.list-component > ul > li::after, .list-component > ol > li::after {content: '';display: block;flex-grow: 0;flex-shrink: 0;order: 2;pointer-events: none;}.list-component > ul > li > p, .list-component > ol > li > p {flex-grow: 1;flex-shrink: 1;order: 3;}.list-component > ul > li:first-child, .list-component > ol > li:first-child {margin-top: 0 !important;}.list-component.style-1 {color: #4D4D4D;font-family: 'IBM Plex Sans', sans-serif;font-size: 1.125em;line-height: 1.625;font-weight: 400;}.list-component.style-1 mark {background-color: transparent;}.list-component.style-1 a {color: #C8102E;text-decoration: underline;}.list-component.style-1 a:hover {color: #75081A;}.list-component.style-1 ul {width: 100%;}.list-component.style-1 ul > li {margin-top: 0rem;}.list-component.style-1 ul > li::after {width: 0.703125rem;}.list-component.style-1 ul > li::before {background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2210%22%20fill%3D%22%23949494%22%20%2F%3E%3C%2Fsvg%3E');border-radius: 3rem;background-position: left 60%;background-repeat: no-repeat;background-size: contain;height: 1.828125rem;line-height: 1.828125rem;min-width: 0.85693359375rem;}.video-component {position: relative;}.video-component > .frame {background-color: #000000;display: inline-block;max-width: 100%;overflow: hidden;position: relative;vertical-align: top;}.video-component > .frame.with-overlay::before, .video-component > .frame.with-overlay::after {bottom: 0px;content: '';height: 100%;left: 0px;pointer-events: none;position: absolute;right: 0px;top: 0px;width: 100%;}.video-component > .frame.with-overlay::before {background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);z-index: 1;}.video-component > .frame.with-overlay::after {background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2248%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22/%3E%3Cpolygon%20points%3D%2240%2C30%2070%2C50%2040%2C70%22%20fill%3D%22white%22/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;background-size: clamp(1rem, 3.5rem, 25%);opacity: 0.75;transition: opacity 0.125s ease-in-out;z-index: 2;}.video-component > .frame.with-overlay:hover::after {opacity: 1.0;}.video-component.is-active > .frame.with-overlay::before {background-color: #000000;transition: background-color 0.25s ease-in-out;}.video-component.is-active > .frame.with-overlay::after {opacity: 0;transition: opacity 0.25s ease-in-out;}.video-component > .frame > .player {border-radius: inherit;bottom: 0px;height: 100%;left: 0px;object-fit: cover;object-position: center;opacity: 1;position: absolute;right: 0px;top: 0px;width: 100%;}.video-component > .frame > .player.thumbnail {cursor: pointer;object-fit: cover !important;object-position: center !important;user-select: none;}.video-component.full > .frame {display: block;}.video-component.full:first-child > .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.video-component.full:last-child > .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.video-component.instance-1 > .frame {border-radius: 0rem;width: 20rem;}.video-component.instance-1 > .frame {aspect-ratio: 1.7777777777778;}@media (max-width: 1920px) {}@media (max-width: 1680px) {html {font-size: 10pt;}}@media (max-width: 1280px) {html {font-size: 10pt;}}@media (max-width: 1024px) {}@media (max-width: 980px) {html {font-size: 9pt;}}@media (max-width: 736px) {html {font-size: 11pt;}.site-main > .inner {--padding-horizontal: 1rem;--padding-vertical: 2rem;--spacing: 1.75rem;}.container-component.style-1 > .wrapper > .inner {--gutters: 6rem;--padding-horizontal: 2rem;--padding-vertical: 3rem;}.container-component.style-1.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}.container-component.style-1.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}.container-component.style-1.columns > .wrapper > .inner > span:first-child + div::before {display: none !important;}.container-component.style-1.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}.container-component.style-1.columns > .wrapper > .inner > *::before {border-top: solid 1px rgba(255,255,255,0.149) !important;height: 0 !important;margin-left: 0 !important;top: auto !important;margin-top: calc((var(--gutters) * -0.5) - 0.5px) !important;left: 0 !important;width: 100% !important;}.container-component.style-1.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > *:first-child::before {display: none !important;}.container-component.style-1.columns > .wrapper > .inner > *:last-child::before {display: block !important;}.container-component.style-1.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc((var(--gutters) * -0.5) + 0.5px) !important;}.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc((var(--gutters) * -0.5) + 0.5px) !important;}.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {min-height: 100% !important;width: 100% !important;}.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {min-height: 100% !important;width: 100% !important;}.image-component.style-1 > .frame {width: 6.125rem;}.text-component.style-9 {letter-spacing: 0rem;width: 100%;font-size: 1.25em;line-height: 1.5;}.text-component.style-1 {letter-spacing: -0.021875rem;width: 100%;font-size: 2em;line-height: 0.75;}.text-component.style-5 {letter-spacing: 0rem;width: 100%;font-size: 1.25em;line-height: 1.5;}.buttons-component.style-1 {gap: 1rem;}.buttons-component.style-1 > li > a {letter-spacing: 0rem;font-size: 1em;}.buttons-component.style-1 > li > a > svg {width: 1.375em;}.buttons-component.style-3 {gap: 1rem;}.buttons-component.style-3 > li > a {letter-spacing: 0rem;font-size: 1em;}.buttons-component.style-3 > li > a > svg {width: 1.375em;}.list-component.style-1 {letter-spacing: 0rem;font-size: 1.125em;line-height: 1.625;}.list-component.style-1 ul > li::after {width: 0.703125rem;}.list-component.style-1 ul > li::before {height: 1.828125rem;line-height: 1.828125rem;min-width: 0.85693359375rem;}.video-component.instance-1 > .frame {width: 20rem;}}@media (max-width: 480px) {.site-main > .inner {--spacing: 1.53125rem;}.buttons-component.style-1 {flex-direction: column;flex-wrap: nowrap;}.buttons-component.style-1 > li > a {max-width: 32rem;width: 100%;}.buttons-component.style-3 {flex-direction: column;flex-wrap: nowrap;}.buttons-component.style-3 > li > a {max-width: 32rem;width: 100%;}}@media (max-width: 360px) {.site-main > .inner {--padding-horizontal: 0.75rem;--padding-vertical: 1.5rem;--spacing: 1.3125rem;}.container-component.style-1 > .wrapper > .inner {--gutters: 6rem;--padding-horizontal: 1.5rem;--padding-vertical: 2.25rem;}.text-component.style-9 {font-size: 1.25em;}.text-component.style-1 {font-size: 1.5em;}.text-component.style-5 {font-size: 1.25em;}.buttons-component.style-1 {gap: 0.75rem;}.buttons-component.style-3 {gap: 0.75rem;}.list-component.style-1 {font-size: 1.125em;}.list-component.style-1 ul > li::after {width: 0.703125rem;}.list-component.style-1 ul > li::before {height: 1.828125rem;line-height: 1.828125rem;min-width: 0.85693359375rem;}}</style><noscript><style>body {overflow: auto !important;}.site-main {opacity: 1.0 !important;transform: none !important;transition: none !important;filter: none !important;}</style></noscript></head><body class="is-loading"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0"><symbol id="icon-0fab58c8cba7ae847fa5ba32ea5a4bea" viewBox="0 0 40 40"><path d="M20,12.2s0,0,0,0c.1-.2.2-.5.3-.7,1.5-3.2,3.9-4.6,7.4-4.8,5.5-.2,9.7,4.4,9.2,9.8-.2,2-1,3.7-2.4,5.1l-13.6,15.3c-.5.4-1.6.4-2,0l-13.6-15.3c-1-1.1-1.6-1.9-2-3.4-1.3-4.5.9-9.4,5.4-11.1,2.5-.9,6-.7,8.2.8,1.4,1,2.4,2.5,3,4.1Z" /></symbol><symbol id="icon-added293106ea616175452e6eb0197f0" viewBox="0 0 40 40"><path d="M31.6,36.5H8.4c-1.7,0-3.1-1.4-3.1-3.1v-4.6c0-3.8,1.8-6.9,5.2-9c1.1-0.7,2.4-1.2,3.8-1.6 c-0.8-0.7-1.5-1.5-2-2.4c-0.8-1.3-1.2-2.9-1.2-4.4c0-4.9,4-8.9,8.9-8.9s8.9,4,8.9,8.9c0,1.6-0.4,3.1-1.2,4.4c-0.5,0.9-1.2,1.7-2,2.4 c1.4,0.4,2.7,1,3.8,1.6c3.4,2,5.2,5.1,5.2,9v4.6C34.7,35.1,33.3,36.5,31.6,36.5z"/></symbol><symbol id="icon-c3c8e1063e3b7f84f6b54712741de139" viewBox="0 0 40 40"><path d="M37.5,12.6l-17.5,11.9L2.5,12.6c-.2-.1-.3-.2-.5-.2v-2.7c0-.8.6-1.4,1.4-1.4h33.1c.8,0,1.4.6,1.4,1.4v2.7c-.2,0-.4,0-.5.2ZM19.5,26.3c.2.1.3.2.5.2s.4,0,.5-.2l17.5-11.9v16.9c0,.8-.6,1.4-1.4,1.4H3.4c-.8,0-1.4-.6-1.4-1.4V14.4l17.5,11.9Z" /></symbol></svg><div class="site-wrapper"><div class="site-main" role="main"><div class="inner"><div id="container01" class="container-component instance-1 style-1 columns"><div class="wrapper"><div class="inner" data-onvisible-trigger="1"><div><div id="image01" class="image-component instance-1 style-1"><span class="frame"><img src="assets/images/image01.jpg?v=b96c48e2" alt="" /></span></div><p id="text04" class="text-component instance-4 style-9"><span class="p">For years, Tod Maffin helped shape the national conversation on Canadian identity as a national CBC Radio host.</span><span class="p">Today, he does it on his own terms, through a widely read <a href="https://newsletter.todmaffin.com"><strong><u>newsletter</u></strong></a>, an original <a href="https://mirrorfalls.com"><strong><u>podcast</u></strong></a> series, <a href="https://videos.todmaffin.com"><strong><u>social media content</u></strong></a>, and a series of pro-Canada <a href="https://projects.todmaffin.com"><strong><u>projects</u></strong></a>.</span><span class="p">His social media accounts have nearly <strong>two million followers</strong>.</span></p><ul id="buttons03" class="buttons-component instance-3 style-1"><li><a href="https://support.todmaffin.com" class="n01" role="button"><svg aria-labelledby="buttons03-icon-1-title"><title id="buttons03-icon-1-title">Heart</title><use xlink:href="#icon-0fab58c8cba7ae847fa5ba32ea5a4bea"></use></svg><span class="label">Support Tod&#039;s work</span></a></li></ul><ul id="buttons04" class="buttons-component instance-4 style-3"><li><a href="https://socials.todmaffin.com/" class="n01" role="button"><svg aria-labelledby="buttons04-icon-1-title"><title id="buttons04-icon-1-title">User</title><use xlink:href="#icon-added293106ea616175452e6eb0197f0"></use></svg><span class="label">Follow on social media</span></a></li><li><a href="https://contact.todmaffin.com" class="n02" role="button"><svg aria-labelledby="buttons04-icon-2-title"><title id="buttons04-icon-2-title">Email</title><use xlink:href="#icon-c3c8e1063e3b7f84f6b54712741de139"></use></svg><span class="label">Contact Tod&#039;s team</span></a></li></ul></div><div><h1 id="text05" class="text-component instance-5 style-1">Our work</h1><p id="text03" class="text-component instance-3 style-5">My wife Jocelyn and I are currently spearheading <strong><a href="https://projects.todmaffin.com">several national movements</a></strong> to recruit healthcare professionals to Canada, promote small Canadian businesses hit by tariffs, and more.</p><h1 id="text02" class="text-component instance-2 style-1"><br>My content</h1><div id="list01" class="list-component instance-1 style-1"><ul><li><p><a href="https://mirrorfalls.com">Podcast</a>: <em>Mirror Falls</em></p></li><li><p><a href="https://newsletter.todmaffin.com">Newsletter</a>: <em>From Far and Wide</em></p></li><li><p><a href="https://videos.todmaffin.com">Videos</a></p></li></ul></div><h1 id="text08" class="text-component instance-8 style-1"><br>My most popular video</h1><div id="video01" class="video-component instance-1"><div class="frame with-overlay"><img class="player thumbnail" src="https://i.ytimg.com/vi_webp/9k7OUowPPMQ/maxresdefault.webp" alt="Video" role="button" aria-label="Play video &quot;Video&quot;" draggable="false" /></div></div><h1 id="text01" class="text-component instance-1 style-1"><br>And in my past lives...</h1><div id="list02" class="list-component instance-2 style-1"><ul><li><p>I&#39;ve been a national CBC Radio host and producer</p></li><li><p>I founded a dot com company that I took public</p></li><li><p>I wrote a daily podcast and newsletter about marketing</p></li><li><p>I spent 20 years as a marketing keynote speaker....</p></li><li><p>and wrote a couple of books.</p></li></ul></div></div></div></div></div></div></div></div><script>(function() {var on = addEventListener,off = removeEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,mobile: false,canUse: null,flags: {lsdUnits: false,},},ua = navigator.userAgent,a, i;a = [['firefox',/Firefox\/([0-9\.]+)/,null],['edge',/Edge\/([0-9\.]+)/,null],['safari',/Version\/([0-9\.]+).+Safari/,null],['chrome',/Chrome\/([0-9\.]+)/,null],['chrome',/CriOS\/([0-9\.]+)/,null],['ie',/Trident\/.+rv:([0-9]+)/,null],['safari',/iPhone OS ([0-9_]+)/,function(v) { return v.replace('_', '.').replace('_', ''); }]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}a = [['ios',/([0-9_]+) like Mac OS X/,function(v) { return v.replace('_', '.').replace('_', ''); }],['ios',/CPU like Mac OS X/,function(v) { return 0 }],['ios',/iPad; CPU/,function(v) { return 0 }],['android',/Android ([0-9\.]+)/,null],['mac',/Macintosh.+Mac OS X ([0-9_]+)/,function(v) { return v.replace('_', '.').replace('_', ''); }],['windows',/Windows NT ([0-9\.]+)/,null],['undefined',/Undefined/,null]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';o.mobile = (o.os == 'android' || o.os == 'ios');var _canUse = document.createElement('div');o.canUse = function(property, value) {var style;style = _canUse.style;if (!(property in style))return false;if (typeof value !== 'undefined') {style[property] = value;if (style[property] == '')return false;}return true;};o.flags.lsdUnits = o.canUse('width', '100dvw');return o;}()),ready = {list: [],add: function(f) {this.list.push(f);},run: function() {this.list.forEach((f) => {f();});},},trigger = function(t) {dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},escapeHtml = function(s) {if (s === ''|| s === null|| s === undefined)return '';var a = {'&': '&amp;','<': '&lt;','>': '&gt;','"': '&quot;',"'": '&#39;',};s = s.replace(/[&<>"']/g, function(x) {return a[x];});return s;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;if (typeof h == 'string')h = h.toLowerCase();return h;},scrollToElement = function(e, style, duration) {var y, cy, dy,start, easing, offset, f;if (!e)y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop + offset;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset;break;}}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},scrollToTop = function() {scrollToElement(null);},loadElements = function(parent) {var a, e, x, i;$body.dispatchEvent(new CustomEvent('startComponents', { detail: { parent: parent } }));a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {x = a[i].cloneNode();x.setAttribute('src', x.dataset.src);x.dataset.initialSrc = x.dataset.src;x.dataset.src = '';a[i].replaceWith(x);}a = parent.querySelectorAll('video[autoplay]');for (i=0; i < a.length; i++) {if (a[i].paused)a[i].play();}e = parent.querySelector('[data-autofocus="1"]');x = e ? e.tagName : null;switch (x) {case 'FORM':e = e.querySelector('.field input, .field select, .field textarea');if (e)e.focus();break;default:break;}a = parent.querySelectorAll('unloaded-script');for (i=0; i < a.length; i++) {x = document.createElement('script');x.setAttribute('data-loaded', '');if (a[i].getAttribute('src'))x.setAttribute('src', a[i].getAttribute('src'));if (a[i].textContent)x.textContent = a[i].textContent;a[i].replaceWith(x);}x = new Event('loadelements');a = parent.querySelectorAll('[data-unloaded]');a.forEach((element) => {element.removeAttribute('data-unloaded');element.dispatchEvent(x);});},unloadElements = function(parent) {var a, e, x, i;$body.dispatchEvent(new CustomEvent('stopComponents', { detail: { parent: parent } }));a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0')continue;if ('initialSrc' in a[i].dataset)a[i].dataset.src = a[i].dataset.initialSrc; else a[i].dataset.src = a[i].src;a[i].contentWindow.location.replace('about:blank');}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {if (!a[i].paused)a[i].pause();}e = $(':focus');if (e)e.blur();};window._scrollToTop = scrollToTop;var thisUrl = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');};var getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;};var errors = {handle: function(handler) {window.onerror = function(message, url, line, column, error) {(handler)(error.message);return true;};},unhandle: function() {window.onerror = null;}};var loaderTimeout = setTimeout(function() {$body.classList.add('with-loader');}, 500);var $loaderElement = document.createElement('div');$loaderElement.id = 'loader';$body.appendChild($loaderElement);var loadHandler = function() {setTimeout(function() {clearTimeout(loaderTimeout);$body.classList.remove('is-loading');$body.classList.add('is-playing');setTimeout(function() {$body.classList.remove('with-loader');$body.classList.remove('is-playing');$body.classList.add('is-ready');setTimeout(function() {if ($loaderElement&& $loaderElement.parentNode)$loaderElement.parentNode.removeChild($loaderElement);}, 1000);}, 750);}, 100);};on('load', loadHandler);loadElements(document.body);var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;$body.addEventListener('keydown', (event) => {const target = event.target;if (target.tagName === 'A'&& target === document.activeElement&& target.hasAttribute('onclick')&& !target.hasAttribute('href')&& event.keyCode === 13) {event.preventDefault();target.click();}});if (client.mobile) {(function() {if (client.flags.lsdUnits) {document.documentElement.style.setProperty('--viewport-height', '100svh');document.documentElement.style.setProperty('--background-height', '100lvh');} else {var f = function() {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px');document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');};on('load', f);on('orientationchange', function() {setTimeout(function() {(f)();}, 100);});}})();}if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('touch');}var scrollEvents = {items: [],add: function(o) {this.items.push({element: o.element,triggerElement: (('triggerElement' in o && o.triggerElement) ? o.triggerElement : o.element),enter: ('enter' in o ? o.enter : null),leave: ('leave' in o ? o.leave : null),mode: ('mode' in o ? o.mode : 4),threshold: ('threshold' in o ? o.threshold : 0.25),offset: ('offset' in o ? o.offset : 0),initialState: ('initialState' in o ? o.initialState : null),state: false,});},handler: function() {var height, top, bottom, scrollPad;if (client.os == 'ios') {height = document.documentElement.clientHeight;top = document.body.scrollTop + window.scrollY;bottom = top + height;scrollPad = 125;} else {height = document.documentElement.clientHeight;top = document.documentElement.scrollTop;bottom = top + height;scrollPad = 0;}scrollEvents.items.forEach(function(item) {var elementTop, elementBottom, viewportTop, viewportBottom,bcr, pad, state, a, b;if (!item.enter&& !item.leave)return true;if (!item.triggerElement)return true;if (item.triggerElement.offsetParent === null) {if (item.state == true&& item.leave) {item.state = false;(item.leave).apply(item.element);if (!item.enter)item.leave = null;}return true;}bcr = item.triggerElement.getBoundingClientRect();elementTop = top + Math.floor(bcr.top);elementBottom = elementTop + bcr.height;if (item.initialState !== null) {state = item.initialState;item.initialState = null;} else {switch (item.mode) {case 1:default:state = (bottom > (elementTop - item.offset) && top < (elementBottom + item.offset));break;case 2:a = (top + (height * 0.5));state = (a > (elementTop - item.offset) && a < (elementBottom + item.offset));break;case 3:a = top + (height * (item.threshold));if (a - (height * 0.375) <= 0)a = 0;b = top + (height * (1 - item.threshold));if (b + (height * 0.375) >= document.body.scrollHeight - scrollPad)b = document.body.scrollHeight + scrollPad;state = (b > (elementTop - item.offset) && a < (elementBottom + item.offset));break;case 4:pad = height * item.threshold;viewportTop = (top + pad);viewportBottom = (bottom - pad);if (Math.floor(top) <= pad)viewportTop = top;if (Math.ceil(bottom) >= (document.body.scrollHeight - pad))viewportBottom = bottom;if ((viewportBottom - viewportTop) >= (elementBottom - elementTop)) {state = ((elementTop >= viewportTop && elementBottom <= viewportBottom)|| (elementTop >= viewportTop && elementTop <= viewportBottom)|| (elementBottom >= viewportTop && elementBottom <= viewportBottom));} else state = ((viewportTop >= elementTop && viewportBottom <= elementBottom)|| (elementTop >= viewportTop && elementTop <= viewportBottom)|| (elementBottom >= viewportTop && elementBottom <= viewportBottom));break;}}if (state != item.state) {item.state = state;if (item.state) {if (item.enter) {(item.enter).apply(item.element);if (!item.leave)item.enter = null;}} else {if (item.leave) {(item.leave).apply(item.element);if (!item.enter)item.leave = null;}}}});},init: function() {on('load', this.handler);on('resize', this.handler);on('scroll', this.handler);(this.handler)();}};scrollEvents.init();var onvisible = {effects: {'blur-in': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.filter = 'none';},},'zoom-in': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 - ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'zoom-out': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 + ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'slide-left': {type: 'transition',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.transform = 'translateX(100vw)';},play: function() {this.style.transform = 'none';},},'slide-right': {type: 'transition',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.transform = 'translateX(-100vw)';},play: function() {this.style.transform = 'none';},},'flip-forward': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-backward': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-left': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-right': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-left': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? 45 : 5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-right': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? -45 : -5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-right': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-left': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-down': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-up': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-in': {type: 'transition',transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'fade-in-background': {type: 'manual',rewind: function() {this.style.removeProperty('--onvisible-delay');this.style.removeProperty('--onvisible-background-color');},play: function(speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's');if (delay)this.style.setProperty('--onvisible-delay', delay + 's');this.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');},},'zoom-in-image': {type: 'transition',target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.transform = 'scale(1)';},play: function(intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';},},'zoom-out-image': {type: 'transition',target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';},play: function() {this.style.transform = 'none';},},'focus-image': {type: 'transition',target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'scale(' + (1 + (0.05 * intensity)) + ')';this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';},play: function(intensity) {this.style.transform = 'none';this.style.filter = 'none';},},'wipe-up': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '100% 0%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},{maskSize: '110% 110%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '0% 100%';},play: function() {this.style.opacity = 1;},},'wipe-down': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '100% 0%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},{maskSize: '110% 110%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '0% 0%';},play: function() {this.style.opacity = 1;},},'wipe-left': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '0% 100%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},{maskSize: '110% 110%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '100% 0%';},play: function() {this.style.opacity = 1;},},'wipe-right': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '0% 100%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},{maskSize: '110% 110%',maskImage: 'linear-gradient(90deg, black 100%, transparent 100%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '0% 0%';},play: function() {this.style.opacity = 1;},},'wipe-diagonal': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '0% 0%',maskImage: 'linear-gradient(45deg, black 50%, transparent 50%)',},{maskSize: '220% 220%',maskImage: 'linear-gradient(45deg, black 50%, transparent 50%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '0% 100%';},play: function() {this.style.opacity = 1;},},'wipe-reverse-diagonal': {type: 'animate',keyframes: function(intensity) {return [{maskSize: '0% 0%',maskImage: 'linear-gradient(135deg, transparent 50%, black 50%)',},{maskSize: '220% 220%',maskImage: 'linear-gradient(135deg, transparent 50%, black 50%)',},];},options: function(speed) {return {duration: speed,iterations: 1,easing: 'ease',};},rewind: function() {this.style.opacity = 0;this.style.maskComposite = 'exclude';this.style.maskRepeat = 'no-repeat';this.style.maskPosition = '100% 100%';},play: function() {this.style.opacity = 1;},},'pop-in': {type: 'animate',keyframes: function(intensity) {let diff = (intensity + 1) * 0.025;return [{opacity: 0,transform: 'scale(' + (1 - diff) + ')',},{opacity: 1,transform: 'scale(' + (1 + diff) + ')',},{opacity: 1,transform: 'scale(' + (1 - (diff * 0.25)) + ')',offset: 0.9,},{opacity: 1,transform: 'scale(1)',}];},options: function(speed) {return {duration: speed,iterations: 1,};},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'bounce-up': {type: 'animate',keyframes: function(intensity) {let diff = (intensity + 1) * 0.075;return [{opacity: 0,transform: 'translateY(' + diff + 'rem)',},{opacity: 1,transform: 'translateY(' + (-1 * diff) + 'rem)',},{opacity: 1,transform: 'translateY(' + (diff * 0.25) + 'rem)',offset: 0.9,},{opacity: 1,transform: 'translateY(0)',}];},options: function(speed) {return {duration: speed,iterations: 1,};},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'bounce-down': {type: 'animate',keyframes: function(intensity) {let diff = (intensity + 1) * 0.075;return [{opacity: 0,transform: 'translateY(' + (-1 * diff) + 'rem)',},{opacity: 1,transform: 'translateY(' + diff + 'rem)',},{opacity: 1,transform: 'translateY(' + (-1 * (diff * 0.25)) + 'rem)',offset: 0.9,},{opacity: 1,transform: 'translateY(0)',}];},options: function(speed) {return {duration: speed,iterations: 1,};},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'bounce-left': {type: 'animate',keyframes: function(intensity) {let diff = (intensity + 1) * 0.075;return [{opacity: 0,transform: 'translateX(' + diff + 'rem)',},{opacity: 1,transform: 'translateX(' + (-1 * diff) + 'rem)',},{opacity: 1,transform: 'translateX(' + (diff * 0.25) + 'rem)',offset: 0.9,},{opacity: 1,transform: 'translateX(0)',}];},options: function(speed) {return {duration: speed,iterations: 1,};},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'bounce-right': {type: 'animate',keyframes: function(intensity) {let diff = (intensity + 1) * 0.075;return [{opacity: 0,transform: 'translateX(' + (-1 * diff) + 'rem)',},{opacity: 1,transform: 'translateX(' + diff + 'rem)',},{opacity: 1,transform: 'translateX(' + (-1 * (diff * 0.25)) + 'rem)',offset: 0.9,},{opacity: 1,transform: 'translateX(0)',}];},options: function(speed) {return {duration: speed,iterations: 1,};},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},},regex: new RegExp('([^\\s]+)', 'g'),add: function(selector, settings) {var _this = this,style = settings.style in this.effects ? settings.style : 'fade',speed = parseInt('speed' in settings ? settings.speed : 0),intensity = parseInt('intensity' in settings ? settings.intensity : 5),delay = parseInt('delay' in settings ? settings.delay : 0),replay = 'replay' in settings ? settings.replay : false,stagger = 'stagger' in settings ? (parseInt(settings.stagger) >= 0 ? parseInt(settings.stagger) : false) : false,staggerOrder = 'staggerOrder' in settings ? settings.staggerOrder : 'default',staggerSelector = 'staggerSelector' in settings ? settings.staggerSelector : null,threshold = parseInt('threshold' in settings ? settings.threshold : 3),state = 'state' in settings ? settings.state : null,effect = this.effects[style],enter, leave, scrollEventThreshold;if (window.CARRD_DISABLE_ANIMATION === true) {if (style == 'fade-in-background')$$(selector).forEach(function(e) {e.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');});return;}switch (threshold) {case 1:scrollEventThreshold = 0;break;case 2:scrollEventThreshold = 0.125;break;default:case 3:scrollEventThreshold = 0.25;break;case 4:scrollEventThreshold = 0.375;break;case 5:scrollEventThreshold = 0.475;break;}switch (effect.type) {default:case 'transition':intensity = ((intensity / 10) * 1.75) + 0.25;enter = function(children, staggerDelay=0) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);transitionOrig = _this.style.transition;_this.style.setProperty('backface-visibility', 'hidden');_this.style.transition = effect.transition.apply(_this, [ speed / 1000, (delay + staggerDelay) / 1000 ]);effect.play.apply(_this, [ intensity, !!children ]);setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, (speed + delay + staggerDelay) * 2);};leave = function(children) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);transitionOrig = _this.style.transition;_this.style.setProperty('backface-visibility', 'hidden');_this.style.transition = effect.transition.apply(_this, [ speed / 1000 ]);effect.rewind.apply(_this, [ intensity, !!children ]);setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, speed * 2);};break;case 'animate':enter = function(children, staggerDelay=0) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);setTimeout(() => {effect.play.apply(_this, [ ]);_this.animate(effect.keyframes.apply(_this, [ intensity ]),effect.options.apply(_this, [ speed, delay ]));}, delay + staggerDelay);};leave = function(children) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);let a = _this.animate(effect.keyframes.apply(_this, [ intensity ]),effect.options.apply(_this, [ speed, delay ]));a.reverse();a.addEventListener('finish', () => {effect.rewind.apply(_this, [ ]);});};break;case 'manual':enter = function(children, staggerDelay=0) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);effect.play.apply(_this, [ speed / 1000, (delay + staggerDelay) / 1000, intensity ]);};leave = function(children) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);effect.rewind.apply(_this, [ intensity, !!children ]);};break;}$$(selector).forEach(function(e) {var children, targetElement, triggerElement;if (stagger !== false&& staggerSelector == ':scope > *')_this.expandTextNodes(e);children = (stagger !== false && staggerSelector) ? e.querySelectorAll(staggerSelector) : null;if (effect.target)targetElement = e.querySelector(effect.target); else targetElement = e;if (children)children.forEach(function(targetElement) {effect.rewind.apply(targetElement, [ intensity, true ]);}); else effect.rewind.apply(targetElement, [ intensity ]);triggerElement = e;if (e.parentNode) {if (e.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode; else if (e.parentNode.parentNode) {if (e.parentNode.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode.parentNode;}}scrollEvents.add({element: e,triggerElement: triggerElement,initialState: state,threshold: scrollEventThreshold,enter: children ? function() {var staggerDelay = 0,childHandler = function(e) {enter.apply(e, [children, staggerDelay]);staggerDelay += stagger;},a;if (staggerOrder == 'default') {children.forEach(childHandler);} else {a = Array.from(children);switch (staggerOrder) {case 'reverse':a.reverse();break;case 'random':a.sort(function() {return Math.random() - 0.5;});break;}a.forEach(childHandler);}} : enter,leave: (replay ? (children ? function() {children.forEach(function(e) {leave.apply(e, [children]);});} : leave) : null),});});},expandTextNodes: function(e) {var s, i, w, x;for (i = 0; i < e.childNodes.length; i++) {x = e.childNodes[i];if (x.nodeType != Node.TEXT_NODE)continue;s = x.nodeValue;s = s.replace(this.regex,function(x, a) {return '<text-node>' + escapeHtml(a) + '</text-node>';});w = document.createElement('text-node');w.innerHTML = s;x.replaceWith(w);while (w.childNodes.length > 0) {w.parentNode.insertBefore(w.childNodes[0],w);}w.parentNode.removeChild(w);}},};class VideoThumbnail {static map;static selector = 'div.video-component > .frame > .player.thumbnail';static activeSelector = 'div.video-component.is-active';static {this.map = new WeakMap;$body.addEventListener('click', (event) => {let e = event.target;if (!e.matches(this.selector))return;event.preventDefault();event.stopPropagation();let instance = this.map.get(e.parentNode.parentNode);if (instance)instance.play();});$body.addEventListener('stopComponents', (event) => {if (!('parent' in event.detail))return;let a = event.detail.parent.querySelectorAll(this.activeSelector);for (const e of a) {e.dispatchEvent(new CustomEvent('stopComponent'));}});}attributes = [];id = '';tag = '';$element;$thumbnail;$video;constructor(id, tag, attributes) {this.id = id;this.tag = tag;this.attributes = attributes;this.$element = document.getElementById(this.id);this.$frame = this.$element.querySelector('.frame');this.$thumbnail = this.$frame.querySelector('.player.thumbnail');this.constructor.map.set(this.$element, this);this.$element.addEventListener('stopComponent', (event) => {this.stop();});}play() {if (this.$thumbnail === null|| this.$element.classList.contains('is-active'))return;this.$video = document.createElement(this.tag);for (const [key, value] of Object.entries(this.attributes)) {if (value === '')this.$video.toggleAttribute(key, true); else this.$video.setAttribute(key, value);}if (this.$video.tagName === 'VIDEO'&& this.$video.hasAttribute('muted'))this.$video.muted = true;this.$element.classList.add('is-active');setTimeout(() => {this.$frame.appendChild(this.$video);if (this.$video.tagName === 'VIDEO')this.$video.play();}, (this.tag === 'video' ? 250 : 125));setTimeout(() => {this.$frame.classList.remove('with-overlay');this.$frame.removeChild(this.$thumbnail);}, 250);}stop() {if (this.$video === null|| !this.$element.classList.contains('is-active'))return;this.$element.classList.remove('is-active');this.$frame.classList.add('with-overlay');this.$frame.appendChild(this.$thumbnail);this.$frame.removeChild(this.$video);this.$video = null;}}new VideoThumbnail('video01', 'iframe', {"class": "player","src": "https:\/\/www.youtube-nocookie.com\/embed\/9k7OUowPPMQ?rel=0&loop=0&controls=1&cc_load_policy=0&autoplay=1&mute=1","allowfullscreen": "1","referrerpolicy": "strict-origin-when-cross-origin",});onvisible.add('.text-component.style-9', { style: 'fade-in', speed: 1250, intensity: 5, threshold: 3, delay: 375, state: true, replay: false });onvisible.add('.buttons-component.style-1', { style: 'fade-in', speed: 1000, intensity: 5, threshold: 5, delay: 1500, stagger: 625, staggerSelector: ':scope > li', state: true, replay: false });onvisible.add('.buttons-component.style-3', { style: 'fade-in', speed: 1000, intensity: 5, threshold: 5, delay: 1500, stagger: 625, staggerSelector: ':scope > li', state: true, replay: false });onvisible.add('.text-component.style-1', { style: 'fade-in', speed: 1000, intensity: 5, threshold: 3, delay: 1500, state: true, replay: false });onvisible.add('.text-component.style-5', { style: 'fade-in', speed: 1250, intensity: 5, threshold: 3, delay: 1500, state: true, replay: false });onvisible.add('.list-component.style-1', { style: 'fade-in', speed: 1000, intensity: 5, threshold: 3, delay: 1500, state: true, replay: false });onvisible.add('.video-component.instance-1', { style: 'fade-in', speed: 1000, intensity: 5, threshold: 3, delay: 1500, state: true, replay: false });ready.run();})();</script></body></html>