:root{--ink:#22302b;--muted:#5f6f68;--bg:#fbfaf6;--card:#fff;--line:#e4e1d8;--accent:#2f6f5e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}
a{color:var(--accent)}header.site{border-bottom:1px solid var(--line);background:var(--card)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;flex-wrap:wrap}
.brand{font:700 1.35rem/1 system-ui,sans-serif;color:var(--ink);text-decoration:none}nav a{font:600 .95rem system-ui,sans-serif;color:var(--ink);text-decoration:none;margin-left:18px}
nav a:first-child{margin-left:0}nav a:hover{color:var(--accent)}main{padding:36px 0 64px}
article{max-width:740px;margin:0 auto}h1{font-size:2.3rem;line-height:1.2;margin:.2em 0 .4em}h2{font-size:1.5rem;line-height:1.3;margin:1.8em 0 .5em}
.meta{font:.9rem system-ui,sans-serif;color:var(--muted)}.lead{font-size:1.15rem;color:var(--muted)}
img{max-width:100%;height:auto;border-radius:10px;display:block}figure{margin:1.6em 0}.hero{margin:1.2em 0 2em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.card img{border-radius:0;aspect-ratio:16/9;object-fit:cover;width:100%}.card div{padding:16px 18px 20px}
.card h3{font-size:1.15rem;line-height:1.35;margin:.2em 0 .4em}.card h3 a{color:var(--ink);text-decoration:none}.card p{margin:0;font-size:.95rem;color:var(--muted);line-height:1.5}
form.contact{margin-top:2em;display:grid;gap:16px}form.contact label{display:grid;gap:6px;font:600 .95rem system-ui,sans-serif}
form.contact input,form.contact textarea{font:1rem system-ui,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}
form.contact button{justify-self:start;font:600 1rem system-ui,sans-serif;padding:11px 22px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
.trap{position:absolute;left:-9999px}.ok{color:var(--accent);font-weight:700}.bad{color:#a33;font-weight:700}
.intro{max-width:740px}.credit{font:.85rem system-ui,sans-serif;color:var(--muted);margin-top:-1em}footer{border-top:1px solid var(--line);padding:28px 0 40px;font:.9rem system-ui,sans-serif;color:var(--muted)}
footer a{color:var(--muted);margin-right:16px}@media(max-width:600px){body{font-size:17px}h1{font-size:1.8rem}nav a{margin-left:12px}}

.hero-row{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:36px;align-items:center;margin-bottom:28px}
.hero-row img{border-radius:16px;aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%}
.btn{display:inline-block;font:600 1rem system-ui,sans-serif;padding:11px 22px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;margin-top:10px}
.vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:20px}
.vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.social{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.social a{font:600 .9rem system-ui,sans-serif;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none}
.social a:hover{border-color:var(--accent);color:var(--accent)}
.links{max-width:460px;margin:0 auto;text-align:center}.links img.face{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:top;margin:0 auto 12px}
.links h1{font-size:1.6rem;margin:.1em 0}.links a.big{display:block;margin:12px 0;padding:15px 18px;border-radius:12px;background:var(--card);border:1px solid var(--line);font:600 1.02rem system-ui,sans-serif;color:var(--ink);text-decoration:none}
.links a.big.main{background:var(--accent);border-color:var(--accent);color:#fff}.links a.big small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.links a.big.main small{color:#e6f1ee}
.note{font:.85rem system-ui,sans-serif;color:var(--muted)}@media(max-width:700px){.hero-row{grid-template-columns:1fr}}