.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0;text-align:left}.editorial-card{border:1px solid #e6e6e6;border-radius:.5rem;padding:1.5rem;background:#fff;box-shadow:0 4px 12px #0000000a}.editorial-card.has-thumb{padding:0;overflow:hidden}.editorial-card-body{padding:1.5rem}.editorial-thumb-link{display:block}.editorial-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.editorial-card h3{font-size:1.25rem;margin:.75rem 0}.editorial-card p{color:#555}.editorial-meta{font-size:.8rem;text-transform:uppercase;color:#777}.editorial-hero{background:#242424;color:#fff;padding:200px 0 150px}.editorial-hero h1{margin:0;font-size:35px;line-height:1.1}.editorial-hero--masthead{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/workbench/masthead.jpg") center 18%/cover no-repeat}.editorial-hero--about{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/about/masthead.jpg") center 18%/cover no-repeat}.editorial-hero--blog{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/blog/masthead.jpg") center/cover no-repeat}.editorial-hero--ideas{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/workbench/project-ideas/masthead.jpg") center top/cover no-repeat}.editorial-hero--helper9{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/workbench/helper9/masthead.jpg") center/cover no-repeat}.editorial-hero--esp32{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/workbench/esp32-internet-radio/masthead.jpg") center/cover no-repeat}.editorial-hero--harbor{background:linear-gradient(to bottom,rgba(68,60,55,.5) 0%,rgba(94,89,86,.5) 100%),url("/workbench/new-york-harbor-layout/masthead.jpg") center/cover no-repeat}.editorial-hero p{color:#ddd;margin:10px 0 0;font-size:24px;font-weight:600;line-height:1.1}.editorial-main{padding-top:4rem;padding-bottom:5rem}.editorial-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}.editorial-filters button{border:1px solid #bbb;background:#fff;border-radius:2rem;padding:.4rem .8rem;cursor:pointer}.editorial-filters button.active{background:#f46239;color:white;border-color:#f46239}.editorial-article{max-width:750px}.editorial-photo{margin:1.5rem 0 2rem}.editorial-photo img{display:block;width:100%;height:auto;border-radius:.5rem}.editorial-photo figcaption{margin-top:.5rem;color:#777;font-size:.85rem}.editorial-article h2{margin-top:2rem}.editorial-article h3{font-size:1.35rem;line-height:1.3;margin:2rem 0 .75rem}.editorial-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1rem;margin:1.25rem 0 2rem}.editorial-gallery .editorial-photo{margin:0}.editorial-gallery a{display:block;cursor:zoom-in}.editorial-gallery a:hover{text-decoration:none}.editorial-gallery a:focus-visible{outline:2px solid #f46239;outline-offset:3px}.editorial-photo--wide{grid-column:1 / -1}.editorial-lightbox{border:0;padding:0;background:transparent;color:#eee;width:min(1100px,calc(100vw - 2rem));max-width:none}.editorial-lightbox::backdrop{background:rgba(20,20,20,.88)}.editorial-lightbox img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;margin:0 auto;border-radius:.5rem;background:#111}.editorial-lightbox p{margin:.75rem auto 0;max-width:40rem;text-align:center;font-size:.95rem;line-height:1.4;color:#f3f3f3;background:rgba(0,0,0,.72);border-radius:.4rem;padding:.45rem .7rem}.editorial-lightbox-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.editorial-lightbox-nav button{border:1px solid #bbb;background:#fff;color:#222;border-radius:2rem;padding:.35rem .85rem;cursor:pointer}.editorial-lightbox-nav button:hover{background:#f46239;border-color:#f46239;color:#fff}@media(max-width:900px){.editorial-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.editorial-hero{padding:200px 0}.editorial-hero h1{font-size:55px}.editorial-hero p{font-size:30px}}@media(max-width:600px){.editorial-grid{grid-template-columns:1fr}.editorial-gallery{grid-template-columns:1fr}}