*{margin:0;padding:0;box-sizing:border-box}:root{--yellow: #FFC117;--dark-bg: #1a2527;--dark-card: #242424;--dark-gray: #414141;--medium-gray: #2d2d2d;--text-gray: #b0b0b0;--white: #ffffff}html{scroll-behavior:smooth}body{font-family:Archivo,sans-serif;font-weight:100;color:var(--white);background-color:var(--dark-bg);line-height:1.6}a{color:var(--yellow);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}img{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 120px}@media(max-width:768px){.container{padding:0 24px}}.blog-nav{position:sticky;top:0;width:100%;background-color:var(--dark-bg);z-index:1000;padding:16px 0}.blog-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 120px;display:flex;justify-content:space-between;align-items:center;gap:20px}.blog-nav .nav-logo img{height:36px;width:auto}.blog-nav .nav-title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:1.1rem;color:var(--white);text-transform:uppercase;letter-spacing:.05em;flex:1;text-align:center}.blog-nav .nav-back{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.9rem;color:var(--text-gray);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease;white-space:nowrap}.blog-nav .nav-back:hover{color:var(--yellow);opacity:1}@media(max-width:768px){.blog-nav .nav-back{font-size:.75rem}.blog-nav .nav-container{padding:0 24px}}.blog-header{padding:40px 0 20px}.blog-header h1{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:3rem;color:#a3bff3;text-align:center;text-transform:uppercase;letter-spacing:.04em}.post-grid-section{padding:20px 0 48px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.post-grid{grid-template-columns:1fr}}.post-card{display:flex;flex-direction:column;background-color:#fff;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;opacity:1}.post-card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.post-card__image-placeholder{width:100%;aspect-ratio:16 / 9;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.post-card__image-placeholder span{font-size:2rem;opacity:.15;color:#888}.post-card__body{padding:24px;display:flex;flex-direction:column;flex:1;justify-content:flex-start;gap:10px}.post-card__meta{display:flex;align-items:center;gap:12px}.post-card__category{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dark-bg);background-color:var(--yellow);padding:3px 8px;border-radius:2px}.post-card__date{font-family:Archivo,sans-serif;font-weight:400;font-size:.85rem;color:#888}.post-card__title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:1.25rem;color:var(--dark-gray);line-height:1.35;margin:0}.post-card__excerpt{font-family:Archivo,sans-serif;font-weight:100;font-size:.95rem;color:#666;line-height:1.6;margin-top:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:40px 0 80px}.pagination a,.pagination span{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 24px;border-radius:3px;transition:all .2s ease}.pagination a{color:var(--white);border:1px solid rgba(255,255,255,.2);text-decoration:none}.pagination a:hover{border-color:var(--yellow);color:var(--yellow);opacity:1}.pagination span{color:var(--text-gray);border:1px solid transparent}.filter-header{padding:60px 0 40px}.filter-header__label{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-gray);margin-bottom:8px}.filter-header__name{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:2.5rem;color:var(--yellow);margin-bottom:20px}.filter-header__back{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.9rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:color .2s ease}.filter-header__back:hover{color:var(--white);opacity:1}.post-hero{width:100%;max-height:480px;object-fit:cover;object-position:center;margin:24px 0 0}.post-header{max-width:740px;margin:0 auto;padding:20px 0 16px;text-align:center}.post-header__meta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.post-header__category{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dark-bg);background-color:var(--yellow);padding:4px 10px;border-radius:2px}.post-header__date{font-family:Archivo,sans-serif;font-weight:100;font-size:.9rem;color:var(--text-gray)}.post-header__title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:2.6rem;line-height:1.25;color:var(--white);text-transform:uppercase;letter-spacing:.01em}@media(max-width:768px){.post-header__title{font-size:1.8rem}}.post-body{max-width:740px;margin:0 auto;padding:32px 0 80px;line-height:1.65}.post-body p{font-family:Archivo,sans-serif;font-weight:100;font-size:1.15rem;color:var(--white);margin-bottom:1.4em}.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:Archivo Narrow,sans-serif;font-weight:700;color:var(--white);line-height:1.3;margin-top:2em;margin-bottom:.6em}.post-body h1{font-size:2rem;text-transform:uppercase}.post-body h2{font-size:1.6rem;text-transform:uppercase;color:var(--white)}.post-body h3{font-size:1.3rem}.post-body h4{font-size:1.1rem;font-weight:400}.post-body ul,.post-body ol{padding-left:1.5em;margin-left:0;margin-bottom:1.4em;list-style-position:outside}.post-body li>ul,.post-body li>ol{margin-top:.15em;margin-bottom:0;padding-left:1.5em}.post-body li{font-family:Archivo,sans-serif;font-weight:100;font-size:1.15rem;color:var(--white);margin-bottom:.15em;line-height:1.65}.post-body li p{margin-bottom:0}.post-body .callout{background-color:#ffffff12;border-radius:4px;padding:1em 1.5em;margin:1.5em 0}.post-body .callout p{color:var(--white);font-style:normal;margin-bottom:0}.post-body blockquote{border-left:3px solid #027f7c;margin:2em 0;padding:.5em 0 .5em 1.5em}.post-body blockquote p{font-style:normal;color:var(--white);margin-bottom:0}.post-body .todo-list{list-style:none;padding-left:0;margin-bottom:1.4em}.post-body .todo{position:relative;padding-left:1.8em;font-family:Archivo,sans-serif;font-weight:100;font-size:1.15rem;color:var(--white);margin-bottom:.4em;line-height:1.7}.post-body .todo:before{content:"";position:absolute;left:0;top:.35em;width:1em;height:1em;border:1.5px solid rgba(255,255,255,.5);border-radius:2px}.post-body .todo--checked:before{background-color:#fff3}.post-body code{font-family:Courier New,Courier,monospace;font-size:.88em;background-color:#ffffff14;color:var(--yellow);padding:2px 6px;border-radius:3px}.post-body pre{background-color:#111;border-radius:4px;padding:1.5em;overflow-x:auto;margin-bottom:1.4em}.post-body pre code{background:none;padding:0;color:var(--white);font-size:.9rem;border-radius:0}.post-body a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}.post-body a:hover{opacity:.8}.post-body hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2.5em 0}.post-body img{max-width:100%;border-radius:4px;margin:1.5em 0}.post-tags{padding:40px 0 80px;border-top:1px solid rgba(255,255,255,.08)}.post-tags__label{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-gray);margin-bottom:14px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list__tag{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gray);background-color:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:5px 12px;border-radius:2px;text-decoration:none;transition:all .2s ease}.tag-list__tag:hover{color:var(--yellow);border-color:var(--yellow);opacity:1;background-color:#ffc11714}.blog-footer{background-color:#ab7a00;padding:24px 0;text-align:center}.blog-footer p{color:#1a2527;font-size:.9rem;font-weight:400}.post-back-link{font-family:Archivo Narrow,sans-serif;font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-gray);text-decoration:none;transition:color .2s ease;display:inline-block;margin-top:32px}.post-back-link:hover{color:var(--white);opacity:1}.post-back-bottom{padding:40px 0 60px}.related-posts{padding:60px 0 20px}.related-posts__heading{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:24px}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:768px){.related-posts__grid{grid-template-columns:1fr}}.related-card{display:flex;flex-direction:column;background:#fff;text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s ease}.related-card:hover{transform:translateY(-3px);opacity:1}.related-card__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.related-card__image-placeholder{width:100%;aspect-ratio:16 / 9;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#888}.related-card__body{padding:12px 16px 16px}.related-card__title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:.95rem;color:var(--dark-gray);line-height:1.35;margin-bottom:4px}.related-card__date{font-family:Archivo,sans-serif;font-size:.8rem;color:#888}.empty-state{padding:80px 0;text-align:center;color:var(--text-gray)}.empty-state p{font-size:1.1rem;font-weight:100}
