.fnb-blog *{box-sizing:border-box}.fnb-blog{font-family:Helvetica,Verdana,Arial,sans-serif}.fnb-blog .fnb-sec{position:relative;overflow:hidden}.fnb-blog .fnb-seam:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffb74d99 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.fnb-blog .fnb-bg-hero{background:radial-gradient(at 50% 0,#ffb74d1a,#0000 60%),radial-gradient(1600px 480px at 50% 100%,#f5f5f50f,#0000 72%),#2a2a2a}.fnb-blog .fnb-bg-dark{background:radial-gradient(760px 900px at 86% 20%,#ff8c000f,#0000 60%),#2a2a2a}.fnb-blog .fnb-bg-mid{background:radial-gradient(760px 900px at 14% 40%,#ff8c0014,#0000 60%),radial-gradient(900px 500px at 50% 0,#f5f5f50f,#0000 65%),#3a3a3a}.fnb-blog .fnb-accent{color:#ffb74d}.fnb-blog .fnb-cta{z-index:3;color:#2a2a2a;cursor:pointer;background:linear-gradient(135deg,#ffb74d,#ffd59c);border-radius:999px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;display:inline-flex;position:relative}.fnb-blog .fnb-cta:hover{background:linear-gradient(135deg,#ffa733,#ffd59c);transform:translateY(-3px)scale(1.035)}.fnb-blog .fnb-textlink{color:#ffb74d;border-bottom:1px solid #ffb74d66;padding-bottom:2px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.fnb-blog .fnb-textlink:hover{color:#ffd59c;border-color:#ffd59c}.fnb-blog .fnb-blog-hero{text-align:center;max-width:860px;margin:0 auto;padding:170px 32px 68px}.fnb-blog .fnb-blog-hero h1{color:#f5f5f5;letter-spacing:-.5px;margin:0 0 18px;font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:700;line-height:1.12}.fnb-blog .fnb-blog-hero p{color:#b0bec5;max-width:640px;margin:0 auto;font-size:1.12rem;line-height:1.6}.fnb-blog .fnb-cat-sec{scroll-margin-top:110px}.fnb-blog .fnb-cat-inner{max-width:1120px;margin:0 auto;padding:24px 32px 4px}.fnb-blog .fnb-cat-eyebrow{color:#ffb74d;letter-spacing:.18em;text-transform:uppercase;text-align:center;margin:0 0 18px;font-size:.78rem;font-weight:700}.fnb-blog .fnb-cat-tiles{grid-template-columns:repeat(5,1fr);gap:16px;max-width:1120px;margin:0 auto;display:grid}.fnb-blog .fnb-cat-tiles>.fnb-reveal{display:flex}.fnb-blog .fnb-cat-tile{background:#2a2a2a;border:1px solid #ffb74d38;border-radius:14px;flex-direction:column;flex:1;align-items:flex-start;gap:12px;width:100%;padding:22px 20px;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),border-color .18s,box-shadow .18s;display:flex}.fnb-blog .fnb-cat-tile:hover{border-color:#ffb74d99;transform:translateY(-4px);box-shadow:0 0 22px #ffb74d2e}.fnb-blog .fnb-cat-icon{color:#ffb74d;background:#1e1e1e;border:1px solid #ffb74d66;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 0 14px #ffb74d2e}.fnb-blog .fnb-cat-icon svg{width:22px;height:22px}.fnb-blog .fnb-cat-name{color:#f5f5f5;font-size:1.02rem;font-weight:700;line-height:1.2}.fnb-blog .fnb-cat-count{color:#b0bec5;font-size:.8rem}.fnb-blog .fnb-posts-inner{max-width:1120px;margin:0 auto;padding:44px 32px 96px}.fnb-blog .fnb-posts-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.fnb-blog .fnb-postcard{background:#313131;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s,border-color .28s;display:flex;overflow:hidden}.fnb-blog .fnb-postcard:hover{border-color:#ffb74d80;transform:translateY(-8px);box-shadow:0 24px 48px #0006}.fnb-blog .fnb-postcard-cover{aspect-ratio:2400/1260;background:#232323;position:relative;overflow:hidden}.fnb-blog .fnb-postcard-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.fnb-blog .fnb-postcard:hover .fnb-postcard-cover img{transform:scale(1.05)}.fnb-blog .fnb-postcard-body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.fnb-blog .fnb-postcard-eyebrow{color:#ffb74d;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:700}.fnb-blog .fnb-postcard-body h3{color:#f5f5f5;margin:0 0 10px;font-size:1.16rem;font-weight:700;line-height:1.3}.fnb-blog .fnb-postcard-body p{color:#b0bec5;flex:1;margin:0 0 16px;font-size:.95rem;line-height:1.6}.fnb-blog .fnb-postcard-meta{color:#8a9099;font-size:.82rem;font-weight:600}.fnb-blog .fnb-cta-inner{text-align:center;max-width:720px;margin:0 auto;padding:96px 32px}.fnb-blog .fnb-cta-inner h2{color:#f5f5f5;margin:0 0 16px;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700;line-height:1.15}.fnb-blog .fnb-cta-inner p{color:#b0bec5;max-width:600px;margin:0 auto 30px;font-size:1.1rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){.fnb-blog .fnb-reveal{opacity:0;animation:1.1s both fnbUp}.fnb-blog .fnb-reveal.d2{animation-delay:.15s}.fnb-blog .fnb-reveal.d3{animation-delay:.3s}.fnb-blog .fnb-reveal.d4{animation-delay:.45s}.fnb-blog .fnb-reveal.d5{animation-delay:.6s}.fnb-blog .fnb-reveal.d6{animation-delay:.75s}.fnb-blog .fnb-reveal.d7{animation-delay:.9s}}@keyframes fnbUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (max-width:980px){.fnb-blog .fnb-cat-tiles{grid-template-columns:repeat(3,1fr)}.fnb-blog .fnb-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.fnb-blog .fnb-cat-tiles{grid-template-columns:repeat(2,1fr)}.fnb-blog .fnb-posts-grid{grid-template-columns:1fr}.fnb-blog .fnb-posts-grid>*{width:100%;max-width:520px;margin:0 auto}.fnb-blog .fnb-blog-hero{padding:140px 24px 52px}}.fnb-blog .fnb-cat-tile[data-active=true]{background:#332b1e;border-color:#ffb74dd9;box-shadow:0 0 22px #ffb74d4d}.fnb-blog .fnb-cat-tile[data-active=true] .fnb-cat-icon{border-color:#ffb74dcc;box-shadow:0 0 18px #ffb74d80}.fnb-blog .fnb-filter-bar{color:#b0bec5;align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:26px 32px 0;font-size:.95rem;display:flex}.fnb-blog .fnb-filter-label{color:#f5f5f5;font-weight:700}.fnb-blog .fnb-filter-clear{color:#ffb74d;border-bottom:1px solid #ffb74d66;padding-bottom:1px;font-weight:600;text-decoration:none}.fnb-blog .fnb-filter-clear:hover{color:#ffd59c;border-color:#ffd59c}.fnb-blog .fnb-pager{justify-content:center;align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:14px 32px 0;display:flex}.fnb-blog .fnb-pager-btn{color:#f5f5f5;cursor:pointer;background:#2a2a2a;border:1px solid #ffb74d59;border-radius:999px;padding:10px 18px;font-size:.92rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s}.fnb-blog .fnb-pager-btn:hover:not(:disabled){border-color:#ffb74dcc;transform:translateY(-2px);box-shadow:0 0 16px #ffb74d33}.fnb-blog .fnb-pager-btn:disabled{opacity:.35;cursor:not-allowed}.fnb-blog .fnb-pager-info{color:#b0bec5;font-size:.9rem;font-weight:600}@media (prefers-reduced-motion:no-preference){.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap{opacity:0;animation:.6s forwards fnbCardUp}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:first-child{animation-delay:30ms}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(2){animation-delay:90ms}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(3){animation-delay:.15s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(4){animation-delay:.21s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(5){animation-delay:.27s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(6){animation-delay:.33s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(7){animation-delay:.39s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(8){animation-delay:.45s}.fnb-blog .fnb-posts-grid>.fnb-postcard-wrap:nth-child(9){animation-delay:.51s}}@keyframes fnbCardUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fnb-blog .fnb-cat-icon svg{transition:transform .28s;overflow:visible}.fnb-blog .ic-eye{transform-origin:50%}.fnb-blog .ic-gauge .gauge-needle{transform-box:fill-box;transform-origin:0 100%}.fnb-blog .ic-clock .clock-hand{transform-box:fill-box;transform-origin:0 71%}.fnb-blog .ic-bolt path{stroke-dasharray:60}.fnb-blog .ic-funnel .drop{opacity:0}.fnb-blog .fnb-cat-tile:hover .fnb-cat-icon{border-color:#ffb74dcc;box-shadow:0 0 20px #ffb74d80}@media (prefers-reduced-motion:no-preference){.fnb-blog .fnb-cat-tile:hover .ic-eye{animation:.9s catBlink}.fnb-blog .fnb-cat-tile:hover .ic-bolt path{animation:1.6s infinite catBolt}.fnb-blog .fnb-cat-tile:hover .ic-gauge .gauge-needle{animation:1.8s catRev}.fnb-blog .fnb-cat-tile:hover .ic-funnel .drop{animation:1.1s infinite catDrop}.fnb-blog .fnb-cat-tile:hover .ic-funnel .drop2{animation-delay:.28s}.fnb-blog .fnb-cat-tile:hover .ic-funnel .drop3{animation-delay:.56s}.fnb-blog .fnb-cat-tile:hover .ic-clock .clock-hand{animation:2.6s steps(12,end) catTickSpin}}@keyframes catBlink{0%,42%,to{transform:scaleY(1)}20%{transform:scaleY(.12)}62%{transform:scaleY(1)}82%{transform:scaleY(.12)}92%{transform:scaleY(1)}}@keyframes catBolt{0%{stroke-dashoffset:60px;opacity:.3}42%{stroke-dashoffset:0;opacity:1}58%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:60px;opacity:.3}}@keyframes catRev{0%{transform:rotate(0)}16%{transform:rotate(-28deg)}42%{transform:rotate(48deg)}60%{transform:rotate(16deg)}82%{transform:rotate(42deg)}to{transform:rotate(0)}}@keyframes catDrop{0%{opacity:0;transform:translateY(-2px)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(13px)}}@keyframes catTickSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fnb-blog button.fnb-filter-clear{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}
