/* Article photography: local responsive assets, existing brand and typography. */
body .journal-card--illustrated{gap:1.35rem;align-items:stretch}
body .journal-card__image{display:block;flex:none;overflow:hidden;aspect-ratio:16/10;border-radius:3px;background:var(--paper-2);line-height:0}
body .journal-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
body .journal-card__image .journal-photo{transition:transform .6s var(--ease)}
body .journal-card__body{display:flex;flex:1;flex-direction:column;min-width:0}
body .journal-card--illustrated h3{font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.22;margin:1rem 0 .8rem}
body .journal-card--illustrated .journal-card__link{padding-top:1.3rem}
body .journal-card__image:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
body .journal-photo--digital-website{object-position:58% 54%}
body .journal-photo--digital-webdesign{object-position:48% 50%}
body .journal-photo--digital-content{object-position:50% 48%}
body .journal-photo--blog-search{object-position:50% 30%}
body .journal-cover .journal-photo--blog-search{object-position:50% 28%}
body .journal-photo--blog-analytics{object-position:50% 50%}

body .journal-cover{margin:2.2rem 0 0;max-width:1060px}
body .journal-cover__frame{width:100%;overflow:hidden;aspect-ratio:16/7;border-radius:3px;background:var(--paper-2)}
body .journal-cover figcaption{margin-top:.7rem;font-size:.72rem;line-height:1.6;color:var(--grey);overflow-wrap:anywhere}
body .journal-cover figcaption a{text-decoration:underline;text-underline-offset:3px}
body .journal-cover figcaption a:hover{color:var(--accent)}

/* The latest story occupies a complete row instead of leaving empty columns. */
body .journal-list#aktuell>.journal-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
 body .journal-list#aktuell .journal-card--illustrated{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
 body .journal-list#aktuell .journal-card__body{align-self:stretch;justify-content:center}
 body .journal-list#aktuell .journal-card--illustrated h3{font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.17}
 body .journal-list#aktuell .journal-card__link{margin-top:0}
}
@media(max-width:760px){
 body .journal-card--illustrated{gap:1.1rem}
 body .journal-card--illustrated h3{font-size:clamp(1.45rem,5.5vw,1.85rem)}
 body .journal-cover{margin-top:1.7rem}
 body .journal-cover__frame{aspect-ratio:16/10}
 body .journal-cover figcaption{font-size:.72rem}
}
@media(hover:hover) and (pointer:fine){
 body .journal-card__image:hover .journal-photo{transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
 body .journal-card__image .journal-photo{transition:none;transform:none!important}
}