.journal{background:hsl(var(--background));color:hsl(var(--foreground))}.journal-container{max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.journal-hero{padding:5rem 0 4rem;text-align:center}.journal-eyebrow{display:inline-block;font-family:Manrope,sans-serif;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase;color:hsl(var(--accent));margin-bottom:1.25rem}.journal-title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.1;margin:0 0 1.25rem}.journal-lead{font-family:Manrope,sans-serif;font-size:1.125rem;line-height:1.7;color:hsl(var(--muted-foreground));max-width:40rem;margin:0 auto}.journal-clusters{padding:3.5rem 0;border-top:1px solid hsl(var(--border))}.journal-clusters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:2rem}.journal-cluster{border-left:2px solid hsl(var(--accent) / .4);padding-left:1rem}.journal-cluster-name{font-family:Cormorant Garamond,serif;font-size:1.375rem;font-weight:600;margin:0 0 .375rem}.journal-cluster-desc{font-family:Manrope,sans-serif;font-size:.875rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0}.journal-contenuti{padding:4rem 0 6rem;border-top:1px solid hsl(var(--border))}.journal-vuoto{text-align:center;max-width:42rem;margin:0 auto;padding:3rem 1.5rem}.journal-vuoto-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;margin:0 0 1rem}.journal-vuoto-text{font-family:Manrope,sans-serif;font-size:1.0625rem;line-height:1.75;color:hsl(var(--muted-foreground));margin:0 0 2.25rem}.journal-vuoto-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.journal-card:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:3px}.journal-card{display:block;text-decoration:none;color:inherit;border:1px solid hsl(var(--border));border-radius:1rem;overflow:hidden;background:hsl(var(--card));transition:box-shadow .25s ease}.journal-card:hover{box-shadow:0 12px 32px hsl(var(--foreground) / .08)}.journal-card--principale{display:grid;grid-template-columns:1fr;margin-bottom:2.5rem}@media (min-width: 768px){.journal-card--principale{grid-template-columns:2fr 3fr}}.journal-card-media{aspect-ratio:16 / 10;overflow:hidden}.journal-card--principale .journal-card-media{aspect-ratio:auto;min-height:16rem}.journal-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.journal-card-cluster{font-family:Manrope,sans-serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--accent))}.journal-card-title{font-family:Cormorant Garamond,serif;font-size:1.625rem;font-weight:600;line-height:1.25;margin:0}.journal-card--principale .journal-card-title{font-size:2.25rem}.journal-card-abstract{font-family:Manrope,sans-serif;font-size:.9375rem;line-height:1.65;color:hsl(var(--muted-foreground));margin:0}.journal-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-family:Manrope,sans-serif;font-size:.8125rem;color:hsl(var(--muted-foreground))}.journal-card-cta{font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:600;color:hsl(var(--accent));margin-top:auto}.journal-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.journal-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.journal-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.journal-card{transition:none}}.journal-filtri{padding:0 0 1rem;border-top:1px solid hsl(var(--border))}.journal-filtri-riga{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding-top:2rem}.journal-filtro{font-family:Manrope,sans-serif;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:999px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:border-color .2s ease,color .2s ease}.journal-filtro:hover{border-color:hsl(var(--accent));color:hsl(var(--foreground))}.journal-filtro--attivo{border-color:hsl(var(--accent));color:hsl(var(--accent));font-weight:600}.journal-filtro:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}