/* Blog: an extension of the existing black-and-gold JAS visual system. */
.blog-page{--blog-line:#b28e3d45;--blog-muted:#c3baaa}.blog-hero{background:radial-gradient(ellipse at 85% 30%,#30250f,transparent 55%),#090909;border-bottom:1px solid var(--blog-line);padding:2rem 0 4rem}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:7vw;align-items:center;padding-top:2.5rem}.blog-hero h1{font:clamp(3.2rem,6vw,6rem)/1.04 Georgia,serif;letter-spacing:-.035em;margin:1rem 0 1.8rem}.blog-hero h1 em{color:var(--gold);font-style:normal}.blog-hero .lead{max-width:670px;color:#d7cec0;line-height:1.6;font-size:clamp(1.1rem,1.8vw,1.3rem);margin-bottom:2rem}.blog-rss{border:1px solid var(--blog-line);border-top:2px solid var(--gold);padding:2.3rem 2rem;background:linear-gradient(145deg,#211b11,#100f0d);max-width:400px}.blog-rss svg{color:var(--gold);margin-bottom:1.5rem}.blog-rss h2{font:2rem/1.2 Georgia,serif;margin:0 0 1rem}.blog-rss p{color:var(--blog-muted);font-size:.95rem;line-height:1.7}.blog-feed-link{display:inline-flex;align-items:center;gap:1rem;color:#e7c878;font-weight:700;padding:.8rem 0;min-height:44px}.blog-feed-address{display:block;font-size:.74rem;color:#bdb19c;overflow-wrap:anywhere}.blog-catalog{scroll-margin-top:100px}.blog-section-heading{margin-bottom:2rem}.blog-section-heading h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:.6rem 0}.blog-filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(200px,.75fr) auto;align-items:end;gap:1rem}.blog-filters label{display:grid;gap:.6rem;font-size:.82rem;color:#ded4c4;min-width:0}.blog-filters input,.blog-filters select{width:100%;min-height:52px;padding:.8rem 1rem;border:1px solid #8a754780;background:#121211;color:#f1eadd;border-radius:2px;line-height:1.4}.blog-filters input::placeholder{color:#aea79a}.blog-filters .button{min-height:52px}.blog-results{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--blog-muted);font-size:.81rem;padding:.8rem 0 1.2rem}.blog-results p{margin:0}.blog-results a{color:#e2c37c;text-decoration:underline;text-underline-offset:4px;padding:.6rem 0;min-height:44px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.blog-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--blog-line);background:linear-gradient(145deg,#1a1814,#0e0e0d);padding:1.8rem;transition:border-color .2s}.blog-card:hover,.blog-card:focus-within{border-color:#d4af37}.blog-card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;margin-bottom:2rem}.blog-card-meta .eyebrow{margin:0;font-size:.65rem}.blog-card-meta time{font-size:.7rem;color:#bcb3a4}.blog-card h3{font:1.8rem/1.2 Georgia,serif;margin:0 0 1.1rem;overflow-wrap:anywhere}.blog-card h3 a:hover{color:#e7c878}.blog-card>p{color:var(--blog-muted);font-size:.92rem;line-height:1.75;margin-bottom:1.8rem;flex:1}.blog-read{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:50px;border-top:1px solid var(--blog-line);padding-top:1rem;color:#e2c37c;font-size:.81rem;font-weight:700}.blog-empty{padding:3rem 2rem;text-align:center;background:#13120f;border:1px solid var(--blog-line)}.blog-empty h3{font:2rem/1.2 Georgia,serif}.blog-empty p{color:var(--blog-muted)}.blog-more{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--blog-line);font-size:.9rem}.blog-more p{color:var(--blog-muted);margin:0}.blog-more a{color:#e2c37c;min-height:44px;display:flex;align-items:center;gap:1rem}.blog-page [hidden]{display:none!important}
@media(max-width:1000px){.blog-hero-grid{gap:3rem;grid-template-columns:1.2fr .8fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-rss{padding:1.8rem 1.5rem}}
@media(max-width:700px){.blog-hero{padding-bottom:3rem}.blog-hero-grid{grid-template-columns:1fr;padding-top:1rem;gap:2.5rem}.blog-hero h1{font-size:clamp(3.2rem,11vw,5rem)}.blog-rss{max-width:none}.blog-filters{grid-template-columns:1fr 1fr}.blog-filters label:first-child{grid-column:1/-1}.blog-grid{grid-template-columns:1fr}.blog-card{padding:1.5rem}.blog-card h3{font-size:1.9rem}.blog-card-meta{margin-bottom:1.5rem}.blog-more{align-items:start;flex-direction:column}.blog-more a{font-size:.84rem}.blog-empty{padding:2rem 1.3rem}}
@media(max-width:400px){.blog-filters{grid-template-columns:1fr}.blog-filters label:first-child{grid-column:auto}.blog-hero .button{width:100%}}
@media(prefers-reduced-motion:reduce){.blog-page *{transition:none!important}}