.journal { padding-top:9rem; padding-bottom:9rem; }
.journal-head { display:grid; grid-template-columns:1.35fr .72fr .55fr; align-items:end; gap:2.5rem; margin-bottom:4rem; }
.journal-head h2 { margin:0; font-size:clamp(2.8rem,4.35vw,4.7rem); }
.journal-head>p { max-width:330px; margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.journal-all { justify-self:end; padding-bottom:.45rem; border-bottom:1px solid #F28209; font-size:12px; font-weight:800; white-space:nowrap; }
.journal-all span { margin-left:.35rem; color:#F28209; font-size:17px; }
.journal-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:1px; border-top:1px solid var(--line); background:var(--line); }
.journal-card { display:flex; flex-direction:column; min-width:0; background:#fff; }
.journal-image { position:relative; display:block; height:265px; overflow:hidden; background:#011F78; }
.journal-image:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,31,120,.32),transparent 55%); transition:opacity .3s ease; }
.journal-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.65,.25,1); }
.journal-feature .journal-image { height:265px; }
.journal-feature .journal-image img { object-position:center 58%; }
.journal-card:hover .journal-image img { transform:scale(1.055); }
.journal-card:hover .journal-image:after { opacity:.15; }
.journal-content { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:1.65rem 1.55rem 1.8rem; }
.journal-content>span { color:#F28209; font:9px var(--mono); letter-spacing:.1em; }
.journal-content h3 { max-width:400px; margin:1.1rem 0 .85rem; font-size:clamp(1.55rem,2vw,2.2rem); line-height:1.03; }
.journal-content h3 a { transition:color .2s; }
.journal-card:hover h3 a { color:#F28209; }
.journal-content p { max-width:425px; margin:0 0 1.3rem; color:var(--muted); font-size:13px; line-height:1.65; }
.journal-read { margin-top:auto; padding-top:.6rem; color:#011F78; font-size:11px; font-weight:800; }
.journal-read b { margin-left:.45rem; color:#F28209; font-size:17px; font-weight:500; vertical-align:-1px; }
@media(max-width:1000px) { .journal-head { grid-template-columns:1fr 1fr; } .journal-all { justify-self:start; } .journal-grid { grid-template-columns:1fr 1fr; } .journal-feature { grid-column:1/-1; display:grid; grid-template-columns:1.08fr .92fr; } .journal-feature .journal-image { height:265px; min-height:265px; } }
@media(max-width:720px) { .journal { padding-top:5.5rem; padding-bottom:5.5rem; } .journal-head { display:block; margin-bottom:2.5rem; } .journal-head>p { margin:1.4rem 0 1.6rem; } .journal-grid { display:block; border-top:0; background:transparent; } .journal-card { margin-bottom:1.2rem; border:1px solid var(--line); } .journal-feature { display:flex; } .journal-image,.journal-feature .journal-image { height:245px; min-height:0; } .journal-content { padding:1.35rem; } .journal-content h3 { font-size:1.8rem; } }