* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:#352a1e; color:#352a1e; font-family:Tahoma, Verdana, 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:#352a1e;
  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:#ddceb2; color:#352a1e; 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:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, 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:#867258; }
.nav nav a:hover { color:#a76e3c; }

.hero { grid-area:hero; justify-content:center; }
.kick { text-transform:uppercase; letter-spacing:0.26em; font-size:12px;
  color:#a76e3c; margin-bottom:16px; }
.hero h1 { font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif; font-weight:800; line-height:0.92;
  font-size:clamp(2.6rem,7vw,5rem); letter-spacing:-0.03em; text-transform:uppercase; }
.dek { color:#867258; margin:18px 0 24px; max-width:34ch; font-size:1.1rem; }
.btn { align-self:flex-start; background:#a76e3c; color:#ffffff;
  font-weight:800; letter-spacing:0.1em; text-transform:uppercase; font-size:13px;
  padding:14px 26px; }
.btn:hover { background:#352a1e; color:#ddceb2; }

.red { grid-area:red; background:#a76e3c; color:#ffffff; }
.red .big { font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, 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:#d7bea7; color:#141414; }
.blue { grid-area:blu; background:#927659; color:#ffffff; }
.yellow h3,.blue h3 { font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, 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:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif; font-weight:800; font-size:1.7rem; margin-bottom:10px; }
.about p { color:#867258; 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:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif; font-weight:800; font-size:1.1rem; margin-bottom:8px; }
.svc p { color:#867258; font-size:0.92rem; }

.quote { grid-area:quo; background:#927659; color:#ffffff; }
.quote blockquote { font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, 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:#d7bea7; }

.contact { grid-area:con; }
.contact h2 { font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif; font-weight:800; font-size:1.7rem; margin-bottom:8px; }
.contact p { color:#867258; margin-bottom:16px; }
.lines { display:flex; flex-wrap:wrap; gap:24px; font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif; font-size:1.2rem; }
.lines a:hover { color:#a76e3c; }
.lines span { color:#867258; font-family:Tahoma, Verdana, sans-serif; font-size:1rem; }

.foot { grid-area:foot; background:#352a1e; color:#efe6d4; 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:Tahoma, Verdana, sans-serif;color:#352a1e;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:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, 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:#a76e3c;margin-bottom:10px;font-weight:700}

.xq-tl-list{list-style:none;padding:0;margin-top:24px;position:relative;border-left:2px solid rgba(53,42,30,0.14)}
.xq-tl-item{position:relative;padding:0 0 26px 26px}
.xq-tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#a76e3c;box-shadow:0 0 0 4px rgba(53,42,30,0.05)}
.xq-tl-item time{font-family:Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;font-weight:800;color:#a76e3c;display:block;margin-bottom:4px}
.xq-tl-item p{color:#867258;max-width:58ch}


/* =====================================================
   DESIGN DNA: brutal-ink
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
*{border-radius:0 !important}
h1,h2,h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif !important;text-transform:uppercase !important;letter-spacing:-0.01em !important;font-weight:900 !important}
img{filter:grayscale(1) contrast(1.18);border:3px solid #352a1e !important;box-shadow:8px 8px 0 #352a1e !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;border:3px solid #352a1e !important;box-shadow:5px 5px 0 #352a1e !important;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:3px solid #352a1e !important;box-shadow:8px 8px 0 #352a1e !important}
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:6px solid #352a1e;background:none;}