:root{
  --fte-brown:#4b130c; --fte-brown-2:#5a1a12; --fte-burgundy:#4f1b1b;
  --fte-slate-1:#6e757f; --fte-slate-2:#8b929b; --fte-accent:#b33a2b;
  --fte-text:#ffffff; --fte-text-d:#151515; --container:1200px;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;color:var(--fte-text-d);background:#f7f8fa}
.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:16px}
.section{padding:64px 0}
.site-header{position:sticky;top:0;z-index:50;background:#fff}
.topbar{height:54px;background:var(--fte-brown)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fte-text-d);font-weight:600}
.brand img{height:34px;width:auto}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.menu a{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:#333;padding:6px 2px;position:relative}
.menu a:is(:hover,.is-active){color:var(--fte-brown-2)}
.menu a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--fte-brown-2)}
.hero{padding:56px 0 24px}
.hero .logo-large{display:block;width:min(90%,980px);margin:18px auto 6px}
.hero .chevron{display:block;margin:14px auto 0;width:28px;height:28px;border:2px solid var(--fte-brown-2);border-left:0;border-top:0;transform:rotate(45deg)}
.mission{background:var(--fte-brown);color:#fff;text-align:center;padding:64px 0}
.section-title{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(24px,4vw,32px);letter-spacing:.06em;margin:0 0 12px;color:#fff}
.section-title .b{font-weight:600;font-size:clamp(26px,4.2vw,34px);margin-left:8px}
.mission p{max-width:800px;margin:0 auto;line-height:1.6}
.band-slate{background:linear-gradient(180deg,var(--fte-slate-1),var(--fte-slate-2));color:#fff;padding:28px 0}
.card-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.card{background:var(--fte-burgundy);color:#fff;border-radius:4px;padding:18px 18px 6px;box-shadow:0 10px 22px rgba(0,0,0,.25)}
.card h3{font-family:Oswald,sans-serif;margin:0 0 2px;font-size:20px;letter-spacing:.08em}
.card .role{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.18em;opacity:.85;margin-bottom:6px}
.card ul{margin:8px 0 12px 18px;padding:0}
.card li{margin:6px 0;line-height:1.5}
.card-photo{border-radius:4px;overflow:hidden}
.card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.why{padding:64px 0;background:#fff}
.why .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.tile{background:#fff;border:2px solid #d9d9de;border-radius:6px;padding:16px;box-shadow:0 6px 12px rgba(0,0,0,.06)}
.tile h4{font-family:Oswald,sans-serif;text-transform:uppercase;margin:0 0 10px;color:#6b1f15}
.tile ul{margin:0;padding-left:18px}
.center{text-align:center}
.btn{display:inline-block;padding:10px 18px;background:var(--fte-accent);color:#fff;text-decoration:none;border-radius:4px;margin-top:18px}
.contact{background:#f9fafb;padding:0;overflow:hidden}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr}
.contact .img{background:url('assets/img/contact-bg.jpg') center/cover no-repeat;min-height:360px}
.contact .pane{padding:36px 16px}
.contact h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:28px;margin:0 0 8px}
.addr{font-size:14px;line-height:1.6;margin-bottom:14px}
.form{max-width:460px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form input,.form textarea{width:100%;padding:10px 12px;border:1px solid #d5d7dc;border-radius:4px;outline:none}
.form textarea{height:120px;resize:vertical}
.form button{margin-top:10px;padding:10px 14px;background:var(--fte-brown-2);color:#fff;border:0;border-radius:4px;cursor:pointer}
.backtotop{background:var(--fte-brown);color:#fff;text-align:center;padding:12px;text-decoration:none;display:block}
.site-footer{background:#f1f1f3;color:#444;padding:16px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.foot-links{display:flex;gap:12px;flex-wrap:wrap}
.foot-links a{color:#444;text-decoration:none}
.small{font-size:12px;opacity:.8}
@media (max-width:992px){.card-row{grid-template-columns:1fr}.why .grid{grid-template-columns:1fr}.contact .wrap{grid-template-columns:1fr}}