:root{--navy:#0b2748;--navy-2:#153b62;--ink:#172334;--muted:#667487;--paper:#fffdf9;--cream:#f7f3ea;--orange:#f36b43;--teal:#1f9188;--teal-pale:#e3f3f0;--yellow:#f6c85f;--line:#dfe5e8;--white:#fff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:22px;font-weight:900;letter-spacing:-.55px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--orange);color:#fff;font-size:19px;box-shadow:0 7px 18px rgba(243,107,67,.25)}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav>a{font-size:14px;font-weight:760}.site-header nav>a:not(.header-cta){position:relative}.site-header nav>a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:9px;background:var(--orange)}.header-cta{padding:11px 16px;border-radius:12px;background:var(--navy);color:#fff}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.blog-hero{max-width:var(--max);margin:auto;padding:55px 24px 64px;display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}.eyebrow,.section-label{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.15em}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--teal-pale)}.hero-copy h1{margin:19px 0 20px;color:var(--navy);font-size:clamp(52px,6.2vw,78px);line-height:.95;letter-spacing:-4.2px}.hero-copy h1 em{display:block;color:var(--orange);font-style:normal}.hero-copy>p{max-width:660px;margin:0;color:var(--muted);font-size:20px;line-height:1.55}.hero-stats{display:flex;gap:26px;margin-top:29px;color:var(--muted);font-size:13px}.hero-stats span{display:flex;flex-direction:column}.hero-stats strong{color:var(--navy);font-size:16px}.featured-card,.hero-empty{position:relative;min-height:420px;overflow:hidden;border-radius:29px;background:#dfe8e8;box-shadow:0 27px 68px rgba(11,39,72,.17);isolation:isolate}.featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.featured-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,39,72,.04) 25%,rgba(11,39,72,.93) 100%)}.featured-label{position:absolute;z-index:2;top:21px;left:21px;padding:7px 10px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:11px;font-weight:950;letter-spacing:.12em}.featured-copy{position:absolute;z-index:2;left:27px;right:27px;bottom:26px;color:#fff}.featured-copy strong{display:block;font-size:clamp(27px,3vw,36px);line-height:1.06;letter-spacing:-1px}.featured-copy span{display:inline-block;margin-top:13px;color:#ffe08b;font-size:14px;font-weight:850;transition:transform .25s ease}.featured-card:hover img{transform:scale(1.05)}.featured-card:hover .featured-copy span{transform:translateX(6px)}.featured-placeholder,.card-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,var(--navy),var(--teal))}.featured-placeholder span,.card-placeholder span{display:grid;place-items:center;width:74px;height:74px;border-radius:22px;background:var(--orange);color:#fff;font-size:40px;font-weight:950}.hero-empty{display:flex;padding:46px;flex-direction:column;justify-content:end;background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff}.hero-empty>span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.13em}.hero-empty strong{max-width:430px;margin-top:7px;font-size:28px;line-height:1.15}.hero-empty p{margin:10px 0 0;color:#c8d5e1}.library{padding:62px 24px 108px;background:#f7f5ef;border-top:1px solid #ebe6db}.library-head,.filters,.article-grid,.empty-state,.no-results{max-width:var(--max);margin-left:auto;margin-right:auto}.library-head{display:flex;justify-content:space-between;align-items:end;gap:42px}.library-head h2{margin:8px 0 0;color:var(--navy);font-size:clamp(39px,5vw,59px);line-height:.98;letter-spacing:-2.7px}.library-head>p{max-width:470px;margin:0;color:var(--muted);font-size:17px}.library-head code,.empty-state code{padding:2px 6px;border-radius:6px;background:#e8eceb;color:var(--navy);font-size:.9em}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px;margin-bottom:28px}.filter{border:1px solid #d7dedf;background:#fff;color:var(--navy);padding:9px 13px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:800;transition:.2s}.filter span{display:inline-grid;min-width:20px;height:20px;margin-left:5px;padding:0 5px;place-items:center;border-radius:999px;background:#eef1f2;color:var(--muted);font-size:11px}.filter:hover{border-color:var(--teal);color:var(--teal)}.filter.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 7px 18px rgba(11,39,72,.15)}.filter.active span{background:rgba(255,255,255,.16);color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.article-card{position:relative;display:flex;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;flex-direction:column;box-shadow:0 9px 30px rgba(11,39,72,.05);animation:card-in .5s both;animation-delay:var(--delay);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.article-card:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .35s}.article-card:hover{transform:translateY(-7px);border-color:#c7d3d7;box-shadow:0 24px 54px rgba(11,39,72,.14)}.article-card:hover:before{transform:scaleX(1)}.article-card[hidden]{display:none}.card-media{position:relative;height:222px;overflow:hidden;background:#dfe7e6}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,29,52,.38))}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s}.article-card:hover .card-media img{transform:scale(1.07);filter:saturate(1.08)}.card-category{position:absolute;z-index:2;left:15px;top:15px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--teal);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 16px rgba(11,39,72,.12)}.card-arrow{position:absolute;z-index:2;right:15px;top:15px;display:grid;width:39px;height:39px;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:21px;font-weight:900;opacity:0;transform:translate(8px,-8px);transition:.28s}.article-card:hover .card-arrow{opacity:1;transform:translate(0)}.card-body{display:flex;flex:1;padding:21px 21px 23px;flex-direction:column}.card-meta{display:flex;justify-content:space-between;gap:10px;color:#8793a1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.card-body h3{margin:10px 0 11px;color:var(--navy);font-size:24px;line-height:1.1;letter-spacing:-.65px;transition:color .2s}.article-card:hover h3{color:#df5330}.card-body p{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.62}.read-link{margin-top:auto;color:var(--navy);font-size:14px;font-weight:850}.read-link i{display:inline-block;color:var(--orange);font-style:normal;transition:transform .22s}.article-card:hover .read-link i{transform:translateX(6px)}.empty-state,.no-results{padding:42px;border:1px dashed #c6d0d3;border-radius:20px;background:#fff;color:var(--muted);text-align:center}.empty-state strong{display:block;color:var(--navy);font-size:21px}.empty-state p{margin:8px auto 0;max-width:660px}.site-footer{max-width:var(--max);margin:auto;padding:45px 24px 58px;display:grid;grid-template-columns:1fr auto;gap:20px 48px;border-top:1px solid var(--line)}.site-footer>div p{max-width:450px;margin:14px 0 0;color:var(--muted)}.site-footer nav{display:flex;align-items:start;gap:25px}.site-footer nav a{font-size:14px;font-weight:760}.site-footer small{grid-column:1/-1;margin-top:7px;color:#929ca6}@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero{gap:32px}.featured-card,.hero-empty{min-height:380px}.hero-copy h1{font-size:clamp(48px,7.5vw,66px)}}@media(max-width:760px){.site-header{position:sticky;z-index:50;top:0;height:64px;padding:0 16px;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-size:19px}.brand-mark{width:32px;height:32px}.menu-toggle{display:block}.menu-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--navy)}.site-header nav{position:absolute;display:none;top:63px;left:0;right:0;padding:18px 16px 22px;flex-direction:column;align-items:stretch;gap:5px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(11,39,72,.1)}.site-header nav.open{display:flex}.site-header nav a{padding:10px 7px}.site-header nav>a[aria-current=page]:after{display:none}.header-cta{text-align:center;margin-top:8px}.blog-hero{grid-template-columns:1fr;padding:38px 16px 45px;gap:30px}.hero-copy h1{font-size:clamp(43px,13vw,59px);letter-spacing:-2.7px}.hero-copy>p{font-size:17px}.hero-stats{justify-content:space-between;gap:13px}.featured-card,.hero-empty{min-height:340px;border-radius:23px}.library{padding:48px 16px 74px}.library-head{display:block}.library-head>p{margin-top:18px}.filters{overflow-x:auto;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding:0 16px 6px;scrollbar-width:none}.filter{white-space:nowrap}.article-grid{grid-template-columns:1fr}.card-media{height:236px}.site-footer{grid-template-columns:1fr;padding:38px 16px 48px}.site-footer nav{flex-wrap:wrap;gap:15px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.article-card{animation:none;transition:none}.article-card:before,.card-media img,.card-arrow,.featured-card img,.featured-copy span{transition:none!important}}