.journal-landing{position:relative;overflow:hidden;padding:clamp(76px,9vw,132px) 0 clamp(70px,8vw,108px);background:#f3f6f2;color:#032c70}
.journal-landing:after{position:absolute;right:-15%;bottom:-46%;width:min(65vw,900px);aspect-ratio:1;border:1px solid rgba(52,125,103,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(52,125,103,.025),0 0 0 170px rgba(52,125,103,.02);content:"";pointer-events:none}
.journal-landing-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(46px,8vw,130px)}
.journal-landing-copy{position:relative;z-index:2;padding:0 0 12px}
.journal-landing-copy .section-kicker{margin:0 0 22px;color:#0c5279;font:700 11px/1.2 'Inter',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.journal-landing-copy h1{max-width:11ch;margin:0 0 24px;color:#032c70;font:700 clamp(62px,7.4vw,112px)/.88 'Inter',Arial,sans-serif;letter-spacing:-.065em}
.journal-landing-copy h1 span{display:block;color:#0c5279}
.journal-landing-copy>p:not(.section-kicker){max-width:460px;margin:0;color:#0c5279;font:400 17px/1.72 'Inter',Arial,sans-serif}
.journal-landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}
.journal-landing-cta{min-height:50px;justify-content:center;gap:25px;padding:14px 19px;border-radius:4px;background:#032c70;color:#fff;font:700 12px 'Inter',Arial,sans-serif;transition:background .2s,transform .2s}
.journal-landing-cta:hover{transform:translateY(-2px);background:#0d4b78}
.journal-landing-cta span{font-size:17px}
.journal-landing-secondary{display:inline-flex;align-items:center;gap:10px;color:#032c70;font:700 12px 'Inter',Arial,sans-serif;text-decoration:none}
.journal-landing-secondary span{color:#0c5279;font-size:16px;transition:transform .2s ease}
.journal-landing-secondary:hover span{transform:translate(2px,-2px)}
.journal-landing-visual{position:relative;min-width:0;overflow:hidden;padding:clamp(28px,3.4vw,48px);border:1px solid #d6e4dc;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f6faf7 100%);box-shadow:18px 18px 0 #dce9e2}
.journal-panel-label{margin:0 0 22px;color:#0c5279;font:700 10px 'Inter',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.journal-landing-visual h2{max-width:13ch;margin:0 0 15px;color:#032c70;font:400 clamp(34px,3.3vw,48px)/1.03 'Bebas Neue',Impact,sans-serif;letter-spacing:.015em}
.journal-panel-intro{max-width:34ch;margin:0 0 28px;color:#0c5279;font:400 14px/1.65 'Inter',Arial,sans-serif}
.journal-panel-topics{margin:0;padding:0;border-top:1px solid #dce6df;list-style:none}
.journal-panel-topics li{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #dce6df}
.journal-panel-topics li>span:first-child{color:#0c5279;font:700 10px 'Inter',Arial,sans-serif}
.journal-panel-topics li strong,.journal-panel-topics li small{display:block;font-family:'Inter',Arial,sans-serif}
.journal-panel-topics li strong{color:#032c70;font-size:13px;font-weight:700}
.journal-panel-topics li small{margin-top:4px;color:#71848a;font-size:11px;line-height:1.4}
.journal-panel-topics li>b{color:#0c5279;font-size:15px}
.journal-panel-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;color:#032c70;font:700 12px 'Inter',Arial,sans-serif;text-decoration:none}
.journal-panel-link span{color:#0c5279;font-size:17px;transition:transform .2s ease}
.journal-panel-link:hover span{transform:translateY(3px)}
.journal-ribbon{overflow:hidden;padding:18px 0;border-top:1px solid #dbe5df;border-bottom:1px solid #dbe5df;background:#fff;color:#032c70}
.journal-ribbon-track{display:flex;width:max-content;align-items:center;gap:38px;animation:journal-ribbon 34s linear infinite}
.journal-ribbon-track span{font:600 12px 'Inter',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.journal-ribbon-track i{color:#0c5279;font-size:16px;font-style:normal}
@keyframes journal-ribbon{to{transform:translateX(-50%)}}
.journal-archive-section{min-height:0;padding:clamp(80px,9vw,128px) 0 clamp(86px,10vw,140px);background:#f3f6f2}
.journal-archive-section .section-top h2{max-width:12ch;margin:0;color:#032c70;font:700 clamp(52px,6vw,86px)/.92 'Inter',Arial,sans-serif;letter-spacing:-.055em}
.journal-archive-section .section-top .section-kicker{margin:0 0 12px;color:#0c5279;font:700 10px 'Inter',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.journal-archive-section .section-top{align-items:end;margin-bottom:38px}
.journal-archive-section .section-top>p{max-width:350px;color:#0c5279;font:400 15px/1.6 'Inter',Arial,sans-serif}
.journal-archive-section .test-post{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:26px 42px;padding:clamp(18px,2.4vw,32px);border-color:#dce6df;border-radius:5px;background:#fff;box-shadow:0 22px 65px rgba(13,51,60,.07)}
.journal-archive-section .test-post-cover{border-radius:2px}
.journal-archive-section .test-post-image{min-height:310px;max-height:480px;aspect-ratio:1.25}
.journal-archive-section .test-post .section-kicker{color:#0c5279;font-family:'Inter',Arial,sans-serif}
.journal-archive-section .test-post h3{font-family:'Inter',Arial,sans-serif;font-size:clamp(32px,3.5vw,52px);font-weight:700;letter-spacing:-.05em;line-height:.98}
.journal-archive-section .test-post-byline,.journal-archive-section .test-post-copy>p:last-child{font-family:'Inter',Arial,sans-serif}
.journal-archive-section .test-post-lead{font-family:'Inter',Arial,sans-serif;font-size:18px;line-height:1.4}
.journal-archive-section .test-post-open{font-family:'Inter',Arial,sans-serif}
@media(max-width:900px){.journal-landing{padding:72px 0 80px}.journal-landing-inner{grid-template-columns:1fr;gap:42px}.journal-landing-copy h1{max-width:12ch;font-size:clamp(62px,10vw,94px)}.journal-landing-copy>p:not(.section-kicker){max-width:600px}.journal-landing-visual{width:100%;box-shadow:12px 12px 0 #dce9e2}.journal-archive-section{padding:72px 0 88px}.journal-archive-section .section-top{margin-bottom:28px}}
@media(max-width:600px){.journal-landing{padding:56px 0 66px}.journal-landing-inner{gap:34px}.journal-landing-copy .section-kicker{margin-bottom:16px;font-size:10px}.journal-landing-copy h1{max-width:10ch;margin-bottom:17px;font-size:clamp(56px,14vw,76px)}.journal-landing-copy>p:not(.section-kicker){font-size:15px;line-height:1.65}.journal-landing-actions{gap:17px;margin-top:23px}.journal-landing-cta{min-height:46px;padding:13px 14px;font-size:11px}.journal-landing-secondary{font-size:11px}.journal-landing-visual{padding:24px 20px;box-shadow:8px 8px 0 #dce9e2}.journal-panel-label{margin-bottom:16px;font-size:9px}.journal-landing-visual h2{font-size:36px}.journal-panel-intro{margin-bottom:19px;font-size:13px}.journal-panel-topics li{grid-template-columns:24px 1fr 16px;gap:9px;padding:13px 0}.journal-panel-topics li strong{font-size:12px}.journal-panel-topics li small{font-size:10px}.journal-panel-link{margin-top:19px;font-size:11px}.journal-ribbon{padding:14px 0}.journal-ribbon-track{gap:24px;animation-duration:27s}.journal-ribbon-track span{font-size:10px}.journal-archive-section{padding:59px 0 76px}.journal-archive-section .section-top{display:block}.journal-archive-section .section-top h2{font-size:clamp(47px,12vw,62px)}.journal-archive-section .section-top>p{width:auto;margin:12px 0 0;font-size:14px}.journal-archive-section .test-post{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px;padding:13px}.journal-archive-section .test-post-cover{grid-column:1;grid-row:1}.journal-archive-section .test-post-image{height:auto;min-height:0;max-height:none;aspect-ratio:1.25}.journal-archive-section .test-post-copy{grid-column:1;grid-row:2}.journal-archive-section .test-post-open{grid-column:1;grid-row:3}.journal-archive-section .test-post h3{font-size:clamp(31px,9vw,42px)}.journal-archive-section .test-post-byline{margin-bottom:13px;font-size:11px}.journal-archive-section .test-post-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.journal-ribbon-track{animation:none}.journal-panel-link span,.journal-landing-secondary span,.journal-landing-cta{transition:none}}
.journal-landing-copy h1,.journal-archive-section .section-top h2,.journal-archive-section .test-post h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;letter-spacing:.02em}

/* Journal palette: Ocean Blue sets the panel apart; the two greens mark wayfinding. */
.journal-landing{background:radial-gradient(circle at 82% 18%,rgba(102,178,117,.18),transparent 31%),linear-gradient(145deg,#f3f6f2,#e8f1ee 72%,#e1eee9)}
.journal-landing:after{border-color:rgba(12,82,121,.15);box-shadow:0 0 0 80px rgba(12,82,121,.025),0 0 0 170px rgba(102,178,117,.035)}
.journal-landing-visual{border-color:rgba(12,82,121,.24);border-top:4px solid #0c5279;box-shadow:14px 14px 0 rgba(77,155,93,.22)}
.journal-panel-topics li>span:first-child{color:#4d9b5d}
.journal-panel-topics li>b,.journal-panel-link span{color:#0c5279}
.journal-landing-cta{background:#0c5279}
.journal-landing-cta:hover{background:#032c70}
.journal-ribbon{border-color:rgba(77,155,93,.28);background:#032c70;color:#fff}
.journal-ribbon-track i{color:#66b275}
.journal-archive-section{background:linear-gradient(180deg,#f3f6f2,#fff 58%)}
.journal-landing{padding-bottom:clamp(46px,5vw,70px)}
.journal-archive-section{padding-top:clamp(54px,5.5vw,80px)}
@media(max-width:900px){.journal-landing{padding-bottom:52px}.journal-archive-section{padding-top:52px}}
@media(max-width:600px){.journal-landing{padding-bottom:38px}.journal-archive-section{padding-top:42px}}

/* Keep archive cards visually distinct without interrupting the reading flow. */
.journal-archive-section .test-post + .test-post{margin-top:24px}
@media(max-width:600px){.journal-archive-section .test-post + .test-post{margin-top:16px}}