/* ---------- Jurnal: hero ---------- */
.jr-hero{ padding:calc(90px + var(--space-2xl)) 0 var(--space-xl); background:var(--crem); }
.jr-hero__eyebrow{ display:inline-block; font-family:var(--font-sans); font-size:13px;
  letter-spacing:.1em; text-transform:uppercase; color:rgba(28,26,24,.55); margin-bottom:28px; }
.jr-hero__title{ font-size:clamp(2.6rem,6vw,5rem); line-height:1.04; letter-spacing:-.02em; max-width:16ch; }
.jr-hero__title em{ font-style:italic; }
.jr-hero__sub{ margin-top:var(--space-lg); font-size:clamp(1rem,1.5vw,1.15rem);
  line-height:1.65; max-width:56ch; color:rgba(28,26,24,.72); }

/* ---------- Jurnal: grilă ---------- */
.jr-list{ background:var(--crem); padding:var(--space-lg) 0 var(--space-2xl); }
.jr-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px 24px;
  padding-top:var(--space-lg); border-top:1px solid rgba(28,26,24,.16); }
.jr-card{ display:flex; flex-direction:column;
  opacity:0; transform:translateY(38px);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
  transition-delay:calc(var(--i) * .08s); }
.jr-card.in{ opacity:1; transform:none; }
.jr-card__thumb{ width:100%; aspect-ratio:4/3; border-radius:var(--radius); margin-bottom:20px;
  overflow:hidden; }
.jr-card__thumb::after{ transition:transform .7s var(--ease); }
.jr-card:hover .jr-card__thumb{ transform:none; }
.jr-card__meta{ font-family:var(--font-sans); font-size:12px; letter-spacing:.04em;
  text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
.jr-card__title{ font-family:var(--font-serif); font-size:clamp(1.2rem,1.6vw,1.5rem);
  line-height:1.25; letter-spacing:-.01em; margin-bottom:12px; transition:opacity .3s; }
.jr-card:hover .jr-card__title{ opacity:.6; }
.jr-card__excerpt{ font-family:var(--font-sans); font-size:14px; line-height:1.6;
  color:rgba(28,26,24,.65); }

/* ---------- Articol ---------- */
.art{ background:var(--crem); padding:calc(90px + var(--space-xl)) 0 var(--space-2xl); }
.art__container{ max-width:820px; }
.art__back{ font-family:var(--font-sans); font-size:14px; color:rgba(28,26,24,.6);
  display:inline-block; margin-bottom:var(--space-lg); transition:opacity .3s; }
.art__back:hover{ opacity:.6; }
.art__meta{ display:block; font-family:var(--font-sans); font-size:13px;
  letter-spacing:.04em; text-transform:uppercase; color:var(--accent); margin-bottom:22px; }
.art__title{ font-size:clamp(2.2rem,4.4vw,3.6rem); line-height:1.08; letter-spacing:-.02em; }
.art__lead{ margin-top:var(--space-md); font-family:var(--font-sans);
  font-size:clamp(1.1rem,1.6vw,1.3rem); line-height:1.6; color:rgba(28,26,24,.78); }
.art__cover{ aspect-ratio:16/9; border-radius:var(--radius); margin:var(--space-lg) 0 var(--space-xl); }
.art__body p{ font-family:var(--font-sans); font-size:17px; line-height:1.75;
  color:rgba(28,26,24,.82); margin-bottom:24px; }
.art__body h2{ font-family:var(--font-serif); font-size:clamp(1.4rem,2.2vw,1.9rem);
  letter-spacing:-.01em; margin:var(--space-lg) 0 16px; }
.art__cta{ display:flex; justify-content:space-between; align-items:center; gap:24px;
  margin-top:var(--space-xl); padding-top:var(--space-lg);
  border-top:1px solid rgba(28,26,24,.16); }
.art__cta-text{ font-family:var(--font-serif); font-size:clamp(1.2rem,2vw,1.6rem); }

/* mobile-first */
@media (max-width:860px){
  .jr-grid{ grid-template-columns:1fr; gap:36px; }
  .art__cta{ flex-direction:column; align-items:flex-start; gap:18px; }
}
@media (min-width:861px) and (max-width:1100px){
  .jr-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Jurnal: filtre ---------- */
.jr-filters{ display:flex; flex-wrap:wrap; gap:10px;
  padding-top:var(--space-lg); border-top:1px solid rgba(28,26,24,.16);
  margin-bottom:var(--space-xl); }
.jr-filter{ font-family:var(--font-sans); font-size:14px; padding:9px 18px;
  border:1px solid rgba(28,26,24,.22); border-radius:100px; background:none;
  cursor:pointer; color:rgba(28,26,24,.7);
  transition:background .3s, color .3s, border-color .3s, transform .3s var(--ease); }
.jr-filter:hover{ transform:translateY(-2px); border-color:rgba(28,26,24,.5); }
.jr-filter.is-active{ background:var(--negru); color:var(--text-light); border-color:var(--negru); }

/* ---------- Jurnal: featured ---------- */
.jr-featured{ display:grid; grid-template-columns:1.15fr .85fr; gap:var(--space-lg);
  align-items:center; margin-bottom:var(--space-2xl);
  padding-bottom:var(--space-2xl); border-bottom:1px solid rgba(28,26,24,.16); }
.jr-featured__media{ position:relative; aspect-ratio:16/11; border-radius:var(--radius);
  overflow:hidden; }
.jr-featured__arrow{ position:absolute; top:20px; right:20px; z-index:3;
  width:48px; height:48px; border-radius:50%; background:var(--crem); color:var(--negru);
  display:flex; align-items:center; justify-content:center; font-size:20px;
  transform:translateY(-6px); opacity:0; transition:transform .5s var(--ease), opacity .4s; }
.jr-featured:hover .jr-featured__arrow{ transform:none; opacity:1; }
.jr-featured__tag{ display:inline-block; font-family:var(--font-sans); font-size:12px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
.jr-featured__meta{ display:block; font-family:var(--font-sans); font-size:13px;
  color:rgba(28,26,24,.55); margin-bottom:16px; }
.jr-featured__title{ display:block; font-family:var(--font-serif);
  font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.12; letter-spacing:-.01em;
  margin-bottom:18px; transition:opacity .3s; }
.jr-featured:hover .jr-featured__title{ opacity:.65; }
.jr-featured__excerpt{ display:block; font-family:var(--font-sans); font-size:16px;
  line-height:1.6; color:rgba(28,26,24,.68); max-width:46ch; margin-bottom:24px; }
.jr-featured__link{ font-family:var(--font-sans); font-size:15px; font-weight:600;
  display:inline-flex; gap:8px; }
.jr-featured:hover .jr-featured__link span{ transform:translateX(4px); display:inline-block; transition:transform .3s var(--ease); }

/* ---------- Jurnal: hover îmbogățit pe carduri ---------- */
.jr-card__thumb{ position:relative; }
.jr-card__arrow{ position:absolute; top:14px; right:14px; z-index:3;
  width:40px; height:40px; border-radius:50%; background:var(--crem); color:var(--negru);
  display:flex; align-items:center; justify-content:center; font-size:17px;
  transform:translateY(-6px) scale(.85); opacity:0;
  transition:transform .45s var(--ease), opacity .35s; }
.jr-card:hover .jr-card__arrow{ transform:none; opacity:1; }
.jr-card__thumb .ph, .jr-card__thumb::after{ } /* fallback */
.jr-card__thumb{ overflow:hidden; }
.jr-card__thumb::before{ content:''; position:absolute; inset:0; z-index:1;
  background:var(--taupe); transform:scale(1); transition:transform .7s var(--ease); }
.jr-card:hover .jr-card__thumb::before{ transform:scale(1.06); }
.jr-card{ transition:transform .5s var(--ease); }
.jr-card:hover{ transform:translateY(-6px); }

/* ---------- Articol: TL;DR box ---------- */
.art__tldr{ background:var(--taupe); border-radius:var(--radius);
  padding:24px 28px; margin:var(--space-lg) 0; }
.art__tldr-label{ display:block; font-family:var(--font-sans);
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(28,26,24,.55); margin-bottom:16px; }
.art__tldr-list{ list-style:none; padding:0; margin:0; }
.art__tldr-list li{ font-family:var(--font-sans); font-size:15px;
  line-height:1.55; color:rgba(28,26,24,.88); padding:5px 0;
  border-bottom:1px solid rgba(28,26,24,.1); }
.art__tldr-list li:last-child{ border-bottom:none; }

/* ---------- Articol: FAQ ---------- */
.art__faq{ margin-top:var(--space-lg); }
.art__faq-item{ padding:20px 0; border-bottom:1px solid rgba(28,26,24,.14); }
.art__faq-item strong{ font-family:var(--font-serif); font-size:1.05rem;
  display:block; margin-bottom:10px; }
.art__faq-item p{ font-family:var(--font-sans); font-size:16px;
  line-height:1.7; color:rgba(28,26,24,.8); margin:0; }

/* ---------- Articol: table ---------- */
.art__table-wrap{ overflow-x:auto; margin:var(--space-lg) 0; }
.art__table{ width:100%; border-collapse:collapse; font-family:var(--font-sans); font-size:15px; }
.art__table th{ text-align:left; padding:12px 16px;
  background:rgba(28,26,24,.06); font-weight:600; font-size:13px;
  letter-spacing:.03em; text-transform:uppercase; }
.art__table td{ padding:12px 16px; border-bottom:1px solid rgba(28,26,24,.1);
  vertical-align:top; }
.art__table tr:last-child td{ border-bottom:none; }
.art__table-note{ font-family:var(--font-sans); font-size:13px;
  color:rgba(28,26,24,.55); margin-top:12px; font-style:italic; }

/* ascunde/afișare la filtrare */
.jr-card[hidden], .jr-featured[hidden]{ display:none; }

@media (max-width:860px){
  .jr-featured{ grid-template-columns:1fr; gap:var(--space-md); }
}


/* imagini reale in thumbs + featured */
.jr-card__thumb img, .jr-featured__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2; }
.jr-card__thumb:has(img)::before{ background:transparent; }
.jr-featured__media{ position:relative; overflow:hidden; }
.jr-card__arrow{ z-index:3; }


/* cover articole: dimensiune controlata */
.art__cover{ width:100%; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; position:relative; margin:32px 0; }
.art__cover img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }