:root{--brand-dark-blue: #556270;--brand-light-blue: #4ECDC4;--brand-green: #C7F464;--brand-light-red: #FF6B6B;--brand-dark-red: #C44D58;--brand-light-grey: #E7E7E7;--brand-light-text: #8696a7;--serif: "Tisa W01 Regular", Georgia, "Times New Roman", serif;--sans-serif: "FreightSans Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--monospace: "Monaco", "Consolas", monospace;--body-max-width: 960px}body{font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.875em;color:var(--brand-dark-blue);margin:0;padding:0}h1,h2,h3,h4,h5{font-family:var(--sans-serif);font-weight:400}a{text-decoration:none;color:var(--brand-light-blue)}pre,code{background:var(--brand-dark-blue);color:#fff}pre{padding:10px;border-radius:4px}p{margin:30px 0}code{padding:2px 7px;font-size:14px;border-radius:2px}pre>code{all:unset}.header-container{overflow:auto;background-color:#ffffffe6;padding-bottom:40px}.header-body{max-width:var(--body-max-width);margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:flex-end}.header-nav-list{margin:40px 0 0;padding:0;list-style:none}.header-nav-item{display:inline-block;margin-left:10px}.header-nav-item a{font-size:16px;text-decoration:none;text-transform:uppercase;font-family:var(--sans-serif);color:var(--brand-dark-blue)}.header-nav-item a.active{color:var(--brand-dark-red)}.logo-link{display:block;text-decoration:none}.logo-container{position:relative;user-select:none}.logo-marks{position:absolute;top:-17px;left:0;right:0;list-style:none;overflow:auto;margin:0;padding:0;display:flex}.logo-marks li{flex:1;height:20px}.logo-marks li:nth-child(1){background-color:var(--brand-dark-blue)}.logo-marks li:nth-child(2){background-color:var(--brand-light-blue)}.logo-marks li:nth-child(3){background-color:var(--brand-green)}.logo-marks li:nth-child(4){background-color:var(--brand-light-red)}.logo-marks li:nth-child(5){background-color:var(--brand-dark-red)}.logo{font-size:21px;font-weight:400;margin:40px 0 0;text-transform:uppercase;position:relative}.logo-first-name,.logo-last-name{color:var(--brand-dark-blue)}.logo-slash{font-size:24px;color:var(--brand-light-blue);font-style:normal}.section-wrapper{width:100%;overflow:auto}.section-wrapper.landing-experiments{background-color:var(--brand-dark-blue)}.section-wrapper.landing-experiments .section-title{color:#fff}.section-wrapper.landing-writing .section-inner{padding-top:60px;overflow:initial}.section-inner{max-width:var(--body-max-width);margin:0 auto;padding:80px 1rem;overflow:auto}.section-title{font-size:21px;font-weight:600;margin-bottom:60px;color:var(--brand-dark-red)}.article-snippet{max-width:700px;margin-bottom:80px}.article-snippet-header{font-size:36px;font-weight:400;margin:0 0 20px;line-height:52px;position:relative;display:inline-block}.article-snippet-header:before{position:absolute;content:"/";left:-76px;top:0;color:var(--brand-light-grey);font-weight:400}.article-snippet-header:hover:before{color:var(--brand-light-blue)}.article-snippet-header a{text-decoration:none;border-bottom:1px solid var(--brand-light-blue);color:var(--brand-dark-blue);padding-bottom:4px}.article-snippet-header a:hover{background-color:var(--brand-light-blue);color:#fff}.article-snippet-excerpt{font-size:20px}.article-snippet-excerpt p{margin:0 0 20px}.article-snippet-meta{font-family:var(--sans-serif);font-size:14px;margin-bottom:15px;color:var(--brand-light-text)}.meta-separator{margin:0 4px;font-size:11px;position:relative;top:-1px}.more-link{font-family:var(--sans-serif);font-size:18px;color:var(--brand-dark-blue);border-bottom:1px solid var(--brand-light-blue)}.landing-experiments .more-link{color:#fff}.landing-experiment-list{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.landing-experiment-item{height:300px;background-color:#7b8a99;position:relative;overflow:hidden}.landing-experiment-item:nth-child(1),.landing-experiment-item:nth-child(2){grid-column:span 1}.landing-experiment-item .experiment-link{position:absolute;inset:0;z-index:12;background-color:#55627000;transition:background-color .1s}.landing-experiment-item .experiment-link:hover{background-color:#55627099}.landing-experiment-item .experiment-link:hover .landing-experiment-title{background-color:var(--brand-dark-blue)}.landing-experiment-title{background-color:var(--brand-light-blue);color:#fff;display:inline-block;position:absolute;bottom:20px;right:0;z-index:10;line-height:30px;text-transform:uppercase;padding:0 20px 0 10px;font-size:13px;margin:0;transition:background-color .1s}.experiment-index-list{max-width:var(--body-max-width);margin:0 auto;padding:0;list-style:none}.experiment-index-list li{max-width:var(--body-max-width);position:relative;height:500px;margin-bottom:40px;display:block;background-color:#eee;overflow:hidden}.experiment-index-list li .codepen,.experiment-index-list li iframe{position:relative;z-index:2}.experiment-index-item-title{background-color:var(--brand-light-blue);color:#fff;display:inline-block;position:absolute;bottom:40px;right:0;z-index:10;line-height:40px;text-transform:uppercase;padding:0 40px 0 20px;font-size:20px;margin:0;transition:background-color .1s}.experiment-index-link{position:absolute;inset:0;z-index:12;background-color:#55627000;transition:background-color .1s}.experiment-index-link:hover{background-color:#55627099}.experiment-index-link:hover .experiment-index-item-title{background-color:var(--brand-dark-blue)}.single-article{max-width:var(--body-max-width);margin:0 auto;padding:0 1rem}.single-article-title{font-size:64px;line-height:72px;max-width:720px;color:var(--brand-light-blue);font-weight:500}.single-article-lead-in{max-width:620px;font-size:20px;line-height:30px}.single-article-body{max-width:620px}.single-article-body a{border-bottom:1px solid var(--brand-light-blue);color:var(--brand-dark-blue)}.single-article-body p{margin:0 0 20px}.single-article-body h2{font-size:36px;line-height:46px;margin:60px 0 40px}.single-article-body h3{font-size:22px;margin:40px 0 20px}.single-article-body pre{max-width:700px;margin:40px 0;padding:40px;font-size:14px;overflow-x:auto}.single-article-body pre code{padding:0}.single-article-tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em;max-width:620px}.single-article-tag{font-family:var(--sans-serif);font-size:13px;padding:.2em .6em;background-color:var(--brand-light-grey);color:var(--brand-dark-blue);text-transform:uppercase}.large-codepen-container{height:500px;background-color:#eee}.loader{position:absolute;top:50%;left:50%;width:30px;height:120px;display:flex;flex-flow:column nowrap;transform:translate(-50%,-50%);z-index:1}.loader .diamond{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:30px;height:30px;border-radius:60px;background:var(--brand-light-blue);transform:translateY(0) rotate(45deg) scale(0);animation:diamonds 1.5s linear infinite}.loader .diamond:nth-child(1){animation-delay:-1s}.loader .diamond:nth-child(2){animation-delay:-2s}.loader .diamond:nth-child(3){animation-delay:-3s}@keyframes diamonds{50%{transform:translateY(-50px) rotate(45deg) scale(1)}to{transform:translateY(-100px) rotate(45deg) scale(0)}}.pagination{text-align:center}.pagination .section-inner{padding:0 1rem 80px}.pagination-previous,.pagination-next{font-size:18px;font-family:var(--sans-serif);text-transform:uppercase;margin:0 10px}.global-footer{width:100%}.global-footer-inner{max-width:var(--body-max-width);margin:0 auto;padding:80px 1rem}.global-footer-footnote{font-family:var(--sans-serif);max-width:460px;font-size:16px;color:var(--brand-light-text);margin-bottom:20px;display:inline-block}.tag-page{max-width:var(--body-max-width);margin:0 auto;padding:80px 1rem}.tag-page h1{color:var(--brand-dark-red);font-weight:600;font-size:21px;margin-bottom:40px}.tag-page ul{list-style:none;padding:0}.tag-page li{margin-bottom:20px}.tag-page li a{font-size:20px;border-bottom:1px solid var(--brand-light-blue);color:var(--brand-dark-blue);padding-bottom:2px}.tag-page li a:hover{background-color:var(--brand-light-blue);color:#fff}.tag-page li span{font-family:var(--sans-serif);font-size:14px;color:var(--brand-light-text);margin-left:10px}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}@media(max-width:768px){.header-body{flex-direction:column;align-items:flex-start}.header-nav-list{margin-top:20px}.header-nav-item:first-child{margin-left:0}.article-snippet-header{font-size:28px;line-height:40px}.article-snippet-header:before{display:none}.single-article-title{font-size:40px;line-height:48px}.landing-experiment-list{grid-template-columns:1fr}.experiment-index-list li{height:350px}}