:root{--y:#f6d21c;--r:#d3281d;--ink:#201510;--cream:#fff8e1}
*{box-sizing:border-box;margin:0}
body{background:var(--cream);color:var(--ink);font:18px/1.6 'Barlow',system-ui,sans-serif}
a{color:inherit}img{display:block;max-width:100%}
.fraktur{font-family:'UnifrakturCook',serif;font-weight:700}
.top{background:var(--ink);color:var(--y);text-align:center;font-weight:600;font-size:15px;padding:8px 12px;letter-spacing:.06em;text-transform:uppercase}
.hero{background:var(--y);text-align:center;padding:48px 20px 64px;border-bottom:8px solid var(--r)}
.hero img{width:min(300px,70vw);border-radius:50%;margin:0 auto 24px;box-shadow:0 10px 30px #0003}
.hero h1{font-size:clamp(34px,7vw,60px);line-height:1.1;max-width:720px;margin:0 auto 22px}
.hero p{font-size:20px;max-width:560px;margin:0 auto}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn{background:var(--r);color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;border-radius:999px}
.btn.d{background:var(--ink)}
.wrap{max-width:900px;margin:auto;padding:0 20px}
section{padding:64px 0}
h2{font-size:clamp(36px,6vw,52px);color:var(--r);margin-bottom:14px;line-height:1.1}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.card{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:28px;box-shadow:8px 8px 0 var(--y)}
.big a{font-size:28px;font-weight:700;text-decoration:none;border-bottom:4px solid var(--y)}
footer{background:var(--ink);color:#c9b99a;text-align:center;padding:24px;font-size:13px}footer a{color:#c9b99a}
@media(max-width:720px){.cols{grid-template-columns:1fr}section{padding:46px 0}}