/* aigency.ch · Seite «Killgate» (Dominic 7.11.2026, Angebotsseite)
   Das Killgate als eigenes Produkt: vier Prüfarten, Muster-Akte mit vier Urteilen, Ablauf in vier Schritten,
   Preis auf Anfrage, Leitsatz, Fragen. Baut auf den Magazin-Bausteinen in v2.css auf.
   Farben nur aus tokens.css, Seitenfarbe di (Moos / Ziegel). Keine Radien ausser Kreisen, keine Verläufe. */

.kt-types,.kt-result,.kt-flow-sec,.kt-state{--pad-x:max(var(--sheet-pad), calc((100% - var(--content-max)) / 2));padding:clamp(64px,8vw,120px) var(--pad-x)}

/* ── Titelbild: quadratische Collage rechts, Papierton der Collage = Grund des Titelbilds ── */
.kt-cover .mag-cover-img{top:calc((100% - 100px) / 2);translate:0 -50%;right:0;left:auto;bottom:auto;width:auto;height:min(calc(100% - 100px), 56vw);max-width:none;aspect-ratio:1/1;object-fit:cover}
.kt-cover .mag-cover-in{max-width:min(600px,46vw)}
.kt-cover .mag-title{font-size:clamp(48px,5.6vw,84px)}
.kt-cover .mag-dek{max-width:36ch}
.kt-cover .mag-lines span{max-width:20ch}

/* ── Worum es geht: grosse Zahl, Quellenzeile ── */
.mag-what .kt-n{display:block;font-family:var(--f-display);font-style:italic;font-weight:400;font-size:clamp(56px,6.4vw,96px);line-height:.92;margin:2px 0 12px;color:var(--ink);white-space:nowrap}
.mag-what .ba-after .kt-n{color:var(--day-deep)}
.mag-what .ba p{max-width:32ch}
.kt-src{font-size:12.5px;line-height:1.5;max-width:80ch}

/* ══ 01 Vier Prüfarten: Karteikarten auf Tinte, je ein Collage-Objekt ══ */
.kt-types .mag-head{max-width:820px}
.kt-cards{list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.2vw,32px);align-items:stretch}
.kt-card{position:relative;display:flex;flex-direction:column;padding:34px 24px 24px;background:var(--sheet);color:var(--ink);border-top:6px solid var(--day);box-shadow:0 26px 44px -26px rgba(0,0,0,.95)}
.kt-card:nth-child(odd){rotate:-.7deg}
.kt-card:nth-child(even){rotate:.6deg;border-top-color:var(--day2);margin-top:36px}
.kt-obj{position:absolute;top:-46px;right:-12px;width:118px;height:auto;rotate:8deg;filter:drop-shadow(0 12px 12px rgba(0,0,0,.45));pointer-events:none}
.kt-card:nth-child(3) .kt-obj{width:70px;top:-58px;right:6px;rotate:-10deg}
.kt-card:nth-child(4) .kt-obj{rotate:-6deg}
.kt-no{font-family:var(--f-display);font-style:italic;font-size:44px;line-height:1;color:var(--day-deep)}
.kt-card:nth-child(even) .kt-no{color:var(--day2-deep)}
.kt-card-h{margin:10px 0 18px;font-family:var(--f-display);font-weight:400;font-size:30px;line-height:1.08;color:var(--ink)}
.kt-card-h em{display:block;margin-top:4px;font-style:italic;font-size:21px;line-height:1.15}
.kt-chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.kt-chips li{padding:6px 10px 5px;border:.75px solid var(--ink);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:var(--ink)}
.kt-chips li:first-child{background:var(--day-tint);border-color:var(--day-tint)}
.kt-card:nth-child(even) .kt-chips li:first-child{background:var(--day2-tint);border-color:var(--day2-tint)}
.kt-ab{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.kt-ab span{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;font-family:var(--f-display);font-size:44px;line-height:1}
.kt-ab span:last-child{rotate:4deg}
.kt-ab span:first-child{background:var(--day-tint);color:var(--ink)}
.kt-ab span:last-child{border:1.5px solid var(--ink);color:var(--ink)}
.is-ink .kt-ab i{font-family:var(--f-display);font-style:italic;font-size:22px;color:var(--ink-soft)}
.is-ink .kt-card .kt-get{margin:auto 0 0;padding-top:16px;border-top:1px dashed var(--ink);font-size:15.5px;line-height:1.45;color:var(--ink)}
.is-ink .kt-card .kt-get b{display:block;margin-bottom:4px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}

/* ══ 02 Die Akte: Muster auf dem Tisch, daneben vier Urteile als Stempel ══ */
.kt-result{background:var(--desk);color:var(--ink)}
.kt-result .mag-kicker,.kt-result .mag-kicker i{color:var(--ink)}
.kt-res{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);align-items:start}
.kt-akte{position:relative;margin:26px 0 0;padding:40px clamp(22px,3vw,40px) 28px;background:var(--sheet);border:0;color:var(--ink);rotate:-1deg;box-shadow:0 30px 50px -30px rgba(60,40,20,.7)}
.kt-akte-tab{position:absolute;top:-28px;left:26px;padding:7px 20px 6px;background:var(--sheet);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.kt-muster{position:absolute;top:24px;right:22px;padding:6px 14px 5px;border:3px double var(--day2-deep);color:var(--day2-deep);font-size:15px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;rotate:9deg}
.kt-akte-h{margin:0 0 18px;font-family:var(--f-display);font-size:clamp(30px,3vw,40px);line-height:1}
.kt-akte dl{margin:0}
.kt-akte dl > div{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:16px;align-items:baseline;padding:11px 0;border-top:1px solid var(--rule)}
.kt-akte dt{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.kt-akte dd{margin:0;font-family:var(--f-mono);font-size:14px;color:var(--ink-soft)}
.kt-stamp-s{display:inline-block;padding:7px 12px 6px;border:3px double var(--day-deep);color:var(--day-deep);font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;rotate:-2deg}
.kt-sign{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--ink)}
.kt-sign span{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.kt-sign i{font-family:var(--f-display);font-size:30px;line-height:1;color:var(--day-deep);rotate:-3deg}

.kt-verdicts-h{margin:0 0 20px;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.kt-stamps{list-style:none;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kt-stamps > li{padding:24px 20px 20px;background:var(--paper);box-shadow:var(--shadow-note)}
.kt-stamps > li:nth-child(1){rotate:-.8deg}
.kt-stamps > li:nth-child(2){rotate:.7deg}
.kt-stamps > li:nth-child(3){rotate:.5deg}
.kt-stamps > li:nth-child(4){rotate:-.6deg}
.kt-stamps p{margin:14px 0 0;font-size:15.5px;line-height:1.45;color:var(--ink)}
.kt-stamp{display:inline-block;padding:10px 16px 9px;background:var(--sheet);border:4px double currentColor;font-size:17px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.15}
.kt-go{color:var(--day-deep);rotate:-4deg}
.kt-goa{color:var(--day2-deep);rotate:2deg;font-size:14px}
.kt-nogo{color:var(--ink);rotate:-2deg}
.kt-pivot{color:var(--day-deep);border-style:dashed;border-width:2px;rotate:3deg;font-size:13.5px}
.kt-loop{display:flex;align-items:center;gap:12px;margin-top:14px}
.kt-loop svg{flex:none;width:40px;height:40px;overflow:visible}
.kt-loop path{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kt-loop p{margin:0}
.kt-verdicts{position:relative}
.kt-res-obj{display:block;width:170px;height:auto;margin:34px 8px 0 auto;rotate:-10deg;filter:drop-shadow(0 12px 12px rgba(40,30,15,.28))}

/* ══ 03 Ablauf: vier Stationen an einer Linie, Station 3 bin ich ══ */
.kt-flow{--kt-img:120px;--kt-gap:clamp(20px,2.4vw,36px);list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kt-gap)}
.kt-flow > li{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.kt-flow img{display:block;height:var(--kt-img);width:auto;max-width:150px;object-fit:contain;object-position:left bottom;margin-bottom:18px;rotate:-4deg;filter:drop-shadow(0 12px 12px rgba(0,0,0,.5))}
.kt-flow > li:nth-child(even) img{rotate:5deg}
.kt-flow > li:not(:last-child)::after{content:"";position:absolute;top:calc(var(--kt-img) + 18px + 22px);left:52px;right:calc(var(--kt-gap) * -1 + 8px);border-top:1.5px dashed rgba(247,242,232,.55)}
.kt-dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(247,242,232,.7);font-family:var(--f-display);font-size:24px;line-height:1;color:var(--paper)}
.is-ink .kt-flow b{display:block;margin:18px 0 6px;font-family:var(--f-display);font-weight:400;font-size:28px;line-height:1.1;color:var(--paper)}
.kt-flow p{margin:0;font-size:16px;line-height:1.5;max-width:24ch}
.kt-me .kt-dot{background:var(--day2-tint);border-color:var(--day2-tint);color:var(--ink)}
.is-ink .kt-me b{color:var(--day2-tint)}
.kt-flow-sec .mag-aside{margin-top:clamp(40px,4.4vw,64px)}

/* ── 04 Preis: auf der Tönung steht nur Tinte ── */
#preis .mag-kicker i{color:var(--ink)}
#preis .mag-price-big em{color:var(--ink)}

/* ── Leitsatz auf dunklem Moos ── */
.kt-state{background:var(--day-deep);color:var(--paper);text-align:center}
.kt-state-h{margin:0 auto;max-width:22ch;font-family:var(--f-display);font-weight:400;font-size:clamp(40px,5.4vw,80px);line-height:1.04;letter-spacing:-.012em;color:var(--paper)}
.kt-state-h em{display:block;font-style:italic;color:var(--day-tint)}
.kt-nw{white-space:nowrap}
.kt-state-h .hy,.kt-flow b .hy{margin:0 -.06em}

/* ── Schluss ── */
.kt-cta{position:relative}
.kt-cta-obj{position:absolute;right:0;bottom:var(--section-y);width:clamp(140px,16vw,220px);height:auto;rotate:-8deg;filter:drop-shadow(0 10px 12px rgba(40,30,15,.22));pointer-events:none}
.kt-cta .lead{max-width:44ch}

@media (max-width:1100px){
  .kt-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:64px}
  .kt-card:nth-child(even){margin-top:0}
  .kt-card-h{max-width:none}
}
@media (max-width:900px){
  .kt-cover .mag-cover-in{max-width:560px}
  .kt-cover .mag-cover-img{position:relative;top:auto;right:auto;translate:none;height:auto;width:min(100%,520px);max-width:none;margin:8px auto 0;align-self:center;aspect-ratio:1/1}
  .kt-res{grid-template-columns:minmax(0,1fr)}
  .kt-res-obj{display:none}
  .kt-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .kt-flow > li:nth-child(2)::after{display:none}
  .kt-cta-obj{display:none}
}
@media (max-width:600px){
  .kt-cards{grid-template-columns:minmax(0,1fr);row-gap:56px}
  .kt-card{padding-top:30px}
  .kt-obj{width:96px;top:-38px}
  .kt-card:nth-child(3) .kt-obj{width:58px;top:-46px}
  .kt-stamps{grid-template-columns:minmax(0,1fr)}
  .kt-akte{rotate:0deg;padding-top:56px}
  .kt-akte dl > div{grid-template-columns:minmax(0,1fr);gap:4px}
  .kt-muster{top:16px;right:14px;font-size:13px}
  /* Ablauf senkrecht: Punkt links an der Linie, Objekt rechts */
  .kt-flow{grid-template-columns:minmax(0,1fr);row-gap:36px;--kt-gap:36px}
  .kt-flow > li{display:grid;grid-template-columns:44px minmax(0,1fr) 84px;column-gap:16px;align-items:start}
  .kt-flow img{grid-column:3;grid-row:1 / span 3;height:76px;max-width:84px;margin:0;object-position:center top}
  .kt-dot{grid-column:1;grid-row:1}
  .is-ink .kt-flow b{grid-column:2;grid-row:1;margin:8px 0 4px;font-size:25px}
  .kt-flow p{grid-column:2;grid-row:2}
  .kt-flow > li:not(:last-child)::after,.kt-flow > li:nth-child(2)::after{display:block;top:44px;bottom:calc(var(--kt-gap) * -1);left:21px;right:auto;border-top:0;border-left:1.5px dashed rgba(247,242,232,.55)}
}
@media (max-width:520px){
  .mag-lines li{flex-direction:column;gap:4px}
  .mag-what .kt-n{font-size:56px}
}

/* Echter Fall: Seiten aus dem Killgate-Bericht «Abbau-Monitoring Europa», ausgelegt wie Hefte auf dem Tisch */
.kt-real{margin-top:clamp(72px,9vw,128px);padding-top:clamp(40px,5vw,64px);border-top:.75px solid var(--ink)}
.kt-real-head{max-width:760px}
.kt-real-h{font-family:var(--f-display);font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.08;margin:0}
.kt-real-h em{font-style:italic;color:var(--day-deep)}
.kt-real-dek{font-size:17px;line-height:1.55;color:var(--ink-soft);margin:18px 0 0;max-width:60ch}
.kt-mag{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.kt-mag li{position:relative;margin-left:-5%;transform:rotate(var(--r,0deg)) translateY(var(--y,0px));transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:var(--z,1)}
.kt-mag li:first-child{margin-left:0}
.kt-mag li:nth-child(1){--r:-2.5deg;--z:6;--y:6px}.kt-mag li:nth-child(2){--r:2deg;--z:5;--y:-10px}.kt-mag li:nth-child(3){--r:-1.5deg;--z:4;--y:8px}
.kt-mag li:nth-child(4){--r:2deg;--z:3;--y:-6px}.kt-mag li:nth-child(5){--r:-2.5deg;--z:2;--y:10px}.kt-mag li:nth-child(6){--r:1.5deg;--z:1;--y:-4px}
.kt-mag a{display:block}
.kt-mag img{display:block;width:100%;height:auto;box-shadow:0 1px 0 rgba(0,0,0,.08),0 22px 34px -20px rgba(40,30,15,.55)}
@media (hover:hover){.kt-mag li:hover{z-index:9;transform:rotate(0deg) translateY(-18px) scale(1.06)}}
.kt-real-note{margin:28px 0 0;font-size:13px;color:var(--ink-soft)}
@media (max-width:900px){.kt-mag{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.kt-mag li{margin-left:0}}
@media (max-width:520px){.kt-mag{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}}