header{display:flex;padding-bottom:1rem;justify-content:space-between;align-items:center;width:min(80rem,75vw);margin:auto;font-size:x-small;letter-spacing:.08em}header h1{margin:0}nav ul{list-style-type:none;display:flex;gap:1rem;font-size:medium;margin:0}footer{display:none}body{color:var(--slate);background:var(--offwhite);font-family:"serif";line-height:1.7}main{max-width:80rem;margin:auto}*{transition:.5s}h1,a{color:var(--olive)}a:hover{color:var(--slate)}section{max-width:14rem;max-height:14rem;overflow:clip}:root{--sage: #C3D5C3;--sage-deep: #a8beab;--rose: #FCE4EC;--champagne: #FFF3E0;--olive: #556B2F;--slate: #666;--offwhite: #FAFAFA;--card-bg: #fff;--radius: 18px;--shadow: 0 8px 30px rgba(85,107,47,.08),0 2px 8px rgba(0,0,0,.04);--shadow-hover: 0 16px 40px rgba(85,107,47,.14),0 4px 12px rgba(0,0,0,.06)}.card{background:var(--card-bg);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border-left:4px solid var(--sage)}.card:hover{box-shadow:var(--shadow-hover)}.cards .card:hover{border-left:4px solid var(--rose)}.cards{display:flex;gap:2rem;flex-wrap:wrap;align-items:center}@media(max-width:768px){.cards{justify-content:center}}.center{justify-content:center}.content{width:min(48rem,80vw);margin:auto;margin-top:1rem}.title{display:grid;justify-items:center;align-content:center;margin-top:2.5rem}.title h1{margin:.2rem;font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:400;letter-spacing:.05em}.title time{font-style:italic;opacity:.65;font-size:.9rem}