/*
Theme Name: DIGKI Sting Grey
Theme URI: https://digki.de
Author: AIKI
Description: Modernes, reduziertes WordPress-Theme für KI, IT, Smart Home und Automation. Inspiriert von editorialer Agentur-Typografie, eigener Sting-Grey Jeep Wrangler Rubicon Farbwelt.
Version: 1.0.0
Text Domain: digki-sting
*/

:root{
  --bg:#0f1112;
  --bg-2:#191b1c;
  --panel:#232627;
  --panel-2:#2e3233;
  --ink:#f4f1eb;
  --muted:#c2beb6;
  --subtle:#a39e96;
  --line:#3e4243;
  --sting:#b0aba3;
  --sting-light:#d8d3ca;
  --sand:#c0b39b;
  --olive:#656961;
  --black:#080a0b;
  --max:1240px;
  --pad:clamp(22px,4vw,64px);
  --font:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif;
  --mono:"SF Mono","Menlo","Consolas",monospace;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} ::selection{background:var(--sand);color:var(--black)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,19,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(244,241,234,.08)}
.nav{max-width:var(--max);margin:0 auto;padding:18px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:42px;height:42px;border:1px solid var(--sting);display:grid;place-items:center;color:var(--sand);font-family:var(--mono);font-size:12px}.nav-links{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--sting);padding:11px 16px;color:var(--ink)}
.hero{min-height:88vh;display:grid;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(194,173,134,.16),transparent 34%),linear-gradient(135deg,#0b0d0e 0%,#1c2325 52%,#343b3d 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.92),rgba(8,10,11,.42),rgba(8,10,11,.12)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 88px);pointer-events:none}.hero-inner{position:relative;max-width:var(--max);margin:0 auto;width:100%;padding:110px var(--pad) 86px}.eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--sand);margin-bottom:22px}.hero h1{font-size:clamp(46px,9vw,124px);line-height:.88;margin:0;text-transform:uppercase;letter-spacing:-.07em;font-weight:900;max-width:970px}.hero .bar{width:180px;height:7px;background:var(--sand);margin:34px 0 28px}.lead{font-size:clamp(19px,2.1vw,29px);line-height:1.18;color:var(--sting-light);max-width:820px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ink);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:13px;transition:.18s ease;background:transparent}.btn:hover{background:var(--ink);color:var(--black)}.btn.secondary{border-color:var(--line);color:var(--muted)}.btn.secondary:hover{border-color:var(--sand);background:var(--sand);color:var(--black)}
.section{padding:clamp(72px,10vw,138px) var(--pad);border-top:1px solid rgba(244,241,234,.08)}.section.light{background:var(--ink);color:#171b1c}.wrap{max-width:var(--max);margin:0 auto}.split{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.35fr);gap:clamp(40px,7vw,100px);align-items:start}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);margin-bottom:18px}.section h2{font-size:clamp(38px,6.2vw,86px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0}.copy{font-size:clamp(18px,1.6vw,23px);line-height:1.35;color:var(--muted)}.light .copy{color:#55514b}.copy p:first-child{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--bg-2);padding:34px;min-height:260px}.light .card{background:#eee9df}.card .num{font-family:var(--mono);font-size:12px;color:var(--sand);margin-bottom:34px}.card h3{margin:0 0 16px;font-size:24px;line-height:1;text-transform:uppercase;letter-spacing:-.035em}.card p{margin:0;color:var(--muted)}.light .card p{color:#625d55}.marquee{overflow:hidden;border-block:1px solid rgba(244,241,234,.12);background:#111617}.marquee-track{white-space:nowrap;font-size:clamp(42px,8vw,118px);font-weight:900;text-transform:uppercase;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.25);padding:26px 0;animation:roll 32s linear infinite}@keyframes roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill{border:1px solid var(--line);padding:10px 13px;font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase}.light .pill{border-color:#cfc7b8;color:#514d47}.journal-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1px;background:var(--line);border:1px solid var(--line)}.post-card{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;background:var(--bg-2);padding:30px}.post-card.featured{min-height:460px}.post-meta{font-family:var(--mono);font-size:12px;color:var(--sand);text-transform:uppercase;letter-spacing:.1em}.post-card h3{font-size:clamp(26px,3vw,44px);letter-spacing:-.04em;line-height:.95;text-transform:uppercase;margin:24px 0}.post-card p{color:var(--muted);margin:0}.contact{background:linear-gradient(135deg,#1f2628,#0f1314);border:1px solid var(--line);padding:clamp(34px,6vw,70px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.contact h2{font-size:clamp(44px,8vw,104px)}.site-footer{padding:36px var(--pad);border-top:1px solid rgba(244,241,234,.1);color:var(--subtle);font-family:var(--mono);font-size:12px}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-title{padding:90px var(--pad) 50px}.content{max-width:860px;margin:0 auto;padding:50px var(--pad);font-size:19px;color:var(--muted)}.content h1,.content h2,.content h3{color:var(--ink);text-transform:uppercase;letter-spacing:-.04em}.light .content h1{color:#171b1c}
@media (max-width:900px){.nav{align-items:flex-start}.nav-links{display:none}.hero{min-height:82vh}.split,.contact{grid-template-columns:1fr}.grid,.journal-grid{grid-template-columns:1fr}.post-card.featured{min-height:320px}.card{min-height:auto}.hero-inner{padding-top:88px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.marquee-track{animation:none}}

.visual-band{padding:clamp(60px,8vw,120px) var(--pad);background:#0d0f10;border-top:1px solid rgba(244,241,234,.08)}
.visual-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.visual-tile{min-height:360px;background:var(--bg-2);position:relative;overflow:hidden}
.visual-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04)}
.visual-tile.small{display:grid;grid-template-rows:1fr 1fr}.visual-caption{position:absolute;left:24px;bottom:22px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);background:rgba(16,17,18,.62);border:1px solid rgba(176,171,163,.38);padding:10px 12px;backdrop-filter:blur(10px)}
.legal-links{display:flex;gap:16px;flex-wrap:wrap}.legal-links a{color:#c2beb6}.legal-links a:hover{color:var(--ink)}
@media (max-width:900px){.visual-grid{grid-template-columns:1fr}.visual-tile{min-height:260px}}

.ai-act-highlight{margin-top:34px;border:1px solid rgba(176,171,163,.38);background:linear-gradient(135deg,rgba(176,171,163,.12),rgba(62,66,67,.16));padding:24px;display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}
.ai-act-highlight .badge{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--sting);padding:10px 12px;text-align:center;font-weight:900}
.ai-act-highlight h3{margin:0 0 10px;font-size:28px;line-height:.98;text-transform:uppercase;letter-spacing:-.04em}
.ai-act-highlight p{margin:.4em 0;color:var(--muted);font-size:17px}.light .ai-act-highlight p{color:#55514b}
.prompt-box{margin-top:24px;border:1px solid var(--line);background:rgba(8,10,11,.48);padding:18px;font-family:var(--mono);font-size:12px;color:var(--muted);white-space:pre-wrap}
@media (max-width:700px){.ai-act-highlight{grid-template-columns:1fr}}