/* Portfolio-Case „Kernwerk“ — ergänzt css/wedding.css (gemeinsame Case-Bausteine) */
.kw-hero-van { margin: 0; }
.kw-hero-van img { width: 100%; height: auto; }
.kw-hero-card { width: 46%; }
.kw-print-sign { width: 100%; max-width: calc(var(--cell) * 11.5); margin: calc(var(--cell) * .5) auto calc(var(--cell) * .3) 0; transform: rotate(-1deg); transition: transform .5s cubic-bezier(.3, 1.4, .5, 1); }
.kw-print-sign:hover { transform: rotate(0); }
.kw-mosaic .k-van { grid-column: span 8; transform: rotate(-.6deg); }
.kw-mosaic .k-sign { grid-column: span 4; transform: rotate(.8deg); }
.kw-mosaic .k-front { grid-column: span 3; transform: rotate(-.7deg); }
.kw-mosaic .k-back { grid-column: span 3; transform: rotate(.6deg); }
.kw-mosaic .k-web { grid-column: span 6; transform: rotate(-.4deg); }
.kw-mosaic .m-txt { grid-column: span 12; align-self: center; border: 0; box-shadow: none; background: none; overflow: visible; padding: 0; }
@media (max-width: 900px) {
  .kw-print-sign { width: 100%; max-width: none; }
  .kw-mosaic .k-van, .kw-mosaic .k-web { grid-column: span 6; }
  .kw-mosaic .k-sign { grid-column: 2 / span 4; }
  .kw-mosaic .k-front, .kw-mosaic .k-back { grid-column: span 3; }
  .kw-mosaic .m-txt { grid-column: span 6; }
}

/* Visitenkarte auf Blau, Website auf Papier */
.kw-2col-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.kw-print-card { transform: rotate(1.2deg); }
.kw-facts-cream { border-top-color: var(--cream); }
.kw-facts-cream dt { color: var(--orange-b); }
.kw-facts-cream dd { border-bottom-color: rgba(246, 241, 230, .35); }
.kw-facts-cream dt, .kw-facts-cream dd { border-bottom-color: rgba(246, 241, 230, .35); }
.kw-card-sec .ag-p { color: var(--cream); }
.kw-web-sec .kw-stage { margin-top: calc(var(--cell) * .9); }
.kw-web-sec .ag-cap { color: var(--ink); }
.kw-web-sec .ag-phone { border-color: var(--ink); }
.kw-web-sec .ag-b-main { flex: 1 1 0; }

/* Hero-Titel in einer Zeile */
.pg-kernwerk .ag-hero .ag-h { font-size: calc(var(--cell) * 1.75); white-space: nowrap; }
.pg-kernwerk .ag-hero .ag-h b { display: inline; }
@media (max-width: 900px) {
  .pg-kernwerk .ag-hero .ag-h { font-size: clamp(56px, 21vw, 120px); }
}

/* ==========================================================================
   Mobile-Feinschliff Kernwerk (≤900px): Website-Handys nebeneinander, Karte größer
   ========================================================================== */
@media (max-width: 900px) {
  .kw-web-sec .kw-stage { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 22px 4%; margin-top: 22px; }
  .kw-web-sec .kw-stage > .ag-b-main { flex: 0 0 100%; }
  .kw-web-sec .kw-stage .ag-phone { flex: 0 0 38%; width: 38%; border-width: 2.5px; border-radius: 14px; box-shadow: 3px 3px 0 var(--ink); }
  .kw-web-sec .kw-stage .ag-p1 { transform: rotate(-2deg); }
  .kw-web-sec .kw-stage .ag-p2 { transform: rotate(2deg) translateY(6px); }
  .kw-card-sec .ag-in { gap: calc(var(--cell) * .6); }
  .kw-print-card { width: 100%; transform: rotate(.8deg); }
  .kw-print-card picture, .kw-print-card img { display: block; width: 100%; height: auto; }
  .kw-print-sign { margin-top: 18px; margin-bottom: 4px; }
  .pg-kernwerk .kw-sign-in .ag-facts { margin-top: 26px; }
}