@font-face{font-display:swap;font-family:inter;font-style:normal;font-weight:var(--fw);src:url(/fonts/inter-regular.woff2)format("woff2")}:root{--bg:#fff;--fg:#555;--g:#eee;--b:hsl(240 5.9% 90% / .7);--hb:hsl(240 5.9% 90% / .7);--r:999px;--r2:16px;--r3:8px;--fw:400;--lg:#8c8c8c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:inter,sans-serif;font-weight:var(--fw);font-size:.85rem;line-height:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;color:var(--fg);line-height:1.6}a{color:var(--fg);text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:var(--fw)}main,.head{max-width:90rem;margin:0 auto}main{padding:0 2rem}.description{text-align:center;margin:8rem 0}header{overflow:hidden;border-bottom:1px solid var(--hb);-webkit-backdrop-filter:saturate(180%)blur(5px);backdrop-filter:saturate(180%)blur(5px);position:sticky;top:0;background:rgba(255,255,255,.8)}header a,header label{display:block;text-decoration:none}header a{line-height:2.5}.logo{padding:1rem 0}.logo svg{width:1rem;fill:var(--lg);line-height:0;margin-right:.2rem}.lg{display:block;padding-bottom:.5rem}header label{padding:1rem 0}header a:hover,header label:hover{opacity:.7}.head{padding:0 2rem}header label{float:right;cursor:pointer;width:1rem;height:4rem;background-image:url(/hamburger.svg);background-repeat:no-repeat;background-position:50%;background-size:1rem;transition:background-image .2s ease}#nav:checked~label{background-image:url(/close.svg)}header label:after{content:""}.logo{float:left}nav{float:right;max-height:0;width:100%;-webkit-transition:max-height .3s;-moz-transition:max-height .3s;-o-transition:max-height .3s;transition:max-height .3s}nav ul{margin:0;padding:0;padding-bottom:1.5rem;float:left}nav li{display:block;text-align:left}nav a{width:100%}#nav{display:none}#nav:checked~nav{max-height:300px}@media only screen and (min-width:768px){header label{display:none}nav{width:auto;max-height:none}nav ul{padding:1rem 0;display:flex;gap:1rem}nav li{display:inline-block;text-align:left}header nav a{display:inline-block;width:auto;padding:0}}.post a{border-bottom:1px solid var(--b)}.post p{padding-bottom:.5rem}.category-filter{flex-basis:100%;flex-grow:0;flex-shrink:0;display:flex;overflow:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:1rem;gap:.5rem}.filter-button{background:#fff;border:1px solid var(--b);padding:.3rem .9rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;border-radius:var(--r);color:var(--lg)}.filter-button:hover{background-color:#f7f7f7;color:var(--fg);border-color:var(--b)}.filter-button.active{background-color:#f7f7f7;color:var(--fg);border-color:transparent}.list__img{background:#f7f7f7;border-radius:12px;padding:.5rem;margin-bottom:.2rem}.list{list-style-type:none;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:768px){.list{grid-template-columns:1fr}}.related-posts__info{padding-top:.5rem}footer{border-top:1px solid var(--hb)}.post__header-text{border-bottom:1px solid var(--b);padding-bottom:.5rem;width:100%}.lg{color:var(--lg)}.image-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.desktop-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mobile-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mobile-image img{width:70%;max-width:400px;height:auto;display:block}.post__image{width:100%;height:auto;border:1px solid var(--b);border-radius:var(--r3);display:block}.desktop-image .post__image{width:100%;height:100%;object-fit:contain;border:1px solid var(--b)}.mobile-image .post__image{object-fit:contain;border:1px solid var(--b)}.post__header,.tab-content,.tab-pane{margin:0;padding:0}.post__header{line-height:0;margin-top:4rem}video{width:100%;height:auto;display:block}.tags_title{margin-bottom:3rem;padding-bottom:.5rem;border-bottom:1px solid var(--b)}.tags_list{list-style-type:none;padding-left:1rem}.tags_list sup{font-size:60%;padding-left:.01rem}.tags_list li{display:inline-block;margin-right:.5rem;margin-bottom:1rem}.tags_list li a{padding:.3rem .9rem;border:1px solid var(--b);border-radius:var(--r);font-size:.8rem;transition:all .2s ease;border-radius:var(--r);color:var(--lg)}.tags_list li a:hover{background-color:#f7f7f7;color:var(--fg);border-color:var(--b)}.page h2{margin-bottom:3rem;border-top:1px solid var(--hb);padding-top:.5rem}.page h3{margin-bottom:1rem;margin-top:2rem}.page ul{padding-left:1rem;margin-bottom:.5rem;margin-top:.5rem}.page p+p{margin-top:.5rem}.page a{text-decoration:none}.page__content{max-width:40rem;margin:0 auto;padding-bottom:8rem}.page__content a{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--fg);text-decoration-thickness:1px}.post__info{margin-top:4rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hb)}.meta{padding-top:6rem}.meta a{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--hb);text-decoration-thickness:1px}.meta p:first-child{border-top:1px solid var(--b)}.meta p{padding-bottom:1rem;padding-top:1rem;border-bottom:1px solid var(--hb)}.meta:last-child{padding-bottom:3rem}.related-posts{margin-top:4rem;margin-bottom:8rem}.related-posts h3{padding-bottom:.5rem;margin-bottom:2rem;padding-top:.5rem}.related-posts ul{list-style-type:none;grid-template-columns:repeat(3,1fr);display:grid;gap:1rem;padding-left:0!important}@media screen and (max-width:768px){.related-posts ul{grid-template-columns:1fr}}.related-posts img{width:100%;height:auto;display:block;border:1px solid var(--b)}.post__title{padding-bottom:.5rem;padding-top:.5rem}.footer{background-color:var(--bg);color:var(--fg);padding:4rem;margin-top:8rem}.footer-container{display:flex;justify-content:space-between;max-width:80rem;margin:0 auto;gap:2rem}.footer-branding{flex:1}.footer-logo{margin-bottom:1rem;font-size:inherit}.footer-logo a{color:var(--fg);text-decoration:none}.footer-tagline{color:var(--fg);max-width:20rem;margin-bottom:2rem}.footer-nav-container{display:flex;gap:15rem}.footer-nav h4{font-size:1rem;font-weight:var(--fw);margin-bottom:1rem;color:var(--fg);display:none}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:.5rem}.footer-nav a{color:var(--fg);text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--fg)}.footer-bottom{max-width:80rem;margin:4rem auto 0;padding-top:2rem;border-top:1px solid var(--hb);display:flex;justify-content:space-between;color:var(--lg);font-size:.8rem}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:var(--lg);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--fg)}@media(max-width:768px){.footer{padding:4rem 2rem}.footer-container{flex-direction:column}.footer-nav-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem}.footer-legal{gap:1.5rem}}.footer__container{display:flex;justify-content:space-between}.footer__container a{display:inline-flex}.wrapper--pagination{padding:4rem 0}.pagination{margin-top:4rem;padding:0 2rem;display:flex;align-items:center;gap:.5rem;justify-content:center;line-height:1.9}.pagination__link{border:1px solid var(--b);padding:.3rem .9rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;border-radius:var(--r);color:var(--lg)}.pagination__current{background-color:#f7f7f7;color:var(--lg);border:1px solid #f7f7f7;padding:.3rem .9rem;font-size:.8rem;transition:all .2s ease;border-radius:var(--r)}.taxonomy__title{padding-top:.5rem;border-top:1px solid var(--hb);margin-bottom:3rem}.post__selected{background-color:var(--fg);border-radius:9999px;height:.5rem;width:.5rem}.credits-page{max-width:80rem;padding:0 0 4rem}.credits-page h2{border-top:0;margin-bottom:0}.credits-intro{margin-bottom:4rem}.credits-list{list-style-type:none;padding:0!important;padding-left:0}.credit-item{padding:2rem 0;border-top:1px solid var(--b);list-style-type:none}.credit-item:last-child{border-bottom:1px solid var(--b)}.credit-line{display:flex;align-items:flex-start}.credit-line:last-child{margin-bottom:0}.credit-bullet{display:inline-block;margin-right:.75rem;font-size:.6rem;line-height:1.2}.credit-name{margin:0;font-weight:var(--fw);flex-grow:1}.credit-name a{color:var(--fg);text-decoration:none}.credit-name a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--fg);text-decoration-thickness:1px}.credit-website{margin-left:1.5rem;text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--fg);text-decoration-thickness:1px;font-weight:var(--fw);display:inline-block}.credit-description{font-weight:var(--fw);flex-grow:1}.credit-info-line{display:flex;margin-bottom:1rem;font-weight:var(--fw)}.credit-expertise{margin-right:1rem}.credit-projects-line{margin-top:.5rem}.credit-project{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--b);text-decoration-thickness:1px;font-weight:var(--fw)}.credit-project:hover{text-decoration-color:var(--fg)}@media screen and (max-width:768px){.credit-info-line{flex-direction:column;gap:.5rem}}.credit-projects-line{margin-top:.5rem}.credit-project{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--b);text-decoration-thickness:1px;font-weight:var(--fw)}.credit-project:hover{text-decoration-color:var(--fg)}.credit-info-line+.credit-projects-line{margin-top:1rem}.directory-header{display:grid;grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0;border-bottom:1px solid var(--b)}@media(min-width:768px){.directory-header{grid-template-columns:1fr 2fr 1fr 1fr;gap:2rem;align-items:center;padding:1.5rem 0}}.directory-list{list-style:none;padding:0;margin:0}.directory-item{transition:background-color .2s ease}.directory-item:hover{background-color:var(--hover)}.directory-name{font-weight:var(--fw)}.directory-name a{color:var(--fg);text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--lg);text-decoration-thickness:1px}.directory-description{color:var(--fg)}@media(max-width:767px){.directory-description{margin:.5rem 0}}.directory-location{color:var(--fg)}@media(max-width:767px){.directory-location:before{content:"Location: ";color:var(--fg)}}.directory-expertise{color:var(--fg)}@media(max-width:767px){.directory-expertise:before{content:"Expertise: ";color:var(--fg)}}.directory-details{display:flex;gap:2rem}.directory-description{width:80%}.directory-type,.directory-location{white-space:nowrap}.directory-item{display:flex;flex-direction:column;gap:.5rem}.directory-item .directory-image{width:100%;margin-bottom:1rem}.directory-item .directory-image img{width:100%;height:auto;border:1px solid var(--b);border-radius:var(--r)}.directory-item .directory-meta a{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--fg);text-decoration-thickness:1px}.directory-item .directory-content{margin-top:1rem}.directory-item .directory-content p{margin-bottom:.5rem}.directory-item .featured-websites{margin-top:3rem}.directory-item .featured-websites h3{margin-bottom:1rem;padding-bottom:.5rem}.directory-item .featured-websites .related-posts__list{list-style-type:none;grid-template-columns:repeat(3,1fr);display:grid;gap:2rem;padding-left:0!important}@media screen and (max-width:768px){.directory-item .featured-websites .related-posts__list{grid-template-columns:1fr}}.directory-list{padding-left:0!important}.directory-list{padding-left:0!important}.directory-list .directory-item:last-child{border-bottom:1px solid var(--b)}@media screen and (max-width:768px){.directory-header{flex-direction:column;gap:.5rem}.directory-details{flex-direction:column;gap:.5rem;text-align:center}}.directory-list{list-style-type:none;padding:0;margin:0}.directory-list .directory-item:last-child{border-bottom:none}.directory-list .directory-name a{color:var(--fg);border-color:var(--b)}.directory-list .directory-name a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--fg);text-decoration-thickness:1px}.directory-line{margin-bottom:1rem}.directory-link{margin-top:1rem}.directory-link a{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--b);text-decoration-thickness:1px}.directory-link a:hover{text-decoration-color:var(--fg)}.page__content>.directory-item>.directory-header{border-bottom:1px solid var(--b);margin-bottom:2rem}.image-tab-buttons{display:flex;gap:.2rem;margin-bottom:1rem;margin-top:0;border:1px solid transparent;border-radius:var(--r2);padding:3px;width:fit-content;background-color:#f7f7f7}.tab-button.active{color:var(--fg);border:1px solid var(--b);border-radius:var(--r);background-color:#fff}.tab-button{padding:.3rem .9rem;background:0 0;color:var(--lg);cursor:pointer;transition:all .2s ease;font-size:.8rem;border:1px solid transparent}.tab-button:hover{color:var(--lg);border-radius:var(--r);background-color:#fff;transition:all .2s ease}.image-tabs{border-radius:16px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.desktop-image,.mobile-image{display:none;width:100%;background:#f7f7f7;padding:.5rem;border-radius:var(--r2)}.desktop-image.active,.mobile-image.active{display:flex;justify-content:center;align-items:center}.mobile-image.active img{width:70%;max-width:400px;height:auto}.desktop-image.active img{width:100%;height:auto}.single-image{display:flex!important;justify-content:center;align-items:center;flex:1}