.notes-hero{padding:88px 0 70px;border-bottom:1px solid var(--line)}
.notes-hero h1,.note-article h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(49px,7vw,88px);line-height:1.05;letter-spacing:-2.5px;margin:0 0 22px}
.notes-hero h1 em{font-weight:500}
.notes-hero p{max-width:650px;font-size:18px;margin:0}
.notes-list{padding:55px 0 100px;min-height:390px}
.notes-empty{max-width:650px;padding:55px 0}
.notes-empty h2{margin-bottom:18px}
.notes-empty p{margin-bottom:25px}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.note-card{background:var(--paper);border:1px solid var(--line);overflow:hidden}
.note-card img{display:block;width:100%;height:260px;object-fit:cover}
.note-card-body{padding:30px}
.note-card time,.note-article time{font-size:13px;text-transform:uppercase;letter-spacing:1px}
.note-card h2{font-size:30px;margin:16px 0}
.note-card h2 a{text-decoration:none}
.note-card h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.note-card p{font-size:15px;margin-bottom:22px}
.note-article{max-width:850px;padding:70px 0 110px}
.note-back{display:inline-block;margin-bottom:70px}
.note-article h1{font-size:clamp(45px,6vw,72px)}
.note-intro{font-size:19px;max-width:700px;margin-bottom:22px}
.note-cover{width:100%;height:auto;margin:42px 0 10px;border:1px solid var(--line)}
.note-body{font-size:17px;line-height:1.8;margin:55px 0 70px}
.note-body h2{margin:45px 0 20px}
.note-body h3{margin:34px 0 14px}
.note-body img{max-width:100%;height:auto}
.note-body a{text-underline-offset:4px}
.note-body blockquote{margin:30px 0;padding:8px 25px;border-left:3px solid var(--wine);background:var(--paper)}
.note-body li{margin-bottom:7px}
@media(max-width:800px){.notes-hero{padding:55px 0}.notes-list{padding:35px 0 65px}.notes-grid{grid-template-columns:1fr}.note-card img{height:215px}.note-article{padding:48px 0 70px}.note-back{margin-bottom:50px}}