/* FND Connect editorial identity: paper, ink, photography and varied reading rhythms. */
.blog-journal { --journal-ink:#09294d; --journal-muted:#526378; --journal-accent:#bd0050; --journal-line:#cfd3d4; --journal-paper:#f5f2ec; --journal-serif:Georgia,"Times New Roman",serif; }
.blog-journal main { background:var(--journal-paper); }
.blog-journal main :is(h1,h2,h3,h4) { overflow-wrap:anywhere; }
.blog-journal :is(#latest,#rediscover,#collections,#all-articles) { scroll-margin-top:7rem; }
.blog-journal .journal-eyebrow { margin:0 0 .65rem; text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; font-weight:800; color:var(--journal-accent); }
.journal-masthead { padding:1.4rem 0 0; background:var(--journal-paper); }
.journal-masthead-top { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; border-bottom:1px solid var(--journal-line); padding-bottom:.6rem; }
.journal-masthead-top > span { font-size:.75rem; color:var(--journal-muted); }
.journal-nameplate { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.25rem 0 1.6rem; }
.journal-nameplate__titles { min-width:0; }
.journal-nameplate h1 { margin:0 0 .35rem; color:var(--journal-ink); font-family:inherit; font-size:clamp(1.05rem,2.2vw,1.35rem); font-weight:800; letter-spacing:-.02em; line-height:1.25; }
.journal-display { margin:0; color:var(--journal-ink); font-family:var(--journal-serif); font-size:clamp(3.3rem,7.6vw,6.8rem); font-weight:400; letter-spacing:-.065em; line-height:1; }
.journal-display em { font-weight:400; color:var(--journal-accent); }
.journal-nameplate > p { margin:0; padding-left:1.5rem; border-left:2px solid var(--journal-accent); font-size:.88rem; line-height:1.65; color:var(--journal-muted); }
.journal-nav { display:flex; flex-wrap:wrap; gap:0 2rem; border-top:2px solid var(--journal-ink); }
.journal-nav a { display:inline-flex; min-height:48px; align-items:center; gap:.5rem; color:var(--journal-ink); font-size:.85rem; font-weight:700; text-decoration:none; }
.journal-nav a:hover { color:var(--journal-accent); text-decoration:underline; text-underline-offset:.4em; }
.journal-front { background:var(--journal-ink); }
.journal-front .journal-front-grid { width:100%; max-width:none; padding:0; }
.journal-story { min-width:0; }
.journal-story-image { display:block; overflow:hidden; background:#dce1e5; aspect-ratio:16/9; }
.journal-story-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 240ms ease; }
.journal-story-image:hover img { transform:scale(1.025); }
.journal-story-image img.journal-image-contain { object-fit:contain; background:#fff; }
.journal-story-meta { display:flex; flex-wrap:wrap; gap:.2rem .7rem; color:var(--journal-muted); font-size:.73rem; line-height:1.5; margin:.8rem 0 .4rem; }
.journal-story-meta > span { color:var(--journal-accent); font-weight:700; }
.journal-story :is(h2,h3,h4) { margin:0; color:var(--journal-ink); font-family:var(--journal-serif); font-size:1.45rem; font-weight:400; line-height:1.2; letter-spacing:-.025em; }
.journal-story :is(h2,h3,h4) a { color:inherit; text-decoration:none; }
.journal-story :is(h2,h3,h4) a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.16em; }
.journal-story--lead { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); position:relative; min-height:480px; }
.journal-story--lead .journal-story-image { grid-column:2; grid-row:1; height:100%; min-height:480px; aspect-ratio:auto; }
.journal-story--lead .journal-story-copy { grid-column:1; grid-row:1; align-self:center; padding:2.75rem 3rem 2.75rem max(24px,calc((100vw - 1072px)/2)); }
.journal-story--lead .journal-story-meta { color:#d4deeb; margin:0 0 1rem; }
.journal-story--lead .journal-story-meta > span { color:#ffacce; }
.journal-story--lead .journal-eyebrow { color:#ffacce; }
.journal-story--lead h2 { color:#fff; font-size:clamp(2rem,3.3vw,3.25rem); max-width:24ch; line-height:1.08; }
.journal-story-excerpt { color:#d4deeb; font-size:.97rem; line-height:1.65; margin:1.1rem 0; max-width:48ch; }
.journal-read { display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; min-height:44px; color:#fff; font-weight:700; font-size:.88rem; text-decoration:none; border-bottom:1px solid #ffacce; }
.journal-read span { transition:transform 180ms ease; }
.journal-read:hover span { transform:translateX(5px); }
.journal-image-fallback { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; padding:2rem; background:#173d66; color:#fff; font-size:2rem; font-weight:800; }
.journal-image-fallback > span { font-size:.9rem; margin-top:.5rem; }
.journal-new-strip { display:grid; grid-template-columns:160px minmax(0,1fr); gap:2rem; padding-top:2rem; padding-bottom:2rem; border-bottom:1px solid var(--journal-line); }
.journal-strip-label h2 { font-family:var(--journal-serif); font-size:1.8rem; font-weight:400; line-height:1.1; margin:.6rem 0; color:var(--journal-ink); }
.journal-strip-label > a { display:inline-flex; align-items:center; gap:.6rem; min-height:44px; font-size:.8rem; font-weight:700; }
.journal-fresh { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.journal-story--fresh { display:grid; grid-template-columns:76px minmax(0,1fr); gap:.8rem; align-items:start; }
.journal-story--fresh .journal-story-image { aspect-ratio:4/5; }
.journal-story--fresh .journal-story-meta { margin:0 0 .4rem; }
.journal-story--fresh .journal-story-meta > span { display:none; }
.journal-story--fresh h3 { font-family:inherit; font-size:.91rem; font-weight:750; line-height:1.35; letter-spacing:-.015em; }
.journal-rediscover { padding:3.5rem 0; background:var(--journal-paper); }
.journal-section-head { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:2rem; }
.journal-section-head h2 { color:var(--journal-ink); font-family:var(--journal-serif); font-size:clamp(2.4rem,4.5vw,4rem); line-height:1.04; letter-spacing:-.045em; font-weight:400; margin:0; }
.journal-section-head h2 em { font-weight:400; color:var(--journal-accent); }
.journal-section-head p:not(.journal-eyebrow) { margin:1rem 0 0; max-width:46ch; font-size:.95rem; line-height:1.6; color:var(--journal-muted); }
.journal-section-head > a { display:inline-flex; align-items:center; gap:1.5rem; min-height:48px; font-size:.86rem; font-weight:700; flex-shrink:0; }
.journal-surprise { border:1px solid var(--journal-ink); padding:.5rem 1.25rem; border-radius:0; color:var(--journal-ink); text-decoration:none; transition:background 180ms ease,color 180ms ease; }
.journal-surprise:hover { background:var(--journal-ink); color:#fff; }
.journal-trio { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:1.75rem 2.5rem; }
.journal-story--archive:first-child { grid-row:span 2; }
.journal-story--archive:first-child .journal-story-image { aspect-ratio:16/9; }
.journal-story--archive:first-child h3 { font-size:2rem; }
.journal-story--archive:not(:first-child) { display:grid; grid-template-columns:42% minmax(0,1fr); gap:1.1rem; align-items:center; padding:1rem 0; border-top:1px solid var(--journal-line); }
.journal-story--archive:not(:first-child) .journal-story-image { aspect-ratio:1; }
.journal-story--archive:not(:first-child) .journal-story-meta { margin-top:0; }
.journal-collections { padding-top:3rem; padding-bottom:3rem; border-top:3px solid var(--journal-ink); }
.journal-collection-grid { display:grid; }
.journal-collection { display:grid; grid-template-columns:240px minmax(0,1fr); gap:2rem; padding:2rem 0; border-top:1px solid var(--journal-line); }
.journal-section-number { display:block; color:var(--journal-accent); font-family:var(--journal-serif); font-size:1.5rem; margin:0 0 1rem; font-style:italic; }
.journal-collection-intro h3 { color:var(--journal-ink); font-family:var(--journal-serif); font-size:1.9rem; font-weight:400; letter-spacing:-.04em; margin:0 0 .7rem; }
.journal-collection-intro p { font-size:.9rem; line-height:1.6; max-width:25ch; color:var(--journal-muted); }
.journal-collection-reads { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:.5rem 1.75rem; }
.journal-story--collection { grid-row:span 2; }
.journal-story--collection .journal-story-image { aspect-ratio:2/1; }
.journal-story--collection h4 { font-size:1.5rem; }
.journal-story--text { border-top:1px solid var(--journal-line); padding-top:.35rem; }
.journal-story--text h4 { font-size:1.25rem; }
.blog-journal .blog-directory { background:#fff; border-top:1px solid var(--journal-line); padding:3rem 0; }
.blog-journal .blog-directory__head { display:block; }
.blog-journal #blog-directory-title { font-family:var(--journal-serif); font-size:clamp(2.4rem,4.5vw,4rem); font-weight:400; letter-spacing:-.045em; margin:0; }
.blog-journal .blog-controls { display:grid; grid-template-columns:1.6fr 1fr 1fr auto; gap:1rem; align-items:end; padding:1.25rem 0; margin:0; box-shadow:none; border:0; background:none; }
.blog-journal .blog-controls .fnd-field { min-width:0; }
.blog-journal .blog-controls :is(input,select) { width:100%; min-height:48px; font-size:1rem; border-radius:0; }
.journal-reset { min-height:48px; padding:.6rem .5rem; border:0; background:transparent; color:var(--journal-ink); text-decoration:underline; font:inherit; font-size:.9rem; cursor:pointer; }
.blog-journal .blog-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; }
.blog-journal .blog-card { display:grid; grid-template-columns:130px minmax(0,1fr); gap:1.1rem; align-items:start; padding:1.5rem 0; border:0; border-top:1px solid var(--journal-line); border-radius:0; background:none; box-shadow:none; transform:none; overflow:visible; }
.blog-journal .blog-card[hidden] { display:none; }
.blog-journal .blog-card > img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:0; }
.blog-journal .blog-card:has(.blog-card-body:only-child) { grid-template-columns:1fr; }
.blog-journal .blog-card > img.blog-card-contain { object-fit:contain; }
.blog-journal .blog-card-body { padding:0; background:none; }
.blog-journal .blog-meta { font-size:.7rem; line-height:1.5; }
.blog-journal .blog-meta span:first-child { display:none; }
.blog-journal .blog-card h3 { font-family:var(--journal-serif); font-size:1.4rem; font-weight:400; line-height:1.2; letter-spacing:-.025em; margin:.5rem 0; }
.blog-journal .blog-card h3 a { color:var(--journal-ink); text-decoration:none; }
.blog-journal .blog-card h3 a:hover { text-decoration:underline; }
.blog-journal .blog-card-body > p { font-size:.85rem; line-height:1.55; color:var(--journal-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.blog-journal .card-link { min-height:44px; align-items:center; font-size:.85rem; }
.blog-journal :is(a,button,input,select):focus-visible { outline:3px solid #e9b600; outline-offset:4px; }
@media (max-width:1000px) {
 .journal-nameplate > p { display:none; }
 .journal-story--lead .journal-story-copy { padding:2rem 1.5rem; }
 .journal-new-strip { grid-template-columns:1fr; gap:1rem; }
 .journal-strip-label { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
 .journal-strip-label .journal-eyebrow { margin:0; }
 .journal-strip-label > a { margin-left:auto; }
 .journal-collection { grid-template-columns:190px minmax(0,1fr); gap:1.25rem; }
 .blog-journal .blog-controls { grid-template-columns:1fr 1fr; }
 .blog-journal .blog-card { grid-template-columns:95px minmax(0,1fr); }
}
@media (max-width:700px) {
 .journal-masthead-top > span { display:none; }
 .journal-nameplate { padding:1rem 0; }
 .journal-display { font-size:clamp(2.8rem,11.8vw,4.6rem); }
 .journal-nameplate h1 { font-size:1.05rem; }
 .journal-nav { gap:0 1.25rem; }
 .journal-nav a { font-size:.8rem; }
 .journal-story--lead { display:flex; flex-direction:column; min-height:0; }
 .journal-story--lead .journal-story-image { height:auto; min-height:0; aspect-ratio:16/9; }
 .journal-story--lead .journal-story-copy { padding:1.5rem 1.25rem 2rem; }
 .journal-story--lead h2 { font-size:clamp(2rem,7vw,2.6rem); max-width:none; }
 .journal-story--lead .journal-story-meta { font-size:.7rem; margin-bottom:.65rem; }
 .journal-story-excerpt { font-size:.9rem; }
 .journal-fresh { grid-template-columns:1fr; gap:1rem; }
 .journal-story--fresh { grid-template-columns:88px minmax(0,1fr); padding-top:1rem; border-top:1px solid var(--journal-line); }
 .journal-story--fresh h3 { font-size:1rem; }
 .journal-section-head { align-items:start; flex-direction:column; }
 .journal-rediscover { padding:2.5rem 0; }
 .journal-trio { grid-template-columns:1fr; gap:1rem; }
 .journal-story--archive:first-child { grid-row:auto; }
 .journal-story--archive:first-child h3 { font-size:1.8rem; }
 .journal-story--archive:not(:first-child) { grid-template-columns:110px minmax(0,1fr); }
 .journal-story--archive:not(:first-child) h3 { font-size:1.35rem; }
 .journal-collection { grid-template-columns:1fr; gap:1rem; }
 .journal-collection-intro { position:relative; padding-left:2.5rem; }
 .journal-section-number { position:absolute; left:0; top:0; }
 .journal-collection-intro p { max-width:none; margin:0; }
 .journal-collection-reads { grid-template-columns:1fr; }
 .journal-story--collection { grid-row:auto; display:grid; grid-template-columns:110px minmax(0,1fr); gap:1rem; }
 .journal-story--collection .journal-story-image { aspect-ratio:1; }
 .journal-story--collection .journal-story-meta { margin-top:0; }
 .journal-story--text { padding:.75rem 0; }
 .blog-journal .blog-controls__search,.blog-journal .blog-controls__topic,.blog-journal .blog-controls__sort { grid-column:1/-1; }
 .journal-reset { justify-self:start; }
 .blog-journal .blog-list { grid-template-columns:1fr; }
 .blog-journal .blog-card { grid-template-columns:95px minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
 .journal-story-image img,.journal-surprise,.journal-read span { transition:none; }
 .journal-story-image:hover img,.journal-read:hover span { transform:none; }
}