@import url('fonts.css');

/* ===== Tokens (Industrial Aviator, источник: DESIGN.md) ===== */
:root{
  --surface:#f9faf5; --surface-low:#f3f4ef; --surface-container:#edeeea; --white:#ffffff;
  --on-surface:#1a1c19; --on-surface-variant:#44474c;
  --primary:#000000; --on-primary:#ffffff;
  --secondary:#944a00; --on-secondary:#ffffff; --secondary-dim:#ffb784;
  --navy:#0f1c2c; --on-navy:#ffffff; --on-navy-variant:#788599;
  --error:#ba1a1a; --on-error:#ffffff;
  --outline:#74777d; --outline-variant:#c4c6cc;

  --font-display:'Oswald',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;

  --unit:8px; --gutter:24px; --max-width:1280px;
  --margin:16px; --section-gap:96px;
}
@media(min-width:768px){ :root{ --margin:64px; } }

/* ===== Reset / base ===== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--surface);color:var(--on-surface);
  font-family:var(--font-body);font-size:16px;line-height:1.5;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:-0.01em;line-height:1.15;margin:0;}
h1{font-size:clamp(32px,6vw,64px);letter-spacing:-0.02em;}
h2{font-size:clamp(28px,4vw,40px);}
h3{font-size:24px;font-weight:600;line-height:1.3;}
p{margin:0 0 1em;}

/* ===== Layout helpers ===== */
.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--margin);}
.section{padding-block:clamp(48px,8vw,var(--section-gap));}
.section--navy{background:var(--navy);color:var(--on-navy);}
.divider{border:0;border-top:4px solid var(--primary);margin:0;}
.label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;
  text-transform:uppercase;color:var(--on-surface-variant);}
.label--amber{color:var(--secondary);}

/* ===== Decorative ===== */
.blueprint-grid{
  background-image:
    linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);
  background-size:40px 40px;
}
.technical-gradient{
  background:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0 1px,transparent 1px 10px);
}

/* ===== Cards ===== */
.card{background:var(--white);border:1px solid var(--primary);}
.hard-shadow{box-shadow:4px 4px 0 0 var(--primary);}
.hard-shadow-amber{box-shadow:4px 4px 0 0 var(--secondary);}
.card--dark{background:var(--navy);color:var(--on-navy);border-color:var(--navy);}
.card__code{font-family:var(--font-mono);font-size:12px;color:var(--outline);}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);
  font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;
  padding:14px 24px;border:0;cursor:pointer;border-radius:0;transition:transform .05s,box-shadow .05s;}
.btn:active{transform:translate(2px,2px);}
.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:4px 4px 0 0 var(--primary);}
.btn--primary:active{box-shadow:2px 2px 0 0 var(--primary);}
.btn--secondary{background:var(--secondary);color:var(--on-secondary);box-shadow:4px 4px 0 0 var(--primary);}
.btn--secondary:active{box-shadow:2px 2px 0 0 var(--primary);}
.btn--outline{background:transparent;border:2px solid currentColor;}

/* ===== Header (инжектится layout.js) ===== */
.site-header{position:sticky;top:0;z-index:50;background:var(--surface);
  border-bottom:2px solid var(--primary);}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;
  height:80px;}
.brand-mark{font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:28px;letter-spacing:-0.02em;color:var(--primary);}
.nav{display:none;gap:28px;align-items:center;}
.nav a,.nav__group>button{font-family:var(--font-mono);font-size:14px;
  background:none;border:0;cursor:pointer;color:var(--on-surface);text-transform:none;}
.nav__group{position:relative;}
.nav__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;
  background:var(--white);border:1px solid var(--primary);box-shadow:4px 4px 0 0 var(--primary);
  display:none;flex-direction:column;padding:8px 0;}
.nav__group[aria-expanded="true"] .nav__menu{display:flex;}
.nav__menu a{padding:8px 16px;}
.nav__menu a:hover{background:var(--surface-low);}
.nav-toggle{background:none;border:0;cursor:pointer;width:52px;height:52px;padding:0;line-height:1;font-size:34px;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;}
@media(min-width:1024px){ .nav{display:flex;} .nav-toggle{display:none;} }

/* мобильное меню */
.mobile-menu{display:none;border-top:1px solid var(--outline-variant);padding:var(--margin);}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:10px 0;font-family:var(--font-mono);font-size:16px;
  border-bottom:1px solid var(--outline-variant);}

/* ===== Footer (инжектится layout.js) ===== */
.site-footer{background:var(--navy);color:var(--on-navy);}
.site-footer a{color:var(--on-navy-variant);}
.site-footer a:hover{color:var(--on-navy);}
.footer-grid{display:grid;gap:32px;grid-template-columns:1fr;padding-block:48px;}
@media(min-width:768px){ .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;} }
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-block:20px;
  font-family:var(--font-mono);font-size:12px;color:var(--on-navy-variant);}

/* ===== Utils ===== */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.grid{display:grid;gap:var(--gutter);}
.amber{color:var(--secondary);} .red{color:var(--error);}

/* ===== Page components (План 2) ===== */
.tag{display:inline-block;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;
  letter-spacing:.04em;border:1px solid currentColor;padding:4px 8px;margin:0 6px 6px 0;}
.media-ph{width:100%;background:var(--surface-container);border:1px solid var(--outline-variant);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.media-ph::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(45deg,rgba(0,0,0,.04) 0 1px,transparent 1px 12px);}
.media-ph span{position:relative;font-family:var(--font-mono);font-size:12px;color:var(--outline);
  text-transform:uppercase;letter-spacing:.05em;padding:8px;text-align:center;}
.page-hero__lead{max-width:60ch;font-size:18px;margin-top:16px;}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;}
.bento{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px;}
.cta-banner{border:1px solid var(--primary);background:var(--navy);color:var(--on-navy);
  padding:clamp(32px,6vw,64px);text-align:center;}
.cta-banner h2{color:#fff;}
.cta-banner .btn-row{justify-content:center;}
.cta-banner p{max-width:60ch;margin-inline:auto;color:var(--on-navy-variant);}
.value-item{border-top:2px solid var(--primary);padding-top:12px;}
.person-card{padding:20px;}
.person-card .tag{font-size:11px;}
.field{display:block;margin-bottom:20px;}
.field span{display:block;margin-bottom:6px;}
.field input,.field textarea{width:100%;font-family:var(--font-mono);font-size:14px;
  background:transparent;border:0;border-bottom:1px solid var(--outline);padding:8px 0;border-radius:0;color:inherit;}
.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--secondary);}
.quote-num{font-family:var(--font-display);font-size:40px;color:var(--secondary);line-height:1;}

/* ===== Media in cards + hero video (План 5) ===== */
.card__img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0 0 12px;
  border:1px solid var(--outline-variant);filter:grayscale(15%) contrast(1.05);}
.card--dark .card__img{border-color:rgba(255,255,255,.15);}
.person-card .card__img{aspect-ratio:4/5;}
.media-frame{position:relative;display:inline-block;}
.media-frame::after{content:"";position:absolute;inset:0;transform:translate(8px,8px);
  border:1px solid var(--primary);z-index:-1;}
.hero-media{position:relative;overflow:hidden;min-height:88vh;display:flex;align-items:center;}
@media(max-width:640px){ .hero-media{min-height:78vh;} }
.hero-media__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;background:var(--navy);}
.hero-media__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(15,28,44,.55),rgba(15,28,44,.78));}
.hero-media .container{position:relative;z-index:2;width:100%;}
.hero-media h1,.hero-media p{color:#fff;}
.hero-media .label{color:var(--secondary-dim);}

/* ===== Partner logos (real, План 7) ===== */
.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px;}
.partner-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--outline-variant);
  padding:16px;aspect-ratio:3/2;transition:transform .05s,box-shadow .1s;}
.partner-logo:hover{box-shadow:4px 4px 0 0 var(--primary);transform:translate(-1px,-1px);}
.partner-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
  filter:grayscale(100%);opacity:.75;transition:filter .15s,opacity .15s;}
.partner-logo:hover img{filter:none;opacity:1;}