/* PSI modern layer - applied after page css.
   Identity rule: the black logo tile sets the palette. Accent = black ink on white.
   No gradient scrims, no glass chrome, no hover-lift card theatrics (see unslop skill). */
:root{
  --psi-ink:#1b1b1b;
  --psi-paper:#ffffff;
  --psi-hair:#d9d9d9;
  --psi-muted:#4b4b4d;
}
::selection{background:#1b1b1b;color:#fff}

/* header: present at every width, logo tile, real links on desktop */
.header{display:flex !important;border-bottom:1px solid var(--psi-hair);box-shadow:none}
.header__title{margin:0 auto}
.header__title a{display:flex;align-items:center;gap:10px}
.brand-logo{width:30px;height:30px;border-radius:7px;display:block}
.header__nav{display:none}
@media (min-width:1000px){
  .header .burger-btn{display:none}
  .header__nav{
    display:flex;position:absolute;right:32px;top:0;height:72px;
    align-items:center;gap:28px;
  }
  .header__nav a{
    color:var(--psi-ink);font-weight:500;letter-spacing:.01em;
    padding:6px 2px;border-bottom:2px solid transparent;
  }
  .header__nav a:hover{border-bottom-color:#000}
  main{padding-top:72px}
}

/* hero: flat scrim band, honest height, no color wash */
.wrapper{
  height:auto;min-height:62vh;
  padding:110px 24px 120px;
  background-image:linear-gradient(rgba(8,10,12,.58),rgba(8,10,12,.58)),url("../images/wrapper.jpg");
  background-size:cover;background-position:center;background-attachment:scroll;
}
.wrapper__title h1{text-shadow:0 1px 8px rgba(0,0,0,.45)}
.wrapper__content-text p{text-shadow:0 1px 6px rgba(0,0,0,.45)}

/* primary actions: black buttons, the logo tile's own colors */
.btn a,
.wrapper .btn a{
  display:inline-block;background:#000;color:#fff;
  border:1.5px solid #000;border-radius:4px;
  padding:14px 30px;font-size:15px;letter-spacing:.02em;
  transition:background .15s ease,color .15s ease;
}
.btn a:hover,
.wrapper .btn a:hover{background:#fff;color:#000}
.contacts button[type="submit"]{
  background:#000;color:#fff;border:1.5px solid #000;border-radius:4px;
  letter-spacing:.02em;transition:background .15s ease;
}
.contacts button[type="submit"]:hover{background:#333;border-color:#333}

/* services: flat 3-up grid, content earns the frame */
.services__content{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:1100px){.services__content{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
.services .card{
  height:100%;background:var(--psi-paper);
  border:1px solid var(--psi-hair);border-radius:6px;overflow:hidden;
  transition:box-shadow .15s ease;
}
.services .card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.services .card__content img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.services .card__title{padding:16px 18px 0;text-align:left}
.services .card__description{padding:6px 18px 18px;text-align:left}

/* about cards: same hairline restraint */
.about .card{border:1px solid var(--psi-hair);border-radius:6px}

/* form */
.contacts input[type="text"],
.contacts input[type="email"],
.contacts textarea{border:1px solid #c9c9cb;border-radius:6px;padding:12px 14px}
.contacts input:focus,.contacts textarea:focus{outline:2px solid #000;outline-offset:1px;border-color:#000}
#contacts-content a{color:#000;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* section titles: near-black instead of washed green */
h4{color:var(--psi-ink)}

/* footer: light, readable, hairline */
.footer{background:var(--psi-paper);border-top:1px solid var(--psi-hair);color:var(--psi-muted)}
.footer a{color:var(--psi-ink)}
.footer a:hover{text-decoration:underline}

/* desktop: retire the legacy always-open sidebar; header nav owns navigation */
@media (min-width:1281px){
  .sidebar{display:none !important}
  main,.footer{margin-left:0}
}

/* services: images bleed to card, text at full measure */
.services .card__content{padding:0;text-align:left}
.services .card__title h5{text-align:left}
.services .card__content img{width:100%;max-width:none;height:auto;margin:0;display:block}
.services .card__description p{max-width:none;margin:8px 0 0}

/* keyboard */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid #000;outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}

/* monochrome brand: kill stock-photo color casts (luminosity over ink) */
.wrapper{background-color:#101215;background-blend-mode:luminosity}
.about .about__content-card{background-color:#14161a;background-blend-mode:luminosity}
.about .about__content-card.card3{background-image:linear-gradient(rgba(59,59,59,.75),rgba(59,59,59,.75)),url("../images/consulting_services.jpg")}