.memories-page{background:#f5f0e5}

.topbar nav a.active{color:#fff;position:relative}

.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red)}

.mem-hero{background:#0b0a0a;color:#fff;padding:90px 0 75px;overflow:hidden}

.mem-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center}

.mem-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#d29b9e;font-weight:800}

.mem-hero h1{font:400 clamp(78px,10vw,150px)/.85 Georgia,serif;margin:0;color:#fff;letter-spacing:-.055em}

.mem-lead{font:20px/1.55 Georgia,serif;color:#d0c7bf;max-width:520px;margin:30px 0 0}

.mem-hero-collage{height:530px;position:relative}

.mem-hero-collage figure{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px rgba(0,0,0,.35)}

.mem-hero-collage img{width:100%;height:100%;object-fit:cover;display:block}

.mem-hero-collage .c1{width:56%;height:64%;left:0;top:0;z-index:2}

.mem-hero-collage .c2{width:46%;height:53%;right:0;bottom:0;z-index:3}

.mem-hero-collage .c3{width:48%;height:38%;right:6%;top:4%;z-index:1}

.memory-intro{padding:90px 0;border-bottom:1px solid #d8cebf}

.memory-intro .container{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}

.memory-intro blockquote{font:italic 38px/1.25 Georgia,serif;margin:0;color:#211d1b}

.memory-intro blockquote:before{content:"“";display:block;color:var(--red);font-size:72px;line-height:.5;margin-bottom:20px}

.memory-intro p{font:18px/1.7 Georgia,serif;color:#5d554e;margin:0}

.memory-section{padding:90px 0}

.memory-section:nth-of-type(even){background:#eee6d9}

.memory-heading{display:grid;grid-template-columns:80px 1fr;gap:25px;align-items:start;margin-bottom:42px;border-top:1px solid #cfc3b4;padding-top:20px}

.memory-heading>span{font:18px Georgia,serif;color:var(--red)}

.memory-heading h2{font:400 clamp(45px,6vw,76px)/.95 Georgia,serif;margin:0}

.memory-heading p{margin:10px 0 0;color:#6b6259;font:17px Georgia,serif}

.memory-grid{columns:3 290px;column-gap:18px}

.memory-card{break-inside:avoid;margin:0 0 20px;background:#fff;box-shadow:0 6px 18px rgba(50,38,26,.06)}

.photo-open{display:block;position:relative;border:0;padding:0;background:#111;cursor:zoom-in;width:100%;overflow:hidden}

.memory-card img{display:block;width:100%;height:auto;transition:transform .4s ease,opacity .4s ease}

.photo-open:hover img{transform:scale(1.018);opacity:.94}

.zoom{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center;font-size:19px;opacity:0;transition:.25s}

.photo-open:hover .zoom{opacity:1}

.memory-card figcaption{display:flex;gap:10px;align-items:baseline;padding:11px 13px 13px;font-size:12px;color:#746a61}

.memory-card figcaption b{color:var(--red);font-size:11px}

.memory-end{background:#b80e19;color:#fff;padding:100px 0;text-align:center}

.memory-end .mem-kicker{color:#f3bcc0}

.memory-end h2{font:400 clamp(55px,8vw,100px)/.9 Georgia,serif;margin:0}

.memory-end p{font:20px Georgia,serif;max-width:650px;margin:25px auto}

.memory-end .btn{background:#fff;color:#b80e19}

.lightbox{position:fixed;inset:0;background:rgba(6,5,5,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:50px}

.lightbox[aria-hidden="false"]{display:flex}

.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 20px 60px #000}

.lightbox-close{position:absolute;right:25px;top:18px;border:0;background:none;color:#fff;font-size:44px;cursor:pointer}

.no-scroll{overflow:hidden}

@media(max-width:900px){

 .mem-hero-grid,.memory-intro .container{grid-template-columns:1fr}

 .mem-hero-collage{height:430px;margin-top:20px}

 .memory-grid{columns:2 260px}

}

@media(max-width:560px){

 .mem-hero{padding:60px 0 45px}

 .mem-hero h1{font-size:82px}

 .mem-hero-collage{height:350px}

 .mem-hero-collage .c1{width:68%}.mem-hero-collage .c2{width:55%}.mem-hero-collage .c3{display:none}

 .memory-intro{padding:60px 0}.memory-intro blockquote{font-size:29px}

 .memory-section{padding:60px 0}

 .memory-heading{grid-template-columns:45px 1fr}

 .memory-grid{columns:1}

 .lightbox{padding:15px}

}





/* Archivio: filtri, data, categorie e tag */

.archive-tools{padding:24px 0;background:#f5f1eb;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}

.archive-tools-inner{display:flex;gap:14px;align-items:end;flex-wrap:wrap}

.archive-tools-inner>div{min-width:180px;flex:1}

.archive-tools label{display:block;margin-bottom:6px;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6e655d}

.archive-tools select{width:100%;padding:11px 12px;border:1px solid #cfc5bb;border-radius:6px;background:#fff;color:#2c2825;font-size:14px}

.archive-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:8px 0 5px}

.archive-meta b,.archive-meta em{display:inline-block;padding:4px 7px;border-radius:999px;background:#f0ebe5;color:#655d56;font:700 10px/1.1 Arial,Helvetica,sans-serif;font-style:normal}

.archive-tags{display:block;margin-top:7px;color:#83786f;font-size:11px;line-height:1.35}

.archive-item[hidden],.memory-section[hidden]{display:none!important}

@media(max-width:700px){.archive-tools-inner{display:grid;grid-template-columns:1fr}.archive-tools-inner>div{min-width:0}}