.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--blog-grid-columns: 100%;--blog-column-full-bleed: 1 / 8;--blog-column-center: 1;--blog-page-heading-font-size: 3.5rem;--blog-h1-font-size: 2.25rem;--blog-h2-font-size: 1.75rem;--blog-h3-font-size: 1.25rem;--blog-details-font-size: 1.125rem;--blog-intro-paragraph-font-size: 1.15rem;--blog-post-paragraph-font-size: 1.05rem;--blog-heading-font-family: "BrandonGrotesqueBold", "Poppins",sans-serif;--blog-paragraph-font-family: "Poppins",sans-serif;--blog-intro-paragraph-space-below: 1.5rem;--blog-paragraph-spacing-bottom: .25rem;--blog-post-spacing-top: .5rem;--blog-post-list-item-spacing-bottom: 1rem;--blog-post-blockquote-horizontal-spacing: 1rem;--blog-paragraph-indent: 1em;--blog-intro-outdent: 0;--blog-drop-cap-color: #35b5ac;--blog-heading-color: #212122;--blog-paragraph-color: #515670;--blog-link-color: #0e8d84;--blog-link-hover-color: #247b75;--dark-mode-paragraph-color: #7497ff;--dark-mode-heading-color: #c0c9ff;--dark-mode-background-color: #010027;--codepen-embed-height: 80vh}@media (min-width: 900px){:root{--blog-grid-columns: 1fr 1fr 1fr 850px 1fr 1fr 1fr;--blog-column-full-bleed: 1 / 8;--blog-column-center: 4;--blog-intro-outdent: -3rem;--blog-page-heading-font-size: 7rem;--blog-post-spacing-top: 4rem;--codepen-embed-height: auto;--blog-intro-paragraph-font-size: 1.25rem;--blog-post-paragraph-font-size: 1.15rem}}.main{padding:3rem 2rem 2rem}@media (min-width: 900px){.main{flex-grow:1;padding:3rem 3rem 6rem}}.collection{display:grid}.collection__list{display:grid;max-width:850px;margin:0 auto}.collection__list-item{list-style-type:none;position:relative}.collection__list-item:not(:last-child){border-bottom:1px solid;border-color:#dde0e1;margin-bottom:3rem;padding-bottom:1.5rem}.collection__icon{display:inline-block;width:12px;height:12px}.collection__list-item:not(:last-child):after{background:#fff;border:1px solid #d8d8d8;bottom:-8px;box-shadow:0 0 0 5px #fff;content:"";display:block;height:12px;left:50%;margin-left:-8px;position:absolute;transform:rotate(45deg);width:12px}.collection__content{font-family:Poppins,Helvetica Neue,sans-serif}.collection__heading{color:#212122;font-size:3.25rem;font-family:var(--blog-heading-font-family);font-weight:400;line-height:1.1;margin:0 0 12px}.collection__details{color:#747477;font-size:1rem;line-height:1.6;margin:0 0 .75rem;text-align:left;font-family:Poppins,Helvetica Neue,sans-serif}.collection__description{color:#3f4358;font-family:Poppins,Helvetica Neue,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:24px}.collection__link{color:currentColor;display:block;text-decoration:none;transition:color .4s ease-in-out}.collection__link:hover{color:#0e8d84}.page__content{display:flow-root}.page__bio-photo{float:left;margin-right:2rem;max-width:100%;height:auto;width:450px}.page__subheading{color:#212122;font-family:var(--blog-heading-font-family);font-size:1.5rem;font-weight:400;line-height:1.1;margin:24px 0}.page__description{color:#3f4358;font-family:poppins,serif;font-size:1.1rem;line-height:1.7;margin:0 0 18px}.page__image{height:auto;max-width:100%}.page__link{color:#0e8d84}.layout-page{display:grid;max-width:850px;margin:0 auto}.page__heading{color:#212122;font-family:var(--blog-heading-font-family);font-size:3.25rem;font-weight:400;line-height:1.1;margin:0 0 24px}.page__description{color:#3f4358;font-family:poppins,serif;font-size:1.1rem;line-height:1.7;margin-bottom:24px}.blog-post{display:grid;grid-template-columns:var(--blog-grid-columns)}.blog-post__details{font-family:var(--blog-paragraph-font-family);font-size:var(--blog-details-font-size)}.blog-post__header{padding-top:var(--blog-post-spacing-bottom);grid-column:var(--blog-column-full-bleed);text-align:center}.blog-post__heading{color:var( --blog-heading-color);font-family:var(--blog-heading-font-family);font-weight:400;font-size:var(--blog-page-heading-font-size);line-height:1.1;margin:0}.blog-post__content{display:grid;grid-column:var(--blog-column-full-bleed);grid-template-columns:var(--blog-grid-columns)}.blog-post__content>*{grid-column:var(--blog-column-center)}.blog-post__content>blockquote{border-style:solid;border-width:0 0 0 5px;font-family:var(--blog-paragraph-font-family);font-size:1.45rem;font-style:italic;line-height:1.55;margin:2rem auto 2.5rem;padding:0 var(--blog-post-blockquote-horizontal-spacing);position:relative}.blog-post__content>blockquote p{margin:0}.blog-post__intro{font-size:var(--blog-intro-paragraph-font-size);margin-bottom:var(--blog-intro-paragraph-space-below);word-spacing:.1em;margin-left:var(--blog-intro-outdent);margin-right:var(--blog-intro-outdent)}.blog-post__content>ul{margin:0 0 0 1rem;padding:1rem 0 2rem}.blog-post__content>ul li{padding-left:.25rem}.blog-post__content>ul li::marker{color:#000}.blog-post__content>ul li:not(:last-child){padding-bottom:var(--blog-post-list-item-spacing-bottom)}.blog-post__content>p+.codepen-embed{height:var(--codepen-embed-height);margin-top:2rem}.blog-post__content{font-family:var(--blog-paragraph-font-family);font-size:var(--blog-post-paragraph-font-size);font-weight:400;line-height:1.6;color:var(--blog-paragraph-color)}.blog-post__content>p:not(.blog-post__intro)+p{padding-top:1rem}.blog-post__content>p:not(.blog-post__intro){margin-top:0;margin-bottom:.25rem}.blog-post__content>h1,.blog-post__content>h2,.blog-post__content>h3,.blog-post__content>h4{color:var(--blog-heading-color);font-family:var(--blog-heading-font-family);font-weight:400;line-height:1.2;margin:0;padding-top:2rem;padding-bottom:1rem}.blog-post__content>h1{font-size:var(--blog-h1-font-size)}.blog-post__content>h2{font-size:var(--blog-h2-font-size)}.blog-post__content>h3{font-size:var(--blog-h3-font-size)}.blog-post__content a{border-bottom:2px solid var(--blog-link-color);color:var(--blog-link-color);text-decoration:none;transition:color .3s ease,border .3s ease}.blog-post__content a:hover{border-bottom:2px solid transparent;color:var(--blog-link-hover-color)}.blog-post__drop-cap:first-letter{color:var(--blog-drop-cap-color);float:left;font-family:var(--blog-heading-font-family);font-size:4.812rem;font-weight:400;line-height:.714;padding:.313rem .625rem .25rem .19rem}.section-block{padding:1.5rem 1rem}@media (min-width: 48rem){.section-block{padding:2.5rem 1rem}}.section-block__inner{margin-left:auto;margin-right:auto;max-width:850px}.section-block--appearance-dark{background:#1f1f27}.section-block--sitemap{background:#16161a;box-shadow:inset 0 0 1px #ffffff59}.section-block--experiments{background:#f4f4f4;border-top:1px solid #eeecec}.section-block--contact{min-height:60vh}.section-block.section-block--post-intro,.section-block--post{padding-left:1rem;padding-right:1rem}@media (min-width: 60rem){.section-block.section-block--post-intro,.section-block--post{padding:0}}.section-block--post .section-block__inner,.section-block--post-footer .section-block__inner{max-width:650px}:root{--codepen-embed-column: 1}@media (min-width: 900px){:root{--codepen-embed-column: 3 / 6}}.codepen-embed{grid-column:var(--codepen-embed-column)}.codepen-embed__iframe{aspect-ratio:16 / 9;height:100%;width:100%}.pullquote{border-style:solid;border-width:0 0 0 5px;color:#212122;font:1.45rem/1.55 georgia,serif;font-style:italic;margin:2rem 0 2.5rem;padding:0 1rem;position:relative}.pullquote__footer{margin-top:.5rem}.pullquote__link{color:#0e8d84;font-family:georgia,serif;font-size:.8rem}.footer-links__heading{border-bottom:3px solid #000;color:var(--blog-heading-color);font-family:BrandonGrotesqueBold,Poppins,Helvetica Neue,sans-serif;font-size:var(--blog-h2-font-size);font-weight:700;margin-bottom:1.5rem;padding-bottom:.25rem}.footer-links__list{margin:0 0 0 1rem}.footer-links__list-item{font-size:1.1rem;padding-bottom:1rem}.figure--contained{margin:3rem auto 2rem;max-width:650px;position:relative;text-align:center}.figure--inline{margin:.8rem 1.5rem .8rem 0}@media (min-width: 48rem){.figure--inline{float:left;width:50%}}.figure__image{border:1px solid #ccc;height:auto;max-width:100%}.figure__image--fullscreen{height:auto;width:100%}.figure__caption{color:#21213b;display:block;font:italic .9rem/1.5 georgia,serif}.figure__caption-link{color:#0e8d84;transition:color .3s ease-in-out}.figure__caption-link:hover{color:#247b75}.figure--caption-inline{padding-right:1rem}@media all and (min-width: 48rem){.figure--caption-left .figure__caption{left:-14rem}}.figure--caption-right .figure__caption{right:-14rem}.figure--caption-below .figure__caption{padding:.5rem;position:relative}@media all and (min-width: 60rem){.figure--caption-right .figure__caption,.figure--caption-left .figure__caption{padding:0;padding-right:1rem;position:absolute;text-align:left;top:.5rem;width:12rem}}.intro-page{display:grid;margin:0 auto}.intro-page__link{color:#0e8d84;text-decoration:none}.intro-page__heading{color:#212122;font-family:var(--blog-heading-font-family);font-size:4rem;font-weight:400;line-height:1.25;max-width:850px;margin:0 auto}.intro-page__description{color:#3f4358;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:24px}.connect{margin:0 auto}.connect__list{display:flex;gap:16px}.connect__list-item{display:flex;flex:0 1 auto;list-style:none}.connect__list-item>*{margin:auto}.connect__heading{color:#b6becd;display:block;font:700 1.5rem/1.6 BrandonGrotesqueBold,Poppins,sans-serif;margin:0 0 1rem;width:100%}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0}}@keyframes astroFadeOut{to{opacity:0}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}