@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#382a24;--paper:#fffaf5;--sand:#eee6de;--accent:#f05a3c;--line:#d5bcae;--muted:#6c574e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}
.wrap{width:min(100% - 40px,980px);margin:auto}
.top{padding:28px 0}
.back{color:#684b3e;font-size:13px;font-weight:700;text-decoration:none}
.event{margin:4px 0 72px;padding:clamp(28px,6vw,62px);border:1px solid var(--line);background:var(--paper)}
.eyebrow{margin:0 0 15px;color:#9a5746;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
h1{max-width:790px;margin:0;font:500 clamp(38px,6vw,66px)/1.04 Lora,Georgia,serif;letter-spacing:-.045em}
h2{margin:42px 0 14px;font:500 clamp(28px,4vw,39px)/1.12 Lora,Georgia,serif;letter-spacing:-.03em}
.lead{max-width:750px;margin:25px 0 0;color:var(--muted);font-size:20px;line-height:1.55}
.meta{display:flex;flex-wrap:wrap;gap:8px 21px;margin-top:25px;color:#6b4d41;font-size:13px;font-weight:700}
.cover{display:block;width:100%;margin:34px 0 38px;border:1px solid var(--line)}
.event p:not(.eyebrow):not(.lead):not(.meta){max-width:760px;margin:0 0 18px}
.focus{margin-top:28px;padding:24px;border-left:4px solid var(--accent);background:#f8eee6}
.focus h2{margin:0 0 11px;font-size:26px}
.focus p{margin:0!important}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);background:#f3e7de}
.gallery img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.gallery figcaption{padding:11px 13px;color:var(--muted);font-size:13px;line-height:1.45}
.video{margin-top:26px}
.video video{display:block;width:100%;border:1px solid var(--line);background:#2d2522}
.note{margin-top:38px;padding:25px 24px;background:#f5e9df;border-left:4px solid var(--accent)}
.note h2{margin:0 0 10px;font-size:27px}
.note p{margin:0!important}
.related{display:grid;gap:8px;margin-top:18px}
.related a{color:#684b3e;font-size:14px;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.related a:hover{color:var(--accent)}
.button{display:inline-block;margin-top:18px;padding:13px 20px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
a:focus-visible{outline:3px solid #43342f;outline-offset:4px}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.event{margin-top:0;padding:28px 21px}.lead{font-size:18px}.cover{width:calc(100% + 42px);max-width:none;margin-left:-21px}.gallery{grid-template-columns:1fr}.focus,.note{padding:22px 19px}}
