.blog-page{--gold:#b28a43;--gold-light:#d3ac61;--navy:#10242d;--navy-soft:#18343e;--teal:#1f6c74;--teal-light:#2f8b93;--ease-out:cubic-bezier(.16, 1, .3, 1);color:#10242d;background:#fff;width:100%;overflow:hidden}.blog-container{width:min(1180px,100% - 40px);margin:0 auto}@media (prefers-reduced-motion:reduce){.blog-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.blog-reveal{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:translateY(40px)}.blog-reveal.show{opacity:1;transform:translateY(0)}.blog-hero{background:radial-gradient(circle at 75% 40%,#1f6c7414,#0000 30%),linear-gradient(135deg,#f7faf9 0%,#eef4f2 100%);align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.blog-hero-grid{background-image:linear-gradient(#10242d09 1px,#0000 1px),linear-gradient(90deg,#10242d09 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.blog-hero-content{z-index:2;grid-template-columns:1fr .85fr;align-items:center;gap:70px;display:grid;position:relative}.blog-hero-text{max-width:620px}.blog-label{letter-spacing:2px;color:var(--gold);align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.blog-label span{background:var(--gold);width:24px;height:2px}.blog-hero h1{letter-spacing:-3px;color:var(--navy);margin:18px 0 22px;font-size:clamp(44px,5.5vw,72px);line-height:1}.blog-hero h1 span{background:linear-gradient(100deg, var(--gold), var(--gold-light));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.blog-hero p{color:#66757b;max-width:540px;margin:0;font-size:17px;line-height:1.8}.blog-stack{perspective:1200px;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.blog-note{transform-style:preserve-3d;transition:transform .4s var(--ease-out);border-radius:16px;position:absolute}.note-back,.note-mid{background:#fff;border:1px solid #10242d12;width:300px;height:260px}.note-back{transform:translate3d(26px, -34px, -70px) rotate(-8deg) rotateX(calc(3deg + var(--stack-y,0deg))) rotateY(calc(-5deg + var(--stack-x,0deg)));opacity:.55}.note-mid{transform:translate3d(-22px, 14px, -35px) rotate(6deg) rotateX(calc(2deg + var(--stack-y,0deg))) rotateY(calc(-3deg + var(--stack-x,0deg)));opacity:.8;background:#faf7f0}.note-front{width:330px;transform:rotate(-2deg) rotateX(calc(2deg + var(--stack-y,0deg))) rotateY(calc(-2deg + var(--stack-x,0deg)));background:#fff;border:1px solid #10242d14;flex-direction:column;padding:26px 24px 22px;animation:5s ease-in-out infinite blogNoteFloat;display:flex;position:relative;box-shadow:0 40px 80px #10242d2e}@keyframes blogNoteFloat{0%,to{margin-top:0}50%{margin-top:-12px}}.note-tape{background:#b28a4359;border:1px solid #b28a434d;width:60px;height:22px;position:absolute;top:-12px;left:36px;transform:rotate(-4deg)}.note-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.note-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:700}.note-time{color:#a2abad;font-size:10px}.note-title{letter-spacing:-.2px;color:var(--navy);margin-bottom:16px;font-size:16px;line-height:1.4;display:block}.note-lines{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.note-lines span{background:#eef2f1;border-radius:3px;height:6px}.note-author{color:#6c7a7f;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.note-avatar{background:var(--navy);width:24px;height:24px;color:var(--gold-light);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.blog-spotlight-section{padding:80px 0 10px}.blog-spotlight{color:inherit;transition:transform .35s var(--ease-out), box-shadow .35s ease;background:#f6f9f8;border:1px solid #e5ebe9;border-radius:20px;grid-template-columns:.7fr 1.6fr auto;align-items:center;gap:32px;padding:36px;text-decoration:none;display:grid;position:relative}.blog-spotlight:hover{transform:translateY(-5px);box-shadow:0 30px 55px #10242d1a}.blog-spotlight-visual{color:#fff;border-radius:14px;justify-content:center;align-items:center;height:170px;display:flex}.blog-spotlight.tone-gold .blog-spotlight-visual{background:linear-gradient(150deg, var(--gold), var(--gold-light))}.blog-spotlight.tone-teal .blog-spotlight-visual{background:linear-gradient(150deg, var(--teal), var(--teal-light))}.blog-spotlight.tone-navy .blog-spotlight-visual{background:linear-gradient(150deg, var(--navy-soft), var(--navy));color:var(--gold-light)}.blog-spotlight-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:10px;font-weight:700;display:block}.blog-spotlight-body h2{letter-spacing:-.6px;color:var(--navy);margin:0 0 12px;font-size:26px;line-height:1.25}.blog-spotlight-body p{color:#6c7a7f;max-width:560px;margin:0 0 18px;font-size:14px;line-height:1.75}.blog-spotlight-meta{color:#6c7a7f;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.blog-spotlight-meta .dot{background:#b7c0c2;border-radius:50%;width:3px;height:3px}.blog-spotlight-arrow{color:var(--navy);transition:transform .3s var(--ease-out)}.blog-spotlight:hover .blog-spotlight-arrow{color:var(--gold);transform:translate(4px,-4px)}.blog-avatar{background:var(--navy);width:26px;height:26px;color:var(--gold-light);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.blog-avatar.small{width:20px;height:20px;font-size:8px}.blog-filter-section{padding:55px 0 10px}.blog-filter-bar{flex-wrap:wrap;gap:10px;display:flex}.blog-filter-btn{color:#5c6a6f;cursor:pointer;transition:background .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--ease-out);background:#fff;border:1px solid #10242d1f;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.blog-filter-btn:hover{border-color:#b28a4366;transform:translateY(-2px)}.blog-filter-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.blog-filter-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.blog-grid-section{padding:40px 0 100px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.blog-card{color:inherit;perspective:900px;animation:blogCardIn .6s var(--ease-out) both;transition:transform .35s var(--ease-out), box-shadow .35s ease, border-color .35s ease;background:#fff;border:1px solid #e5ebe9;border-radius:18px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}@keyframes blogCardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.blog-card:hover{transform:translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#b28a4340;box-shadow:0 30px 55px #10242d1f}.blog-card-cover{color:#fff;justify-content:center;align-items:center;height:140px;display:flex}.tone-gold .blog-card-cover{background:linear-gradient(150deg, var(--gold), var(--gold-light))}.tone-teal .blog-card-cover{background:linear-gradient(150deg, var(--teal), var(--teal-light))}.tone-navy .blog-card-cover{background:linear-gradient(150deg, var(--navy-soft), var(--navy));color:var(--gold-light)}.blog-card-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.blog-card-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:10px;font-weight:700}.blog-card-body h3{letter-spacing:-.3px;color:var(--navy);margin:0 0 10px;font-size:17px;line-height:1.35}.blog-card-body p{color:#6c7a7f;margin:0 0 18px;font-size:13px;line-height:1.7}.blog-card-meta{color:#7a878b;border-top:1px solid #eef2f1;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:11px;font-weight:600;display:flex}.blog-card-meta .dot{background:#b7c0c2;border-radius:50%;width:3px;height:3px}.blog-empty{text-align:center;color:#8a9598;padding:60px 0;font-size:14px}.blog-cta{margin:0;padding:0}@media (max-width:1000px){.blog-hero{min-height:auto;padding:90px 0}.blog-hero-content{grid-template-columns:1fr}.blog-hero-text{max-width:700px}.blog-stack{height:340px}.blog-spotlight{grid-template-columns:1fr}.blog-spotlight-arrow{display:none}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.blog-container{width:min(100% - 30px,600px)}.blog-hero{padding:70px 0 50px}.blog-hero h1{letter-spacing:-2px;font-size:44px}.blog-stack{height:300px;transform:scale(.85)}.blog-spotlight-section{padding:60px 0 10px}.blog-filter-section{padding:45px 0 10px}.blog-grid-section{padding:30px 0 70px}.blog-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.note-front,.blog-card{animation:none!important}}