*{box-sizing:border-box}body{margin:0;font:17px/1.65 var(--b,system-ui,sans-serif);color:var(--t);background:var(--bg)}
h1,h2,h3{font-family:var(--h,inherit);line-height:1.2;margin:0 0 .5em}
a{color:var(--a)}[hidden]{display:none!important}
.nav a{text-decoration:none;color:inherit;cursor:pointer}
.wrap{max-width:var(--w,860px);margin:auto;padding:2rem 1.2rem}
.lead{font-size:1.25em}
blockquote{margin:1.5em 0;padding-left:1em;border-left:4px solid var(--a);font-style:italic}cite{display:block;font-size:.8em;opacity:.7}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--c,#fff);border-radius:var(--r,8px);padding:1.2rem;border:1px solid var(--l,#0002)}
.card b{display:block}.card small{opacity:.7}
form{display:grid;gap:.8rem;max-width:480px}
input,textarea{font:inherit;padding:.6rem;border:1px solid var(--l,#0004);border-radius:var(--r,8px);background:var(--c,#fff);color:inherit}
button{font:inherit;padding:.7rem 1.2rem;border:0;border-radius:var(--r,8px);background:var(--a);color:#fff;cursor:pointer}
footer{text-align:center;font-size:.85em;opacity:.7;padding:1.5rem}footer a{color:inherit}
section table td{padding:.1rem 1.2rem .1rem 0;vertical-align:top}section h4{margin:1.4em 0 .4em}
@media(max-width:760px){section table{display:block;overflow-x:auto;max-width:100%}}
.logo{display:inline-block;width:220px;max-width:100%;height:auto;background:#fff;padding:6px 10px;border-radius:8px;vertical-align:middle}
.creed{margin:0 0 1.2em}
a.card{display:block;color:inherit;text-decoration:none}a.card:hover{border-color:var(--a)}
.ev h3{font-size:1.5rem}
.people{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0}
.people figure{margin:0;width:170px;text-align:center;font-size:.85rem;line-height:1.35}
.people img{width:150px;height:150px;object-fit:cover;border-radius:50%;margin-bottom:.5rem;border:3px solid var(--a);box-shadow:0 4px 14px #0003;transition:.3s}
.people img:hover{transform:scale(1.08) rotate(-3deg)}
html{scroll-behavior:smooth}
main section,.ev{animation:in .55s ease both}
@keyframes in{from{opacity:0;transform:translateY(16px)}}
.cards>*{animation:in .55s ease both}
.cards>:nth-child(2){animation-delay:.08s}.cards>:nth-child(3){animation-delay:.16s}.cards>:nth-child(4){animation-delay:.24s}.cards>:nth-child(5){animation-delay:.32s}.cards>:nth-child(6){animation-delay:.4s}
.card{transition:.25s}a.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0002}
.nav a{transition:.2s}button{transition:.2s}button:hover{filter:brightness(1.15);transform:scale(1.04)}
blockquote{font-size:1.1em}
.t{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.t .card{font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}.t small{display:inline-block;margin-bottom:.3rem}
select{font:inherit;padding:.6rem;border:1px solid var(--l,#0004);border-radius:var(--r,8px);background:var(--c,#fff);color:inherit}
.facts{border-left:3px solid var(--a);padding:.6rem 1rem;background:#8881;line-height:1.7}
.ev h4{margin:1.4em 0 .4em}.ev ul{padding-left:1.2rem}
.anm{margin-top:1rem;padding:1.2rem;border:1px solid var(--l,#0002);border-radius:var(--r,8px);max-width:560px}
.anm label,.kf label{display:flex;gap:.6rem;font-size:.95rem;align-items:flex-start}.anm input[type=checkbox],.kf input[type=checkbox]{width:1.3rem;height:1.3rem;flex:none}
.burger{display:none}
html{-webkit-text-size-adjust:100%}body{overflow-wrap:break-word;overflow-x:hidden}
img,iframe,table{max-width:100%}main,.wrap,section,article{min-width:0}
@media(max-width:760px){
body{font-size:17.5px}
.burger{display:block;position:fixed;top:12px;right:12px;z-index:30;min-height:52px;padding:.7rem 1.2rem;font-size:1.15rem;box-shadow:0 4px 14px #0004}
body:not(.menu) .nav{display:none}
body.menu .nav{display:flex;flex-direction:column;position:fixed;top:78px;left:12px;right:12px;margin:0;max-width:none;padding:.5rem;z-index:25;background:var(--nb,var(--bg));color:var(--nt,var(--t));border:1px solid #8884;border-radius:16px;box-shadow:0 12px 40px #0006}
body .nav a{padding:.9rem 1.1rem;font-size:1.05rem}
body h2{font-size:1.65rem}body .lead{font-size:1.2em}body .top p{font-size:.95rem}body .t .card{font-size:.92rem}
body .card small{font-size:.88em}
.wrap{padding:1.2rem 1rem 5rem}
.cards,.t{grid-template-columns:minmax(0,1fr)}
.people{gap:.8rem}.people figure{width:46%}.people img{width:100%;max-width:170px;height:auto;aspect-ratio:1}
input,select,textarea,button{font-size:16px;min-height:50px}
.logo{width:210px}
.ev h3{font-size:1.35rem}
.anm input[type=checkbox],.kf input[type=checkbox]{min-height:0}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
