/*!
  Theme Name: Chris Coyier Theme 7
  Author: Chris Coyier
  Version: 1
*/@font-face{font-weight:500;font-family:"NeueFaktumCondensed";src:url("fonts/NeueFaktumCondensed-SemiBold.woff2") format("woff2"),url("fonts/NeueFaktumCondensed-SemiBold.woff") format("woff")}@font-face{font-family:"Brix-Sans-Web";src:url("fonts/Brix-Sans-Web-Regular.woff2") format("woff2"),url("fonts/Brix-Sans-Web-Regular.woff") format("woff")}@font-face{font-family:"Brix-Sans-Web";font-style:italic;src:url("fonts/Brix-Sans-Web-Regular-Italic.woff2") format("woff2"),url("fonts/Brix-Sans-Web-Regular-Italic.woff") format("woff")}@font-face{font-family:"Brix-Sans-Web";font-weight:700;src:url("fonts/Brix-Sans-Web-Bold.woff2") format("woff2"),url("fonts/Brix-Sans-Web-Bold.woff") format("woff")}@font-face{font-family:"Brix-Sans-Web";font-weight:700;font-style:italic;src:url("fonts/Brix-Sans-Web-Bold-Italic.woff2") format("woff2"),url("fonts/Brix-Sans-Web-Bold-Italic.woff") format("woff")}:root{--font-size-sm: clamp(0.7rem, 0.26vw + 0.63rem, 0.84rem);--font-size-base: clamp(1rem, 0.6vw + 0.75rem, 1.2rem);--font-size-md: clamp(1.2rem, 0.75vw + 0.95rem, 1.6rem);--font-size-lg: clamp(1.37rem, 1.15vw + 1.08rem, 2rem);--font-size-xl: clamp(1.71rem, 1.74vw + 1.27rem, 2.66rem);--font-size-xxl: clamp(2rem, 2.57vw + 1.49rem, 3rem);--font-size-xxxl: clamp(2.67rem, 3.75vw + 1.73rem, 4.73rem)}html.front-end,.editor-styles-wrapper.editor-styles-wrapper{font-family:"Brix-Sans-Web", system-ui, sans-serif;font-size:var(--font-size-base);line-height:1.5;font-weight:300;color:#222;overflow-wrap:break-word}html.front-end li,html.front-end p,html.front-end pre,html.front-end code,.editor-styles-wrapper.editor-styles-wrapper li,.editor-styles-wrapper.editor-styles-wrapper p,.editor-styles-wrapper.editor-styles-wrapper pre,.editor-styles-wrapper.editor-styles-wrapper code{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}html.front-end a,.editor-styles-wrapper.editor-styles-wrapper a{text-decoration:none;color:inherit}html.front-end a:not(.block--interview):not(.block--conference),html.front-end a.block--interview p strong,html.front-end a.block--conference p strong,.editor-styles-wrapper.editor-styles-wrapper a:not(.block--interview):not(.block--conference),.editor-styles-wrapper.editor-styles-wrapper a.block--interview p strong,.editor-styles-wrapper.editor-styles-wrapper a.block--conference p strong{color:inherit;text-decoration:none;text-decoration:underline;-moz-text-decoration-color:#aad3f9;text-decoration-color:#aad3f9;text-decoration-thickness:2px;text-underline-offset:3px;-webkit-text-decoration-skip-ink:skip;text-decoration-skip-ink:skip}html.front-end a:not(.block--interview):not(.block--conference):hover,html.front-end a:not(.block--interview):not(.block--conference):focus,html.front-end a.block--interview p strong:hover,html.front-end a.block--interview p strong:focus,html.front-end a.block--conference p strong:hover,html.front-end a.block--conference p strong:focus,.editor-styles-wrapper.editor-styles-wrapper a:not(.block--interview):not(.block--conference):hover,.editor-styles-wrapper.editor-styles-wrapper a:not(.block--interview):not(.block--conference):focus,.editor-styles-wrapper.editor-styles-wrapper a.block--interview p strong:hover,.editor-styles-wrapper.editor-styles-wrapper a.block--interview p strong:focus,.editor-styles-wrapper.editor-styles-wrapper a.block--conference p strong:hover,.editor-styles-wrapper.editor-styles-wrapper a.block--conference p strong:focus{-moz-text-decoration-color:rgba(0,0,0,0.1);text-decoration-color:rgba(0,0,0,0.1)}html.front-end a.block--conference--past,.editor-styles-wrapper.editor-styles-wrapper a.block--conference--past{opacity:0.69}html.front-end a.block--conference--past::before,.editor-styles-wrapper.editor-styles-wrapper a.block--conference--past::before{content:"✅";display:inline;-webkit-filter:grayscale(100%);filter:grayscale(100%)}html.front-end h1,html.front-end h2,html.front-end h3,html.front-end h4,html.front-end h5,html.front-end h6,.editor-styles-wrapper.editor-styles-wrapper h1,.editor-styles-wrapper.editor-styles-wrapper h2,.editor-styles-wrapper.editor-styles-wrapper h3,.editor-styles-wrapper.editor-styles-wrapper h4,.editor-styles-wrapper.editor-styles-wrapper h5,.editor-styles-wrapper.editor-styles-wrapper h6{font-family:"NeueFaktumCondensed", system-ui, sans-serif;font-weight:500;line-height:1;margin:0 0 1rem 0;hanging-punctuation:first}html.front-end h1,html.front-end .h1,.editor-styles-wrapper.editor-styles-wrapper h1,.editor-styles-wrapper.editor-styles-wrapper .h1{font-size:var(--font-size-xxl);margin:0 0 1rem 0}html.front-end h2,html.front-end .h2,.editor-styles-wrapper.editor-styles-wrapper h2,.editor-styles-wrapper.editor-styles-wrapper .h2{font-size:var(--font-size-lg);margin:1rem 0 1.2rem 0}html.front-end h2:not(:first-child,.jetpack-instant-search__search-results-title),html.front-end .h2:not(:first-child,.jetpack-instant-search__search-results-title),.editor-styles-wrapper.editor-styles-wrapper h2:not(:first-child,.jetpack-instant-search__search-results-title),.editor-styles-wrapper.editor-styles-wrapper .h2:not(:first-child,.jetpack-instant-search__search-results-title){margin:3rem 0 1.2rem 0}html.front-end .meta+h2,.editor-styles-wrapper.editor-styles-wrapper .meta+h2{-webkit-margin-before:0.2rem;margin-block-start:0.2rem}html.front-end h3,.editor-styles-wrapper.editor-styles-wrapper h3{font-size:var(--font-size-md)}html.front-end h3:not(:first-child),.editor-styles-wrapper.editor-styles-wrapper h3:not(:first-child){margin:3rem 0 1.2rem 0}html.front-end p,.editor-styles-wrapper.editor-styles-wrapper p{margin:0;hanging-punctuation:first}html.front-end p:not(:last-child),html.front-end details,.editor-styles-wrapper.editor-styles-wrapper p:not(:last-child),.editor-styles-wrapper.editor-styles-wrapper details{margin:0 0 1rem 0}html.front-end p,html.front-end li,.editor-styles-wrapper.editor-styles-wrapper p,.editor-styles-wrapper.editor-styles-wrapper li{max-width:80ch}html.front-end pre,.editor-styles-wrapper.editor-styles-wrapper pre{margin:0 0 1rem 0}html.front-end article ul,html.front-end article ol,.editor-styles-wrapper.editor-styles-wrapper article ul,.editor-styles-wrapper.editor-styles-wrapper article ol{padding:0 0 0 1rem;margin:0 0 1rem 0}html.front-end article ul>li,html.front-end article ol>li,.editor-styles-wrapper.editor-styles-wrapper article ul>li,.editor-styles-wrapper.editor-styles-wrapper article ol>li{margin:0 0 0.25rem 0}html.front-end blockquote,.editor-styles-wrapper.editor-styles-wrapper blockquote{border-left:4px solid rgba(0,0,0,0.2);margin:1rem 0 1rem 0.5rem;-webkit-padding-start:2rem;-moz-padding-start:2rem;padding-inline-start:2rem}html.front-end hr,.editor-styles-wrapper.editor-styles-wrapper hr{margin:2rem 0;height:1px;border:0;background:gray}html.front-end pre,html.front-end .hljs,.editor-styles-wrapper.editor-styles-wrapper pre,.editor-styles-wrapper.editor-styles-wrapper .hljs{white-space:pre-wrap !important;font-size:85%;padding:1.2rem !important;border-radius:4px}html.front-end .hljs,.editor-styles-wrapper.editor-styles-wrapper .hljs{-webkit-box-shadow:inset 2px 2px 0.5rem rgba(0,0,0,0.1);box-shadow:inset 2px 2px 0.5rem rgba(0,0,0,0.1)}html.front-end pre:has(.hljs),.editor-styles-wrapper.editor-styles-wrapper pre:has(.hljs){padding:0 !important}html.front-end pre,html.front-end code,.editor-styles-wrapper.editor-styles-wrapper pre,.editor-styles-wrapper.editor-styles-wrapper code{font-family:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace}html.front-end p code,html.front-end li code,.editor-styles-wrapper.editor-styles-wrapper p code,.editor-styles-wrapper.editor-styles-wrapper li code{font-size:82%;border-radius:2px;padding:0.1rem}html.front-end time,.editor-styles-wrapper.editor-styles-wrapper time{font-weight:300;text-transform:uppercase;margin:0.2rem 0;font-size:var(--font-size-sm);letter-spacing:0.1rem}html.front-end .post-format,.editor-styles-wrapper.editor-styles-wrapper .post-format{text-transform:uppercase}html.front-end .has-drop-cap:not(:focus):first-letter,.editor-styles-wrapper.editor-styles-wrapper .has-drop-cap:not(:focus):first-letter{font-size:6.3em !important;margin:0.05em 0.1em 0.3em 0 !important}html.front-end .hljs-type,html.front-end .hljs-string,html.front-end .hljs-number,html.front-end .hljs-selector-id,html.front-end .hljs-selector-class,html.front-end .hljs-quote,html.front-end .hljs-template-tag,html.front-end .hljs-deletion,.editor-styles-wrapper.editor-styles-wrapper .hljs-type,.editor-styles-wrapper.editor-styles-wrapper .hljs-string,.editor-styles-wrapper.editor-styles-wrapper .hljs-number,.editor-styles-wrapper.editor-styles-wrapper .hljs-selector-id,.editor-styles-wrapper.editor-styles-wrapper .hljs-selector-class,.editor-styles-wrapper.editor-styles-wrapper .hljs-quote,.editor-styles-wrapper.editor-styles-wrapper .hljs-template-tag,.editor-styles-wrapper.editor-styles-wrapper .hljs-deletion{color:#2a9aff !important}html.front-end .hljs-built_in,html.front-end .hljs-bullet,html.front-end .hljs-code,html.front-end .hljs-addition,.editor-styles-wrapper.editor-styles-wrapper .hljs-built_in,.editor-styles-wrapper.editor-styles-wrapper .hljs-bullet,.editor-styles-wrapper.editor-styles-wrapper .hljs-code,.editor-styles-wrapper.editor-styles-wrapper .hljs-addition{color:#6abf17 !important}html.front-end .hljs>mark.shcb-loc,.editor-styles-wrapper.editor-styles-wrapper .hljs>mark.shcb-loc{background:#ffffd4 !important;border-radius:3px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hide{display:none}.visually-hidden{position:absolute;top:-9999px;left:-9999px}img{max-width:100%;height:auto;display:block}body{min-height:100vh;margin:0;position:relative;overflow-x:hidden;background-color:#1d1e1e}.content{background:#eee;-webkit-padding-after:5rem;padding-block-end:5rem;border-radius:12px;border:4px solid rgba(0,0,0,0.15);padding:2rem;margin:2rem auto;translate:-3% 0;display:grid;grid-template-columns:1fr 3fr;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;gap:2rem;max-width:45rem}@media (max-width: 650px){.content{grid-template-columns:1fr;border-width:3px;border-color:black;-webkit-margin-before:0;margin-block-start:0;border-radius:0}}@media (max-width: 740px){.content{translate:0}}.block{position:relative}.block h2>a::before{position:absolute;content:"";left:0;top:0;width:100px;height:100px}.meta{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:0.5}.block .meta::before{content:"";display:inline-block;width:1rem;height:1rem;background:url(images/blog.svg) no-repeat;background-size:contain}.block.format-image .meta::before{background:url(images/video.svg) no-repeat}.block.format-link .meta::before{background:url(images/link.svg) no-repeat}.block.format-image .meta::before{background:url(images/image.svg) no-repeat}.block.format-chat .meta::before{background:url(images/chat.svg) no-repeat}.site-header{padding-bottom:0 !important;position:sticky;top:1rem;mix-blend-mode:multiply;z-index:1}.site-header nav a{display:block;font-weight:900}@media (max-width: 650px){.site-header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;position:static}.site-header nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-header nav a{font-size:var(--font-size-sm);width:50%;display:inline-block;text-decoration:none !important;border-bottom:1px solid rgba(0,0,0,0.2);line-height:1;padding:0.5rem 0 0.4rem 0.5rem}.site-header nav a:nth-child(even){border-left:1px solid rgba(0,0,0,0.2)}.site-header nav a:nth-last-child(1),.site-header nav a:nth-last-child(2){border-bottom:0}}.homepage-title{width:100%;aspect-ratio:1/1;background:url("images/logo.png") no-repeat;background-size:contain;text-indent:-9999px;position:relative}@media (max-width: 650px){.homepage-title{-webkit-box-flex:100px;-moz-box-flex:100px;-ms-flex:100px 0 0px;flex:100px 0 0}}.homepage-title>a{position:absolute;top:0;left:0;width:100%;height:100%}.jetpack-search-filter__link{position:absolute;top:0;left:0}@media (max-width: 650px){.jetpack-search-filter__link{top:1rem;left:1rem}}.block{margin:0 0 4rem 0}.block:last-child{margin-bottom:0}.block--conference--past{opacity:0.75;position:relative}.block--interview p{font-size:1.35rem}a.block{display:block}.pagination{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination a{padding:1rem}article,.bio-area{word-break:break-word}article>header,.bio-area>header{margin:0 0 1rem 0}article>header:not(:has(p)) h1,.bio-area>header:not(:has(p)) h1{margin:0 0 5px 0}article figure,.bio-area figure{margin-bottom:2rem !important}article figure>img,.bio-area figure>img{margin-bottom:0.5rem}article figure figcaption,.bio-area figure figcaption{margin:0 !important;font-size:75%;opacity:0.66;display:block !important;-webkit-margin-before:0.1rem !important;margin-block-start:0.1rem !important;max-width:300px}article figure.alignright,article figure.alignleft,.bio-area figure.alignright,.bio-area figure.alignleft{background:white;padding:0.5rem}article figure.alignright,.bio-area figure.alignright{margin-right:-150px;margin-left:1rem}article figure.alignleft,.bio-area figure.alignleft{margin-left:-150px;margin-right:1rem}article figure.alignwide,.bio-area figure.alignwide{margin-left:-200px;margin-right:-200px}@media (max-width: 650px){article figure.alignright,article figure.alignleft,.bio-area figure.alignright,.bio-area figure.alignleft{max-width:150px}article figure.alignright,.bio-area figure.alignright{margin-right:0;margin-left:1rem}article figure.alignleft,.bio-area figure.alignleft{margin-left:0;margin-right:1rem}article figure.alignwide,.bio-area figure.alignwide{margin-left:0;margin-right:0}}article .pagination,.bio-area .pagination{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}article .wp-block-table,.bio-area .wp-block-table{border-collapse:collapse;margin-bottom:1rem}article .wp-block-table td,article .wp-block-table th,.bio-area .wp-block-table td,.bio-area .wp-block-table th{border:1px solid #999;padding:0.5rem 1rem}article video,article iframe,.bio-area video,.bio-area iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;margin:0 0 1rem 0}article .wp-block-embed__wrapper>iframe,.bio-area .wp-block-embed__wrapper>iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;margin:0 0 1rem 0}article .wp-block-embed.is-provider-youtube,.bio-area .wp-block-embed.is-provider-youtube{max-width:500px}.article-content,.block--interview,.block--conference{padding:3rem;background:white;border-radius:20px;-webkit-box-shadow:0 0.5rem 3rem 10px rgba(0,0,0,0.05);box-shadow:0 0.5rem 3rem 10px rgba(0,0,0,0.05)}body.single-post .article-content,body.page .article-content,body.post-type-archive .article-content,body.single-post .block--interview,body.page .block--interview,body.post-type-archive .block--interview,body.single-post .block--conference,body.page .block--conference,body.post-type-archive .block--conference{width:120%;border:4px solid rgba(0,0,0,0.2)}@media (max-width: 740px){body.single-post .article-content,body.page .article-content,body.post-type-archive .article-content,body.single-post .block--interview,body.page .block--interview,body.post-type-archive .block--interview,body.single-post .block--conference,body.page .block--conference,body.post-type-archive .block--conference{width:108%}}@media (max-width: 450px){body.single-post .article-content,body.page .article-content,body.post-type-archive .article-content,body.single-post .block--interview,body.page .block--interview,body.post-type-archive .block--interview,body.single-post .block--conference,body.page .block--conference,body.post-type-archive .block--conference{width:calc(100% + 4rem);-webkit-margin-start:-2rem;-moz-margin-start:-2rem;margin-inline-start:-2rem;border:0;padding:2rem}}.hljs{display:block;overflow-x:auto;padding:0.5em;background:#f0f0f0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888888}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#880000}.hljs-title,.hljs-section{color:#880000;font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#bc6060}.hljs-literal{color:#78a960}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}h3#comments{-webkit-margin-before:3rem;margin-block-start:3rem;font-size:var(--font-size-sm);text-transform:uppercase}.commentlist{list-style:none;padding:0}.comment,.pingback{-webkit-margin-after:1.5rem;margin-block-end:1.5rem;padding:1.5rem;position:relative;background:black;border-radius:6px;color:white}.comment a,.pingback a{-moz-text-decoration-color:rgba(255,255,255,0.2);text-decoration-color:rgba(255,255,255,0.2)}.comment .children,.pingback .children{-webkit-margin-before:3em;margin-block-start:3em;list-style:none}.comment .children .comment,.pingback .children .comment{background:white;color:black}.comment-author{font-size:var(--font-size-sm);margin:0 0 0.5rem 0}.comment-author cite{text-transform:uppercase;font-style:normal;font-weight:bold}.comment-author cite a{text-decoration:none !important}.says{display:none}.comment-meta{text-transform:uppercase;margin:0.2rem 0;font-size:var(--font-size-sm);letter-spacing:0.1rem;-webkit-margin-after:1rem;margin-block-end:1rem;position:absolute;top:0.2rem;right:0.2rem;opacity:0.75}.comment-meta a{text-decoration:none !important}.comment-body{font-size:var(--font-size-tiny)}.comment-body p:not(:last-child){margin-bottom:0.6rem}.comment-respond{-webkit-margin-before:3rem;margin-block-start:3rem;font-size:var(--font-size-sm)}.comment-reply-title{font-size:var(--font-size-sm);text-transform:uppercase}.comment-form label{display:block}.comment-form input[type="text"],.comment-form textarea{width:100%;display:block;padding:0.5rem;font-family:inherit}.submit{background:black;color:white;border:0;font-family:inherit;font-weight:bold;padding:0.6rem 1rem 0.5rem;border-radius:3px}.submit:hover,.submit:focus{outline:2px solid black;background:white;color:black}.lifelist{display:table;width:100%;list-style:none;margin:0;padding:0}.lifelist li{display:table-row}.lifelist li>*{display:table-cell;padding:0.25rem 1.5rem 1rem 0}@media (max-width: 650px){.lifelist,.lifelist li,.lifelist li>*{display:block}.lifelist li{-webkit-margin-after:2rem;margin-block-end:2rem}.lifelist li .timeline-type,.lifelist li .timeline-date{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:0.5rem;-moz-margin-end:0.5rem;margin-inline-end:0.5rem}.lifelist li>*{padding:0}}.timeline-type{white-space:nowrap;font-weight:bold}.timeline-date{white-space:nowrap}footer{padding:2rem 5rem;font-size:var(--font-size-base);color:white;text-align:center;position:relative}footer>a{font-size:var(--font-size-sm);display:inline-block;-webkit-padding-end:0.2rem;-moz-padding-end:0.2rem;padding-inline-end:0.2rem;-webkit-padding-before:0.3rem;padding-block-start:0.3rem}footer p{max-width:50ch !important;margin:0 auto 2rem !important}