/* ============================================================
   GK DESIGNS — TEMPLATE 02 · BOLD DUO
   Red & cream brochure style · inspired by the original
   "Innovative thinking made easy" GK Designs brochure.
   ============================================================ */
@page { size: A4 portrait; margin: 0; }
@page :first { margin: 0; }

:root{
  --ink:        #1a1410;
  --red:        #c0392b;
  --red-deep:   #762017;
  --red-light:  #e95641;
  --gold:       #c5a300;
  --cream:      #f6efe1;
  --cream-deep: #ebe1cb;
  --rule:       #7c2515;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0a0908}
body{
  color:var(--ink);background:var(--cream);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  font-size:11pt;line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Inter','Bebas Neue',sans-serif;font-weight:800;letter-spacing:-.01em;margin:0;line-height:.96}
em,.ital{font-family:'Fraunces',serif;font-weight:400;font-style:italic}

.page{
  width:210mm;height:297mm;
  padding:14mm;
  background:var(--cream);color:var(--ink);
  position:relative;overflow:hidden;
  page-break-after:always;break-after:page;
  display:flex;flex-direction:column;
}

.p-cover{background:var(--red);color:#fbe9d3;padding:0}
.p-cover .red-band{all:unset;display:block;background:var(--red-deep);height:120mm}
.p-cover .red-band-mark{
  display:block;width:120mm;height:120mm;margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  font-size:200pt;line-height:.8;font-weight:900;letter-spacing:-.04em;color:var(--gold);
  text-shadow:0 4px 0 var(--rule);font-family:'Inter','Arial Black',sans-serif;
}
.p-cover .yellow-stripe{height:8mm;background:var(--gold);margin:-2mm -14mm 6mm}
.p-cover h1{font-size:42pt;margin:0 -14mm;padding:8mm 14mm 4mm;background:var(--red-deep);color:#fff;text-transform:uppercase;line-height:1}
.p-cover .tagline{font-family:'Fraunces',serif;font-style:italic;font-size:18pt;color:var(--gold);text-align:center;padding:6mm 8mm;border-top:1mm solid var(--gold);border-bottom:1mm solid var(--gold);margin:8mm 0;letter-spacing:.04em}
.p-cover .footer-bar{background:var(--ink);color:var(--cream);padding:8mm 14mm;font-size:9pt;margin:14mm -14mm -14mm;display:flex;justify-content:space-between;align-items:center;letter-spacing:.16em;text-transform:uppercase}

.bar{background:var(--red);color:#fbe9d3;padding:6mm 6mm 6mm 22mm;margin-left:-14mm;letter-spacing:.18em;text-transform:uppercase;font-size:9pt;font-weight:800;position:relative}
.bar::before{content:"";position:absolute;left:8mm;top:50%;transform:translateY(-50%);width:6mm;height:6mm;background:var(--gold);border-radius:50%;box-shadow:inset -1mm -1mm 0 var(--rule)}

.h1b{font-family:'Bebas Neue','Inter',sans-serif;font-size:46pt;line-height:.94;letter-spacing:.005em;text-transform:uppercase;color:var(--ink);margin:6mm 0 4mm}
.h2b{font-family:'Inter',sans-serif;font-size:18pt;font-weight:800;color:var(--red-deep);text-transform:uppercase;letter-spacing:.06em;margin:5mm 0 3mm}
.h3b{font-family:'Inter',sans-serif;font-weight:700;color:var(--ink);margin:3mm 0 2mm;font-size:14pt}

.eyebrow{font-family:'JetBrains Mono',monospace;letter-spacing:.22em;text-transform:uppercase;font-weight:700;font-size:7.5pt;color:var(--red-deep)}
.dek{font-family:'Fraunces',serif;font-style:italic;color:var(--ink);font-size:11pt;line-height:1.45;opacity:.85;margin-bottom:5mm}
.run{color:var(--ink);font-size:10pt;line-height:1.5;margin:0 0 2.5mm}

.bar + .h1b{margin-top:6mm}

.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:6mm}
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:8mm;flex:1;align-content:start}
.uneven{display:grid;grid-template-columns:1.7fr 1fr;gap:8mm;flex:1}

.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm}
.tile{background:#fff;border:0.4mm solid var(--red-deep);padding:3mm;min-height:24mm;display:flex;flex-direction:column;justify-content:space-between}
.tile:nth-child(odd){background:var(--red);color:#fbe9d3;border-color:var(--ink)}
.tile h4{margin:0;font-family:'Inter',sans-serif;font-weight:800;font-size:9pt;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.tile p{margin:1mm 0 0;font-size:7.5pt;line-height:1.3;opacity:.85}
.tile.solo{grid-column:1/-1;background:var(--ink);color:var(--gold);padding:5mm;min-height:14mm;text-align:center}
.tile.solo h4{font-size:11pt;letter-spacing:.18em}

.bar.bar-yellow{background:var(--gold);color:var(--ink)}
.bar.bar-cream{background:var(--cream);color:var(--ink)}
.bar.bar-ink {background:var(--ink);color:var(--cream)}
.bar.bar-ink::before{box-shadow:inset -1mm -1mm 0 var(--gold)}

.ruler{height:1mm;background:var(--ink);margin:4mm 0}
.ruler.thin{height:.4mm;margin:2mm 0}
.ruler.gold{background:var(--gold)}
.ruler.red{background:var(--red)}

.photo{width:100%;background-color:var(--ink);background-size:cover;background-position:center;border:.6mm solid #fff;outline:.4mm solid var(--ink);position:relative}
.photo.cap-bot{cursor:default}
.photo.cap-bot::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fbe9d3;font-family:'Fraunces',serif;font-style:italic;font-size:8pt;padding:6mm 5mm 3mm;letter-spacing:.04em}

.pull{background:var(--cream-deep);border-left:3mm solid var(--red);padding:6mm 7mm;font-family:'Fraunces',serif;font-style:italic;font-size:14pt;line-height:1.35;margin:4mm 0}
.pull::before{content:"\201C";display:block;font-size:30pt;line-height:.4;color:var(--red);font-style:normal;font-weight:700;margin-bottom:2mm}
.pull cite{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:7.5pt;letter-spacing:.18em;text-transform:uppercase;color:var(--red-deep);margin-top:4mm}

.runner{display:grid;grid-template-columns:auto 1fr auto;gap:3mm;align-items:center;padding:3mm 4mm;background:var(--red-deep);color:var(--cream);font-family:'Inter',sans-serif;font-weight:700;font-size:8.5pt;letter-spacing:.18em;text-transform:uppercase}

.process{display:grid;grid-template-columns:repeat(5,1fr);gap:3mm}
.process .step{background:var(--ink);color:var(--cream);padding:5mm 3mm;font-family:'Inter',sans-serif}
.process .step:nth-child(even){background:var(--red-deep)}
.process .step h4{margin:0 0 2mm;font-family:'Inter',sans-serif;font-size:10pt;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.process .step p{margin:0;font-size:8.5pt;line-height:1.35;color:#fbe9d3}

.spec{margin:2mm 0 4mm}
.spec dt{font-family:'JetBrains Mono',monospace;font-size:7.5pt;letter-spacing:.18em;text-transform:uppercase;color:var(--red-deep);font-weight:700}
.spec dd{margin:0 0 3mm;font-size:10pt}

.cred{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm}
.cred .card{background:var(--ink);color:var(--gold);padding:4mm 3mm;text-align:center}
.cred .card h4{margin:0;font-family:'JetBrains Mono',monospace;font-size:9pt;color:var(--gold);letter-spacing:.18em;text-transform:uppercase}
.cred .card .v{margin-top:2mm;font-family:'Inter',sans-serif;font-size:11pt;font-weight:800;color:#fff}

.footer{position:absolute;left:0;right:0;bottom:0;padding:6mm 14mm;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:7.5pt;letter-spacing:.18em;text-transform:uppercase;border-top:1mm solid var(--gold)}

.call-card{background:var(--red);color:#fbe9d3;padding:8mm;border:1.2mm solid #fff;font-family:'Inter',sans-serif;text-align:center;margin:6mm 0}
.call-card h4{margin:0 0 4mm;font-size:10pt;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.call-card p{margin:0;font-size:10pt;line-height:1.5}
.call-card a{color:#fff;font-weight:700}

.stat-tile{background:var(--ink);color:#fbe9d3;padding:5mm 4mm;border-left:3mm solid var(--gold)}
.stat-tile .big{display:block;font-family:'Bebas Neue','Inter',sans-serif;font-weight:900;font-size:34pt;line-height:.9;color:var(--gold)}
.stat-tile .lbl{font-family:'JetBrains Mono',monospace;font-size:7pt;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:2mm}

.collage{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:38mm 38mm;gap:2mm}
.collage .a{grid-row:1/3}
.collage .b,.collage .c{grid-row:1}
.collage .d,.collage .e{grid-row:2}

.print-hint{position:absolute;top:1mm;right:1mm;font-family:'JetBrains Mono',monospace;font-size:6pt;letter-spacing:.18em;color:var(--ink);opacity:.3}
@media print{
  body{background:#fff}
  .print-hint{display:none}
}