/* Scoped port of our owned Demo3 journal, using Hlibinvest typography and palette. */
.hi-j-journal{--j-wine:#7F392E;--j-gold:#FFB15A;--j-cream:#FFEEDD;--j-muted:#78564c;--j-line:#7f392e24;color:var(--j-wine);background:var(--j-cream);padding:125px 0 90px;font-family:"Wix Madefor Display",sans-serif}
.hi-j-wrap{width:calc(100% - 110px);max-width:1500px;margin:auto}
.hi-j-journal .breadcrumbs{margin-bottom:34px}
.hi-j-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;border:1px solid var(--j-line);border-radius:99px;padding:7px 12px;margin:0 0 24px}
.hi-j-kicker:before{content:"";width:6px;height:6px;background:var(--j-gold)}
.hi-j-title{font-weight:600;letter-spacing:-.055em;margin:0}
.hi-j-journal a{color:inherit;text-decoration:none}
.hi-j-journal .news-card{background:transparent;padding:0;border:0;box-shadow:none;min-width:0}
.hi-j-journal .news-card .image{margin:0;aspect-ratio:auto}
.hi-j-journal-top { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.hi-j-journal-heading { position:relative; flex:1; max-width:850px; }
.hi-j-journal .hi-j-title { position:relative; z-index:2; font-size:clamp(58px,6.4vw,100px); line-height:1; max-width:850px; text-wrap:initial; }
.hi-j-journal .hi-j-title mark { background:linear-gradient(transparent 68%,var(--j-gold) 68%,var(--j-gold) 96%,transparent 96%); color:inherit; padding:0; }
.hi-j-journal-cutout { position:absolute; width:clamp(130px,17vw,250px); top:30px; right:10%; transform:rotate(8deg); pointer-events:none; }
.hi-j-journal-cutout img { width:100%; }
.hi-j-journal-intro { flex:0 1 340px; padding-bottom:10px; }
.hi-j-journal .hi-j-lead { margin:0; font-size:18px; line-height:1.6; }
.hi-j-journal .hi-j-story-count { margin-top:16px; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; }
.hi-j-story-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:clamp(30px,3.6vw,52px); }
.hi-j-story-filters a { border:1px solid var(--j-line); border-radius:999px; background:color-mix(in srgb,var(--j-wine) 5%,transparent); color:var(--j-wine); padding:10px 16px; min-height:42px; font-size:14px; transition:background .2s,color .2s; }
.hi-j-story-filters a[aria-current="true"] { color:var(--j-cream); background:var(--j-wine); }
.hi-j-story-filters span { margin-left:5px; opacity:.75; font-size:12px; }
.hi-j-journal .hi-j-articles-grid { display:grid; grid-template-columns:minmax(0,1.32fr) minmax(0,1fr); gap:clamp(26px,2.8vw,44px) clamp(28px,3.6vw,60px); margin-top:clamp(28px,3.4vw,48px); }
.hi-j-journal .hi-j-post-card.is-featured { grid-row:span 2; }
.hi-j-journal .hi-j-story-link { display:flex; align-items:stretch; gap:24px; height:100%; }
.hi-j-journal .is-featured .hi-j-story-link { flex-direction:column; gap:22px; }
.hi-j-story-cover { position:relative; display:block; flex:none; width:44%; }
.is-featured .hi-j-story-cover { width:100%; }
.hi-j-story-photo { position:relative; display:block; overflow:hidden; height:100%; min-height:220px; border-radius:20px; background:var(--j-line); }
.is-featured .hi-j-story-photo { aspect-ratio:16/10; height:auto; min-height:0; border-radius:24px; }
.hi-j-journal .hi-j-story-photo img { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; border-radius:0; transition:scale .9s cubic-bezier(.2,.8,.2,1); }
.hi-j-story-stamp { position:absolute; left:16px; top:16px; border:2px solid var(--j-wine); border-radius:5px; padding:3px 8px; background:var(--j-gold); color:var(--j-wine); font-size:11px; line-height:1.4; letter-spacing:.07em; text-transform:uppercase; rotate:-4deg; box-shadow:2px 2px 0 var(--j-wine); transition:rotate .45s cubic-bezier(.34,1.56,.64,1); }
.hi-j-story-copy { display:flex; flex:1; flex-direction:column; gap:10px; }
.hi-j-story-meta { font-size:12.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--j-muted); }
.hi-j-journal .hi-j-post-card h2 { margin:0; font-size:clamp(30px,2.5vw,38px); line-height:1.05; font-weight:600; }
.hi-j-journal .is-featured h2 { font-size:clamp(36px,3.8vw,60px); }
.hi-j-story-excerpt { font-size:16.5px; line-height:1.55; color:var(--j-muted); max-width:54ch; }
.hi-j-story-go { display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:8px; font-size:14px; }
.hi-j-story-go i { display:grid; place-items:center; width:40px; height:40px; flex:none; font-size:24px; line-height:1; font-style:normal; border-radius:50%; background:var(--j-wine); color:var(--j-gold); transition:translate .45s cubic-bezier(.34,1.56,.64,1),rotate .45s cubic-bezier(.34,1.56,.64,1); }
.hi-j-journal .hi-j-story-link > .hi-j-story-copy { display:flex; margin-top:0; }
.hi-j-story-link:is(:hover,:focus-visible) .hi-j-story-photo img { scale:1.04; }
.hi-j-story-link:is(:hover,:focus-visible) .hi-j-story-stamp { rotate:5deg; }
.hi-j-story-link:is(:hover,:focus-visible) .hi-j-story-go i { translate:6px 0; rotate:-12deg; }
.hi-j-story-link:focus-visible { outline-offset:8px; border-radius:24px; }
.hi-j-journal-end { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-top:clamp(64px,8vw,110px); padding-top:clamp(28px,3vw,44px); border-top:1px solid var(--j-line); }
.hi-j-journal-end p { font-size:clamp(30px,3.4vw,52px); line-height:1.1; }
@media(max-width:1199px){
.hi-j-journal-top { flex-direction:column; align-items:flex-start; gap:22px; }
.hi-j-journal-intro { flex:auto; max-width:56ch; }
.hi-j-journal-heading { max-width:800px; width:100%; }
.hi-j-journal .hi-j-articles-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hi-j-journal .hi-j-post-card.is-featured { grid-column:1/-1; grid-row:auto; }
.hi-j-journal .hi-j-story-link { flex-direction:column; }
.hi-j-story-cover { width:100%; }
.hi-j-story-photo { aspect-ratio:16/10; min-height:0; height:auto; }
}
@media(max-width:699px){
.hi-j-journal .hi-j-title { font-size:clamp(44px,10.5vw,66px); max-width:100%; }
.hi-j-journal-cutout { width:104px; right:0; top:-20px; }
.hi-j-journal .hi-j-lead { font-size:16px; }
.hi-j-journal .hi-j-articles-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
.hi-j-journal .hi-j-story-link { gap:18px; }
.hi-j-story-photo,.is-featured .hi-j-story-photo { border-radius:18px; }
.hi-j-story-excerpt { font-size:15.5px; }
.hi-j-journal-end .hi-j-button { width:100%; }
}
@media(prefers-reduced-motion:reduce){.hi-j-journal * { transition:none!important; animation:none!important; }.hi-j-story-link:is(:hover,:focus-visible) .hi-j-story-photo img { scale:1; }}
.hi-j-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:14px}
.hi-j-search>div{display:flex;gap:8px;flex:1;max-width:520px}
.hi-j-search input{min-width:0;width:100%;border:1px solid var(--j-line);border-radius:99px;background:#ffffff60;padding:12px 18px;color:var(--j-wine);font:inherit}
.hi-j-search button{border:0;border-radius:99px;background:var(--j-wine);color:var(--j-cream);padding:12px 18px;display:flex;gap:15px;align-items:center;font:inherit}
.hi-j-clear{text-decoration:underline!important}
.hi-j-story-filters a{display:inline-flex;align-items:center;text-decoration:none}
.hi-j-journal .news-card .is-featured .image,.hi-j-journal .is-featured .hi-j-story-photo{aspect-ratio:16/10}
.hi-j-journal .news-card .hi-j-story-meta{margin:0;display:block;color:var(--j-muted);font-size:12.5px}
.hi-j-journal .hi-j-story-go .arrow-icon{width:15px;height:15px}
.hi-j-journal .hi-j-journal-end .btn{color:var(--j-cream);background:var(--j-wine)}
.hi-j-pagination{margin-top:52px}
.hi-j-empty{padding:70px 0}
@media(max-width:1199px){.hi-j-journal .news-card .image{aspect-ratio:16/10}}
@media(max-width:699px){.hi-j-journal{padding:110px 0 65px}.hi-j-wrap{width:calc(100% - 40px)}.hi-j-journal .breadcrumbs{margin-bottom:25px}.hi-j-title{letter-spacing:-.05em}.hi-j-journal-cutout{top:4px;right:-6px;width:90px;opacity:.95}.hi-j-search{display:block}.hi-j-search>div{margin:9px 0}.hi-j-search button{padding:12px}.hi-j-journal-end .btn{width:100%}.hi-j-story-filters{gap:7px}.hi-j-story-filters a{padding:9px 13px}}
@media(hover:none){.hi-j-story-link:hover .hi-j-story-stamp{rotate:-4deg}.hi-j-story-link:hover .hi-j-story-go i{translate:none;rotate:none}.hi-j-story-link:hover .hi-j-story-photo img{scale:1}}
/* Preserve journal control contrast over shared Motion link/button resets. */
body #bh-motion .hi-j-story-filters a[aria-current="true"],body #bh-motion .hi-j-search button{color:#FFEEDD;background:#7F392E}
body #bh-motion .hi-j-story-filters a:not([aria-current="true"]){color:#7F392E}
