:root{--font-prim:Bodoni;--font-secondary:Poppins;--color-bg-prim:#f8f1e9;--color-bg-secondary:#3a1f10;--color-dark:#201b19}#section-banner-blog{align-self:center;width:100%;height:clamp(200px,60svh,800px);position:relative;overflow:hidden}#section-banner-blog .col{width:100%;max-width:none;z-index:inherit}#section-banner-blog .row{padding:0}#section-banner-blog:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;background-color:#3e2e2639;border:1px solid #f4f0f033;width:90%;max-width:84rem;height:90%;position:absolute;bottom:0%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #93712e5e}#section-banner-blog .section-title{width:80%;max-width:34ch;height:fit-content;font-family:var(--font-prim);text-align:left;color:var(--color-bg-prim);text-shadow:0 4px 15px #94917ead;z-index:2;font-size:clamp(2.75rem,10vw,4rem);font-weight:300;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.banner-blog-img{object-fit:cover;filter:brightness(90%)sepia(5%);z-index:-2;height:100%;position:relative}#section-product-gallery{scroll-snap-align:center;height:fit-content}#section-product-gallery .col{height:fit-content;margin:auto}#section-product-gallery .row{height:fit-content}#section-product-gallery .section-title{justify-content:center;align-items:center;width:100%;max-width:none;margin-bottom:3rem;display:flex}.product-gallery-container{flex-direction:column;width:100%;height:fit-content;padding:1rem;display:flex}.blog-grid-container{grid-template-columns:1fr;grid-auto-rows:auto;justify-content:center;align-items:center;gap:2rem;width:100%;margin-top:2rem;display:grid}.blog-card-item{width:100%;height:100%;font-family:var(--font-secondary);justify-content:center;align-items:center;display:flex}.blog-card{background-color:#3d3530;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;overflow:hidden}.blog-card-img{width:100%;height:100%;max-height:15rem;display:flex}.blog-card-img img{object-fit:cover;width:100%;height:100%}.blog-card-body{flex-direction:column;width:100%;height:100%;min-height:6rem;padding:1rem;display:flex}.blog-grid-container{grid-auto-rows:auto;justify-content:center;align-items:center;width:100%;margin-top:2rem;display:grid}.blog-card{flex-direction:column;justify-content:space-between;max-width:50ch;height:100%;transition:all .2s ease-in-out;box-shadow:10px 10px 30px #9d9a99,-10px -10px 20px #9b745560}.blog-card:hover{box-shadow:0 10px 20px #0000001a}.blog-title{font-size:clamp(1rem,1vw + .25rem,1.5rem);font-weight:200}.blog-meta{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;font-size:.75rem;display:flex}.blog-categ{background-color:var(--color-bg-prim);color:var(--color-dark);border-radius:50rem;padding:.22rem .75rem}.blog-read-more{justify-content:end;align-items:end;width:95%;height:100%;display:flex}.blog-read-more a{color:var(--color-bg-prim);transition:transform .5s;position:relative}.blog-read-more a:hover{color:#f37949;transform:translate(5px)}.blog-read-more a:hover:after{transform:translate(5px)}.blog-read-more a:after{content:"";background-color:var(--color-bg-prim);width:100%;height:1px;transition:color,transform .15s ease-out;position:absolute;top:100%;left:0}#section-banner-article{width:100%;height:clamp(650px,60svh,1000px);color:var(--color-bg-secondary);align-self:center;position:relative;overflow:hidden}#section-banner-article .col{width:100%;max-width:none;z-index:inherit;padding:0}#section-banner-article .row{padding:0}#section-banner-article:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;border:1px solid #f4f0f033;width:90%;max-width:84rem;height:70%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #1a18158c}#section-banner-article .section-title{width:80%;max-width:34ch;height:fit-content;font-family:var(--font-secondary);text-align:left;color:var(--color-bg-prim);text-shadow:0 4px 15px #24241ead;z-index:2;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%)}.banner-blog-img{object-fit:cover;object-fit:cover;filter:brightness(80%)sepia(30%)saturate(.4);z-index:-2;height:100%;position:relative}.banner-blog-img.blur-copy{width:0;max-width:0;height:0;position:absolute;bottom:0%}.banner-blog-img img{width:100%;height:auto}#section-article .col{width:100%;max-width:1200px}.article_meta{width:100%;font-family:var(--font-secondary);color:var(--color-dark);justify-content:space-between;margin-bottom:.75rem;padding:0 1rem;font-size:1rem;display:flex;position:relative}.article_meta:after{content:"";background-color:var(--color-bg-secondary);width:100%;height:1px;position:absolute;bottom:-5px;left:0}.container-article{color:var(--color-bg-secondary);font-family:var(--font-secondary)}.container-article .article-title{color:#8b442b;margin-bottom:.5rem;font-weight:600}.container-article .article-para{white-space:pre-wrap;align-self:center;width:100%;max-width:1900px;height:fit-content;font-size:1rem;line-height:1.75}.container-article img{filter:sepia(8%)hue-rotate(5deg)}.article-cont.article-cont-main,.article-cont-para-text{margin-bottom:5rem}.article-cont{flex-direction:column;justify-content:center;width:100%;margin-bottom:2rem;padding:1rem;display:flex}.article-cont-divd{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.article-cont-divd .image{aspect-ratio:15/16;max-width:600px;overflow:hidden}.article-cont-divd .image img{object-fit:cover;width:100%;height:100%}.article-cont-txt{width:100%}.article-title.article-header{font-weight:900}.article-cont-img-wide{width:100%;min-height:18rem;max-height:15rem;margin:1.75rem 0;display:flex;overflow:hidden}.article-cont-img-wide img{object-fit:cover;object-position:center;min-width:100%}.category-nav-buttons{flex-shrink:0;justify-content:start;align-items:center;width:100%;max-width:1900px;margin:2rem;display:flex;position:relative;overflow:scroll hidden}.category-nav-buttons:after{content:"";background-color:var(--color-bg-secondary);width:100%;height:1px;position:absolute;bottom:0;left:0%}.category-nav-button{height:100%;color:var(--color-dark);font-family:var(--font-secondary);letter-spacing:1px;white-space:nowrap;border:2px solid #0000;align-self:flex-end;padding:0 1.25rem;position:relative}.category-nav-button:hover,.category-nav-button.active{cursor:pointer;color:#100303;border-bottom:2px solid #312d2d}.category-nav-button.selected:after{background:0 0}.category-nav-buttons{scrollbar-width:thin;scrollbar-color:var(--color-bg-secondary)var(--color-bg-prim);overflow-x:auto}.category-nav-buttons::-webkit-scrollbar{width:6px;height:6px}.category-nav-buttons::-webkit-scrollbar-track{background:var(--color-bg-prim);border-radius:10px}.category-nav-buttons::-webkit-scrollbar-thumb{background:var(--color-bg-secondary);border-radius:0}.category-nav-buttons::-webkit-scrollbar-thumb:hover{background:var(--color-dark)}@media screen and (min-width:720px){#section-product-gallery .col{max-width:1900px}#section-banner-blog .section-title{text-align:center}.blog-title{font-size:clamp(.65rem,2vw,1.75rem);font-weight:800}.blog-card{max-width:65rem}.blog-grid-container{grid-template-columns:repeat(auto-fill,clamp(17rem,22vw + 4rem,25rem));width:100%;display:grid}.banner-blog-img.blur-copy{filter:blur(5px);clip-path:inset(10px 30px 0);width:100%;max-width:100rem;height:90%;position:absolute;bottom:0%;left:50%;transform:translate(-50%)}.article-cont-divd{flex-direction:row;align-items:start;gap:0;display:flex}.article-cont-divd .image{width:40%;min-width:300px}.article-cont-divd .article-cont-txt{width:60%}.article-cont-txt-img .image{padding-left:2rem}.article-cont-img-txt .image{padding-right:2rem}}@media screen and (min-width:920px){#section-product-gallery .col{max-width:1600px}.blog-grid-container{gap:4rem}.blog-card-img{aspect-ratio:1;height:100%;min-height:17rem;display:flex}#section-banner-blog .section-title{bottom:50%}}@media screen and (min-width:1500px){#section-product-gallery .col{max-width:1900px}.blog-title{font-size:clamp(1rem,1vw + .25rem,1.5rem)}.category-nav-buttons{width:100%}}
