.blog-detail-page{background:#fff;padding-bottom:100px}.blog-detail-hero{background:var(--clr-navy-dark,#091831);align-items:flex-end;height:550px;display:flex;position:relative;overflow:hidden}.blog-detail-hero__bg{z-index:1;position:absolute;inset:0}.blog-detail-hero__bg img{object-fit:cover;opacity:.5;width:100%;height:100%}.blog-detail-hero__overlay{z-index:2;background:linear-gradient(#0000 0%,#09183166 40%,#091831 100%);position:absolute;inset:0}.blog-detail-hero__content{z-index:3;width:100%;padding-bottom:60px;position:relative}.blog-detail-cat{background:var(--clr-gold,#ff2d1e);color:#fff;text-transform:uppercase;letter-spacing:.1em;border-radius:50px;margin-bottom:20px;padding:6px 18px;font-size:.75rem;font-weight:800;display:inline-block}.blog-detail-title{font-family:var(--font-heading,"Playfair Display", serif);color:#fff;max-width:900px;margin-bottom:25px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.blog-detail-meta{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:30px;font-size:.9rem;display:flex}.blog-detail-meta span{align-items:center;gap:8px;display:flex}.blog-detail-meta i{color:var(--clr-gold,#ff2d1e)}.blog-detail-container{z-index:10;grid-template-columns:1fr 340px;gap:60px;margin-top:-40px;display:grid;position:relative}.blog-main-article{background:#fff;border-radius:30px;padding:60px;box-shadow:0 40px 100px -20px #0000001a}.blog-content-body{color:#334155;font-size:1.15rem;line-height:1.85}.blog-content-body p{margin-bottom:25px}.blog-content-body h2,.blog-content-body h3{font-family:var(--font-heading);color:var(--clr-navy,#1e355a);margin:45px 0 20px;font-weight:800}.blog-content-body h2{font-size:1.85rem}.blog-content-body h3{font-size:1.5rem}.blog-content-body img{border-radius:20px;margin:40px 0;box-shadow:0 20px 40px #00000014}.blog-content-body blockquote{border-left:5px solid var(--clr-gold);color:var(--clr-navy);background:#f8fafc;border-radius:0 20px 20px 0;margin:40px 0;padding:30px 40px;font-size:1.4rem;font-style:italic}.blog-author-card{border-top:1px solid #f1f5f9;align-items:center;gap:25px;margin-top:60px;padding-top:40px;display:flex}.author-avatar{background:var(--clr-gold-pale,#fff0ef);width:80px;height:80px;color:var(--clr-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.author-info h4{color:var(--clr-navy);margin-bottom:5px;font-size:1.25rem}.author-info p{color:#64748b;margin:0;font-size:.95rem}.blog-sidebar{align-self:flex-start;position:sticky;top:120px}.sidebar-widget{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:30px;padding:30px;box-shadow:0 10px 30px #0000000d}.widget-title{font-family:var(--font-heading);color:var(--clr-navy);border-bottom:2px solid var(--clr-gold-pale);align-items:center;gap:10px;margin-bottom:25px;padding-bottom:12px;font-size:1.3rem;display:flex}.widget-title i{color:var(--clr-gold);font-size:1rem}.related-post-item{transition:var(--transition,all .3s ease);gap:15px;margin-bottom:20px;text-decoration:none;display:flex}.related-post-item:last-child{margin-bottom:0}.related-thumb{background:#f1f5f9;border-radius:12px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.related-thumb img{object-fit:cover;width:100%;height:100%}.related-text h5{color:var(--clr-navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.related-post-item:hover h5{color:var(--clr-gold)}.related-date{color:#94a3b8;font-size:.75rem}.share-bar{gap:10px;margin-top:30px;display:flex}.share-btn{color:#64748b;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.share-btn:hover{background:var(--clr-navy);color:#fff;border-color:var(--clr-navy);transform:translateY(-3px)}@media (max-width:1024px){.blog-detail-container{grid-template-columns:1fr}.blog-detail-hero{height:450px}}@media (max-width:768px){.blog-main-article{padding:30px}.blog-detail-title{font-size:2rem}.blog-detail-meta{gap:15px;font-size:.8rem}.blog-detail-hero{height:400px}}