.journal-page{background:#f7f9fa;min-height:70vh;padding-bottom:100px}.journal-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;padding-top:78px;padding-bottom:64px;border-bottom:1px solid #cfd9e1}.journal-hero>div>p{margin:0 0 20px;color:var(--blue);font-size:13px}.journal-hero h1{max-width:780px;margin:0;font-size:clamp(62px,7vw,98px);letter-spacing:-.035em}.journal-hero>p{max-width:440px;margin:0 0 8px;color:var(--muted);font-size:16px;line-height:1.8}.journal-feed{padding-top:48px}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 24px}.journal-card{min-width:0}.journal-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;padding-bottom:52px;border-bottom:1px solid #cfd9e1}.journal-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#dfe8ee;border-radius:4px;isolation:isolate}.journal-card-media:after{content:"";position:absolute;z-index:2;inset:-35% auto -35% -35%;width:16%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-17deg);pointer-events:none}.journal-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.72,.2,1),filter .4s ease}.journal-card-media--empty{display:grid;place-items:center;background:linear-gradient(135deg,#dfeaf2,#eef3f6);color:#0f3b69}.journal-card-media--empty strong{position:relative;z-index:2;font:600 clamp(34px,5vw,70px)/.9 var(--display);letter-spacing:-.025em}.journal-rings{position:absolute;width:62%;aspect-ratio:1;border:1px solid #1455c040;border-radius:50%;transition:transform .8s cubic-bezier(.2,.72,.2,1)}.journal-rings:before,.journal-rings:after{content:"";position:absolute;border:1px solid #1455c040;border-radius:50%;inset:14%}.journal-rings:after{inset:29%;background:#1455c00b}.journal-card-copy{padding:4px 7px}.journal-meta{display:flex;gap:17px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:17px}.journal-meta span{color:var(--blue);font-weight:750}.journal-meta span:after{content:"";display:inline-block;width:28px;height:1px;margin-left:17px;vertical-align:middle;background:#aab9c5}.journal-card h2{font-size:clamp(36px,4vw,57px);margin-bottom:19px}.journal-card:not(:first-child) h2{font-size:40px;margin-top:0}.journal-card h2 a:hover{color:var(--blue)}.journal-excerpt{color:var(--muted);font-size:14px}.journal-excerpt p{margin-bottom:20px}.journal-read{display:inline-flex;align-items:center;gap:22px;color:var(--blue);font-size:13px;font-weight:750}.journal-read .icon{width:18px;transition:transform .25s ease}.journal-read:hover .icon{transform:translateX(5px)}.journal-empty{position:relative;min-height:420px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden;background:#e5edf3;border-radius:4px;padding:60px}.journal-empty .journal-rings{left:-7%;width:47%}.journal-empty>div{grid-column:2;position:relative}.journal-empty>div>p:first-child{color:var(--blue);font-size:12px}.journal-empty h2{font-size:58px;margin-bottom:18px}.journal-empty>div>p:last-child{color:var(--muted)}.journal-feed .navigation.pagination{margin-top:60px}.journal-feed .nav-links{display:flex;gap:8px}.journal-feed .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #bdc9d2;background:#fff;font-size:13px}.journal-feed .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}.journal-feed.is-motion-ready .journal-card{clip-path:inset(0 0 100% 0)}.journal-feed.is-visible .journal-card{clip-path:inset(0);transition:clip-path .85s cubic-bezier(.22,.74,.18,1) var(--journal-delay)}.journal-feed.is-visible .journal-card-media img{animation:journal-image-settle 1.1s cubic-bezier(.22,.74,.18,1) var(--journal-delay) both}@keyframes journal-image-settle{from{transform:scale(1.08);filter:saturate(.75)}to{transform:scale(1);filter:saturate(1)}}@media(hover:hover) and (pointer:fine){.journal-card:hover .journal-card-media img{transform:scale(1.045);filter:saturate(1.06) contrast(1.025)}.journal-card:hover .journal-card-media:after{animation:journal-glint .9s cubic-bezier(.25,.7,.2,1) both}.journal-card:hover .journal-rings{transform:rotate(8deg) scale(1.04)}@keyframes journal-glint{from{left:-35%}to{left:125%}}}.journal-article-header{max-width:850px;margin:30px auto 45px}.journal-article-header h1{font-size:clamp(60px,7vw,94px);letter-spacing:-.035em}.journal-article-header>p{max-width:720px;color:var(--muted);font-size:18px}.journal-featured{overflow:hidden;margin:0 0 55px;border-radius:4px;max-height:720px}.journal-featured img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .4s ease}.journal-featured:hover img{transform:scale(1.025);filter:saturate(1.04)}.journal-content{max-width:780px;margin-inline:auto;font-size:17px;line-height:1.85}.journal-content h2,.journal-content h3{margin-top:1.2em}.article-single .post-navigation{max-width:780px;margin:60px auto 0;border-top:1px solid var(--line);padding-top:25px}
@media(max-width:900px){.journal-hero{grid-template-columns:1fr;gap:28px}.journal-card:first-child{grid-template-columns:1fr;gap:27px}.journal-card:first-child .journal-card-media{aspect-ratio:16/9}.journal-empty{grid-template-columns:1fr;padding:45px}.journal-empty .journal-rings{left:-12%;width:70%}.journal-empty>div{grid-column:1;margin-left:35%}}
@media(max-width:620px){.journal-page{padding-bottom:70px}.journal-hero{padding-top:48px;padding-bottom:42px}.journal-hero h1{font-size:58px}.journal-hero>p{font-size:14px}.journal-feed{padding-top:32px}.journal-grid{grid-template-columns:1fr;gap:40px}.journal-card:first-child{grid-column:auto;padding-bottom:40px}.journal-card:not(:first-child) h2,.journal-card h2{font-size:36px}.journal-card-media,.journal-card:first-child .journal-card-media{aspect-ratio:4/3}.journal-card-copy{padding-inline:2px}.journal-empty{min-height:420px;padding:30px;align-items:end}.journal-empty .journal-rings{width:95%;left:-25%;top:-11%}.journal-empty>div{margin-left:0}.journal-empty h2{font-size:44px}.journal-article-header{margin-top:15px}.journal-article-header h1{font-size:54px}.journal-article-header>p{font-size:16px}.journal-featured{margin-bottom:36px}.journal-content{font-size:16px}}
@media(prefers-reduced-motion:reduce){.journal-feed.is-motion-ready .journal-card{clip-path:inset(0)}.journal-card-media img,.journal-rings,.journal-read .icon,.journal-featured img{animation:none!important;transition:none!important}}
