:root{--ink-900:#1e1712;--ink-700:#4a3d31;--ink-500:#8a7a64;--ink-300:#c2b39c;--paper-100:#f7f1e4;--paper-200:#efe3cd;--paper-300:#e4d3b0;--cream-white:#fbf7ee;--rosso-700:#7e2c22;--rosso-600:#a63a2c;--rosso-500:#c04d3b;--rosso-100:#f2d9d0;--oro-700:#93701f;--oro-500:#c69a3e;--oro-100:#f2e5c4;--verde-700:#2c3b30;--verde-600:#46594a;--verde-100:#dce4dc;--surface-page:var(--paper-100);--surface-card:var(--cream-white);--surface-sunken:var(--paper-200);--border-default:var(--paper-300);--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-muted:var(--ink-500);--accent-primary:var(--rosso-600);--accent-primary-hover:var(--rosso-700);--accent-primary-tint:var(--rosso-100);--accent-gold-tint:var(--oro-100);--accent-green-tint:var(--verde-100);--link-color:var(--rosso-600);--link-hover:var(--rosso-700);--font-display:'Lora','Hoefler Text',Georgia,serif;--font-body:'Archivo','Helvetica Neue',Arial,sans-serif;--text-display-lg:3rem;--text-display-md:2.25rem;--radius-sm:2px;--radius-md:4px;--container-max:1160px;--container-narrow:720px;--texture-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (max-width:600px){:root{--text-display-lg:2.05rem;--text-display-md:1.65rem}}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.08;margin:0}
a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}
img{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;background:var(--surface-card);padding:8px 12px;z-index:10}.skip:focus{left:8px}
.hdr{background:var(--surface-page);border-bottom:1px solid var(--border-default)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;max-width:var(--container-max);margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}.brand:hover{text-decoration:none}
.brand img{width:48px;height:31px;object-fit:contain;flex-shrink:0}
.brand span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-weight:500;font-size:20px;color:var(--text-primary)}
.hdr-act{display:flex;align-items:center;gap:8px}
.ibtn{width:38px;height:38px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 140ms;padding:0}
.ibtn:hover{background:var(--surface-sunken);color:var(--text-primary)}
.ibtn svg{width:19px;height:19px}
.ibtn .i-x,.ibtn.open .i-menu{display:none}.ibtn.open .i-x{display:block}
.catnav{border-top:1px solid var(--border-default);padding:14px 24px;display:flex;flex-wrap:wrap;gap:20px;max-width:var(--container-max);margin:0 auto}
.catnav[hidden]{display:none}
.catnav a{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:500}
.catnav a[aria-current]{color:var(--accent-primary);font-weight:700}
.hero{position:relative;padding:64px 24px;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:var(--texture-grain);opacity:.05;pointer-events:none}
.hero h1{position:relative;font-size:var(--text-display-lg);margin:0 0 12px}
.hero p{position:relative;color:var(--text-secondary);font-size:16px;max-width:480px;margin:0 auto}
.list{max-width:var(--container-narrow);margin:0 auto;padding:0 24px 8px;width:100%}
.page{max-width:var(--container-narrow);margin:0 auto;padding:48px 24px 64px;width:100%}
.page.art{padding-top:40px}
.h-md{font-size:var(--text-display-md);margin:0 0 20px}
.count{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 20px}
.hint{color:var(--text-muted);margin:0 0 20px}
.card{position:relative;display:flex;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border-default)}
.card-img{width:120px;height:120px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,#8a7a64,#3a2f24)}
.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 420ms cubic-bezier(.4,0,.2,1)}
.card:hover .card-img img{transform:scale(1.04)}
.card-b{flex:1;min-width:0}
.card-t{font-size:22px;margin:0 0 8px}
.card-t a{color:var(--text-primary);transition:color 140ms}.card-t a:hover{text-decoration:none}
.card-t a::after{content:"";position:absolute;inset:0}
.card:hover .card-t a{color:var(--accent-primary)}
.card-x{margin:0 0 10px;font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.meta-row .tag{position:relative;z-index:1}
.date{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}
.tag{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:999px;line-height:1.5;transition:opacity 140ms}
.tag:hover{opacity:.8;text-decoration:none}
.t-rosso,.t-rosso:hover{background:var(--accent-primary-tint);color:var(--rosso-700)}
.t-oro,.t-oro:hover{background:var(--accent-gold-tint);color:var(--oro-700)}
.t-verde,.t-verde:hover{background:var(--accent-green-tint);color:var(--verde-700)}
.t-ink,.t-ink:hover{background:var(--surface-sunken);color:var(--text-secondary)}
.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 24px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}
.pbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 16px;color:var(--text-primary);font-size:13px}
.pbtn:hover{background:var(--surface-sunken);color:var(--text-primary);text-decoration:none}
.pbtn svg{width:14px;height:14px}
.back{display:inline-block;color:var(--text-muted);font-size:13px;margin-bottom:24px;text-transform:uppercase;letter-spacing:.08em}
.back:hover{color:var(--text-primary);text-decoration:none}
.tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.art h1{font-size:var(--text-display-md);margin:0 0 8px}
.pub{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 28px}
.still{width:100%;height:320px;border-radius:var(--radius-md);margin:0 0 28px;overflow:hidden;background:var(--surface-sunken)}
.still img{width:100%;height:100%;object-fit:cover;display:block}
.prose p{font-size:17px;line-height:1.75;color:var(--text-primary);margin:0 0 20px}
.prose .sec{color:var(--text-secondary)}
.byline{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);margin-top:12px}
.byline+.byline{margin-top:0;border-top:none}
.av{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--surface-sunken)}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.by{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}
.by-name{font-family:var(--font-display);font-size:18px;color:var(--text-primary)}
.by-name:hover{color:var(--accent-primary);text-decoration:none}
.by-tag{margin:2px 0 0;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;line-height:1.4}
.top{padding:0;list-style:none;margin:0}
.top li{padding:14px 0;border-bottom:1px solid var(--border-default)}
.top a{font-family:var(--font-display);font-size:18px;color:var(--text-primary)}
.top a:hover{color:var(--accent-primary);text-decoration:none}
.lede{font-size:16px;line-height:1.7;color:var(--text-secondary);margin:0 0 32px}
.terms h2{font-size:20px;margin:0 0 8px}
.terms div{margin-bottom:24px}
.terms p{font-size:15px;line-height:1.65;color:var(--text-secondary);margin:0}
.form{display:flex;flex-direction:column;gap:20px;max-width:560px}
.form[hidden],.notice[hidden],.err[hidden]{display:none}
.lbl{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}
.inp{width:100%;padding:12px 14px;font-size:15px;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;outline:none}
.inp:focus{border-color:var(--text-primary)}
textarea.inp{resize:vertical;line-height:1.6}
.btn{align-self:flex-start;padding:12px 28px;font-size:15px;font-weight:600;font-family:var(--font-body);color:#fff;background:var(--accent-primary);border:none;border-radius:6px;cursor:pointer}
.btn:hover{background:var(--accent-primary-hover)}.btn[disabled]{opacity:.7;cursor:default}
.notice{padding:20px 22px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:8px;font-size:16px;line-height:1.6}
.err{font-size:14px;color:var(--rosso-700)}
.hp{display:none}
.sinp{width:100%;padding:14px 16px;font-size:16px;font-family:var(--font-body);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);margin-bottom:24px;outline:none}
.ftr{border-top:1px solid var(--border-default);padding:32px 24px;text-align:center;font-size:13px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}
.ftr nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}