html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:local("Source Sans 3 Light"),local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(../fonts/source-sans-pro-light.woff2) format("woff2"),url(../fonts/source-sans-pro-light.woff) format("woff")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:local("Source Sans 3 Light Italic"),local("Source Sans Pro Light Italic"),local("SourceSansPro-LightItalic"),url(../fonts/source-sans-pro-light-italic.woff2) format("woff2"),url(../fonts/source-sans-pro-light-italic.woff) format("woff")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:local("Source Sans 3 Semibold"),local("Source Sans Pro SemiBold"),local("SourceSansPro-SemiBold"),url(../fonts/source-sans-pro-semibold.woff2) format("woff2"),url(../fonts/source-sans-pro-semibold.woff) format("woff")}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:local("Source Sans 3 Semibold Italic"),local("Source Sans Pro SemiBold Italic"),local("SourceSansPro-SemiBoldItalic"),url(../fonts/source-sans-pro-semibold-italic.woff2) format("woff2"),url(../fonts/source-sans-pro-semibold-italic.woff) format("woff")}:root{--brand-primary:#3465a4;--brand-secondary:#73d216;--brand-menu:#c00;--brand-primary-light:#729fcf;--gray:#888a85;--gray-light:#babdb6;--gray-bg:#eeeeec;--body-bg:#fff;--body-color:#222;--body-color-rgb:34,34,34;--font-size-sm:.8em}*{box-sizing:border-box}body{font-feature-settings:"liga";color:var(--body-color);font-family:Source Sans Pro,verdana,sans-serif;font-size:20px;line-height:1.45}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:.8em}h3,h4,h5{font-style:italic}h1{font-size:2.2857142857142856em}h2{font-size:1.7142857142857142em}h3{font-size:1.5em}h4{font-size:1.2857142857142858em}h5{font-size:1.1428571428571428em}h6{font-size:1em}p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.2em}p code{display:inline;padding:3px}p small{display:inline-block;line-height:1.5}a{color:var(--brand-primary);transition:all .5s ease-in-out;transition-property:color,opacity}a,a:hover{text-decoration:none}a:hover{color:var(--brand-secondary)}a:hover img{opacity:.7}pre{word-wrap:break-word;white-space:pre-wrap}code{background-color:var(--gray-bg);border-radius:5px;display:block;font-family:monospace;font-size:.9rem;padding:1em}blockquote{padding:1em 0 1em 1em;position:relative}blockquote p{margin-top:0}blockquote p img{border-radius:50%;float:right;margin-left:20px;shape-outside:circle();width:150px}blockquote:nth-of-type(2n) p img{float:left;margin-left:0;margin-right:20px}blockquote p:last-of-type{margin-bottom:0}blockquote cite{color:var(--gray);display:block;font-size:var(--font-size-sm);text-align:right}blockquote cite:before{content:"\2014 \2009"}blockquote:before{color:var(--gray-light);content:"\201C";display:block;font-size:4em;left:-30px;position:absolute;top:-20px}hr{border:0;border-top:1px dashed var(--gray-light);margin:2em 20%}figcaption{font-style:italic;margin-top:.35em;text-align:center}figcaption,table{font-size:var(--font-size-sm)}table{border-collapse:collapse;width:100%}tr:hover td{background:var(--gray-bg)}th+th{width:65%}tr td:first-of-type{padding-right:10px}td{border-bottom:1px solid var(--gray-bg);height:60px;transition:all .5s ease-in-out}form{text-align:center}form input[type=url]{display:none}.button,input{background-color:var(--body-bg);border:1px solid var(--gray);border-radius:4px;color:var(--body-color);line-height:1.5;margin:3px;min-height:44px;padding:6px 12px;transition:all .5s ease-in-out}input[type=email]{box-shadow:inset 0 1px 1px rgba(var(--body-color-rgb),.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:250px}input[type=email]:focus{border-color:var(--brand-primary);box-shadow:inset 0 1px 1px rgba(var(--body-color-rgb),.075),0 0 8px var(--brand-primary-light);outline:0}.button,input[type=submit]{background-color:var(--brand-primary);border-color:var(--brand-primary-light);color:var(--body-bg);display:inline-block;text-align:center}:is(input[type=submit],.button):hover{background-color:var(--brand-primary-light);color:var(--gray-bg)}.muted,.muted a{color:var(--gray)}#container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:34em;padding:0 1em}#main{flex:1 0 auto}header.nav{flex-shrink:0;margin:0 auto;padding-bottom:1em;text-align:center}header.nav h1{font-size:2.825em}header.nav h1 #first{color:var(--body-color)}header.nav h1 #last{color:var(--brand-primary)}nav ul{list-style-type:none;padding:0}nav li{display:inline;padding:10px}nav a{color:var(--body-color)}nav a.active{color:var(--brand-primary)}nav a:hover{color:var(--brand-menu)}footer{flex-shrink:0;float:left;margin-top:2em;text-align:center;width:100%}footer .social{margin-top:0;padding:0}footer .social li{display:inline-block;padding-left:.75em}footer .social li:first-child{padding-left:0}footer .social a{align-items:center;border-radius:100%;display:inline-flex;height:40px;justify-content:center;width:40px}footer .social a:hover{background:var(--gray-bg)}footer .social a .svg-icon{fill:var(--gray-light)}footer .copyright{border-top:1px dashed var(--gray-light)}footer .copyright small{color:var(--gray)}article{margin-bottom:5em}article h2,article h3,article h4,article h5,article h6{margin-top:1.2em}article header{margin-bottom:2em;text-align:center}article header h1,article header h2,article header h3{margin-bottom:.2em}article header time{color:var(--gray);font-size:.9em}article header p{color:var(--gray);margin-top:0}article ul{margin-bottom:1.2em}article ul li{margin-bottom:.5em}article img{display:block;margin:0 auto}article figure{margin:1.5em 0}article figure.breathe{margin-bottom:3em;margin-top:3em}article figure.small img,article img.small{width:11em}article .embed-container{height:0;padding-bottom:56.25%;position:relative}article .embed-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}article .embed-container.embed-container-4by3{padding-bottom:75%}article .brands{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em}article .brands img{height:auto;margin-bottom:.5em;width:160px}section.archive .time,section.archive time{color:var(--gray);display:block;flex-shrink:0;font-size:var(--font-size-sm);text-align:end}:is(section.archive time,section.archive .time):not(:first-child){padding:0 .3em}section.archive ul{list-style-type:none;padding:0}section.archive ul li{align-items:baseline;display:flex;justify-content:space-between}article.intro header{margin-left:0;margin-right:0}article.intro header p{color:var(--body-color)}article.intro h1,article.intro h2,article.intro h3,article.intro h4{text-align:center}article.talk .references{font-size:80%}article.talk .references p{margin-bottom:.3em;margin-top:0}article.talks h2,article.talks h3{margin-top:2em;text-align:center}article.quotes .quote{position:relative}article.quotes .quote:after{border-top:1px dashed var(--gray-light);content:"";display:block;margin:2em 20%}article.quotes .quote blockquote{font-size:.9em;padding:.9em}article.quotes .quote .permalink{display:none;left:-1.5em;padding:0 .5em 1em;position:absolute}article.quotes .quote:hover .permalink{display:block}.box{background:var(--gray-bg);padding:1em}.box,.box-border{border-radius:5px}.box-border{border:1px solid var(--gray);margin-bottom:1em;padding:0 1em}.feedback{background-color:var(--brand-primary);border-radius:4px 4px 0 0;bottom:0;box-shadow:0 10px 25px rgba(var(--body-color-rgb),.25);display:none;font-size:90%;position:fixed;right:20px;width:360px}.feedback .feedback-button{align-items:center;color:var(--body-bg);display:flex;font-size:16px;font-weight:700;justify-content:space-between;outline:none;padding:10px 20px;text-align:left;width:100%}.feedback .feedback-button:after{content:"\203a";float:right;font-size:20px;transform:rotate(-90deg);transition:all .5s ease-in-out}.feedback-open:is(.feedback .feedback-button):after{transform:rotate(90deg)}.feedback .feedback-content{background:var(--body-bg);border-radius:4px;display:none;margin:0 4px 4px;padding:15px}.feedback .feedback-content p{margin-top:0}img{height:auto;max-width:100%;transition:all .5s ease-in-out;will-change:opacity}audio,video{width:100%}@media (max-width:767px){body{font-size:115%}header.nav h1{font-size:2.55em}blockquote p img{width:125px}.feedback{border-radius:0;right:0;width:100%}article .brands a{flex-basis:25%}}@media (max-width:420px){#container{padding:0 1em}nav li{padding:5px}blockquote{margin:1em}blockquote:before{left:-20px}article{margin-bottom:3em}article .brands a{flex-basis:33%}}@media (min-width:1224px){article figure,article header{margin-left:-5em;margin-right:-5em}article figure figcaption{margin:0 auto;max-width:34em}}