/* Ergänzung zum Portfolio-Listing (Entwurf): Abschnitt „Aus der Agenturtätigkeit“ und Karte P-07.
   Nutzt die bestehenden Variablen und Klassen (home.css, leistung.css, pages.css). */
.f-ag-head { --rows: 5.2; z-index: 4; }
.f-ag-head .g { --mask: radial-gradient(ellipse 40% 60% at 15% 50%, #000 0, transparent 100%), radial-gradient(ellipse 35% 55% at 88% 40%, rgba(0,0,0,.7) 0, transparent 100%); }
.ag-hd-tag { --x: 1; --y: .6; transform: rotate(-1.5deg); }
.ag-hd-h { --x: 1; --y: 1.4; font-size: calc(var(--cell) * 1.3); line-height: .95; white-space: nowrap; width: auto !important; }
.ag-hd-h b { color: var(--orange-l); font-weight: inherit; }
.ag-hd-copy { --x: 1; --y: 3.1; --w: 8.6; font-size: 17px; line-height: 1.5; }
/* Karte P-07: dunkle Fläche, Text links, drei Bilder rechts */
.f-feat7 { color: var(--cream); }
.f-feat7 .ft-h { font-size: calc(var(--cell) * 1.05); }
.f-feat7 .plane.pl-fill { --pc: var(--ink); }
.f-feat7 .ft-kv dt, .f-feat7 .ft-kv dd { border-bottom-color: rgba(246,241,230,.3); }
.big-lm .cp1 { left: 0; top: calc(var(--cell) * .3); width: calc(var(--cell) * 5.4); transform: rotate(-2.5deg); --d: 1; }
.big-lm .cp2 { left: calc(var(--cell) * 1.9); top: calc(var(--cell) * 2.9); width: calc(var(--cell) * 4.2); transform: rotate(3deg); --d: 1.5; z-index: 2; }
.big-lm .cp3 { left: calc(var(--cell) * .2); top: calc(var(--cell) * 4.9); width: calc(var(--cell) * 3.1); transform: rotate(-3deg); --d: 2; z-index: 3; }
.big-lm:hover .cp1 { transform: translateY(-10px) rotate(-4deg); }
.big-lm:hover .cp2 { transform: translateY(-8px) rotate(5deg); }
.big-lm:hover .cp3 { transform: rotate(-5deg) translateX(-6px); }
@media (max-width: 900px) {
  .ag-hd-h { white-space: normal; font-size: clamp(44px, 15vw, 96px); }
  .f-ag-head { padding: calc(var(--cell) * 1.2) calc(var(--cell) * 1) calc(var(--cell) * .4); height: auto; }
  .f-feat7 .big-col { order: 10; }
}