/* ===== LA MESMA Journal 2026, Uebersicht (CB) - erzeugt aus ENTWURF-journal-uebersicht.html =====
   Nicht von Hand aendern, sondern build-journal-css.py laufen lassen. */
.lm-j26{--paper: #FFFFFF;--ink: #141414;--ink-soft: #4A4A4A;--taupe: #767676;--sand: #CEC3AE;--sand-soft: #F0F0F0;--sand-wash: #F6F6F6;--line: rgba(20,20,20,.14);--line-soft: rgba(20,20,20,.08);--serif: 'Cormorant Garamond', Georgia, serif;--sans: 'MaisonNeueExt-Book', 'Helvetica Neue', Arial, sans-serif;--sans-light: 'MaisonNeueExt-Light', 'Helvetica Neue', Arial, sans-serif;--ease: cubic-bezier(.22,.61,.21,1);
  font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased}
.lm-j26 *{box-sizing:border-box}
.lm-j26 h1,.lm-j26 h2,.lm-j26 h3,.lm-j26 h4,.lm-j26 p{margin:0;padding:0;color:inherit}
.lm-j26 a{color:inherit;text-decoration:none}
.lm-j26 img{display:block;max-width:100%}
.lm-j26 img{ max-width: 100%; display: block; }
.lm-j26 a{ color: inherit; text-decoration: none; }
.lm-j26 .wrap{ max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.lm-j26 .kicker{ font-family: var(--sans); font-size: 11.5px; letter-spacing: .28em; color: var(--taupe); display: flex; align-items: center; gap: 10px; }
.lm-j26 .kicker::before{ content: ""; width: 5px; height: 5px; background: var(--ink); display: inline-block; }
.lm-j26 .masthead{ padding: 78px 0 60px; border-bottom: 1px solid var(--line-soft); position: relative; }
.lm-j26 .masthead h1{ font-family: var(--serif); font-weight: 500; font-size: clamp(64px, 9vw, 128px); line-height: .95; letter-spacing: .01em; margin: 22px 0 26px; animation: rise .8s ease both; }
.lm-j26 .masthead .sub{ max-width: 520px; font-size: 17px; color: var(--ink-soft); animation: rise .8s .15s ease both; }
.lm-j26 .masthead .issue{ position: absolute; right: 40px; bottom: 60px; text-align: right; font-family: var(--sans); font-size: 11.5px; letter-spacing: .22em; color: var(--taupe); }
.lm-j26 .masthead .issue em{ display: block; font-family: var(--serif); font-style: italic; font-size: 30px; letter-spacing: 0; color: var(--ink); margin-top: 6px; }
.lm-j26 .featured{ display: grid; grid-template-columns: 7fr 5fr; min-height: 520px; border-bottom: 1px solid var(--line-soft); }
.lm-j26 .featured .media{ overflow: hidden; }
.lm-j26 .featured .media img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }
.lm-j26 .featured:hover .media img{ transform: scale(1.03); }
.lm-j26 .featured .text{ display: flex; flex-direction: column; justify-content: center; padding: 56px 0 56px 64px; }
.lm-j26 .featured h2{ font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.12; margin: 20px 0 18px; }
.lm-j26 .featured p.teaser{ color: var(--ink-soft); font-size: 16.5px; max-width: 420px; }
.lm-j26 .meta{ font-family: var(--sans); font-size: 12px; letter-spacing: .06em; color: var(--taupe); margin-top: 22px; }
.lm-j26 .btn{ display: inline-block; font-family: var(--sans); font-size: 12.5px; letter-spacing: .16em; background: var(--ink); color: var(--paper); padding: 15px 34px; margin-top: 30px; transition: opacity .2s; align-self: flex-start; }
.lm-j26 .btn:hover{ opacity: .85; }
.lm-j26 .section-head{ display: flex; justify-content: space-between; align-items: baseline; padding: 56px 0 30px; }
.lm-j26 .section-head h3{ font-family: var(--serif); font-weight: 500; font-size: 30px; }
.lm-j26 .section-head a{ font-family: var(--sans); font-size: 12px; letter-spacing: .14em; border-bottom: 1px solid var(--ink); padding-bottom: 3px; }
.lm-j26 .grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px 36px; padding-bottom: 72px; }
.lm-j26 .card .media{ overflow: hidden; aspect-ratio: 3 / 2; background: #F0F0F0; }
.lm-j26 .card .media img{ width: 100%; height: 100%; object-fit: cover; transition: transform .9s ease; }
.lm-j26 .card:hover .media img{ transform: scale(1.045); }
.lm-j26 .card .kicker{ margin-top: 18px; font-size: 10.5px; }
.lm-j26 .card h4{ font-family: var(--serif); font-weight: 600; font-size: 23px; line-height: 1.2; margin: 10px 0 8px; }
.lm-j26 .card h4 span{ background-image: linear-gradient(var(--ink), var(--ink)); background-size: 0% 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size .35s; }
.lm-j26 .card:hover h4 span{ background-size: 100% 1px; }
.lm-j26 .card p{ color: var(--ink-soft); font-size: 14.5px; line-height: 1.6; }
.lm-j26 .card .meta{ margin-top: 12px; }
.lm-j26 .pagination{ display: flex; justify-content: center; align-items: center; gap: 26px; padding: 0 0 84px; font-family: var(--sans); font-size: 13px; letter-spacing: .1em; }
.lm-j26 .pagination .pages{ color: var(--taupe); }
.lm-j26 .pagination a.next{ border-bottom: 1px solid var(--ink); padding-bottom: 3px; }
@media (max-width: 900px){
  .lm-j26 .wrap{ padding: 0 20px; }
  .lm-j26 .masthead{ padding: 52px 0 42px; }
  .lm-j26 .masthead .issue{ display: none; }
  .lm-j26 .featured{ grid-template-columns: 1fr; }
  .lm-j26 .featured .text{ padding: 34px 0 48px; }
}
@keyframes rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }