* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:#e6e0ea; color:#e6e0ea; font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif; font-size:16px;
  line-height:1.5; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; width:100%; height:100%; object-fit:cover; }
a { color:inherit; text-decoration:none; }

.mond { max-width:1200px; margin:0 auto; display:grid; gap:7px; padding:7px;
  background:#e6e0ea;
  grid-template-columns:repeat(6,1fr);
  grid-auto-rows:minmax(120px,auto);
  grid-template-areas:
    "nav  nav  nav  nav  nav  nav"
    "hero hero hero red  red  imga"
    "hero hero hero yel  blu  imga"
    "abt  abt  abt  abt  svc1 svc2"
    "imgb imgc imgc imgc svc1 svc2"
    "imgb quo  quo  quo  reds reds"
    "con  con  con  con  con  con"
    "foot foot foot foot foot foot"; }

.cell { background:#151119; color:#e6e0ea; padding:22px;
  display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.cell.img { padding:0; }

.nav { grid-area:nav; flex-direction:row; align-items:center;
  justify-content:space-between; padding:16px 22px; }
.brand { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:20px;
  letter-spacing:-0.01em; text-transform:uppercase; }
.nav nav a { margin-left:22px; font-weight:600; font-size:14px; color:#565060; }
.nav nav a:hover { color:#b3121c; }

.hero { grid-area:hero; justify-content:center; }
.kick { text-transform:uppercase; letter-spacing:0.26em; font-size:12px;
  color:#b3121c; margin-bottom:16px; }
.hero h1 { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; line-height:0.92;
  font-size:clamp(2.6rem,7vw,5rem); letter-spacing:-0.03em; text-transform:uppercase; }
.dek { color:#565060; margin:18px 0 24px; max-width:34ch; font-size:1.1rem; }
.btn { align-self:flex-start; background:#b3121c; color:#ffffff;
  font-weight:800; letter-spacing:0.1em; text-transform:uppercase; font-size:13px;
  padding:14px 26px; }
.btn:hover { background:#e6e0ea; color:#151119; }

.red { grid-area:red; background:#b3121c; color:#ffffff; }
.red .big { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:3.4rem; line-height:1; }
.red .tag { text-transform:uppercase; letter-spacing:0.16em; font-size:11px;
  margin-top:8px; opacity:0.9; }
.yellow { grid-area:yel; background:#dd9499; color:#141414; }
.blue { grid-area:blu; background:#4b0e14; color:#ffffff; }
.yellow h3,.blue h3 { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:1.05rem;
  margin-bottom:8px; }
.yellow p,.blue p { font-size:0.9rem; opacity:0.92; }

.imga { grid-area:imga; } .imgb { grid-area:imgb; } .imgc { grid-area:imgc; }

.about { grid-area:abt; }
.about h2 { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:1.7rem; margin-bottom:10px; }
.about p { color:#565060; max-width:60ch; }

.svc { }
.mond .svc:nth-of-type(8) { grid-area:svc1; }
.mond .svc:nth-of-type(9) { grid-area:svc2; }
.svc h3 { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:1.1rem; margin-bottom:8px; }
.svc p { color:#565060; font-size:0.92rem; }

.quote { grid-area:quo; background:#4b0e14; color:#ffffff; }
.quote blockquote { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:700; font-size:clamp(1.2rem,3vw,1.9rem);
  line-height:1.2; }
.quote cite { font-style:normal; margin-top:12px; font-size:12px; letter-spacing:0.12em;
  text-transform:uppercase; opacity:0.85; }

.redsm { grid-area:reds; background:#dd9499; }

.contact { grid-area:con; }
.contact h2 { font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-weight:800; font-size:1.7rem; margin-bottom:8px; }
.contact p { color:#565060; margin-bottom:16px; }
.lines { display:flex; flex-wrap:wrap; gap:24px; font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif; font-size:1.2rem; }
.lines a:hover { color:#b3121c; }
.lines span { color:#565060; font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif; font-size:1rem; }

.foot { grid-area:foot; background:#e6e0ea; color:#09080b; flex-direction:row;
  justify-content:center; text-align:center; font-size:12px; letter-spacing:0.16em;
  text-transform:uppercase; padding:16px; }

@media (max-width:820px){
  .mond{ grid-template-columns:1fr 1fr;
    grid-template-areas:
      "nav nav" "hero hero" "red imga" "yel blu"
      "abt abt" "svc1 svc2" "imgb imgc" "quo quo"
      "reds reds" "con con" "foot foot"; }
}


.xq{box-sizing:border-box;font-family:'Century Gothic', 'Apple Gothic', 'Segoe UI', sans-serif;color:#e6e0ea;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#b3121c;margin-bottom:10px;font-weight:700}

.xq-checklist{list-style:none;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 26px}
.xq-checklist li{position:relative;padding:10px 0 10px 32px;border-bottom:1px dashed rgba(230,224,234,0.14)}
.xq-checklist li::before{content:"\2713";position:absolute;left:0;top:8px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:#b3121c;color:#ffffff;font-size:.75rem;font-weight:800}


/* =====================================================
   DESIGN DNA: mono-outline
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
*{box-shadow:none !important;border-radius:0 !important}
h1,h2,h3{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;text-transform:uppercase !important;letter-spacing:.18em !important;font-weight:400 !important}
img{filter:grayscale(.85) contrast(1.05);outline:1px solid #ebe6ee;outline-offset:8px;margin:8px}
a[class*="btn"],button,span[class*="btn"]{background:transparent !important;color:inherit !important;border:2px solid currentColor !important;text-transform:uppercase;letter-spacing:.2em;font-size:.8em}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:1.5px solid rgba(235,230,238,.8) !important;background:transparent !important}
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:1px solid rgba(235,230,238,.8);background:none;margin:10px}