:root{color-scheme:light;--ink:#333a31;--olive:#4f5c46;--paper:#fcf8ef;--line:#dfded3;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:var(--olive);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #945131;outline-offset:4px}header{background:#fff;border-bottom:1px solid var(--line)}header nav,main,footer{width:min(1120px,calc(100% - 36px));margin:auto}header nav{display:flex;align-items:center;gap:clamp(14px,5vw,30px);padding:8px 0}.brand{margin-right:auto}.brand img{width:116px;height:58px;object-fit:cover;object-position:center 56%;display:block}.button{background:var(--olive);border-radius:2rem;color:#fff;text-decoration:none;padding:8px 18px}.intro{padding:42px 0 23px}h1,h2{font-family:Georgia,serif;color:var(--olive);line-height:1.12}h1{font-size:clamp(3rem,8vw,5.6rem);font-weight:400;margin:0}h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:0 0 19px}.intro p{margin:9px 0 19px}.categories{display:flex;flex-wrap:wrap;gap:8px}.categories a{border:1px solid var(--line);border-radius:24px;padding:6px 13px;background:#fff;text-decoration:none}section{padding:25px 0 28px;scroll-margin-top:16px;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.card{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.photo{display:block;background:#eae8df}.photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 53%}.card figcaption{padding:15px 17px 18px}.card h3{margin:3px 0;font-size:1.12rem}.card p{margin:3px 0 8px}.type{font-size:.8rem;color:var(--olive)}.featured{max-width:740px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.featured .photo img{aspect-ratio:4/3}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;padding:18px 0 24px}dialog{width:min(720px,calc(100% - 24px));max-height:96dvh;padding:14px;border:0;border-radius:14px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#20261edb}dialog form{text-align:right;margin-bottom:8px}dialog button{padding:5px 12px;font:inherit;cursor:pointer}dialog img{display:block;width:100%;height:min(68dvh,560px);object-fit:contain}dialog p{margin:8px 0 0;text-align:center}@media(max-width:560px){.featured{grid-template-columns:1fr}.intro{padding-top:30px}}