:root{--brand-brown: #8a4b0b;--brand-brown-light: #b7722d;--brand-red: #a93333;--brand-red-light: #e33a3a;--brand-orange: #fb9f5a;--brand-cream: #f9f5e8}body{font-family:Comfortaa,cursive}.navbar{background:#6a4f31;background:linear-gradient(270deg,#6a4f31,#52300a);border-bottom:1px solid #ff8223;box-shadow:0 0 10px #0000004d}.navbar .nav-item{margin-right:.5rem}.navbar .nav-item:last-child{margin-right:0}.navbar .nav-item.active .nav-link{background:#fff;border-radius:5px;color:#000;border-color:#ff8223}.navbar .nav-item .nav-link{padding:.5rem 1rem;border-bottom:5px solid transparent;color:#fff;transition:background-color .3s ease-in-out}.navbar .nav-item .nav-link:hover{border-color:red;background:#222;color:#fff;transition:border-bottom-color .5s ease-in-out}@keyframes border-bottom-color{0%{border-bottom-color:#ff0}to{border-bottom-color:orange}}.banner-header{box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;transition:all .3s;margin:1rem -.5rem}.banner-header img{width:100%}.banner-header:hover{box-shadow:#8a4b0b30 0 10px 20px,#8a4b0b3b 0 6px 6px}.post-title{font-size:3rem}.post-body{margin:1rem 0;font-size:1.25rem;line-height:1.25em}.post-tags{padding:1rem 0}.post-tags .post-tag{display:inline-block;border-radius:5px;padding:.25rem .5rem;color:#fff;background:#666;margin-right:.5rem}.post-tags .post-tag:last-child{margin-right:0}.post-entries{padding:2rem 0;margin-bottom:2rem;box-sizing:border-box}.post-entries .col{margin-bottom:2rem}.post-entries .post-entry{display:block;width:100%;height:100%;background:linear-gradient(to right,orange,red);padding:2px;text-decoration:none;color:#000}.post-entries .post-entry .inner-wrapper{background:#fff;padding:0;margin:3px;padding:1rem;height:calc(100% - 6px);overflow:hidden}.post-entries .post-entry .inner-container .image{margin-bottom:1rem;border-bottom:1px solid #ccc;box-shadow:0 0 10px #0006;height:350px;width:100%;overflow:hidden}.post-entries .post-entry .inner-container .image img{height:100%}.post-entries .post-entry .inner-container .content{background:#fff}.post-entries .post-entry .title{background:#fff;font-size:1.5rem;font-weight:700;line-height:1.25em;margin-bottom:.5rem}.post-entries .post-entry .date{background:#999;display:inline-block;padding:.5rem;color:#fff;margin-left:calc(-1rem - 3px)}.post-entries .post-entry .summary{font-size:1.2rem;line-height:1.2em;margin-top:.5rem;overflow:hidden}.post-entries .post-entry:hover{background:linear-gradient(purple,red);box-shadow:0 5px 10px #0006}.post-entries .post-entry:hover .date{background:linear-gradient(45deg,red,orange)}.post-entries .post-entry.cover-image{overflow:hidden}.post-entries .post-entry.cover-image .post-image{max-height:200px;overflow:hidden;margin:-1rem -1rem 1rem}.post-entries .post-entry.cover-image .post-image img{width:100%}.post-entries .post-entry.cover-image .post-content{flex:1}.post-artwork{border:3px solid #333}.post-artwork img{width:100%}.blog-post-entries .col .post-entry:after{display:block;width:1px;height:4rem;content:"";border-left:4px solid #333;margin-left:4rem}.blog-post-entries .col .post-entry .title{transition:all .3s;padding:1rem;background:#333;margin:-1rem -1rem 1rem;color:#fff}.blog-post-entries .col .post-entry:hover .title{background:#fff;color:#000}.blog-post-entries .col:last-child .post-entry:after{display:none}.project-specs-table{width:100%;border-collapse:collapse;border:1px solid #333}.project-specs-table th,.project-specs-table td{border:1px solid #333;padding:.5rem}.project-specs-table tr:nth-child(even){background:#efefef}#project-specs,#project-summary,#final-design{margin-top:2rem}.client{text-align:center}.client .client-logo{transition:all .3s ease-in-out;filter:grayscale(100%)}.client .client-name{font-weight:700;font-size:1.5rem}.client .work-item{padding:.5rem;background:#ccc;color:#000;font-weight:700;display:inline-block;margin-right:1rem;margin-bottom:.25rem;border-radius:10px;font-size:.75rem}.client:hover .client-logo{transform:scale(1.1);filter:none}.post-previews .post-previews-title{font-weight:700;font-size:2rem;margin:2rem 0;padding:1rem;border-bottom:2px solid #ccc}.post-previews .post-previews-list .post-preview{margin-bottom:2rem}.post-previews .post-previews-list .post-preview .post-preview-wrapper{display:inline-block;border:1px solid #ccc;transition:all .3s}.post-previews .post-previews-list .post-preview .post-preview-wrapper:hover{box-shadow:0 5px 10px #0006}.post-previews .post-previews-list .post-preview .post-preview-title{background:#000;padding:.5rem 1rem;color:#fff}.post-gallery{margin-bottom:2rem}.post-gallery .post-gallery-header{width:100%}.post-gallery .post-gallery-header img{border-radius:10px;width:100%;box-shadow:0 5px 10px #0006}.post-gallery .post-gallery-title{font-weight:700;font-size:2rem;margin:2rem 0;padding:1rem}.post-gallery .post-gallery-list{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:4rem}.post-gallery .post-gallery-list .gallery-preview{width:250px;flex:33%;flex-grow:0;margin-bottom:3rem;padding:.5rem;border:2px solid transparent}.post-gallery .post-gallery-list .gallery-preview:hover{border:2px solid #ccc}@media (max-width: 530px){.post-gallery .post-gallery-list .gallery-preview{flex:50%}}.post-gallery .post-gallery-list .gallery-preview .gallery-preview-highlight .gallery-preview-title{word-wrap:break-word;width:100%;padding:1rem;border-top:5px solid #333}.post-gallery .post-gallery-list .gallery-preview .gallery-preview-highlight .gallery-preview-image{display:block;width:100%;height:200px;overflow:hidden;text-align:center}.post-gallery .post-gallery-list .gallery-preview .gallery-preview-highlight .gallery-preview-image img{width:100%;height:auto}.post-gallery .post-gallery-list .gallery-preview:hover .gallery-preview-title{border-top-color:var(--brand-brown)}.sidebar{width:300px;background:#fff;border:1px solid var(--brand-brown);height:calc(100% - 100px);box-shadow:#0003 0 60px 40px -7px;box-shadow:#0006 0 10px 40px}.sidebar .sidebar-header{padding:.5rem 1rem;background:linear-gradient(45deg,#333,#693c0f);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-header .sidebar-toggle{padding:1rem;margin:-1rem;cursor:pointer;transition:all .3s}.sidebar .sidebar-header .sidebar-toggle:hover{background:#fff;color:#000}.sidebar .sidebar-content{overflow:hidden;overflow-y:auto}.sidebar .sidebar-content .sidebar-list .sidebar-list-item{display:flex;margin:0;padding:.5rem 1.5rem;color:#000;align-items:center;justify-content:flex-start}.sidebar .sidebar-content .sidebar-list .sidebar-list-item .icon{margin-right:.25rem}.sidebar .sidebar-content .sidebar-list .sidebar-list-item.link{text-decoration:none;transition:background-color .3s,color .3s;color:#000;margin:.5rem;border-radius:20px}.sidebar .sidebar-content .sidebar-list .sidebar-list-item.link:hover{background:var(--brand-brown);color:#fff}.sidebar .sidebar-content .sidebar-list .sidebar-list-item.link.active{background:#444;color:#fff}.sidebar-main{flex:1;padding:1rem}.sidebar-container{display:flex}.sidebar-container .sidebar.collapsed{width:80px}.sidebar-container .sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-container .sidebar.collapsed .sidebar-header .sidebar-title{display:none}.sidebar-container .sidebar.collapsed .sidebar-list .sidebar-list-item{justify-content:center}.sidebar-container .sidebar.collapsed .sidebar-list .sidebar-list-item.link{margin:0;padding:1rem .5rem;border-radius:0}.sidebar-container .sidebar.collapsed .sidebar-list .sidebar-list-item.link .icon{margin:0;font-size:1.5rem}.sidebar-container .sidebar.collapsed .sidebar-list .sidebar-list-item .sidebar-list-item-title{display:none}.barcode-tools{display:flex;gap:1rem;align-items:flex-start}.barcode-tools .tool-title{font-weight:700}.barcode-tools .tool-title span{padding:.5rem 1rem;background:var(--brand-brown-light);border-radius:20px;color:#fff}.barcode-tools .barcode-options{max-width:none;width:120px;min-width:120px}.barcode-tools .barcode-canvas{flex:1;align-items:flex-start}.barcode-tools .barcode-options-group{display:flex}@media (max-width: 1249px){.barcode-tools .barcode-options-group{flex-direction:column}}.barcode-tools .barcode-preview{flex:1;margin:1rem 0;max-width:350px;padding:1rem;background:#fff;border:3px solid #000;align-items:center;justify-content:center;display:flex}.barcode-tools .barcode-qr-tool{padding:0 1rem}.barcode-tools .barcode-qr-tool canvas,.barcode-tools .barcode-qr-tool svg{width:300px!important;height:300px!important;margin:0!important;padding:0!important}.barcode-tools .tool-details{margin:2rem 0 1rem;background:rgb(232,232,213);padding:1rem;font-size:1rem;line-height:1.1em;border:1px solid #000;position:relative}.barcode-tools .tool-details p{text-indent:2rem}.barcode-tools .tool-details .tool-detail-icon{color:#299f29;font-size:2.5rem;position:absolute;left:-1rem;top:-2rem;background:#fff;padding:1rem;width:4rem;height:4rem;border-radius:50%;border:3px solid #000;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.barcode-tools{flex-direction:column}}.home-hero{height:50vh;min-height:500px;display:flex;justify-content:center;align-items:center;background:#000;position:relative}.home-hero .overlay{z-index:10;position:absolute;width:100%;bottom:0}.home-hero .hero-inner{z-index:5;position:relative;display:flex;justify-content:center;align-items:center}.home-hero .hero-inner img{margin-top:-5rem;height:300px}.home-hero .bg-fill{width:100%;height:100%;position:absolute;background:linear-gradient(rgb(133,90,62),orange);overflow:hidden}.home-hero .bg-fill #logo-svg{z-index:100}.home-hero .bg-fill #hero-svg{width:100%;height:auto;overflow:hidden;background:#000}.home-hero .bg-fill #hero-bg{width:100%;height:auto}@media (max-width: 1000px) and (min-width: 768px){.home-hero .bg-fill #hero-bg{height:100%;width:auto}}@media (max-width: 767px){.home-hero{height:250px;min-height:250px}.home-hero .bg-fill #hero-bg{width:100%;height:auto}.home-hero .hero-inner img{height:200px}}.home-opener{margin-top:1rem;margin-bottom:3rem}.home-opener p{font-size:1.5rem;line-height:1.1em}.home-opener .row{align-items:center}.home-link-wrapper{background:#ccc;background:linear-gradient(#ccc,#eee);padding-top:2rem;background:linear-gradient(#765016,#E09627 10%,#FFF4D1)}.home-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem}.home-links .link{padding:1rem;flex:30%;border:1px solid transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;font-weight:700;color:#000;font-size:1.5rem;transition:all .3s}.home-links .link img{width:100%;height:auto}.home-links .link:hover{background:var(--brand-brown-light);border-color:#333;border-radius:5px;color:#fff;background:#fff;color:#000;border-color:var(--brand-orange);box-shadow:0 5px 10px #8a4b0b}@media (max-width: 767px){.home-links{background:none;padding:0;border:none}.home-links .link{background:#ccc;border-radius:10px;flex:calc(50% - 1rem);margin-bottom:1rem}}.bg-fill.parallax-home{height:400px;width:100%;background:linear-gradient(#FFF4D1,#ffffff)}.bg-fill.parallax-home .img-container{height:100%;width:100%}.bg-fill.parallax-home .img-container img{display:none}@media (max-width: 991px){.bg-fill.parallax-home .img-container svg{display:none}.bg-fill.parallax-home .img-container img{display:block}}.about-page h1{font-size:2.5rem;margin-bottom:1rem;color:#fff;border-bottom:10px solid var(--brand-orange);padding:.5rem 1rem;background:var(--brand-red)}.about-page h2{margin-bottom:1rem;color:#fff;border-bottom:10px solid var(--brand-orange);padding:.5rem 1rem;background:var(--brand-red)}.client-list{text-align:left}.client-list .client{margin-bottom:1rem}.client-list .client .projects .project .project-link{display:block;font-weight:800;color:var(--brand-orange);margin:1rem 0}.client-list.summary{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.client-list.summary .client-name{display:flex;font-weight:800;text-align:left;font-size:1.2rem;color:var(--brand-brown)}.client-list ul{text-align:left}body{background:#333}.content-wrapper{background:#fff;padding-top:70px;padding-bottom:3rem;min-height:100vh}.footer{margin-top:2rem;padding:3rem 1rem;background:#333;color:#fff}.footer .container{display:flex;justify-content:space-between;align-items:center}.separator{z-index:1000;position:relative}@media (max-width: 767px){.separator.below{margin-top:-5rem}}.section-title{position:relative;display:inline-block;transition:all .3s}.section-title .main{font-weight:700;background:#000;color:#fff;padding:1rem;transition:all .3s}.section-title .top-left{border:2px solid #000;position:absolute;width:100%;height:100%;top:-1rem;left:-1rem;transition:all .3s}.section-title .bottom-right{border:2px solid #000;position:absolute;width:100%;height:100%;right:-1rem;bottom:-1rem;transition:all .3s}.section-title:hover .main{background:linear-gradient(to right,orange,red);color:#fff}.section-title:hover .top-left{left:-.5rem;top:-.5rem}.section-title:hover .bottom-right{right:-.5rem;bottom:-.5rem}.page-title-large{text-align:center;font-size:4rem;margin-top:2rem;background:#333 linear-gradient(45deg,#8a4b0b,#333);color:#fff;transition:all .3s;padding:2rem}.page-title{font-weight:700;margin:3rem 0 0;padding:2rem;background:#333 linear-gradient(45deg,#8a4b0b,#333);color:#fff;transition:all .3s}pre{padding:1rem;margin:2rem;border:1px solid #333;position:relative;z-index:5}pre:before{display:block;content:"";width:100%;height:100%;position:absolute;top:-.5rem;left:-.5rem;border:1px solid #333;z-index:1}pre:after{display:block;content:"";width:100%;height:100%;position:absolute;right:-.5rem;bottom:-.5rem;border:1px solid #333;z-index:1}pre.astro-code{overflow:visible!important;white-space:break-spaces}.card-menu{width:300px;min-width:300px;background:#fff;border:1px solid var(--brand-brown);box-shadow:#0003 0 60px 40px -7px;box-shadow:#0006 0 10px 40px}.card-menu .card-menu-item{margin:0;padding:.5rem 1rem;border-bottom:1px solid #ccc;cursor:pointer;font-weight:700}.card-menu .card-menu-item:hover{background:#ccc}.card-menu .card-menu-item:last-child{border-bottom:none}.card-menu .card-menu-item .form-check-input{margin-left:0;margin-right:.5rem}.flex-full{flex:1}.btn{padding:.5rem 1rem;border:1px solid var(--brand-brown);background:var(--brand-brown-light);color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.btn:hover{background:var(--brand-brown);color:#fff;box-shadow:0 5px 10px #00000080}.btn.elevated{background:var(--brand-brown);color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.btn.elevated:hover{background:var(--brand-brown-light);color:#fff;box-shadow:none}.btn>i{margin-right:.25rem}.btn-icon{padding:.5rem;background:var(--brand-red);text-decoration:none;border-radius:50%;color:#fff;font-size:.75rem;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.btn-icon:hover{background:var(--brand-red-light);color:#fff}