.post-hero{min-height:60vh;padding-top:80px;background:var(--color-black);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.post-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--color-black)}.post-hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(10 10 10 / .85) 0%,rgb(10 10 10 / .7) 50%,rgb(16 7 23 / .85) 100%)}.post-hero-content{text-align:center;z-index:1;padding:2rem;max-width:900px}.post-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.post-category{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-black);background:var(--color-gold);padding:.4rem 1rem;letter-spacing:.1em;text-transform:uppercase}.post-date{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:rgb(255 255 255 / .6)}.post-hero-title{font-family:var(--font-display);font-size:clamp(2rem, 6vw, 3.5rem);font-weight:300;color:var(--color-white);line-height:1.2;margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.2s forwards}.post-excerpt{font-family:var(--font-body);font-size:1.1rem;font-weight:300;color:rgb(255 255 255 / .7);max-width:700px;margin:0 auto;line-height:1.8;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.4s forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-section{padding:5rem 3rem;background:var(--color-cream)}.post-container{max-width:800px;margin:0 auto}.post-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--color-gray);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem;transition:color 0.3s var(--ease-smooth)}.post-back:hover{color:var(--color-gold)}.post-back svg{width:18px;height:18px;transition:transform 0.3s var(--ease-smooth)}.post-back:hover svg{transform:translateX(-5px)}.post-content{background:var(--color-white);padding:3rem;margin-bottom:3rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:var(--font-display);font-weight:400;color:var(--color-black);margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.post-content h2{font-size:2rem}.post-content h3{font-size:1.5rem}.post-content h4{font-size:1.25rem}.post-content p{font-family:var(--font-body);font-size:1.05rem;font-weight:300;color:var(--color-black);line-height:1.9;margin-bottom:1.5rem}.post-content a{color:var(--color-gold);text-decoration:underline;text-underline-offset:3px;transition:color 0.3s var(--ease-smooth)}.post-content a:hover{color:var(--color-black)}.post-content img{max-width:100%;height:auto;margin:2rem 0}.post-content figure{margin:2rem 0}.post-content figcaption{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:var(--color-gray);text-align:center;margin-top:.8rem}.post-content ul,.post-content ol{font-family:var(--font-body);font-size:1.05rem;font-weight:300;color:var(--color-black);line-height:1.9;margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content blockquote{border-left:3px solid var(--color-gold);padding-left:1.5rem;margin:2rem 0;font-family:var(--font-display);font-size:1.3rem;font-style:italic;color:var(--color-gray)}.post-content pre,.post-content code{font-family:'SF Mono',Monaco,'Cascadia Code',monospace;font-size:.9rem;background:var(--color-cream);border-radius:4px}.post-content code{padding:.2rem .4rem}.post-content pre{padding:1.5rem;overflow-x:auto;margin:1.5rem 0}.post-content pre code{padding:0;background:#fff0}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--color-light-gray);flex-wrap:wrap;gap:1.5rem}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.post-tag{font-family:var(--font-body);font-size:.7rem;font-weight:400;color:var(--color-gray);background:var(--color-cream);padding:.4rem .8rem;text-decoration:none;letter-spacing:.05em;transition:all 0.3s var(--ease-smooth)}.post-tag:hover{background:var(--color-gold);color:var(--color-white)}.post-share{display:flex;align-items:center;gap:1rem}.post-share-label{font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--color-gray);letter-spacing:.1em;text-transform:uppercase}.post-share-links{display:flex;gap:.5rem}.post-share-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-light-gray);transition:all 0.3s var(--ease-smooth)}.post-share-link:hover{background:var(--color-black);border-color:var(--color-black)}.post-share-link svg{width:16px;height:16px;fill:var(--color-gray);transition:fill 0.3s var(--ease-smooth)}.post-share-link:hover svg{fill:var(--color-white)}.related-section{padding:5rem 3rem;background:var(--color-white)}.related-header{text-align:center;margin-bottom:3rem}.related-title{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-black)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.related-card{background:var(--color-cream);overflow:hidden;transition:all 0.4s var(--ease-smooth)}.related-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgb(0 0 0 / .08)}.related-card-image{height:180px;overflow:hidden;background:var(--color-light-gray)}.related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease-smooth)}.related-card:hover .related-card-image img{transform:scale(1.05)}.related-card-content{padding:1.5rem}.related-card-date{font-family:var(--font-body);font-size:.75rem;font-weight:400;color:var(--color-gray);margin-bottom:.5rem}.related-card-title{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:var(--color-black);line-height:1.3;margin:0}.related-card-title a{color:inherit;text-decoration:none;transition:color 0.3s var(--ease-smooth)}.related-card-title a:hover{color:var(--color-gold)}.post-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-cream)}.post-loading-spinner{width:50px;height:50px;border:2px solid var(--color-light-gray);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.post-loading-text{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-gray)}.post-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-cream);text-align:center;padding:2rem}.post-error-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-light-gray);border-radius:50%;margin-bottom:2rem}.post-error-icon svg{width:36px;height:36px;stroke:var(--color-gray)}.post-error-title{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-black);margin-bottom:1rem}.post-error-text{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-gray);margin-bottom:2rem;max-width:400px}.post-error-btn{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-white);background:var(--color-black);text-decoration:none;letter-spacing:.15em;text-transform:uppercase;padding:1rem 2rem;transition:all 0.4s var(--ease-smooth)}.post-error-btn:hover{background:var(--color-gold)}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.post-section{padding:3rem 1.5rem}.post-content{padding:2rem 1.5rem}.post-footer{flex-direction:column;align-items:flex-start}.related-section{padding:3rem 1.5rem}.related-grid{grid-template-columns:1fr}}