/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}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,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:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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}@supports (display:grid){.block{display:grid;grid-gap:24px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1400px;padding:0 8px}.block .block{margin:0 auto;padding:0}.block--flush{grid-gap:0}.block--narrow{padding:0 24px}.flex-display,.shim{display:none}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.pattern__2-8-2,.pattern__3-6-3{grid-column:span 12}.block--mobile .col-1{grid-column:span 1}.block--mobile .col-2{grid-column:span 2}.block--mobile .col-3{grid-column:span 3}.block--mobile .col-4{grid-column:span 4}.block--mobile .col-5{grid-column:span 5}.block--mobile .col-6{grid-column:span 6}.block--mobile .col-7{grid-column:span 7}.block--mobile .col-8{grid-column:span 8}.block--mobile .col-9{grid-column:span 9}.block--mobile .col-10{grid-column:span 10}.block--mobile .col-11{grid-column:span 11}.block--mobile .col-12{grid-column:span 12}}.particle{background-color:#ccc;min-height:100px;margin-bottom:8px}.breakpoint--tiny{display:block}.breakpoint--lg,.breakpoint--md,.breakpoint--sm,.breakpoint--xl{display:none}@media screen and (min-width:0�)and (min-resolution:+72dpi){.block{display:-ms-flexbox;-ms-flex:0 1 auto;-ms-flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto 16px;max-width:1400px}.block .block{margin:0 auto}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.pattern__2-8-2,.pattern__3-6-3{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;background-color:#fff}.pattern__2-8-2{margin-left:16.667%;-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.pattern__3-6-3{margin-left:25%;-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}}.block--wide{max-width:100%;width:100%;padding:0}.text__center{text-align:center}.align__center{display:grid;align-content:center}.justify__center{display:grid;justify-content:center}.center{display:grid;align-content:center;justify-content:center}.align__space-between{display:grid;align-content:space-between}.align__space-around{display:grid;align-content:space-around}.justify__space-between{display:grid;justify-content:space-between}.justify__space-around{display:grid;justify-content:space-around}.spacer-0{margin-top:0;margin-bottom:0}.spacer-1{margin-top:4px;margin-bottom:4px}.spacer-2{margin-top:8px;margin-bottom:8px}.spacer-3{margin-top:16px;margin-bottom:16px}.spacer-4{margin-top:24px;margin-bottom:24px}.spacer-5{margin-top:32px;margin-bottom:32px}.spacer-6{margin-top:40px;margin-bottom:40px}.spacer-0--top{margin-top:0}.spacer-1--top{margin-top:4px}.spacer-2--top{margin-top:8px}.spacer-3--top{margin-top:16px}.spacer-4--top{margin-top:24px}.spacer-5--top{margin-top:32px}.spacer-6--top{margin-top:40px}.spacer-0--bottom{margin-bottom:0}.spacer-1--bottom{margin-bottom:4px}.spacer-2--bottom{margin-bottom:8px}.spacer-3--bottom{margin-bottom:16px}.spacer-4--bottom{margin-bottom:24px}.spacer-5--bottom{margin-bottom:32px}.spacer-6--bottom{margin-bottom:40px}.spacer-7{margin-top:48px;margin-bottom:48px}.spacer-7--top{margin-top:48px}.spacer-7--bottom{margin-bottom:48px}.spacer-8{margin-top:56px;margin-bottom:56px}.spacer-8--top{margin-top:56px}.spacer-8--bottom{margin-bottom:56px}.spacer-9{margin-top:64px;margin-bottom:64px}.spacer-9--top{margin-top:64px}.spacer-9--bottom{margin-bottom:64px}.pull-1{margin-top:-8px}.pull-2{margin-top:-16px}.pull-3{margin-top:-24px}.pull-4{margin-top:-32px}.pull-5{margin-top:-40px}.pull-6{margin-top:-48px}.pull-7{margin-top:-56px}.pull-8{margin-top:-64px}.pull-9{margin-top:-72px}@media(min-width:544px){.breakpoint--tiny{display:none}.breakpoint--sm{display:block}.breakpoint--lg,.breakpoint--md,.breakpoint--xl{display:none}@supports (display:grid){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.pattern__2-8-2,.pattern__3-6-3{grid-column:span 12}}}@media(min-width:768px){.breakpoint--sm,.breakpoint--tiny{display:none}.breakpoint--md{display:block}.breakpoint--lg,.breakpoint--xl{display:none}@supports (display:grid){.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}}}@media(max-width:1011px){@supports (display:grid){.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}}}@media(min-width:1012px){.breakpoint--md,.breakpoint--sm,.breakpoint--tiny{display:none}.breakpoint--lg{display:block}.breakpoint--xl{display:none}@supports (display:grid){.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.pattern__2-8-2{grid-column:3/11}.pattern__3-6-3{grid-column:4/10}.shim{display:block}.push-1{margin-top:8px}.push-2{margin-top:16px}.push-3{margin-top:24px}.push-4{margin-top:32px}.push-5{margin-top:40px}.push-6{margin-top:48px}.push-7{margin-top:56px}.push-8{margin-top:64px}.push-9{margin-top:72px}}}@media(min-width:1280px){.breakpoint--lg,.breakpoint--md,.breakpoint--sm,.breakpoint--tiny{display:none}.breakpoint--xl{display:block}.column--wide{max-width:2000px}}body,li{line-height:1.5}html{font-size:100%;margin:0;padding:0}body{color:#202020;font-size:1.2em;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 8px 0 0}html,html a{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,.004)}img{width:100%;height:auto}.rounders{border-radius:4px}.inner{margin:0 auto;padding:0 16px}a:link,a:visited{color:#a30000;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-color:#5200003d;text-underline-offset:2px;transition:.25 ease}a:active,a:hover{text-decoration:underline}@font-face{font-display:swap;font-family:Objectivity Medium;font-style:normal;font-weight:500;src:url(/fonts/objectivity/Objectivity-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Objectivity Bold;font-style:normal;font-weight:700;src:url(/fonts/objectivity/Objectivity-Bold.woff2) format("woff2")}h1,h2{margin:0 0 16px;line-height:1.1}h1,h2,h3,h4,h5,h6{font-family:Objectivity Bold,Helvetica,Arial,sans-serif}h1{padding:4px 0;font-weight:200;font-size:40px;font-size:2.6rem}h2{font-weight:300;font-size:29px;font-size:1.8125rem}h3{font-size:24px;font-size:1.5rem}h4{font-size:20px;font-size:1.25rem}.card h2{margin:0 0 8px;font-weight:400;font-size:24px;font-size:1.5rem}h3,li,p{margin:0 0 16px}h3,label,li,p{font-weight:400}.hn{display:block;padding:0;font-size:72%;color:#afb3b5}li,p{font-size:1.1rem}p.navigation{font-size:16px;font-size:1rem;text-align:center;text-wrap:balance}p small{letter-spacing:.3em;text-transform:uppercase}b,strong{font-weight:600}ol,ul{margin:0 0 16px 21px;padding:0}li{text-align:left}label{font-size:17px;font-size:1.1rem}header,header a:active,header a:hover,header a:link,header a:visited{color:var(--text-color, #fff);font-weight:700}header{padding:24px 0}.monoline{text-align:center;margin:0 auto}.monoline svg{margin:0 auto;max-width:40%;height:auto}.navigation a{font-weight:600;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-color:#52000066}header h1 span{padding:16px 16px 8px;background-color:#0e000e99;border-bottom-left-radius:4px;border-bottom-right-radius:4px}header h1 span a:active,header h1 span a:hover,header h1 span a:link,header h1 span a:visited{color:#f88}.intro h1,.intro h2,.intro h3,.intro p,.intro a{color:var(--text-color, #FFFFFF)}.intro a{font-weight:700}.card img,section img{width:100%}article.content{padding:8px 0;position:relative;z-index:1}article.content:before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,100% 72px,100% 100%,0 100%);border-bottom-right-radius:8px;z-index:-1}.projects h3{margin:0 0 2px}section.block{padding-top:8px;padding-bottom:16px}img.shadow{-webkit-box-shadow:0 16px 40px hsla(0,0%,40%,.25);-moz-box-shadow:0 16px 40px hsla(0,0%,40%,.25);box-shadow:0 16px 40px #66666640}.thumb{border-radius:8px}img.frame{border:1px solid #D9D9D9}.card{border-radius:5px;background:#fff;margin-bottom:8px;padding-bottom:8px;-webkit-box-shadow:0 8px 16px hsla(0,0%,48%,.1);-moz-box-shadow:0 8px 16px hsla(0,0%,48%,.1);box-shadow:0 8px 16px #7a7a7a1a}.card img{margin-bottom:24px}.card .inner{padding:0 24px}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.video-container{margin:0 auto 24px;position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}.screen-demo{height:90vh;overflow:scroll;border:1px solid #F2F2F2}.screen-demo div{height:26px;background:#f2f2f2}.shadow-md{-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .25s ease}.shadow-lg{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-md:hover{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.caption{margin-bottom:24px;text-align:center}.caption--top{margin-top:24px;text-align:center}.caption img,.caption--top img{margin:0 auto 8px}.caption p,.caption--top p{margin:0;color:#777;font-style:italic;font-size:14px;font-size:.8rem;text-align:center!important}.text-center{text-align:center}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{margin:0 auto 100px;padding:0;border:1px solid #efefef;border-radius:3px}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{display:block;width:100%}.flex-pauseplay span{text-transform:capitalize}.slides:after{display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{position:relative;background:#fffc}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}p.flex-caption{position:relative;bottom:0;left:0;margin:0;padding:8px 0;background:#fff;color:#333;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.flex-direction-nav a{position:absolute;top:50%;z-index:10;display:block;margin:-20px 0 0;width:30px;height:30px;background:url(//kylewjohnston.com/img/bg_direction_nav.png) no-repeat;text-indent:-9999px;opacity:0;cursor:pointer;-webkit-transition:all .3s ease}.flex-direction-nav .flex-next{right:-36px;background-position:100% 0}.flex-direction-nav .flex-prev{left:-36px}.flexslider:hover .flex-next{right:5px;opacity:.8}.flexslider:hover .flex-prev{left:5px;opacity:.8}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.flex-control-nav{position:absolute;bottom:-40px;width:100%;text-align:center}.flex-control-nav li{display:inline-block;margin:0 6px;zoom:1}.flex-control-paging li a{display:block;width:11px;height:11px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#666;background:#00000080;box-shadow:inset 0 0 3px #0000004d;text-indent:-9999px;cursor:pointer;-o-border-radius:20px}.flex-control-paging li a:hover{background:#333;background:#000000b3}.flex-control-paging li a.flex-active{background:#000;background:#000000e6;cursor:default}.flex-control-thumbs{position:static;overflow:hidden;margin:5px 0 0}.flex-control-thumbs li{float:left;margin:0;width:25%}.flex-control-thumbs img{display:block;width:100%;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}footer,footer a:link,footer a:visited{color:var(--text-color, #FFF)}footer{margin:0 auto;padding:40px 0}footer p{font-size:1px;font-size:.95rem}footer .me,footer span{color:var(--text-color, #FFF);font-weight:700}@media(min-width:1012px){body{margin:0 40px 0 0}section.block{padding-top:40px;padding-bottom:32px}h1{padding:4px 0;font-weight:200;font-size:54px;font-size:3.375rem}h2{font-weight:300;font-size:36px;font-size:2.25rem}h3{font-size:24px;font-size:1.5rem}h4{font-size:20px;font-size:1.25rem}p.navigation{font-size:1rem;text-align:right}.monoline{transform:scale(.75) translate(-64px);text-align:left;margin:0 auto}}