/* ARDUNA modern journal / article discovery system */
.posts-modern{background:var(--paper-soft,#F7F4EF)}
.posts-modern-shell{width:min(1260px,90vw);margin:0 auto;padding:clamp(64px,8vw,112px) 0 clamp(90px,11vw,150px)}
.posts-modern-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(36px,7vw,96px);align-items:end;padding-bottom:clamp(42px,6vw,76px);border-bottom:1px solid var(--line,rgba(82,87,98,.14))}
.posts-modern-title{font-family:'Merriweather',Georgia,serif;font-size:clamp(48px,7vw,90px);line-height:.96;letter-spacing:-.045em;font-weight:300;margin:14px 0 0;max-width:11ch;color:var(--ink,#525762)}
.posts-modern-intro{font-size:15px;line-height:1.8;color:rgba(82,87,98,.74);max-width:48ch}
.posts-modern-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:rgba(82,87,98,.48)}
.posts-modern-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:24px;align-items:end;padding:28px 0;border-bottom:1px solid var(--line,rgba(82,87,98,.14))}
.posts-search{position:relative;max-width:560px}
.posts-search label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:rgba(82,87,98,.48);margin-bottom:9px}
.posts-search input{width:100%;border:0;border-bottom:1px solid rgba(82,87,98,.28);background:transparent;padding:10px 34px 10px 0;font:400 17px/1.4 Helvetica,Arial,sans-serif;color:var(--ink,#525762);outline:none;border-radius:0}
.posts-search input:focus{border-bottom-color:var(--ink,#525762)}
.posts-search input::placeholder{color:rgba(82,87,98,.36)}
.posts-search svg{position:absolute;right:0;bottom:12px;width:17px;height:17px;stroke:rgba(82,87,98,.5);fill:none;stroke-width:1.5}
.posts-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.posts-filter{appearance:none;border:0;background:none;padding:4px 0;border-bottom:1px solid transparent;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(82,87,98,.52);cursor:pointer}
.posts-filter:hover,.posts-filter:focus-visible,.posts-filter.is-active{color:var(--ink,#525762);border-bottom-color:var(--accent,#F3D862)}
.posts-results{padding-top:clamp(44px,6vw,72px)}
.posts-featured{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(30px,6vw,84px);align-items:start;padding-bottom:clamp(52px,7vw,88px);border-bottom:1px solid var(--line,rgba(82,87,98,.14))}
.posts-featured-visual{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--ink,#525762);display:flex;align-items:center;justify-content:center;isolation:isolate}
.posts-featured-visual::before,.posts-featured-visual::after{content:"";position:absolute;border:1px solid rgba(239,236,231,.22);border-radius:50%;width:72%;aspect-ratio:1;transform:rotate(-8deg)}
.posts-featured-visual::after{width:48%;border-color:rgba(243,216,98,.42);transform:translate(18%,-10%) rotate(12deg)}
.posts-featured-visual img{width:24%;height:auto;filter:brightness(0) invert(1);opacity:.78;z-index:2}
.posts-featured-visual span{position:absolute;left:8%;bottom:7%;font-family:'Merriweather',Georgia,serif;font-size:clamp(30px,4vw,58px);font-weight:300;color:var(--paper,#EFECE7);z-index:2;letter-spacing:-.04em}
.posts-article-kicker{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(82,87,98,.5)}
.posts-article-title{font-family:'Merriweather',Georgia,serif;font-size:clamp(36px,4.5vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:300;margin:20px 0 20px;color:var(--ink,#525762)}
.posts-article-excerpt{font-size:16px;line-height:1.78;color:rgba(82,87,98,.72);max-width:60ch}
.posts-article-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding-bottom:5px;border-bottom:1px solid rgba(82,87,98,.35);font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--ink,#525762);text-decoration:none}
.posts-article-link:hover{border-bottom-color:var(--accent,#F3D862)}
.posts-list{margin-top:0}
.posts-row{display:grid;grid-template-columns:110px minmax(0,1fr) 180px;gap:clamp(20px,4vw,56px);padding:30px 0 34px;border-bottom:1px solid var(--line,rgba(82,87,98,.14));align-items:start}
.posts-row-date{font-size:10px;line-height:1.5;letter-spacing:.08em;color:rgba(82,87,98,.46)}
.posts-row h2{font-family:'Merriweather',Georgia,serif;font-size:clamp(25px,3vw,38px);line-height:1.13;letter-spacing:-.025em;font-weight:300;margin:6px 0 10px;color:var(--ink,#525762)}
.posts-row p{font-size:14px;line-height:1.7;color:rgba(82,87,98,.67);margin:0;max-width:68ch}
.posts-row-side{text-align:right}
.posts-row-side small{display:block;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:rgba(82,87,98,.45);margin-bottom:16px}
.posts-no-results{padding:54px 0;border-bottom:1px solid var(--line,rgba(82,87,98,.14))}
.posts-no-results h2{font-family:'Merriweather',Georgia,serif;font-weight:300;font-size:36px;margin:0 0 10px}
.posts-no-results p{font-size:14px;color:rgba(82,87,98,.66)}
.posts-count{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:rgba(82,87,98,.46);margin-bottom:18px}

[dir="rtl"] .posts-search input{padding:10px 0 10px 34px;text-align:right}
[dir="rtl"] .posts-search svg{right:auto;left:0}
[dir="rtl"] .posts-row-side{text-align:left}
[dir="rtl"] .posts-featured-visual span{left:auto;right:8%}

@media(max-width:900px){
  .posts-modern-head{grid-template-columns:1fr}
  .posts-modern-title{max-width:14ch}
  .posts-modern-tools{grid-template-columns:1fr;align-items:start}
  .posts-filters{justify-content:flex-start}
  .posts-featured{grid-template-columns:1fr}
  .posts-featured-visual{aspect-ratio:16/9}
  .posts-row{grid-template-columns:86px minmax(0,1fr)}
  .posts-row-side{grid-column:2;text-align:left;display:flex;gap:18px;align-items:center}
  [dir="rtl"] .posts-row-side{text-align:right}
}
@media(max-width:640px){
  .posts-modern-shell{width:min(92vw,1260px);padding-top:52px}
  .posts-modern-title{font-size:clamp(44px,13vw,64px)}
  .posts-modern-tools{padding:22px 0}
  .posts-filter{font-size:8px}
  .posts-featured{gap:28px;padding-bottom:48px}
  .posts-article-title{font-size:clamp(34px,10vw,48px)}
  .posts-row{grid-template-columns:1fr;gap:8px;padding:26px 0 30px}
  .posts-row-side{grid-column:1;justify-content:space-between}
  .posts-row-date{order:-1}
}