:root{--padding-0: 5px;--padding-1: 10px;--padding-2: 20px;--padding-3: 30px;--padding-4: 50px;--padding-5: 80px;--phi: 1.618;--base-radius: 10px;--border-radius: calc(var(--base-radius) * var(--phi));--border-radius-pill: 30px;--border-radius-full: 50%;--font-size-01: 10px;--font-size-0: 12px;--font-size-1: 14px;--font-size-2: 16px;--font-size-3: 26px;--font-size-4: 42px;--font-size-5: 68px;--font-size-6: 110px;--font-family-body: "Inter", serif;--font-family-body-light: "Inter Light", serif;--font-family-sans: "PP Sans", sans-serif;--font-family-title: "Telegraf", serif;--font-header: 10px;--font-size-footer: 11px;--aside-width: 400px;--cart-aside-summary-height-with-discount: 300px;--cart-aside-summary-height: 250px;--grid-item-width: 355px;--header-height: 64px;--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-dark: #000;--color-dark-50: rgba(0, 0, 0, .5);--color-dark-rgb: 0, 0, 0;--color-grey-1: #faf9f9;--color-grey-1-rgb: 250, 249, 249;--color-grey-2: #1E1E1E;--color-grey-2-rgb: 30, 30, 30;--color-red: #ED174C;--color-red-rgb: 237,23,76;--color-light: #eee;--color-light-rgb: 238, 238, 238;--color-light-2: #ccc;--color-light-10: rgba(221, 221, 221, .1);--color-light-20: rgba(221, 221, 221, .2);--color-light-30: rgba(221, 221, 221, .3);--color-light-40: rgba(221, 221, 221, .4);--color-light-50: rgba(221, 221, 221, .5);--color-light-70: rgba(221, 221, 221, .7);--color-grey-40: #D9D9D966;--color-grey-60: #D9D9D999;--color-grey-80: #D9D9D9CC;--transtition-time-1: .5s;--opacity-1: .7;--opacity-2: .5;--opacity-3: .3}.blog-articles{display:flex;flex-direction:column;gap:var(--padding-3)}@media (max-width: 1024px){.blog-articles{gap:0}}.other-blogs{padding:0}@media (max-width: 1024px){.other-blogs{padding:0}}.blog-container{margin:0 auto}.featured-blog-section{position:relative;width:100%;margin:var(--padding-3) 0;padding:0}@media (max-width: 1024px){.featured-blog-section{margin:var(--padding-3) 0}}.featured-blog-article{position:relative;display:block;overflow:hidden;text-decoration:none;color:#333;background:#fff;border-radius:var(--border-radius);box-shadow:0 1px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.featured-blog-image img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .3s ease;max-height:50vh}@media (max-width: 1024px){.featured-blog-image img{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}.featured-blog-content{position:absolute;bottom:2rem;left:2rem;color:#fff;max-width:600px}.read-more-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:#ff5c5c;color:#fff;text-decoration:none;border-radius:var(--border-radius);transition:background-color .2s ease}.read-more-btn:hover{background-color:#e04848}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--padding-3)}@media (min-width: 768px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-article{position:relative;display:block;overflow:hidden;text-decoration:none;color:#333;background:#fff;border-radius:var(--border-radius);box-shadow:0 1px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 1024px){.blog-article{box-shadow:none}}@media (min-width: 1025px){.blog-article:not(.featured-blog-article):hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}}.blog-article-image img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .3s ease;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}@media (min-width: 1025px){.blog-article:hover .blog-article-image img{transform:scale(1.05)}}.blog-article-overlay{display:flex;flex-direction:column;gap:var(--padding-2);border-radius:var(--border-radius);position:absolute;left:var(--padding-1);right:var(--padding-1);bottom:var(--padding-1);background-color:#ffffffb3;transition:max-height .3s ease,padding .3s ease;max-height:80px;padding:var(--padding-1) var(--padding-2);color:#222;overflow:hidden}@media (max-width: 1024px){.blog-article-overlay{padding:var(--padding-1) 0;position:relative;left:auto;right:auto;top:auto;bottom:auto;max-height:unset;flex-direction:column-reverse}}.featured-blog-section .blog-article-overlay{left:auto;top:var(--padding-1);bottom:var(--padding-1);max-height:100%;width:calc(33% - 4 * var(--padding-2));padding:var(--padding-2) var(--padding-3)}@media (max-width: 1024px){.featured-blog-section .blog-article-overlay{width:auto;padding:var(--padding-2) 0;gap:var(--padding-0)}}.blog-article-overlay h2,.blog-article-overlay h3{font-size:var(--font-size-3)}@media (max-width: 1024px){.blog-article-overlay h3{font-size:var(--font-size-3);line-height:calc(1.5 * var(--font-size-3))}}.blog-article-overlay h3{margin:0}.blog-article-overlay small{display:block;margin-top:.25rem;font-size:.9rem;opacity:.9}.blog-article-excerpt{margin-top:.75rem}@media (max-width: 1024px){.blog-article-excerpt{display:none}}.blog-article:not(.featured-blog-article):hover .blog-article-overlay{max-height:200px}.blog-article-standard:hover .blog-article-overlay-author{opacity:1;background-color:#ffffff4d}.blog-article-standard:hover .blog-article-excerpt{opacity:1}.blog-article-standard .blog-article-overlay{gap:var(--padding-0)}.blog-article-standard .blog-article-overlay-author,.blog-article-standard .blog-article-excerpt{font-size:var(--font-size-0);opacity:0;transition:opacity var(--transtition-time-1)}.blog-article-overlay-date{text-transform:uppercase;font-size:var(--font-size-0);opacity:.8;position:relative;display:flex;flex-direction:row;align-items:center;gap:10px}.blog-article-overlay-date:before{display:block;color:var(--color-red);content:"•";font-size:20px;left:0}.blog-article-overlay-author{display:flex;align-content:center;border:1px solid #666;border-left:0;border-radius:50px;max-width:280px;gap:var(--padding-1)}@media (max-width: 1024px){.blog-article-overlay-author{display:none}}.blog-article-author{display:flex;gap:10px}.blog-article-author img{max-width:40px;border-radius:50%;border:1px solid #999}.blog-article-overlay-author img{max-width:40px;border-radius:50%;border:1px solid #666}.blog-article-standard .blog-article-overlay-author img{width:30px}.blog-article-overlay-author-name{display:flex;align-items:center}.article{margin-bottom:var(--padding-4);display:flex;flex-direction:column;gap:var(--padding-1)}.article .author-name{font-size:var(--font-size-0);color:var(--color-grey-2);opacity:.7}.article-body li{list-style-type:disc;margin-left:1.5rem;margin-bottom:.5rem;font-size:var(--font-size-1);line-height:1.6;color:#333;padding-left:.5rem}.article-body p{font-size:var(--font-size-1)}.article-image{margin-bottom:var(--padding-2)}.article h1{margin-top:0;margin-bottom:var(--padding-2)}.article-date{font-size:var(--font-size-0);margin-bottom:0}a.blog-link{text-decoration:none}
