:root{
  --brown:#4b2e17;
  --cream:#faf3eb;
  --red:#970304;
  --green:#9eae66;
  --text:#231f20;
  --white:#fffaf5;
  --muted:#75695f;
  --line:rgba(75,46,23,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.site-wrap{width:min(1280px,calc(100% - 56px));margin:auto}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.site-logo{height:48px;width:auto;display:block}
.site-nav{display:flex;align-items:center;gap:28px;font-weight:800;color:var(--brown)}
.site-nav a:hover{color:var(--red)}
.hero{min-height:68vh;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding:70px 0}
.kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--red)}
h1{font-size:clamp(58px,8vw,110px);line-height:.9;margin:18px 0;color:var(--brown);letter-spacing:-.04em}
.lead{font-size:clamp(20px,2vw,28px);line-height:1.35;max-width:620px}
.tag{font-size:18px;font-weight:800;color:var(--red);margin-top:22px}
.open-status{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:10px 16px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-weight:800;color:var(--brown)}
.open-status .dot{width:10px;height:10px;border-radius:50%;background:var(--green)}
.open-status.closed .dot{background:var(--red)}
.open-status small{font-size:12px;color:var(--muted)}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.btn{padding:15px 24px;border-radius:999px;font-weight:800;border:2px solid var(--brown);display:inline-block}
.btn.primary{background:var(--brown);color:var(--cream)}
.btn.secondary{background:transparent}
.btn.bus{background:var(--green);color:var(--brown);border-color:var(--green)}
.hero-card{background:var(--brown);border-radius:34px;min-height:430px;color:var(--cream);padding:42px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 55px rgba(75,46,23,.18)}
.hero-card .big{font-size:clamp(42px,5vw,74px);font-weight:900;line-height:.95}
.hero-card .small{font-size:18px;line-height:1.5;opacity:.88}
section{padding:80px 0}
.section-title{font-size:clamp(38px,5vw,64px);color:var(--brown);margin:0 0 18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--white);border-radius:26px;padding:30px;min-height:220px;border:1px solid rgba(75,46,23,.08)}
.card h3{font-size:27px;color:var(--brown);margin:0 0 12px}
.card p{font-size:17px;line-height:1.5;margin:0;color:#5d554f}
.site-footer{padding:35px 0 55px;border-top:1px solid var(--line);color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.footer-admin{font-size:11px;opacity:.65;text-decoration:underline}
@media(max-width:850px){
  .site-wrap{width:min(100% - 40px,1280px)}
  .site-header{height:72px}
  .site-logo{height:44px}
  .site-nav{gap:14px;font-size:13px}
  .hero{grid-template-columns:1fr;padding:45px 0}
  .hero-card{min-height:330px}
  .cards{grid-template-columns:1fr}
  section{padding:55px 0}
}