/* Nexxaa journal: editorial scale, useful discovery, and the shared navy palette. */
.nx-journal-page { --nj-ink:#102a50; --nj-muted:#536b88; --nj-line:#dbe5f2; font-family:"Manrope",sans-serif; overflow-x:clip; }
.nx-journal-page .loader-wrap { display:none !important; }
.nx-journal-page.loaded { height:auto !important; overflow:clip visible !important; }
.nx-journal-page main :is(h2,h3) { font-family:inherit; word-break:normal; }
.nx-journal-page main :is(a,button,input):focus-visible { outline:3px solid #83a7e3; outline-offset:5px; }
.nx-journal-page main [hidden] { display:none !important; }
.nx-journal-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.nx-journal-hero { padding-bottom:160px; }
.nx-journal-intro { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:80px; padding:0 0 20px; }
.nx-journal-hero h1 { font-size:clamp(48px,5.3vw,76px); }
.nx-journal-hero .nx-page-banner-copy > p { max-width:570px; }
.nx-journal-hero-link { display:inline-flex; align-items:center; gap:22px; margin-top:28px; color:#d8e5ff; font-size:13px; font-weight:700; line-height:1.7; }
.nx-journal-hero-link i { display:grid; place-items:center; width:31px; height:31px; border:1px solid #b5d0ff40; border-radius:50%; transition:transform 250ms; }
.nx-journal-hero-link:hover { color:#fff; }
.nx-journal-hero-link:hover i { transform:translateY(3px); }
.nx-journal-topics { position:relative; padding:30px 0 0 32px; border-left:1px solid #a7c5ff2b; }
.nx-journal-topics::before { content:""; position:absolute; top:0; left:-4px; width:7px; height:7px; border-radius:50%; background:#a8bfff; box-shadow:0 0 0 6px #a8bfff0b; }
.nx-journal-eyebrow { display:block; color:#6285b8; font-size:10px; font-weight:800; line-height:1.8; letter-spacing:.15em; }
.nx-journal-topics .nx-journal-eyebrow { margin-bottom:25px; color:#8faedc; font-size:9px; }
.nx-journal-topics > a { display:flex; align-items:center; gap:14px; padding:17px 0; border-bottom:1px solid #abc8ff24; color:#d7e3fa; font-size:16px; font-weight:600; line-height:1.6; transition:color 200ms; }
.nx-journal-topics > a span { color:#668abc; font-size:10px; letter-spacing:.06em; }
.nx-journal-topics > a i { margin-left:auto; font-size:14px; color:#8eaee5; transition:transform 250ms; }
.nx-journal-topics > a:hover { color:#fff; }
.nx-journal-topics > a:hover i { transform:translate(3px,-3px); }
.nx-journal-topic-note { display:flex; align-items:center; gap:10px; margin-top:24px; color:#7d9cc9; font-size:8px; font-weight:700; letter-spacing:.13em; }
.nx-journal-topic-note span { width:22px; height:1px; background:#789dd5; }
.nx-journal-content { background:radial-gradient(ellipse at 100% 0,#e6edfb99,transparent 40%),#f7f9fd; padding:0 0 90px; }
.nx-journal-container { max-width:1320px; margin:auto; padding-inline:28px; }
.nx-journal-feature { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); overflow:hidden; top:-120px; margin-bottom:-120px; border:1px solid #d4e0f2; border-radius:28px; background:#fff; box-shadow:0 24px 65px #102a500d; }
.nx-journal-feature-photo { position:relative; min-width:0; min-height:400px; overflow:hidden; background:#d9e4f5; }
.nx-journal-feature-photo > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 800ms cubic-bezier(.16,1,.3,1); }
.nx-journal-feature-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#081b3e50,transparent 40%); pointer-events:none; }
.nx-journal-feature-label { position:absolute; z-index:1; top:25px; left:25px; display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid #d3e2ff50; border-radius:7px; background:#09203edb; color:#dce7ff; font-size:9px; font-weight:800; letter-spacing:.14em; line-height:1.5; }
.nx-journal-feature-label > span { width:5px; height:5px; border-radius:50%; background:#b6ceff; }
.nx-journal-feature-copy { display:flex; flex-direction:column; align-items:flex-start; padding:42px; min-width:0; }
.nx-journal-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; width:100%; color:#6d86a8; font-size:11px; line-height:1.6; }
.nx-journal-meta > span { color:#3e67a4; font-weight:800; }
.nx-journal-feature h2 { margin:20px 0; font-size:clamp(28px,2.55vw,36px); font-weight:800; line-height:1.22; letter-spacing:-.04em; }
.nx-journal-feature h2 a { color:var(--nj-ink); }
.nx-journal-feature-copy > p { margin:0 0 27px; color:var(--nj-muted); font-size:14px; line-height:1.85; }
.nx-journal-feature-link { display:inline-flex; align-items:center; gap:24px; margin-top:auto; color:#234e88; font-size:13px; font-weight:800; }
.nx-journal-feature-link span { display:grid; place-items:center; width:37px; height:37px; border:1px solid #d3e0f5; border-radius:11px; background:#edf3ff; transition:background 250ms,transform 250ms; }
.nx-journal-feature-link:hover span { background:#dce9ff; transform:translate(2px,-2px); }
.nx-journal-library { margin-top:80px; scroll-margin-top:126px; }
.nx-journal-library-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:32px; }
.nx-journal-library-heading h2 { margin:15px 0 0; color:var(--nj-ink); font-size:clamp(32px,3.5vw,48px); font-weight:800; line-height:1.15; letter-spacing:-.045em; }
.nx-journal-library-heading h2 em { color:#6485bb; font-style:normal; }
.nx-journal-library-heading > p { margin:0 0 3px; color:#7287a4; font-size:13px; line-height:1.8; text-align:right; }
.nx-journal-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; border-top:1px solid var(--nj-line); border-bottom:1px solid var(--nj-line); }
.nx-journal-filters { display:flex; flex-wrap:wrap; gap:8px; }
.nx-journal-filters button { display:inline-flex; align-items:center; justify-content:center; gap:9px; width:auto; max-width:none; min-height:40px; padding:9px 14px; border:1px solid transparent; border-radius:10px; background:transparent; color:#607b9f; font:600 12px/1.6 "Manrope",sans-serif; transition:background 220ms,color 220ms,border-color 220ms; }
.nx-journal-filters button > span { color:inherit; opacity:.65; font-size:10px; }
.nx-journal-filters button[aria-pressed="true"] { background:#112f59; border-color:#112f59; color:#fff; box-shadow:0 5px 15px #102a5010; }
.nx-journal-filters button:hover:not([aria-pressed="true"]) { background:#e8effb; border-color:#d5e1f3; color:#214a81; }
.nx-journal-search { position:relative; flex:0 1 250px; min-width:180px; }
.nx-journal-search > i { position:absolute; top:50%; left:14px; transform:translateY(-50%); color:#7794bb; font-size:14px; pointer-events:none; }
.nx-journal-search input { width:100%; height:43px; margin:0; padding:11px 14px 11px 38px; border:1px solid #d7e2f2; border-radius:10px; background:#fff; color:#244a7e; font:400 13px/1.6 "Manrope",sans-serif; }
.nx-journal-search input::placeholder { color:#8a9cb5; }
.nx-journal-search input:focus { border-color:#82a7de; }
.nx-journal-results { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:23px 0; }
.nx-journal-results p { margin:0; color:#748ba9; font-size:12px; line-height:1.6; }
.nx-journal-results > span { color:#8b9db6; font-size:8px; font-weight:700; letter-spacing:.15em; }
.nx-journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.nx-journal-card { min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--nj-line); border-radius:22px; background:#fff; transition:border-color 250ms,box-shadow 250ms; }
.nx-journal-card-photo { position:relative; display:block; overflow:hidden; aspect-ratio:1.65; background:#dce7f6; }
.nx-journal-card-photo > img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 800ms cubic-bezier(.16,1,.3,1); }
.nx-journal-photo-arrow { position:absolute; right:15px; bottom:15px; display:grid; place-items:center; width:34px; height:34px; border:1px solid #d8e7ff99; border-radius:10px; background:#fffffff0; color:#234c85; font-size:14px; transition:transform 250ms; }
.nx-journal-card-copy { display:flex; flex-direction:column; flex:1; padding:26px; }
.nx-journal-card .nx-journal-meta { font-size:10px; }
.nx-journal-card h3 { margin:17px 0 14px; font-size:21px; font-weight:800; letter-spacing:-.03em; line-height:1.4; }
.nx-journal-card h3 a { color:#15365f; }
.nx-journal-card h3 a:hover,.nx-journal-feature h2 a:hover { color:#486fae; }
.nx-journal-card-copy > p { margin:0 0 26px; color:var(--nj-muted); font-size:13px; line-height:1.85; }
.nx-journal-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:18px; border-top:1px solid #e6edf6; }
.nx-journal-card-bottom > span { color:#8799b2; font-size:10px; }
.nx-journal-card-bottom > a { display:inline-flex; align-items:center; gap:12px; color:#325a91; font-size:11px; font-weight:800; }
.nx-journal-card-bottom > a i { transition:transform 250ms; }
.nx-journal-card-bottom > a:hover i { transform:translate(2px,-2px); }
.nx-journal-empty { padding:64px 24px; border:1px dashed #c6d7ed; border-radius:22px; background:#eef4fd; text-align:center; }
.nx-journal-empty-icon { display:grid; place-items:center; width:52px; height:52px; margin:0 auto 20px; border:1px solid #cbdcf2; border-radius:16px; background:#fff; color:#6b8ebd; font-size:22px; }
.nx-journal-empty h3 { margin:0 0 12px; color:#21426f; font-size:24px; font-weight:800; letter-spacing:-.03em; }
.nx-journal-empty p { margin:0 0 22px; color:#6883a7; font-size:14px; line-height:1.8; }
.nx-journal-empty button { width:auto; min-height:44px; padding:11px 18px; border:1px solid #173b6a; border-radius:10px; background:#173b6a; color:#fff; font:700 12px/1.6 "Manrope",sans-serif; }
.nx-journal-empty button i { margin-left:14px; }
.nx-journal-next { position:relative; display:flex; align-items:center; gap:25px; padding:34px; margin-top:64px; overflow:hidden; border:1px solid #d0dff4; border-radius:24px; background:radial-gradient(ellipse at 100% 0,#d6e3fa,transparent 65%),#eaf1fc; }
.nx-journal-next-mark { display:grid; place-items:center; flex:0 0 62px; height:62px; border:1px solid #bed0ec; border-radius:20px; background:#f7faff; color:#567eb9; font-size:28px; }
.nx-journal-next h2 { margin:9px 0; color:#173a68; font-size:27px; font-weight:800; line-height:1.3; letter-spacing:-.035em; }
.nx-journal-next p { margin:0; color:#5f7b9f; font-size:13px; line-height:1.8; }
.nx-journal-next > a { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; flex-shrink:0; min-height:48px; padding:13px 20px; margin-left:auto; border:1px solid #143969; border-radius:12px; background:#143969; color:#fff; font-size:12px; font-weight:800; line-height:1.7; transition:background 250ms,transform 250ms; }
.nx-journal-next > a:hover { background:#28518c; transform:translateY(-2px); }
.nx-journal-motion .nx-journal-reveal { opacity:0; transform:translateY(26px); transition:opacity 650ms ease,transform 900ms cubic-bezier(.16,1,.3,1); }
.nx-journal-motion .nx-journal-visible { opacity:1; transform:none; }
.nx-journal-hero.is-ready .nx-journal-topics { animation:nj-enter 1s .15s both; }
@keyframes nj-enter { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:none; } }
@media(hover:hover) and (pointer:fine) { .nx-journal-card:hover { border-color:#a7c1e9; box-shadow:0 18px 42px #102a500b; } .nx-journal-card:hover .nx-journal-card-photo > img,.nx-journal-feature-photo:hover > img { transform:scale(1.04); } .nx-journal-card:hover .nx-journal-photo-arrow { transform:translate(2px,-2px); } }
@media(max-width:1199px) { .nx-journal-intro { gap:45px; } .nx-journal-feature-copy { padding:32px; } .nx-journal-feature h2 { font-size:30px; } .nx-journal-card-copy { padding:22px; } .nx-journal-card h3 { font-size:20px; } .nx-journal-toolbar { gap:16px; } .nx-journal-filters button { padding:9px 11px; font-size:11px; } .nx-journal-next h2 { font-size:24px; } }
@media(max-width:991px) { .nx-journal-intro { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:34px; } .nx-journal-hero h1 { font-size:52px; } .nx-journal-topics { padding-left:24px; } .nx-journal-topics > a { font-size:13px; gap:10px; } .nx-journal-topics .nx-journal-eyebrow { font-size:8px; } .nx-journal-feature { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .nx-journal-feature-copy { padding:28px; } .nx-journal-feature h2 { font-size:27px; } .nx-journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-journal-toolbar { flex-direction:column; align-items:stretch; gap:16px; } .nx-journal-search { flex:none; width:100%; } .nx-journal-next { flex-wrap:wrap; } .nx-journal-next > a { margin-left:87px; } }
@media(max-width:767px) { .nx-journal-container { padding-inline:20px; } .nx-journal-hero { padding-bottom:124px; } .nx-journal-intro { grid-template-columns:minmax(0,1fr); gap:24px; padding:0; } .nx-journal-hero h1 { font-size:clamp(43px,8vw,58px); } .nx-journal-topics { padding:0; border:0; } .nx-journal-topics::before,.nx-journal-topics > .nx-journal-eyebrow,.nx-journal-topic-note { display:none; } .nx-journal-topics > a { padding:12px 0; font-size:13px; } .nx-journal-feature { top:-86px; margin-bottom:-86px; grid-template-columns:minmax(0,1fr); border-radius:22px; } .nx-journal-feature-photo { min-height:0; aspect-ratio:1.5; } .nx-journal-feature-label { top:18px; left:18px; font-size:8px; padding:8px 11px; } .nx-journal-feature-copy { padding:26px; } .nx-journal-feature h2 { font-size:29px; } .nx-journal-feature-copy > p { font-size:14px; } .nx-journal-library { margin-top:48px; } .nx-journal-library-heading { align-items:flex-start; gap:20px; margin-bottom:26px; } .nx-journal-library-heading h2 { font-size:35px; } .nx-journal-library-heading > p { display:none; } .nx-journal-filters { gap:7px; } .nx-journal-filters button { font-size:11px; padding:9px 12px; } .nx-journal-search input { font-size:16px; } .nx-journal-results > span { display:none; } .nx-journal-grid { grid-template-columns:minmax(0,1fr); gap:22px; } .nx-journal-card { border-radius:20px; } .nx-journal-card-copy { padding:25px; } .nx-journal-card h3 { font-size:23px; } .nx-journal-card .nx-journal-meta { font-size:11px; } .nx-journal-card-copy > p { font-size:14px; } .nx-journal-next { gap:20px; padding:27px; margin-top:38px; border-radius:22px; } .nx-journal-next-mark { flex-basis:48px; height:48px; border-radius:15px; font-size:22px; } .nx-journal-next > div { flex:1 1 100%; } .nx-journal-next h2 { font-size:27px; } .nx-journal-next > a { margin-left:0; width:100%; } .nx-journal-content { padding-bottom:60px; } }
@media(prefers-reduced-motion:reduce) { .nx-journal-page main *, .nx-journal-page main *::before,.nx-journal-page main *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } .nx-journal-motion .nx-journal-reveal { opacity:1; transform:none; } }