.bl-header{padding:3.5rem 0 2rem}.bl-section-pad{padding-bottom:3rem}.bl-eyebrow{font-family:Poppins,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#b84827;margin-bottom:.6rem;display:block}.bl-header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.bl-headline{font-family:Kanit,sans-serif;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}.bl-view-all{font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;color:#5b5b5b;text-decoration:none;white-space:nowrap;padding-bottom:.15rem;transition:color .2s ease}.bl-view-all:hover{color:#b84827}.bl-cat{display:inline-block;padding:.2rem .65rem;background:#b848271f;border:1px solid rgba(184,72,39,.3);border-radius:999px;font-family:Poppins,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b84827;white-space:nowrap}.bl-readmore{font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;color:#b84827;text-decoration:none;display:inline-block}.bl-featured{display:grid;grid-template-columns:55% 45%;min-height:380px;background:#272727;border:1px solid #353535;border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.bl-featured:hover{transform:translateY(-4px);box-shadow:0 20px 56px #00000080}.bl-feat-photo-wrap{position:relative;overflow:hidden}.bl-feat-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:filter .3s ease}.bl-featured:hover .bl-feat-photo{filter:brightness(1.08)}.bl-feat-gradient{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,#272727 100%);pointer-events:none}.bl-feat-content{padding:2.5rem 2.25rem;display:flex;flex-direction:column;gap:.9rem;justify-content:center}.bl-feat-title{font-family:Kanit,sans-serif;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;color:#fff;line-height:1.1;transition:color .3s ease}.bl-featured:hover .bl-feat-title{color:#b84827}.bl-feat-excerpt{font-family:Poppins,sans-serif;font-size:.83rem;color:#ffffff80;line-height:1.75}.bl-feat-meta{font-family:Poppins,sans-serif;font-size:.72rem;color:#5b5b5b}.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.bl-card{display:flex;flex-direction:column;background:#272727;border:1px solid #353535;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.bl-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #00000073;border-color:#b84827}.bl-card-img-wrap{height:200px;overflow:hidden}.bl-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:filter .3s ease}.bl-card:hover .bl-card-img{filter:brightness(1.1)}.bl-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.bl-card-title{font-family:Kanit,sans-serif;font-size:1rem;font-weight:700;color:#fff;line-height:1.25;flex:1;transition:color .3s ease}.bl-card:hover .bl-card-title{color:#b84827}.bl-card-excerpt{font-family:Poppins,sans-serif;font-size:.78rem;color:#ffffff80;line-height:1.6;flex:1}.bl-card-meta{font-family:Poppins,sans-serif;font-size:.68rem;color:#5b5b5b}.bl-nl-wrap{padding:1rem 0 4.5rem}.bl-newsletter{background:#272727;border:1px solid #353535;border-radius:10px;padding:2.5rem 3rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.bl-nl-headline{font-family:Kanit,sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0}.bl-nl-form{display:flex;gap:.75rem;flex:1;min-width:260px}.bl-nl-input{flex:1;background:#181715;border:1px solid #353535;border-radius:4px;padding:.7rem 1rem;font-family:Poppins,sans-serif;font-size:.85rem;color:#fff;outline:none;transition:border-color .2s ease}.bl-nl-input:focus{border-color:#b84827}.bl-nl-input::-moz-placeholder{color:#ffffff40}.bl-nl-input::placeholder{color:#ffffff40}@media (max-width: 767px){.bl-header-inner{flex-direction:column;align-items:flex-start}.bl-featured{grid-template-columns:1fr;min-height:auto}.bl-feat-photo-wrap{height:220px}.bl-feat-gradient{background:linear-gradient(to top,#272727 0%,transparent 60%)}.bl-feat-content{padding:1.5rem}.bl-grid{grid-template-columns:1fr}.bl-newsletter{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem}.bl-nl-headline{white-space:normal}.bl-nl-form{flex-direction:column;width:100%;min-width:0}.bl-nl-input{width:100%}.bl-nl-form .btn-orange{width:100%;justify-content:center}}@media (min-width: 768px) and (max-width: 1023px){.bl-featured{grid-template-columns:1fr;min-height:auto}.bl-feat-photo-wrap{height:260px}.bl-feat-gradient{background:linear-gradient(to top,#272727 0%,transparent 60%)}.bl-grid{grid-template-columns:repeat(2,1fr)}}@keyframes bl-nav-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bl-fade-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes bl-fade-up-lg{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes bl-fade-in-only{0%{opacity:0}to{opacity:1}}@keyframes bl-feat-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes bl-ken-burns{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bl-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){@keyframes bl-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bl-fade-up-lg{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes bl-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.bl-eyebrow,.bl-headline,.bl-view-all{opacity:0}.bl-load{opacity:0;will-change:transform,opacity}.blog-page #navbar{animation:bl-nav-in .4s ease both}.bl-featured.bl-load,.bl-card.bl-load{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){.bl-eyebrow,.bl-headline,.bl-view-all,.bl-load{opacity:1!important;transform:none!important;animation:none!important}.blog-page #navbar{animation:none!important}}
